@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon,
.product__listing.product__list .product__list--item.tag-highlighted:after,
.product__listing.product__grid .product-item.tag-highlighted:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #3c3c3c;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #0068b3;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #003c66;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 0;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 637px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 92%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #0068b3;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #004a80;
}
.text-success {
  color: #3e5983;
}
a.text-success:hover,
a.text-success:focus {
  color: #2e4160;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #3c3c3c;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #232323;
}
.bg-primary {
  color: #fff;
  background-color: #0068b3;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #004a80;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
@media (min-width: 637px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014 \00A0";
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: "\00A0 \2014";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 0;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 637px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .container {
    width: 1280px;
  }
}
@media (min-width: 1281px) {
  .container {
    width: 1920px;
  }
}
.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 637px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1025px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1281px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #e5e5e5;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #e5e5e5;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 636px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #e5e5e5;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #3c3c3c;
}
.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #3c3c3c;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #0068b3;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 104, 179, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 104, 179, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 32px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 40px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 42px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 40px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
select.input-sm {
  height: 40px;
  line-height: 40px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 40px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.form-group-sm select.form-control {
  height: 40px;
  line-height: 40px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 40px;
  min-height: 33px;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.input-lg {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
select.input-lg {
  height: 42px;
  line-height: 42px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.form-group-lg select.form-control {
  height: 42px;
  line-height: 42px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 42px;
  min-height: 38px;
  padding: 11px 15px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 40px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3e5983;
}
.has-success .form-control {
  border-color: #3e5983;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2e4160;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
}
.has-success .input-group-addon {
  color: #3e5983;
  background-color: #dff0d8;
  border-color: #3e5983;
}
.has-success .form-control-feedback {
  color: #3e5983;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #3c3c3c;
}
.has-error .form-control {
  border-color: #3c3c3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #232323;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6f6f6f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6f6f6f;
}
.has-error .input-group-addon {
  color: #3c3c3c;
  background-color: #f2dede;
  border-color: #3c3c3c;
}
.has-error .form-control-feedback {
  color: #3c3c3c;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #7c7c7c;
}
@media (min-width: 637px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 637px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 10px;
}
@media (min-width: 637px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 637px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 13px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #ffffff;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #ffffff;
  background-color: #929292;
  border-color: #929292;
}
.btn-default:focus,
.btn-default.focus {
  color: #ffffff;
  background-color: #797979;
  border-color: #525252;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #797979;
  border-color: #737373;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #797979;
  background-image: none;
  border-color: #737373;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: #676767;
  border-color: #525252;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #929292;
  border-color: #929292;
}
.btn-default .badge {
  color: #929292;
  background-color: #ffffff;
}
.btn-primary {
  color: #ffffff;
  background-color: #0068b3;
  border-color: #0068b3;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #004a80;
  border-color: #001e33;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #004a80;
  border-color: #004476;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #004a80;
  background-image: none;
  border-color: #004476;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #00365c;
  border-color: #001e33;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #0068b3;
  border-color: #0068b3;
}
.btn-primary .badge {
  color: #0068b3;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: transparent;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  background-image: none;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: transparent;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #000000;
  border-color: transparent;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:hover {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #000000;
  background-image: none;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #000000;
  border-color: transparent;
}
.btn-info .badge {
  color: #000000;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: transparent;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  background-image: none;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: transparent;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: transparent;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  background-image: none;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: transparent;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  font-weight: 400;
  color: #0068b3;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #003c66;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0068b3;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 637px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  line-height: 42px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  height: 40px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 40px;
  line-height: 40px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 40px;
  line-height: 40px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #3c3c3c;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 0;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 0;
}
.input-group-addon.input-lg {
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 0;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #0068b3;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 637px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 637px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 0;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #0068b3;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 637px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 637px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 637px) {
  .navbar {
    border-radius: 0;
  }
}
@media (min-width: 637px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 10px;
  padding-left: 10px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 637px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 320px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 637px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 637px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 637px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 10px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 637px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 637px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -10px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 636px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 637px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 10px;
  margin-right: -10px;
  margin-left: -10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 9px;
  margin-bottom: 9px;
}
@media (min-width: 637px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 636px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 637px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 9px;
  margin-bottom: 9px;
}
.navbar-btn.btn-sm {
  margin-top: 5px;
  margin-bottom: 5px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 637px) {
  .navbar-text {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media (min-width: 637px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -10px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li > a {
  color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
@media (max-width: 636px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-link {
  color: #777777;
}
.navbar-default .navbar-link:hover {
  color: #333333;
}
.navbar-default .btn-link {
  color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #080808;
}
@media (max-width: 636px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444444;
}
.breadcrumb {
  padding: 10px 0;
  margin-bottom: 20px;
  list-style: none;
  background-color: #d9d9d9;
  border-radius: 0;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #3c3c3c;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #3c3c3c;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #0068b3;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #a6a6a6;
  background-color: transparent;
  border-color: #dddddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #a6a6a6;
  cursor: default;
  background-color: #0068b3;
  border-color: #0068b3;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #a6a6a6;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #a6a6a6;
  cursor: not-allowed;
  background-color: #ffffff;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #929292;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #0068b3;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #004a80;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #000000;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #000000;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #0068b3;
  background-color: #ffffff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 0;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 637px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #0068b3;
}
.thumbnail .caption {
  padding: 9px;
  color: #3c3c3c;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3d5943;
  background-color: #cce6d3;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #283b2c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #3c3c3c;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #232323;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 13px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #0068b3;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #000000;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #0068b3;
  border-color: #0068b3;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #80caff;
}
a.list-group-item,
button.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item-success {
  color: #3e5983;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3e5983;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3e5983;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3e5983;
  border-color: #3e5983;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #3c3c3c;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #3c3c3c;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #3c3c3c;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #3c3c3c;
  border-color: #3c3c3c;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: -1;
  border-top-right-radius: -1;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: -1;
  border-top-right-radius: -1;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: -1;
  border-top-right-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: -1;
  border-top-right-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: -1;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -1;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #e5e5e5;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f2f4f7;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f2f4f7;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #0068b3;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #0068b3;
  border-color: #0068b3;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0068b3;
}
.panel-primary > .panel-heading .badge {
  color: #0068b3;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0068b3;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3e5983;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3e5983;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #3c3c3c;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #3c3c3c;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 0;
}
.well-sm {
  padding: 9px;
  border-radius: 0;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 637px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 1025px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 13px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 0;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #ffffff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #ffffff;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: -1 -1 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "\2039";
}
.carousel-control .icon-next:before {
  content: "\203a";
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 637px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.cart__content:before,
.cart__content:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.cart__content:after {
  clear: both;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.cart__content:after {
  content: "";
  clear: both;
  display: table;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 636px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 636px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 636px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 636px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1281px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1281px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1281px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1281px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 636px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1281px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* jQuery */
/*! jQuery UI - v1.13.0 - 2021-11-13
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(97.6%);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}
.ui-checkboxradio-disabled {
  pointer-events: none;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}
.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}
.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}
.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}
.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}
.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  -ms-filter: "alpha(opacity=25)";
  /* support: IE8 */
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}
.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}
.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  -ms-filter: "alpha(opacity=70)";
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 - See #6059 */
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  -ms-filter: alpha(opacity=30);
  /* support: IE8 */
}
.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}
.date-picker {
  width: 170px;
  height: 25px;
  padding: 0;
  border: 0;
  line-height: 25px;
  padding-left: 10px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  cursor: pointer;
  color: #303030;
  position: relative;
  z-index: 2;
}
.date-picker-wrapper {
  position: absolute;
  z-index: 1;
  border: 1px solid #bfbfbf;
  background-color: #efefef;
  padding: 5px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #aaa;
  font-family: Arial, sans-serif;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  box-sizing: initial;
}
.dp-clearfix {
  clear: both;
  height: 0;
  font-size: 0;
}
.date-picker-wrapper.inline-wrapper {
  position: relative;
  box-shadow: none;
  display: inline-block;
}
.date-picker-wrapper.single-date {
  width: auto;
}
.date-picker-wrapper.no-shortcuts {
  padding-bottom: 12px;
}
.date-picker-wrapper.no-topbar {
  padding-top: 12px;
}
.date-picker-wrapper .footer {
  font-size: 11px;
  padding-top: 3px;
}
.date-picker-wrapper b {
  color: #666;
  font-weight: 700;
}
.date-picker-wrapper a {
  color: #6bb4d6;
  text-decoration: underline;
}
.date-picker-wrapper .month-name {
  text-transform: uppercase;
}
.date-picker-wrapper .select-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.date-picker-wrapper .select-wrapper:hover {
  text-decoration: underline;
}
.date-picker-wrapper .month-element {
  display: inline-block;
  vertical-align: middle;
}
.date-picker-wrapper .select-wrapper select {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: -1px;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-transform: inherit;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  outline: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  opacity: 0.01;
}
.date-picker-wrapper .month-wrapper {
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  background-color: #fff;
  padding: 5px;
  cursor: default;
  position: relative;
  _overflow: hidden;
}
.date-picker-wrapper .month-wrapper table {
  width: 190px;
  float: left;
}
.date-picker-wrapper .month-wrapper table.month2 {
  width: 190px;
  float: left;
}
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
  vertical-align: middle;
  text-align: center;
  line-height: 14px;
  margin: 0px;
  padding: 0px;
}
.date-picker-wrapper .month-wrapper table .day {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #ccc;
  cursor: default;
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth {
  color: #999;
  cursor: default;
}
.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #9cdbf7;
}
.date-picker-wrapper .month-wrapper table .week-name {
  height: 20px;
  line-height: 20px;
  font-weight: 100;
  text-transform: uppercase;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip {
  cursor: help !important;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
  white-space: nowrap;
}
.date-picker-wrapper .time label {
  white-space: nowrap;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #333;
  cursor: pointer;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #cdecfa;
}
.date-picker-wrapper .month-wrapper table .day.nextMonth,
.date-picker-wrapper .month-wrapper table .day.lastMonth {
  display: none;
}
.date-picker-wrapper .month-wrapper table .day.real-today {
  background-color: #ffe684;
}
.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background-color: #70ccd5;
}
.date-picker-wrapper table .caption {
  height: 40px;
}
.date-picker-wrapper table .caption > th:first-of-type,
.date-picker-wrapper table .caption > th:last-of-type {
  width: 27px;
}
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
  padding: 0 5px;
  cursor: pointer;
}
.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
  background-color: #ccc;
  color: white;
}
.date-picker-wrapper .gap {
  position: relative;
  z-index: 1;
  width: 15px;
  height: 100%;
  background-color: red;
  font-size: 0;
  line-height: 0;
  float: left;
  top: -5px;
  margin: 0 10px -10px;
  visibility: hidden;
  height: 0;
}
.date-picker-wrapper .gap .gap-lines {
  height: 100%;
  overflow: hidden;
}
.date-picker-wrapper .gap .gap-line {
  height: 15px;
  width: 15px;
  position: relative;
}
.date-picker-wrapper .gap .gap-line .gap-1 {
  z-index: 1;
  height: 0;
  border-left: 8px solid white;
  border-top: 8px solid #eee;
  border-bottom: 8px solid #eee;
}
.date-picker-wrapper .gap .gap-line .gap-2 {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid white;
}
.date-picker-wrapper .gap .gap-line .gap-3 {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-bottom: 8px solid white;
}
.date-picker-wrapper .gap .gap-top-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 1px;
  background-color: #eee;
  z-index: 3;
}
.date-picker-wrapper .gap .gap-bottom-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 7px;
  background-color: #eee;
  z-index: 3;
}
.date-picker-wrapper .selected-days {
  display: none;
}
.date-picker-wrapper .drp_top-bar {
  line-height: 1.4;
  position: relative;
  padding: 10px 40px 10px 0;
}
.date-picker-wrapper .drp_top-bar .error-top,
.date-picker-wrapper .drp_top-bar .normal-top {
  display: none;
}
.date-picker-wrapper .drp_top-bar .default-top {
  display: block;
}
.date-picker-wrapper .drp_top-bar.error .default-top {
  display: none;
}
.date-picker-wrapper .drp_top-bar.error .error-top {
  display: block;
  color: red;
}
.date-picker-wrapper .drp_top-bar.normal .default-top {
  display: none;
}
.date-picker-wrapper .drp_top-bar.normal .normal-top {
  display: block;
}
.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
  color: #333;
}
.date-picker-wrapper .drp_top-bar .apply-btn {
  position: absolute;
  right: 0px;
  top: 6px;
  padding: 3px 5px;
  margin: 0;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
  color: white;
  line-height: initial;
}
.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  cursor: pointer;
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
  background: -moz-linear-gradient(top, #ffffff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.date-picker-wrapper .time {
  position: relative;
}
.date-picker-wrapper.single-month .time {
  display: block;
}
.date-picker-wrapper .time input[type=range] {
  vertical-align: middle;
  width: 129px;
  padding: 0;
  margin: 0;
  height: 20px;
}
.date-picker-wrapper .time1 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}
/*time styling*/
.time2 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}
.date-picker-wrapper .time1 {
  float: left;
}
.date-picker-wrapper .time2 {
  float: right;
}
.date-picker-wrapper .hour {
  text-align: right;
}
.minute {
  text-align: right;
}
.date-picker-wrapper .hide {
  display: none;
}
.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  background-color: #49e !important;
  color: white !important;
}
.date-picker-wrapper .date-range-length-tip {
  position: absolute;
  margin-top: -4px;
  margin-left: -8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: none;
  background-color: yellow;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
}
.date-picker-wrapper .date-range-length-tip:after {
  content: '';
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid yellow;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
}
.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev {
  display: none;
}
.date-picker-wrapper .week-number {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #999;
  cursor: pointer;
}
.date-picker-wrapper .week-number.week-number-selected {
  color: #49e;
  font-weight: bold;
}
/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls] {
  cursor: pointer;
}
.tns-outer [data-action] {
  cursor: pointer;
}
.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}
.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}
.tns-no-calc {
  position: relative;
  left: 0;
}
.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.tns-autowidth {
  display: inline-block;
}
.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}
.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}
.tns-ovh {
  overflow: hidden;
}
.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}
.tns-transparent {
  opacity: 0;
  visibility: hidden;
}
.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}
.tns-normal {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div {
  display: inline-block;
}
.tns-vpfix > li {
  display: inline-block;
}
.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(2333.33333333%);
  width: -moz-calc(2333.33333333%);
  width: calc(2333.33333333%);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: '';
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(1.42857143%);
  width: -moz-calc(1.42857143%);
  width: calc(1.42857143%);
  height: 10px;
  float: left;
}
/**
 * Swiper 7.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 25, 2021
 */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
/* Icons
----------------------------------*/
.ui-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings', sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #f4f4f4;
  text-align: center;
  color: #3c3c3c;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #929292;
  color: #ffffff;
  border-color: #929292;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #0068b3;
  color: #ffffff;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
:root {
  --bodyWidth: 100vw;
  --headerBottomMobHeight: 75px;
  --wrapWidth: 425px;
}
@font-face {
  font-family: 'shoprite-icon';
  src: url('../fonts/shoprite-icon.ttf?j747c9') format('truetype'), url('../fonts/shoprite-icon.woff?j747c9') format('woff'), url('../fonts/shoprite-icon.svg?j747c9#shoprite-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="shoprite-icon-"],
[class*=" shoprite-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'shoprite-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shoprite-icon-grocery-list-added:before {
  content: "\e900";
}
.shoprite-icon-grocery-list:before {
  content: "\e983";
}
.shoprite-icon-added-to-wishlist:before {
  content: "\e901";
}
.shoprite-icon-remove-from-wishlist:before {
  content: "\e902";
}
.shoprite-icon-wishlist-added:before {
  content: "\e903";
}
.shoprite-icon-wishlist-removed:before {
  content: "\e904";
}
.shoprite-icon-product-grid-view:before {
  content: "\e905";
}
.shoprite-icon-product-list-view:before {
  content: "\e906";
}
.shoprite-icon-promo-alert-removed:before {
  content: "\e907";
}
.shoprite-icon-edit:before {
  content: "\e908";
}
.shoprite-icon-promo-alert-menu:before {
  content: "\e909";
}
.shoprite-icon-id-invalid:before {
  content: "\e90a";
}
.shoprite-icon-swipe-for-cover-card:before {
  content: "\e90b";
}
.shoprite-icon-link-new-card:before {
  content: "\e90c";
}
.shoprite-icon-free-airtime:before {
  content: "\e90d";
}
.shoprite-icon-pin:before {
  content: "\e90e";
}
.shoprite-icon-dislike-selected:before {
  content: "\e90f";
}
.shoprite-icon-dislike-unselected:before {
  content: "\e910";
}
.shoprite-icon-like-selected:before {
  content: "\e911";
}
.shoprite-icon-like-unselected:before {
  content: "\e912";
}
.shoprite-icon-storelocation:before {
  content: "\e913";
}
.shoprite-icon-account-signedout:before {
  content: "\e914";
}
.shoprite-icon-xtra-savings-box:before {
  content: "\e915";
}
.shoprite-icon-phone:before {
  content: "\e916";
}
.shoprite-icon-print:before {
  content: "\e917";
}
.shoprite-icon-sort:before {
  content: "\e918";
}
.shoprite-icon-add:before {
  content: "\e919";
}
.shoprite-icon-all-specials:before {
  content: "\e91a";
}
.shoprite-icon-arrow-down:before {
  content: "\e91b";
}
.shoprite-icon-arrow-left:before {
  content: "\e91c";
}
.shoprite-icon-arrow-right:before {
  content: "\e91d";
}
.shoprite-icon-arrow-up:before {
  content: "\e91e";
}
.shoprite-icon-article:before {
  content: "\e91f";
}
.shoprite-icon-baby:before {
  content: "\e920";
}
.shoprite-icon-barcode-scanner:before {
  content: "\e921";
}
.shoprite-icon-business:before {
  content: "\e922";
}
.shoprite-icon-butchery:before {
  content: "\e923";
}
.shoprite-icon-calendar:before {
  content: "\e924";
}
.shoprite-icon-cancel-solid:before {
  content: "\e925";
}
.shoprite-icon-cancel:before {
  content: "\e926";
}
.shoprite-icon-check-solid:before {
  content: "\e927";
}
.shoprite-icon-check1:before {
  content: "\e928";
}
.shoprite-icon-chevron-down:before {
  content: "\e929";
}
.shoprite-icon-chevron-left:before {
  content: "\e92a";
}
.shoprite-icon-chevron-right:before {
  content: "\e92b";
}
.shoprite-icon-chevron-up:before {
  content: "\e92c";
}
.shoprite-icon-clear:before {
  content: "\e92d";
}
.shoprite-icon-close:before {
  content: "\e92e";
}
.shoprite-icon-coffee:before {
  content: "\e92f";
}
.shoprite-icon-diary-alternatives:before {
  content: "\e930";
}
.shoprite-icon-directions:before {
  content: "\e931";
}
.shoprite-icon-diy-home:before {
  content: "\e932";
}
.shoprite-icon-dropdown-expand:before {
  content: "\e933";
}
.shoprite-icon-dropdown-retract:before {
  content: "\e934";
}
.shoprite-icon-email1:before {
  content: "\e935";
}
.shoprite-icon-facebook:before {
  content: "\e936";
}
.shoprite-icon-filter:before {
  content: "\e937";
}
.shoprite-icon-flash-off:before {
  content: "\e938";
}
.shoprite-icon-flash-on:before {
  content: "\e939";
}
.shoprite-icon-hamburger-menu:before {
  content: "\e93a";
}
.shoprite-icon-information:before {
  content: "\e93b";
}
.shoprite-icon-health-fitness:before {
  content: "\e93c";
}
.shoprite-icon-home:before {
  content: "\e93d";
}
.shoprite-icon-id:before {
  content: "\e93e";
}
.shoprite-icon-ingredients:before {
  content: "\e93f";
}
.shoprite-icon-instagram:before {
  content: "\e940";
}
.shoprite-icon-liquor:before {
  content: "\e941";
}
.shoprite-icon-log-in:before {
  content: "\e942";
}
.shoprite-icon-log-out:before {
  content: "\e943";
}
.shoprite-icon-mobile:before {
  content: "\e944";
}
.shoprite-icon-navigate:before {
  content: "\e945";
}
.shoprite-icon-passport:before {
  content: "\e946";
}
.shoprite-icon-photo:before {
  content: "\e947";
}
.shoprite-icon-price-checker:before {
  content: "\e948";
}
.shoprite-icon-remove:before {
  content: "\e949";
}
.shoprite-icon-scroll-mouse:before {
  content: "\e94a";
}
.shoprite-icon-search-no-results:before {
  content: "\e94b";
}
.shoprite-icon-search:before {
  content: "\e94c";
}
.shoprite-icon-security-solid:before {
  content: "\e94d";
}
.shoprite-icon-security:before {
  content: "\e94e";
}
.shoprite-icon-select-a-store:before {
  content: "\e94f";
}
.shoprite-icon-services:before {
  content: "\e950";
}
.shoprite-icon-serving:before {
  content: "\e951";
}
.shoprite-icon-shopping-bag:before {
  content: "\e952";
}
.shoprite-icon-shopping-list-add:before {
  content: "\e953";
}
.shoprite-icon-shopping-list:before {
  content: "\e954";
}
.shoprite-icon-star-rating:before {
  content: "\e955";
}
.shoprite-icon-star:before {
  content: "\e956";
}
.shoprite-icon-store-select:before {
  content: "\e957";
}
.shoprite-icon-store-selected:before {
  content: "\e958";
}
.shoprite-icon-storefront:before {
  content: "\e959";
}
.shoprite-icon-navigate-solid:before {
  content: "\e95a";
}
.shoprite-icon-alert-triangle:before {
  content: "\e95b";
}
.shoprite-icon-store-not-available:before {
  content: "\e95c";
}
.shoprite-icon-alert-cookie-concent:before {
  content: "\e95d";
}
.shoprite-icon-tech:before {
  content: "\e95e";
}
.shoprite-icon-text-hide-solid:before {
  content: "\e95f";
}
.shoprite-icon-text-hide:before {
  content: "\e960";
}
.shoprite-icon-text-reveal-solid:before {
  content: "\e961";
}
.shoprite-icon-text-reveal:before {
  content: "\e962";
}
.shoprite-icon-time:before {
  content: "\e963";
}
.shoprite-icon-communication:before {
  content: "\e964";
}
.shoprite-icon-lock:before {
  content: "\e965";
}
.shoprite-icon-terms:before {
  content: "\e966";
}
.shoprite-icon-trending:before {
  content: "\e967";
}
.shoprite-icon-twitter:before {
  content: "\e968";
}
.shoprite-icon-use-location:before {
  content: "\e969";
}
.shoprite-icon-user-profile-logged-in:before {
  content: "\e96a";
}
.shoprite-icon-user-profile-logged-out:before {
  content: "\e96b";
}
.shoprite-icon-wine:before {
  content: "\e96c";
}
.shoprite-icon-xtra-savings:before {
  content: "\e96d";
}
.shoprite-icon-download:before {
  content: "\e96e";
}
.shoprite-icon-arrow-filter:before {
  content: "\e96f";
}
.shoprite-icon-till-slips-unavailable:before {
  content: "\e970";
}
.shoprite-icon-youtube:before {
  content: "\e971";
}
.shoprite-icon-promo-alert-active:before {
  content: "\e972";
}
.shoprite-icon-zoom-in:before {
  content: "\e973";
}
.shoprite-icon-sixty60:before {
  content: "\e974";
}
.shoprite-icon-customercarecentre:before {
  content: "\e975";
}
.shoprite-icon-promo-alert-add:before {
  content: "\e976";
}
.shoprite-icon-promo-alert-nav:before {
  content: "\e977";
}
.shoprite-icon-till-slips:before {
  content: "\e978";
}
.shoprite-icon-zoom-out:before {
  content: "\e979";
}
.shoprite-icon-swipe-for-good:before {
  content: "\e97a";
}
.shoprite-icon-attach:before {
  content: "\e97b";
}
.shoprite-icon-check:before {
  content: "\e97c";
}
.shoprite-icon-not-email:before {
  content: "\e97d";
}
.shoprite-icon-close2:before {
  content: "\e97e";
}
.shoprite-icon-email:before {
  content: "\e97f";
}
.shoprite-icon-littleme:before {
  content: "\e980";
}
.shoprite-icon-wishlist-active:before {
  content: "\e981";
}
.shoprite-icon-wishlist-add:before {
  content: "\e982";
}
/********************/
@font-face {
  font-family: 'bebasneue_bold-webfont';
  src: url('../fonts/bebasneue_bold-webfont.eot');
  src: url('../fonts/bebasneue_bold-webfont.otf') format('truetype'), url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('../fonts/bebasneue_bold-webfont.woff') format('woff'), url('../fonts/bebasneue_bold-webfont.svg#bebasneue_bold-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
html.block {
  overflow: hidden;
  width: 100%;
}
html.block body {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 636px) {
  html {
    overflow-x: hidden;
  }
}
body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  position: relative;
}
@media (max-width: 636px) {
  body {
    max-width: 100%;
  }
}
body.offcanvas {
  overflow-y: hidden;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
@media (min-width: 1281px) {
  .container-lg {
    float: none;
    margin: 0 auto !important;
    overflow: hidden;
  }
}
button {
  font-weight: bold;
}
button:focus {
  outline: none;
}
.btn {
  border-radius: 0;
}
ul,
ol {
  padding-left: 15px;
}
@media (max-width: 1024px) {
  .form-control {
    height: 42px;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0;
    font-size: 14px;
  }
  select.form-control {
    height: 42px;
    line-height: 42px;
  }
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
}
.lateral-padding {
  padding: 0 30px;
}
option {
  font-size: 0.875em;
  /* 14/16 */
  line-height: 18px;
  padding: 6px 13px;
  width: 100%;
}
button:focus,
textarea:focus,
input:focus {
  outline: 0;
}
.flex {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.flex.aligned-icons svg,
.flex.aligned-icons .glyphicon {
  margin-right: 10px;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.cart__content:after {
  content: "";
  clear: both;
  display: table;
}
@media (min-width: 1025px) {
  .flex-md {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
  }
  .flex-md.aligned-icons svg,
  .flex-md.aligned-icons .glyphicon {
    margin-right: 10px;
  }
}
.medium-bold {
  font-weight: 600;
}
.mb-1 {
  margin-bottom: 10px;
}
.mb-2 {
  margin-bottom: 20px;
}
.pt-1 {
  padding-top: 10px;
}
.pt-2 {
  padding-top: 20px;
}
.centered {
  text-align: center;
}
.mb-2 {
  margin-bottom: 20px;
}
.mb-3 {
  margin-bottom: 30px;
}
.mt-3 {
  margin-top: 30px;
}
.mt-6 {
  margin-top: 60px;
}
.pb-1 {
  padding-bottom: 10px;
}
.text-grey {
  color: #647380;
}
.text-red {
  color: #ce2c3f;
}
.custom-link {
  color: #38a8ae;
}
.custom-orange-link {
  color: #ff4219;
  font-weight: 600;
}
.black-link {
  color: #212b36;
}
.centered-message {
  font-size: 24px;
  font-weight: 500;
  margin: 70px 0 30px;
  text-align: center;
}
@media (max-width: 636px) {
  .prevent-scroll-mobile {
    overflow: hidden;
  }
}
/*
General
*****************************************************************/
a,
button {
  color: #0068b3;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
small,
.small {
  font-size: 12px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #3c3c3c;
}
.open > .dropdown-menu {
  padding: 15px 0 0 0;
}
.dropdown-menu li {
  margin-top: 3px;
}
.dropdown-menu li:first-child {
  margin-top: 0;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 25px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #3c3c3c;
  white-space: nowrap;
}
.block {
  display: block;
}
.display-none {
  display: none;
}
.page-title {
  margin-bottom: 30px;
}
.hr-strong {
  border-top: 8px solid #eeeeee;
  margin-left: -15px;
}
@media (min-width: 1025px) {
  .hr-strong {
    width: 9999px;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media (min-width: 637px) {
  .item-label,
  .item-value {
    display: block;
  }
}
@media (max-width: 636px) {
  .item-label,
  .item-value {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
    width: 49%;
  }
  .item-value {
    padding-left: 10px;
  }
  .item-action {
    margin-top: 20px;
  }
}
.item-label {
  text-transform: uppercase;
  font-weight: 300;
}
.item-value {
  font-size: 18px;
  padding-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.alert {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .alert {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.container__full {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .container__full {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.wrap {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 15px;
  width: 100%;
}
.wrap > .wrap {
  all: unset;
}
.main__inner-wrapper {
  position: relative;
  z-index: 1;
}
@media (max-width: 636px) {
  .main__inner-wrapper.wrap {
    overflow: hidden;
  }
}
.main__inner-wrapper .col-xs-1,
.main__inner-wrapper .col-sm-1,
.main__inner-wrapper .col-md-1,
.main__inner-wrapper .col-lg-1,
.main__inner-wrapper .col-xs-2,
.main__inner-wrapper .col-sm-2,
.main__inner-wrapper .col-md-2,
.main__inner-wrapper .col-lg-2,
.main__inner-wrapper .col-xs-3,
.main__inner-wrapper .col-sm-3,
.main__inner-wrapper .col-md-3,
.main__inner-wrapper .col-lg-3,
.main__inner-wrapper .col-xs-4,
.main__inner-wrapper .col-sm-4,
.main__inner-wrapper .col-md-4,
.main__inner-wrapper .col-lg-4,
.main__inner-wrapper .col-xs-5,
.main__inner-wrapper .col-sm-5,
.main__inner-wrapper .col-md-5,
.main__inner-wrapper .col-lg-5,
.main__inner-wrapper .col-xs-6,
.main__inner-wrapper .col-sm-6,
.main__inner-wrapper .col-md-6,
.main__inner-wrapper .col-lg-6,
.main__inner-wrapper .col-xs-7,
.main__inner-wrapper .col-sm-7,
.main__inner-wrapper .col-md-7,
.main__inner-wrapper .col-lg-7,
.main__inner-wrapper .col-xs-8,
.main__inner-wrapper .col-sm-8,
.main__inner-wrapper .col-md-8,
.main__inner-wrapper .col-lg-8,
.main__inner-wrapper .col-xs-9,
.main__inner-wrapper .col-sm-9,
.main__inner-wrapper .col-md-9,
.main__inner-wrapper .col-lg-9,
.main__inner-wrapper .col-xs-10,
.main__inner-wrapper .col-sm-10,
.main__inner-wrapper .col-md-10,
.main__inner-wrapper .col-lg-10,
.main__inner-wrapper .col-xs-11,
.main__inner-wrapper .col-sm-11,
.main__inner-wrapper .col-md-11,
.main__inner-wrapper .col-lg-11,
.main__inner-wrapper .col-xs-12,
.main__inner-wrapper .col-sm-12,
.main__inner-wrapper .col-md-12,
.main__inner-wrapper .col-lg-12 {
  min-height: unset;
}
.fw-normal {
  font-weight: normal;
}
.section-title {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 24px;
  margin: 0 0 25px 0;
}
.paragraph-title {
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.5px;
}
.loading-background {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 110;
  background-color: rgba(251, 251, 251, 0.6);
}
.loading-background .loading-spinner {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("/_ui/responsive/common/images/Loader-White.gif");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 40px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 107px;
}
.grecaptcha-badge {
  visibility: hidden;
}
.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #f2f4f7;
  border: none;
  border-bottom: 1px solid #334b5c;
  padding: 10px 15px;
  margin: 0;
}
.well:before,
.well:after {
  display: table;
  content: " ";
}
.well:after {
  clear: both;
}
.well:before,
.well:after {
  display: table;
  content: " ";
}
.well:after {
  clear: both;
}
.well:after {
  content: "";
  clear: both;
  display: table;
}
.well:after {
  content: "";
  clear: both;
  display: table;
}
.well.well-single-headline {
  padding-left: 0;
  padding-right: 0;
}
.well.well-xs {
  padding: 0 15px 5px;
}
.well.well-xs .well-headline {
  padding-top: 15px;
  margin: 0;
}
.well.well-xs .well-content {
  padding-top: 20px;
}
.well.well-sm {
  padding: 10px 20px;
}
.well.well-md {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .well.well-md {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well.well-lg {
  padding-top: 45px;
  padding-bottom: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .well.well-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well.well-primary {
  background-color: #0068b3;
  color: #ffffff;
}
.well.well-secondary {
  background-color: #e6f5ff;
  color: #3c3c3c;
}
.well.well-tertiary {
  background-color: #142939;
  color: #ffffff;
}
.well.well-tertiary .item-label {
  color: #7f919e;
}
.well.well-tertiary .item-value {
  color: #fff;
}
.well.well-tertiary .item-value a {
  color: #fff;
  text-decoration: underline;
}
.well.well-quaternary {
  background-color: #f2f2f2;
  color: #3c3c3c;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.well.well-quinary {
  background-color: #ffffff;
  color: #3c3c3c;
  border-color: #e5e5e5;
  padding-left: 0;
  padding-right: 0;
}
.well.well-quinary .well-headline {
  background-color: #142939;
  color: #ffffff;
}
.well.well-quinary .well-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .well.well-quinary .well-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well-headline {
  margin-left: -15px;
  margin-right: -15px;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #334b5c;
  padding: 5px 30px 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .well-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well-headline-sub {
  font-weight: 400;
  padding-left: 10px;
}
@media (max-width: 636px) {
  .well-headline {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.well-single-headline {
  padding-bottom: 0;
  border-bottom: 0;
}
.well-content {
  padding-top: 40px;
  padding-bottom: 20px;
}
.well-content:before,
.well-content:after {
  display: table;
  content: " ";
}
.well-content:after {
  clear: both;
}
.well-content:before,
.well-content:after {
  display: table;
  content: " ";
}
.well-content:after {
  clear: both;
}
.well-content:after {
  content: "";
  clear: both;
  display: table;
}
.well-content:after {
  content: "";
  clear: both;
  display: table;
}
.well > .col-no-padding {
  padding-left: 0;
  padding-right: 0;
}
.well .well-headline {
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .well .well-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 636px) {
  .well,
  .well.well-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.personalized-message-param-userName {
  color: #ff4219;
  font-weight: 800;
}
.personalized-message-param-storeName {
  color: #b3cc59;
  font-weight: 800;
}
@media (min-width: 637px) {
  .split-from-sm {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 1024px) {
  body.offcanvas {
    max-height: 100vh;
  }
  main {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .container {
    width: 100%;
  }
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
  .primary-link-color a {
    color: #38a8ae !important;
  }
}
@media (max-width: 636px) {
  .text-left-xs {
    text-align: left;
  }
}
img.lazyload:not([src]) {
  visibility: hidden;
}
[id^="google_ads_iframe"] {
  margin: 15px 0 15px 0;
}
.footer {
  background-color: #38a8ae;
  color: #ffffff;
  margin-top: 30px;
}
.page-homepage .footer {
  margin-top: 0;
}
.footer__top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 32px 0;
}
@media (max-width: 1280px) {
  .footer__top {
    padding: 30px 25px;
  }
}
@media (max-width: 636px) {
  .footer__top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 8px 0 32px;
  }
}
.footer__top__col {
  max-width: 280px;
  padding: 0 10px;
  position: relative;
  width: 100%;
}
.footer__top__col__row.download-apps {
  position: relative;
}
@media (max-width: 636px) {
  .footer__top__col__row.download-apps .footer_title {
    text-align: left;
  }
}
.footer__top__col__row.download-apps .footer__app {
  position: relative;
}
.footer__top__col__row.download-apps .footer__app img,
.footer__top__col__row.download-apps .footer__app picture {
  width: 100%;
}
.footer__top__col__row.download-apps .footer__app__logo {
  position: absolute;
}
.footer__top__col__row.download-apps .footer__app__logo:hover {
  filter: brightness(110%);
}
@media (min-width: 1025px) {
  .footer__top__col__row.download-apps .footer__app__logo--s60 {
    bottom: 10px;
    width: 52%;
    right: 10px;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .footer__top__col__row.download-apps .footer__app__logo--s60 {
    bottom: 14px;
    width: 70%;
    right: 10px;
  }
}
@media (max-width: 636px) {
  .footer__top__col__row.download-apps .footer__app__logo--s60 {
    bottom: 18px;
    width: 46%;
    left: 44%;
  }
}
@media (min-width: 1025px) {
  .footer__top__col__row.download-apps .footer__app__logo--gp {
    bottom: 40%;
    width: 30%;
    left: 66%;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .footer__top__col__row.download-apps .footer__app__logo--gp {
    bottom: 56%;
    width: 45%;
    left: 51%;
  }
}
@media (max-width: 636px) {
  .footer__top__col__row.download-apps .footer__app__logo--gp {
    bottom: 40%;
    width: 30%;
    left: 68%;
    max-width: none;
  }
}
@media (min-width: 1025px) {
  .footer__top__col__row.download-apps .footer__app__logo--as {
    bottom: 40%;
    width: 26%;
    left: 36%;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .footer__top__col__row.download-apps .footer__app__logo--as {
    bottom: 32%;
    width: 45%;
    left: 52%;
  }
}
@media (max-width: 636px) {
  .footer__top__col__row.download-apps .footer__app__logo--as {
    bottom: 40%;
    width: 26%;
    left: 36%;
    max-width: none;
  }
}
@media (min-width: 1025px) {
  .footer__top__col__row.download-apps .footer__app__logo--hag {
    bottom: 10px;
    width: 30%;
    left: 36%;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .footer__top__col__row.download-apps .footer__app__logo--hag {
    bottom: 10%;
    width: 45%;
    left: 52%;
  }
}
@media (max-width: 636px) {
  .footer__top__col__row.download-apps .footer__app__logo--hag {
    bottom: 8%;
    width: 30%;
    left: 36%;
  }
}
@media (max-width: 636px) {
  .footer__top__col__row.download-apps .footer__app--s60 {
    margin-bottom: 20px;
  }
}
@media (max-width: 636px) {
  .footer__top__col {
    max-width: 100%;
    padding: 0;
  }
  .footer__top__col--accordion {
    border-bottom: 1px solid #8fc5ca;
  }
  .footer__top__col--accordion:after {
    color: #FFFFFF;
    content: "\e929";
    font-family: "shoprite-icon";
    font-size: 10px;
    position: absolute;
    right: 7px;
    top: 16px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    will-change: transform;
  }
  .footer__top__col--extras {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .footer__top__col--extras .footer__top__col__row {
    width: 50%;
  }
  .footer__top__col--extras .footer__top__col__row:not(:last-child) {
    padding-right: 10px;
  }
}
@media (max-width: 636px) and (max-width: 636px) {
  .footer__top__col--extras .footer__top__col__row {
    padding-right: 0;
    text-align: center;
    width: 100%;
  }
}
.footer__top__col__content {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 637px) {
  .footer__top__col__content {
    display: block !important;
  }
}
@media (max-width: 636px) {
  .footer__top__col__content {
    border-top: 2px solid #FFFFFF;
    display: none;
    padding: 22px 0;
  }
}
.footer__top__col__content li {
  font-size: 12px;
  margin-bottom: 16px;
}
.footer__top__col__content li:last-child {
  margin-bottom: 0;
}
.footer__top__col__content li a:link,
.footer__top__col__content li a:visited {
  color: #ffffff;
  display: inline-flex;
}
.footer__top__col__content li a:hover {
  text-decoration: underline;
}
.footer__top__col__content li .footer__xs-banner a:link,
.footer__top__col__content li .footer__xs-banner a:visited {
  display: block;
}
@media (max-width: 636px) {
  .footer__top__col.is-show:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.footer__bottom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: #148181;
  border-radius: 5px 5px 0 0;
  margin: 0 auto;
  padding: 20px;
  width: 97%;
}
@media (max-width: 636px) {
  .footer__bottom {
    margin-left: -5px;
    position: relative;
    padding-top: 60px;
    text-align: center;
    width: calc(100% + 10px);
  }
}
.footer__bottom__left,
.footer__bottom__right {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 636px) {
  .footer__bottom__left,
  .footer__bottom__right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 636px) {
  .footer__bottom__left {
    margin-bottom: 5px;
  }
}
.footer__bottom__right div .content {
  display: inline-block;
}
.footer__bottom__right div:not(:last-child)::after {
  color: #454f5b;
  content: '/';
  margin: 0 8px;
  position: relative;
  top: 1px;
}
@media (max-width: 636px) {
  .footer__bottom__right div:not(:last-child)::after {
    display: none;
  }
}
.footer__link a:link,
.footer__link a:visited {
  color: #ffffff;
  font-size: 12px;
}
.footer__link a:hover {
  text-decoration: underline;
}
.footer__link:not(:last-child)::after {
  color: #454f5b;
  content: '/';
  margin: 0 8px;
  position: relative;
  top: 1px;
}
.footer__title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.0333em;
  line-height: 1.125em;
  margin: 0 0 24px;
}
@media (max-width: 1024px) {
  .footer__title {
    margin: 0;
    padding: 18px 0;
  }
}
@media (max-width: 636px) {
  .footer__title {
    font-size: 14px;
    padding: 15px 0;
  }
}
.footer__customer-care-info {
  margin-bottom: 15px;
  font-size: 14px;
}
.footer__customer-care-info a {
  color: #FFFFFF;
  font-weight: 700;
}
.footer__whatsapp {
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid #ffffff;
  margin-bottom: 16px;
}
.footer__whatsapp__logo {
  width: 31.76px;
}
.footer__whatsapp__content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer__whatsapp__content,
.footer__whatsapp__content:link,
.footer__whatsapp__content:visited {
  color: #FFFFFF;
  padding: 10px;
}
.footer__whatsapp__text {
  font-size: 12px;
  line-height: 1.16em;
  width: calc(100% - 78px);
}
@media (max-width: 1280px) {
  .footer__whatsapp__text {
    width: calc(100% - 34px);
  }
}
.footer__whatsapp__text strong {
  color: #ffffff;
  font-weight: 700;
}
.footer__whatsapp__arrow {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #148181;
  border-radius: 50%;
  color: #ffffff;
  font-size: 11px;
  height: 24px;
  width: 24px;
}
@media (max-width: 1280px) {
  .footer__whatsapp__arrow {
    display: none;
  }
}
.footer__xs-banner {
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  display: block;
  margin-bottom: 15px;
  max-width: 245px;
  overflow: hidden;
  width: 100%;
}
.footer__xs-banner .banner__component.full-mobile-image {
  margin: 0;
}
.footer__xs-banner img {
  display: block;
  width: 100%;
  height: 100%;
}
.footer__app {
  margin-bottom: 16px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 636px) {
  .footer__app {
    margin-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.footer__app__logo {
  display: inline-block;
  vertical-align: middle;
}
.footer__app__logo:not(:last-child) {
  margin-right: 10px;
}
.footer__app__logo--gp {
  max-width: 128.34px;
}
.footer__app__logo--gp:hover {
  filter: brightness(110%);
}
@media (max-width: 1024px) {
  .footer__app__logo--gp {
    max-width: 106px;
  }
}
@media (max-width: 636px) {
  .footer__app__logo--gp {
    max-width: 128.34px;
  }
}
.footer__app__logo--as {
  max-width: 112.71px;
}
.footer__app__logo--as:hover {
  filter: brightness(110%);
}
@media (max-width: 1024px) {
  .footer__app__logo--as {
    max-width: 95px;
  }
}
@media (max-width: 636px) {
  .footer__app__logo--as {
    max-width: 112.71px;
  }
}
.footer__app__logo img {
  display: block;
  width: 100%;
}
.footer__social-networks {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__social-networks li {
  display: inline-block;
  margin-right: 8px;
}
@media (max-width: 636px) {
  .footer__social-networks li {
    margin-right: 4px;
  }
}
.footer__social-networks li.fb a:link,
.footer__social-networks li.fb a:visited {
  background-color: #3b5998;
  font-size: 0;
}
.footer__social-networks li.fb a::before {
  content: "\e936";
  font-size: 17px;
}
.footer__social-networks li.tw a:link,
.footer__social-networks li.tw a:visited {
  background-color: #1da1f2;
  font-size: 0;
}
.footer__social-networks li.tw a::before {
  content: "\e968";
  font-size: 16px;
}
.footer__social-networks li.it a:link,
.footer__social-networks li.it a:visited {
  background-color: #d93175;
  font-size: 0;
}
.footer__social-networks li.it a::before {
  content: "\e940";
  font-size: 18px;
}
.footer__social-networks li.yt a:link,
.footer__social-networks li.yt a:visited {
  background-color: #FFFFFF;
  color: #ff0000;
  font-size: 0;
}
.footer__social-networks li.yt a::before {
  content: "\e971";
  font-size: 16px;
}
.footer__social-networks li a:link,
.footer__social-networks li a:visited {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: #FFFFFF;
  font-family: "shoprite-icon";
  height: 32px;
  text-decoration: none;
  width: 32px;
}
@media (max-width: 636px) {
  .footer__social-networks li a:link,
  .footer__social-networks li a:visited {
    height: 40px;
    width: 40px;
  }
}
.footer__copyright {
  font-size: 12px;
}
.footer__checkers-logo {
  display: block;
  width: 103px;
}
.footer__checkers-logo img {
  width: 100%;
}
@media (max-width: 636px) {
  .footer__checkers-logo {
    left: 50%;
    position: absolute;
    top: 22px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media (max-width: 636px) {
  .footer {
    margin-bottom: var(--headerBottomMobHeight);
  }
}
@media (max-width: 636px) {
  .footer__bottom__left {
    display: inline-block;
    text-align: center;
  }
  .footer__bottom__left .footer__link {
    display: inline-block;
  }
}
ul.nav__links::after {
  content: "";
  display: block;
  clear: both;
}
ul.nav__links li {
  float: left;
  list-style-type: none;
}
ul.nav__links::after {
  clear: both;
}
@media (max-width: 1024px) {
  ul.nav__links:before {
    content: " ";
    display: table;
  }
}
ul.nav__links .shoprite-icon-hamburger-menu {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  position: absolute;
  top: 50%;
}
.navigation.navigation--top {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .navigation.navigation--top {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.navigation--top .nav__left {
  padding: 9px 0 7px;
}
.navigation--top .nav__left .simple-banner-component img,
.navigation--top .nav__left .banner__component img {
  width: auto;
}
.navigation--top .nav__right .nav__links--account {
  margin: 0;
  padding-left: 0;
  float: right;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] {
  display: inline-block;
  float: left;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] li:last-child a {
  padding-right: 12px;
}
.navigation--top .nav__right .nav__links--account li {
  display: inline-block;
  font-size: 12px;
  color: #0068b3;
  font-weight: 400;
  text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li:last-child a {
  padding-right: 0;
}
.navigation--top .nav__right .nav__links--account li.logged_in {
  padding: 10px;
}
.navigation--top .nav__right .nav__links--account li button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #0068b3;
  font-size: 1em;
  text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li button:hover {
  background: none;
  text-decoration: none;
  color: #929292;
}
.navigation--top .nav__right .nav__links--account li a {
  color: inherit;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 400;
  padding: 12px;
  display: block;
  font-size: 1em;
  line-height: 1.329em;
}
.navigation--top .nav__right .nav__links--account li a:hover {
  text-decoration: none;
  color: #929292;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader {
  background-color: transparent;
  color: inherit;
  display: block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding: 0 12px;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader::after,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader::after {
  clear: both;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader:hover,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader:hover,
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader:focus,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader:focus {
  color: #929292;
  text-decoration: none;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.show,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader.show {
  background-color: #003459;
  color: #ffffff;
  text-decoration: none;
  display: block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding: 0 12px;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader {
  display: none;
}
#accNavComponentDesktopOne,
#accNavComponentDesktopTwo {
  padding: 0;
  background-color: #003459;
}
#accNavComponentDesktopOne ul.nav__links,
#accNavComponentDesktopTwo ul.nav__links {
  width: 100%;
  padding: 0;
  margin-bottom: 0;
}
#accNavComponentDesktopOne ul.nav__links li,
#accNavComponentDesktopTwo ul.nav__links li {
  text-transform: capitalize;
  list-style: none;
  font-size: 12px;
  color: #0068b3;
  font-weight: 400;
  padding: 0;
  border-right: 1px solid #265272;
  border-bottom: 1px solid #265272;
}
#accNavComponentDesktopOne ul.nav__links li:hover,
#accNavComponentDesktopTwo ul.nav__links li:hover {
  background-color: #004678;
}
#accNavComponentDesktopOne ul.nav__links li a,
#accNavComponentDesktopTwo ul.nav__links li a {
  color: #ffffff;
  display: block;
  padding: 25px 0 25px 30px;
  font-size: 15px;
  font-weight: 400;
}
#accNavComponentDesktopOne ul.nav__links li a:hover,
#accNavComponentDesktopTwo ul.nav__links li a:hover {
  text-decoration: none;
}
.navigation--bottom {
  background-color: #142939;
  border-bottom: 1px solid #142939;
}
@media (max-width: 636px) {
  .navigation--bottom {
    border-bottom: none;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .sm-back::before {
    content: "\e079";
    float: none;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .navigation__overflow {
    left: -380px;
    top: 0;
    height: 100vh;
    overflow-y: auto;
  }
}
@media (max-width: 636px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
  }
}
@media (max-width: 636px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav button {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    display: inline-block;
    color: transparent;
    overflow: hidden;
    border: none;
  }
}
.navigation--bottom:before,
.navigation--bottom:after {
  content: " ";
  display: table;
}
.navigation--bottom:after {
  clear: both;
}
@media (min-width: 1281px) {
  .navigation--bottom a {
    padding: 20px 32px;
  }
}
.navigation--bottom .column-20-percent {
  float: left;
  width: 20%;
}
@media (max-width: 636px) {
  .navigation--bottom {
    width: 380px;
    position: absolute;
    left: -380px;
    z-index: 999;
    background-color: #ffffff;
  }
  .navigation--bottom li {
    float: none;
  }
}
@media (max-width: 636px) {
  .navigation--bottom {
    width: 95%;
    height: 95vh;
    left: -95%;
    margin-left: 0;
    overflow-y: scroll;
  }
}
.navigation--bottom .nav__links--products {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--products.active {
    position: relative;
    left: -100%;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--products {
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    padding: 0;
    position: relative;
    left: 0;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--products li {
    float: none;
    overflow: hidden;
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--products li.liUserSign {
    border-bottom: 1px solid #265272;
  }
  .navigation--bottom .nav__links--products li.liUserSign:hover {
    background-color: #004678;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--products li.liUserSign a.userSign {
    width: 80%;
    display: inline-block;
    text-transform: uppercase;
    padding-right: 20px;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--products li:last-child {
    padding-bottom: 50px;
  }
}
.navigation--bottom .nav__links--products li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1em;
  padding: 20px 15px;
  display: block;
  color: #ffffff;
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--products li a {
    margin-top: 0;
    color: #0068b3;
    text-transform: capitalize;
    padding: 20px 30% 20px 50px;
    display: block;
  }
}
.navigation--bottom .nav__links--products .nav__links--secondary {
  display: none;
  background: #f4f4f4;
  position: absolute;
  z-index: 1000;
  left: 0;
  border: 1px solid #d9d9d9;
  border-top: 0;
  padding: 0 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.navigation--bottom .nav__links--products .nav__links--secondary .sm-back {
  display: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .row {
  position: relative;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section {
  position: static;
  padding: 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section.double {
  position: relative;
  min-height: 1px;
  padding: 10px 0 10px 0;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-section-column {
  float: left;
  padding: 0 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list {
  padding-left: 0;
  list-style: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li {
  border-bottom: 1px solid #e5e5e5;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li:last-child {
  border-bottom: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a {
  display: block;
  color: #3c3c3c;
  line-height: 30px;
  padding-left: 5px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:hover,
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:focus {
  background-color: #e5e5e5;
  text-decoration: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-list.has-title {
  margin-top: 40px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .title + .sub-navigation-list.has-title {
  margin-top: 0;
}
.navigation--bottom .show-sub .sub__navigation {
  display: block !important;
}
.navigation--bottom .show-sub .sub__navigation .subnav-border {
  position: absolute;
  height: 1px;
  border-top: 1px solid #cbd2d8;
  top: 0;
  left: 50%;
  right: 0;
  width: 9999px;
  transform: translateX(-50%);
}
.navigation--bottom .nav__link {
  display: inline-block;
  width: 100%;
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--primary-has__sub {
    position: static;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--primary-has__sub .nav__link {
    width: 67%;
  }
}
.navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down {
  display: inline-block;
  color: #555;
  padding: 26px 0;
  position: absolute;
  font-size: 10px;
  margin-left: -6px;
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down {
    width: 33%;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--primary.active .sub__navigation {
    display: block;
  }
}
@media (min-width: 637px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    display: none;
    background: white;
    position: absolute;
    z-index: 1000;
    border: 0;
    padding: 0;
    min-width: 200px;
    width: auto;
    top: 61px;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--primary .sm-back {
    color: #0068b3;
    padding: 5px 50px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    line-height: 50px;
  }
  .navigation--bottom .nav__links--primary .sm-back::after {
    content: ' ';
  }
  .navigation--bottom .nav__links--primary .sm-back::before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings', sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .8em;
    margin-right: 1em;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--primary .row {
    margin: 0;
    padding-bottom: 20px;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    padding: 0;
    background: #ffffff;
  }
}
@media (min-width: 1025px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    position: static;
    padding: 10px;
    background-color: #ffffff;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .title {
  font-size: 18px;
  line-height: 40px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
  padding: 0 15px;
}
@media (max-width: 1280px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .title {
    color: rgba(0, 0, 0, 0.7);
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .title {
    padding: 10px 20px 10px 50px;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
  }
}
@media (min-width: 637px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
    padding-left: 0;
    list-style: none;
    margin-top: 0;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a {
    display: block;
    color: #3c3c3c;
    line-height: 30px;
    padding: 0 15px 0 15px;
    font-size: 13px;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a:hover,
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a:active {
    background-color: white;
    text-decoration: none;
    font-weight: 700;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a.new {
  display: inline-block;
  position: relative;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a.new::after {
  background-color: #892890;
  border-radius: 50px;
  color: #FFFFFF;
  content: "new";
  font-size: 10px;
  font-weight: 700;
  left: calc(95%);
  line-height: 1;
  padding: 3px 6px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li {
  position: relative;
  display: block;
  border-bottom: none;
  float: none;
  padding-left: 0;
}
@media (min-width: 637px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li:last-child {
    border: none;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li.nav__link--secondary {
  overflow: hidden;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li.nav__link--secondary .left-nav-icon {
  float: right;
  font-size: 12px;
  margin: 13px 5px 0 0;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li.nav__link--secondary.view-all a {
  font-weight: 700;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list > .sub-navigation-list--item-has__sub {
  position: relative;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list > .sub-navigation-list--item-has__sub > a:after {
  content: "\e922";
  font-family: 'shoprite-icon';
  right: 0;
  position: absolute;
  top: 4px;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list > .sub-navigation-list--item-has__sub .sub-navigation-list {
  display: none;
  min-width: 200px;
  position: absolute;
  top: -4px;
  left: 100%;
  background: white;
  white-space: nowrap;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list > .sub-navigation-list--item-has__sub .sub-navigation-list:hover + a {
  font-weight: 700;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list > .sub-navigation-list--item-has__sub:hover {
  overflow: visible;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list > .sub-navigation-list--item-has__sub:hover .sub-navigation-list {
  display: block;
}
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup2 li,
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup3 li {
  border-bottom: 1px solid #265272;
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--mobile {
    overflow: hidden;
  }
  .navigation--bottom .nav__links--mobile li {
    overflow: hidden;
    background-color: #03426f;
    border: none;
  }
  .navigation--bottom .nav__links--mobile li a {
    color: #ffffff;
  }
  .navigation--bottom .nav__links--mobile .subNavList {
    padding-left: 0;
  }
  .navigation--bottom .nav__links--mobile .subNavList li {
    padding: 5px 0;
    background: #003459;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--mobile div.sub-nav .myAccountLinksHeader,
  .navigation--bottom .nav__links--mobile div.sub-nav .myCompanyLinksHeader {
    display: block;
    cursor: pointer;
    max-height: 60px;
    text-transform: uppercase;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--mobile div.sub-nav a {
    border-bottom: 1px solid #265272;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--mobile div.sub-nav a span {
    float: right;
    line-height: 50px;
    left: 0;
    position: relative;
    height: 30px;
    top: -14px;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .userGroup {
    position: relative;
    line-height: 50px;
    background-color: #ffffff;
    padding: 5px 12px 5px 20px;
    cursor: pointer;
    color: #0068b3;
    display: inline-block;
    width: 80%;
    float: left;
    height: 60px;
    text-transform: uppercase;
    text-align: left;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .userGroup a {
    border: none;
    color: #0068b3;
  }
  .navigation--bottom .userGroup a:hover {
    background-color: transparent !important;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .userGroup .myAcctUserIcon {
    font-size: 20px;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .userGroup .userName {
    display: inline-block;
    padding-left: 10px;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .userGroup .userName .profile {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
  }
  .navigation--bottom .userGroup .userName .profile__icon {
    margin-right: 5px;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .userGroup #signedInUserOptionsToggle {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .glyphicon-chevron-up,
  .navigation--bottom .glyphicon-chevron-down {
    position: absolute;
    left: 260px;
    line-height: 60px;
    top: 0;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .glyphicon-chevron-up,
  .navigation--bottom .glyphicon-chevron-down {
    left: 68vw;
  }
}
@media (min-width: 637px) {
  main {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
}
@media (max-width: 636px) {
  main.offcanvas {
    position: relative;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(95%, 0);
  }
}
@media (max-width: 636px) {
  .offcanvas .sticky-nav-top {
    left: 0;
    position: absolute;
    height: 60px;
    width: 100vw;
  }
}
@media (max-width: 1024px) {
  .sticky-nav-top {
    position: absolute;
    left: 0;
    top: -60px;
    width: 380px;
    padding: 0;
    margin-bottom: 0;
    z-index: 9999;
    text-align: right;
  }
}
@media (max-width: 636px) {
  .sticky-nav-top {
    position: absolute;
    top: -60px;
    height: 60px;
    left: -60px;
    z-index: 999;
    width: 100vw;
  }
}
.sticky-nav-top .liUserSign {
  background-color: #ffffff;
}
@media (max-width: 1024px) {
  .sticky-nav-top .userSign {
    text-align: left;
    width: 80%;
    display: inline-block;
    color: #0068b3;
    padding: 20px 30% 20px 50px;
  }
}
@media (max-width: 1024px) {
  html.offcanvas {
    overflow-x: hidden;
  }
  html.offcanvas body {
    padding: 0 !important;
  }
}
.nav-order-tools {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 637px) {
  .nav-order-tools {
    border-left: 0;
    border-right: 1px solid #d9d9d9;
    padding: 0 15px;
  }
}
@media (min-width: 1025px) {
  .nav-order-tools {
    padding: 0 30px;
  }
}
@media (max-width: 636px) {
  .nav-order-tools {
    position: static;
  }
}
.nav-order-tools:before {
  position: relative;
  top: 23%;
  display: inline;
  font-family: 'Glyphicons Halflings', sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e032";
  color: #0068b3;
  font-size: 30px;
}
@media (max-width: 636px) {
  .nav-order-tools:before {
    top: 3px;
  }
}
.nav-banner {
  margin-left: 20px;
}
@media (min-width: 1025px) {
  .nav-banner {
    width: 300px;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .nav-banner {
    width: 250px;
  }
}
.header-store-wrapper .js-store-search-filed {
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #ccc;
  display: none;
  height: auto;
  left: -6px;
  overflow: auto;
  position: absolute;
  top: 45px;
  width: 368px;
  z-index: 110;
}
@media (min-width: 637px) {
  .header-store-wrapper .js-store-search-filed.sl-align {
    right: -11px;
    left: auto;
  }
}
.header-store-wrapper .store-results-wrap,
.store-finder-search-auto-load + .store-results-wrap {
  max-height: 450px;
  overflow: auto;
}
.header-store-wrapper .store-results-wrap::-webkit-scrollbar-track,
.store-finder-search-auto-load + .store-results-wrap::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: #dfe3e8;
  border-radius: 2px;
}
.header-store-wrapper .store-results-wrap::-webkit-scrollbar,
.store-finder-search-auto-load + .store-results-wrap::-webkit-scrollbar {
  width: 4px;
  background-color: #dfe3e8;
  border-radius: 2px;
}
.header-store-wrapper .store-results-wrap::-webkit-scrollbar-thumb,
.store-finder-search-auto-load + .store-results-wrap::-webkit-scrollbar-thumb {
  background-color: #454f5b;
  border: none;
  border-radius: 2px;
}
.store-finder-search-auto-load + .store-results-wrap {
  max-height: 560px;
}
@media (max-width: 636px) {
  .store-finder-search-auto-load + .store-results-wrap {
    max-height: none;
  }
}
.store-finder-search-auto-load + .store-results-wrap::-webkit-scrollbar-track {
  margin-bottom: 10px;
}
.store-finder-search-auto-load + .store-results-wrap::-webkit-scrollbar {
  background-color: transparent;
  margin-bottom: 10px;
}
@media (max-width: 636px) {
  .header-store-wrapper--mobile .js-store-search-filed .store-results-wrap {
    padding-bottom: 5px;
  }
}
.header__your-store__select {
  padding-right: 27px;
  cursor: pointer;
}
.store-finder-wrap {
  position: relative;
  padding: 7px 0;
}
.store-finder-wrap .header__your-store__select:after {
  padding: 8px;
  right: -8px;
  top: 20%;
}
@media (min-width: 637px) and (hover: hover) {
  .store-finder-wrap:hover .header__your-store__select:after,
  .store-finder-wrap:active .header__your-store__select:after,
  .store-finder-wrap:focus-within .header__your-store__select:after,
  .store-finder-wrap:hover .shoprite-icon-dropdown-arrow:after,
  .store-finder-wrap:active .shoprite-icon-dropdown-arrow:after,
  .store-finder-wrap:focus-within .shoprite-icon-dropdown-arrow:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    background-color: #f4f6f8;
    border-radius: 11px;
    font-family: "shoprite-icon";
    font-size: 7px;
    line-height: 1;
    padding: 8px;
    position: absolute;
    right: -8px;
  }
  .store-finder-wrap:hover .recommend-section,
  .store-finder-wrap:active .recommend-section,
  .store-finder-wrap:focus-within .recommend-section {
    display: none;
  }
  .store-finder-wrap:hover .header__your-store__name:after,
  .store-finder-wrap:active .header__your-store__name:after,
  .store-finder-wrap:focus-within .header__your-store__name:after {
    background-color: #4da8af !important;
    border-radius: 10px 10px 0 0;
    bottom: -11px;
    left: -35px;
    content: '';
    height: 4px;
    position: absolute;
    width: calc(100% + 45px);
  }
  .store-finder-wrap:hover .js-store-search-filed,
  .store-finder-wrap:active .js-store-search-filed,
  .store-finder-wrap:focus-within .js-store-search-filed {
    display: block !important;
  }
}
.store-search-field {
  position: relative;
  padding: 0 24px 14px 24px;
  background-color: #fff;
  line-height: normal;
  font-weight: normal;
}
.store-search-field-help-centre {
  background-color: transparent;
  padding: 0;
}
.store-search-field input {
  width: 100%;
  height: 50px;
  padding-left: 42px;
  padding-right: 36px;
  margin: 0 0 12px 0;
  border: thin solid #ecf0f4;
  border-radius: 50px;
  background-image: none;
  background-color: #ecf0f4;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.store-search-field input:focus,
.store-search-field input:not(:placeholder-shown) {
  padding-right: 70px;
}
.store-search-field input.form-section__input:focus,
.store-search-field input.form-section__input.used {
  padding-top: 0;
  border-bottom-width: 1px;
}
.store-search-field .store-finder-search-wrap {
  position: relative;
}
.store-search-field .store-finder-search-wrap label {
  position: absolute;
  font-weight: unset;
  top: 15px;
  left: 40px;
  text-transform: unset;
  font-size: 14px;
  color: inherit;
}
@media (max-width: 636px) {
  .store-search-field .store-finder-search-wrap label {
    font-size: 14px;
  }
}
.store-search-field .store-finder-search-wrap :-ms-fullscreen,
.store-search-field .store-finder-search-wrap :root label {
  font-size: 10px;
}
.store-search-field .store-finder-search-wrap label.search-store-focus {
  font-size: 13px;
  top: 5px;
  color: #808d98;
}
.store-search-field .store-finder-search-wrap label.search-store-focus + input {
  border-bottom: 2px solid #939EAC;
}
.store-search-field .store-finder-search-wrap .store-filter-icon,
.store-search-field .store-finder-search-wrap .store-search-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #454f5a;
  font-size: 18px;
}
.store-search-field .store-finder-search-wrap .store-search-icon {
  left: 18px;
}
.store-search-field .store-finder-search-wrap .store-filter-icon {
  right: 18px;
  padding: 6px;
  font-size: 16px;
}
@media (max-width: 1280px) {
  .store-search-field .store-finder-search-wrap .store-filter-icon {
    padding: 10px;
  }
}
.store-search-field .store-finder-search-wrap .store-filter-icon:hover {
  cursor: pointer;
  background-color: #DFE3E8;
  border-radius: 50%;
}
.store-search-field .store-finder-search-wrap .store-filter-icon__filtered::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #38a8ae;
}
.store-search-field .store-finder-search-wrap .store-search-input-clear {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  display: none;
  opacity: 0.6;
  position: absolute;
  font-size: 18px;
  right: 50px;
  top: 50%;
}
.store-search-field .store-finder-location-wrap .store-finder-location-btn {
  margin: 5px 0;
  text-align: center;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.store-search-field .store-finder-location-wrap .store-finder-location-btn:hover {
  color: #38a8ae;
}
.store-search-field .store-finder-location-wrap .store-finder-location-btn .icon,
.store-search-field .store-finder-location-wrap .store-finder-location-btn .icon:link,
.store-search-field .store-finder-location-wrap .store-finder-location-btn .icon:visited {
  color: #4da8af;
}
.store-search-field .store-finder-location-wrap .store-finder-location-btn svg {
  margin-left: 8px;
}
.store-search-field .store-finder-location-wrap .store-finder-location-btn img {
  margin-left: 5px;
}
.store-search-field .store-finder-location-wrap .store-finder-location-btn span {
  display: inline-block;
  margin: 0 5px;
}
.store-search-field .store-finder-location-wrap .store-finder-location-btn .icon {
  font-size: 18px;
  margin-right: 5px;
}
.page-storefinderPage .store-results-wrap {
  display: none;
}
.store-results-wrap .store-results-results-title {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  padding: 13px 0 5px 0;
  border-bottom: 2px solid #dfe3e8;
  margin: 0 15px 15px 15px;
}
.store-results-wrap .js-no-store-found {
  display: none;
  padding: 25px;
  text-align: center;
}
.store-results-wrap .js-no-store-found .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.store-results-wrap .js-no-store-found .subtitle {
  font-size: 12px;
  color: #808d98;
}
.store-results-wrap .js-no-store-found svg {
  opacity: 0.3;
  margin-bottom: 20px;
}
@media (max-width: 636px) {
  .header-store-wrapper--mobile .js-store-results {
    max-height: unset;
    overflow: auto;
  }
}
a,
button {
  color: #38a8ae;
  text-decoration: none;
}
button.store-button {
  border: none;
  background-color: transparent;
  padding: 15px 3px;
  font-weight: 700;
  color: #454f5a;
  text-align: center;
  font-size: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float: left;
  margin-left: 5px;
  width: calc(25% - 5px);
}
button.store-button:first-child {
  margin-left: 0;
}
button.store-button i,
button.store-button svg {
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
  width: 100%;
}
button.store-button.active,
button.store-button:hover {
  background-color: #38a8ae;
  color: #FFFFFF;
}
button.store-button.active svg g,
button.store-button:hover svg g {
  fill: #FFFFFF;
}
.opening-hours-Mon,
.opening-hours-Tue,
.opening-hours-Wed,
.opening-hours-Thu,
.opening-hours-Fri,
.opening-hours-Sat,
.opening-hours-Sun {
  display: none;
  text-align: left;
  color: #38a8ae;
  font-size: 13px;
}
.opening-hours-for-today {
  display: block;
}
.small-upper-title {
  color: #212b36;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 10px;
  padding-top: 6px;
  display: flex;
  align-items: center;
}
.small-upper-title svg {
  margin-left: 4px;
}
.store-text-bold {
  font-weight: 800;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 14px;
}
.nav-store-your {
  background-color: #f5f5f5;
}
.nav-store-recommend {
  background-color: #fff;
}
.recommend-store-section {
  padding: 0 0 40px 0;
}
.nav-store-recommend,
.nav-store-your-results-recommend {
  padding: 5px 40px;
  padding-bottom: 5px;
  text-align: left;
  border: none;
}
.nav-store-recommend .nav-store-your-row,
.nav-store-your-results-recommend .nav-store-your-row {
  position: relative;
  display: table;
  width: 100%;
}
.nav-store-recommend .nav-store-your-row__info,
.nav-store-your-results-recommend .nav-store-your-row__info {
  display: table-cell;
  padding-left: 34px;
}
.nav-store-recommend .nav-store-your-row__info::before,
.nav-store-your-results-recommend .nav-store-your-row__info::before {
  position: absolute;
  left: 0;
  top: 1px;
  background-image: url(/_ui/responsive/common/images/checkers/select-store-popup-image.png);
  background-size: 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  content: "";
}
.nav-store-recommend .nav-store-your-row__distance,
.nav-store-your-results-recommend .nav-store-your-row__distance {
  display: table-cell;
  width: 64px;
}
.nav-store-recommend .nav-store-your-row .title,
.nav-store-your-results-recommend .nav-store-your-row .title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  color: #000000;
}
.nav-store-recommend .nav-store-your-row .description,
.nav-store-your-results-recommend .nav-store-your-row .description {
  font-size: 12px;
  color: #919eab;
  margin: 0;
}
.nav-store-recommend .nav-store-your-row img,
.nav-store-your-results-recommend .nav-store-your-row img {
  margin-left: 5px;
  width: 18px;
  height: 18px;
}
.nav-store-recommend .nav-store-your-row .store-working-time,
.nav-store-your-results-recommend .nav-store-your-row .store-working-time {
  color: #38a8ae;
  height: 50px;
  font-size: 12px;
  text-align: right;
}
.nav-store-recommend .store-distance,
.nav-store-your-results-recommend .store-distance {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  text-align: right;
}
.nav-store-recommend .store-distance svg g,
.nav-store-your-results-recommend .store-distance svg g {
  fill: #38a8ae;
}
.nav-store-recommend .store-distance span,
.nav-store-your-results-recommend .store-distance span {
  display: block;
}
.nav-store-your,
.nav-store-your-results {
  padding: 16px 40px;
  border-top: thin solid #DFE3E8;
  text-align: left;
}
.nav-store-your:first-child,
.nav-store-your-results:first-child {
  padding-top: 24px;
}
.nav-store-your:last-child,
.nav-store-your-results:last-child {
  padding-bottom: 24px;
}
.nav-store-your .nav-store-your-row,
.nav-store-your-results .nav-store-your-row {
  position: relative;
  display: table;
  width: 100%;
}
.nav-store-your .nav-store-your-row__info,
.nav-store-your-results .nav-store-your-row__info {
  display: table-cell;
  padding-left: 34px;
}
.nav-store-your .nav-store-your-row__info::before,
.nav-store-your-results .nav-store-your-row__info::before {
  position: absolute;
  left: 0;
  top: 1px;
  background-image: url(/_ui/responsive/common/images/checkers/select-store-popup-image.png);
  background-size: 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  content: "";
}
.nav-store-your .nav-store-your-row__distance,
.nav-store-your-results .nav-store-your-row__distance {
  display: table-cell;
  width: 64px;
}
.nav-store-your .nav-store-your-row .title,
.nav-store-your-results .nav-store-your-row .title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  color: #000000;
}
.nav-store-your .nav-store-your-row .description,
.nav-store-your-results .nav-store-your-row .description {
  font-size: 12px;
  color: #919eab;
  margin: 0;
}
.nav-store-your .nav-store-your-row img,
.nav-store-your-results .nav-store-your-row img {
  margin-left: 5px;
  width: 18px;
  height: 18px;
}
.nav-store-your .nav-store-your-row .store-working-time,
.nav-store-your-results .nav-store-your-row .store-working-time {
  color: #38a8ae;
  height: 50px;
  font-size: 12px;
  text-align: right;
}
.nav-store-your .nav-store-your-row .nav-store-your-options,
.nav-store-your-results .nav-store-your-row .nav-store-your-options {
  margin-top: 18px;
  margin-left: 34px;
}
.nav-store-your .nav-store-your-row .nav-store-your-options .sl-container,
.nav-store-your-results .nav-store-your-row .nav-store-your-options .sl-container {
  padding: 0;
}
@media (max-width: 636px) {
  .nav-store-your .nav-store-your-row .nav-store-your-options .sl-container,
  .nav-store-your-results .nav-store-your-row .nav-store-your-options .sl-container {
    overflow-x: auto;
    white-space: nowrap;
    margin-right: -40px;
  }
}
.nav-store-your .nav-store-your-row .nav-store-your-options .sl-container button,
.nav-store-your-results .nav-store-your-row .nav-store-your-options .sl-container button {
  background-color: transparent;
  color: #161c23;
  border-radius: 50px;
  border: thin solid #c4cdd5;
  font-size: 14px;
  letter-spacing: -0.03125em;
  line-height: 14px;
  padding: 9px 16px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 8px;
}
.nav-store-your .nav-store-your-row .nav-store-your-options .sl-container button .icon,
.nav-store-your-results .nav-store-your-row .nav-store-your-options .sl-container button .icon {
  margin-right: 6px;
}
.nav-store-your .nav-store-your-row .nav-store-your-options .sl-container button.primary,
.nav-store-your-results .nav-store-your-row .nav-store-your-options .sl-container button.primary {
  border: thin solid #38a8ae;
  background-color: #38a8ae;
  color: #FFFFFF;
}
.nav-store-your .nav-store-your-row .nav-store-your-options .sl-container button.active,
.nav-store-your-results .nav-store-your-row .nav-store-your-options .sl-container button.active {
  border: thin solid #38a8ae;
}
.nav-store-your .nav-store-your-row .nav-store-your-options .sl-container button.active .icon,
.nav-store-your-results .nav-store-your-row .nav-store-your-options .sl-container button.active .icon {
  color: #38a8ae;
}
.nav-store-your .store-distance,
.nav-store-your-results .store-distance {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  text-align: right;
}
.nav-store-your .store-distance svg g,
.nav-store-your-results .store-distance svg g {
  fill: #38a8ae;
}
.nav-store-your .store-distance span,
.nav-store-your-results .store-distance span {
  display: block;
}
.nav-store-your .title,
.nav-store-your-results .title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  color: #000000;
}
.nav-store-your .description,
.nav-store-your-results .description {
  font-size: 12px;
  color: #919eab;
  margin: 0;
}
.nav-store-your img,
.nav-store-your-results img {
  margin-left: 5px;
  width: 18px;
  height: 18px;
}
.nav-store-your .store-working-time,
.nav-store-your-results .store-working-time {
  color: #38a8ae;
  height: 50px;
  font-size: 12px;
  text-align: right;
}
.nav-store-your .nav-store-your-options,
.nav-store-your-results .nav-store-your-options {
  margin-top: 18px;
  margin-left: 34px;
}
.nav-store-your .nav-store-your-options .sl-container,
.nav-store-your-results .nav-store-your-options .sl-container {
  padding: 0;
}
@media (max-width: 636px) {
  .nav-store-your .nav-store-your-options .sl-container,
  .nav-store-your-results .nav-store-your-options .sl-container {
    overflow-x: auto;
    white-space: nowrap;
    margin-right: -40px;
  }
}
.nav-store-your .nav-store-your-options .sl-container button,
.nav-store-your-results .nav-store-your-options .sl-container button {
  background-color: transparent;
  color: #161c23;
  border-radius: 50px;
  border: thin solid #c4cdd5;
  font-size: 14px;
  letter-spacing: -0.03125em;
  line-height: 14px;
  padding: 9px 16px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 8px;
}
.nav-store-your .nav-store-your-options .sl-container button .icon,
.nav-store-your-results .nav-store-your-options .sl-container button .icon {
  margin-right: 6px;
}
.nav-store-your .nav-store-your-options .sl-container button.primary,
.nav-store-your-results .nav-store-your-options .sl-container button.primary {
  border: thin solid #38a8ae;
  background-color: #38a8ae;
  color: #FFFFFF;
}
.nav-store-your .nav-store-your-options .sl-container button.active,
.nav-store-your-results .nav-store-your-options .sl-container button.active {
  border: thin solid #38a8ae;
}
.nav-store-your .nav-store-your-options .sl-container button.active .icon,
.nav-store-your-results .nav-store-your-options .sl-container button.active .icon {
  color: #38a8ae;
}
.nav-store-your .nav-store-your-options .sl-container button:not(.primary):not(.active):hover,
.nav-store-your-results .nav-store-your-options .sl-container button:not(.primary):not(.active):hover {
  border-color: #38a8ae;
}
@media (max-width: 636px) {
  .swt-element {
    display: none;
  }
  .store-distance {
    margin-left: 15px;
    display: block;
    white-space: nowrap;
  }
  .header-store-wrapper--mobile .swt-element {
    display: block;
  }
}
.nav-store-your-hours table td {
  padding: 0 20px 0 0;
  vertical-align: top;
}
.nav-store-your-hours--liquorshop-only {
  background-image: url("/_ui/responsive/common/images/badges/LiquorShop.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0;
  width: 75px;
  margin-bottom: 15px;
}
@media (max-width: 636px) {
  .nav-store-your-hours--liquorshop-only {
    width: 50px;
    margin-bottom: 8px;
  }
}
.nav-store-your-hours-simple {
  margin: 4px 0 4px 34px;
  font-size: 12px;
  font-weight: 400;
  color: #637381;
}
.nav-store-your-hours-simple .open {
  color: #3DA960;
}
.nav-store-your-hours-simple .closed {
  color: #e51f34;
}
@media (max-width: 636px) {
  .page-storefinderPage .store-filters-open {
    display: flex;
    z-index: 100;
  }
}
@media (max-width: 636px) {
  .page-storeFinderListingPage .store-filters-open {
    display: flex;
    z-index: 100;
  }
}
.nav-store-your-store-filters {
  margin-left: 34px;
}
.nav-store-your-store-filters span,
.nav-store-your-store-filters img {
  margin: 0 4px 0 0;
}
.nav-store-your-store-filters span {
  font-weight: 600;
  color: #38a8ae;
  font-size: 12px;
}
.nav-store-your-store-filters img {
  width: auto;
  max-height: 14px;
}
.world-of-checkers {
  cursor: pointer;
}
@media (min-width: 637px) and (max-width: 1024px) {
  .world-of-checkers.nav__links--primary .sub__navigation {
    top: 80px;
  }
  .world-of-checkers.nav__links--primary .sub__navigation ul.sub-navigation-list {
    padding: 5px 0;
  }
  .world-of-checkers.nav__links--primary .sub__navigation ul.sub-navigation-list li:not(.browse-products) {
    margin: 0;
    border: none;
  }
  .world-of-checkers.nav__links--primary .sub__navigation ul.sub-navigation-list li:not(.browse-products) a:not(:empty) {
    padding: 3px 15px;
  }
}
.world-of-checkers.nav__links--primary .sub__navigation .js-toggle-tablet-navigation {
  display: none;
}
.browse-products {
  cursor: pointer;
}
.browse-products .shoprite-icon-dropdown-expand {
  color: #555;
  min-height: 30px;
  padding: 26px 0;
  position: absolute;
  font-size: 10px;
  margin-left: -6px;
}
@media (min-width: 637px) {
  .browse-products .sub__navigation {
    width: 100% !important;
  }
  .browse-products .sub__navigation .sub-navigation-list.has-title hr {
    margin: 0 5px 0 12px;
    border-bottom: 1px solid #e0e3e8;
  }
  .browse-products .sub__navigation:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -666px;
    height: 100%;
    width: 100%;
    background-color: #FFFFFF;
    border-top: 10px solid #f4f6f8;
    z-index: -1;
  }
  .browse-products .sub__navigation:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -999px;
    height: 100%;
    width: 100%;
    background: #f4f6f8;
    z-index: -1;
  }
  .browse-products .sub__navigation .row {
    background-color: #f4f6f8;
    padding: 10px 0 0 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    overflow-y: auto;
    height: 800px;
    flex-wrap: wrap;
    scrollbar-width: none;
  }
  .browse-products .sub__navigation .row.sub-navigation-row:before {
    display: inline-block !important;
  }
  .browse-products .sub__navigation .row.sub-navigation-row:after {
    display: inline-block !important;
  }
  .browse-products .sub__navigation .row::-webkit-scrollbar {
    width: 0;
    background: transparent;
  }
  .browse-products .sub__navigation .row .col {
    background-color: #FFFFFF;
    padding: 0;
  }
  .browse-products .sub__navigation .row .col.sub-navigation-section {
    background-color: #FFFFFF;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li {
    cursor: pointer;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li.selected,
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li.selected a {
    color: #59a6ac;
    font-weight: 700;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li:first-of-type {
    padding-left: 0;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li a {
    cursor: pointer;
    color: #232b35;
    padding: 5px 15px;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li a:hover,
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li a:active {
    color: #59a6ac;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li.title-nav {
    border-bottom: 2px solid #e0e3e8;
    margin-left: 15px;
    padding-right: 5px;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li.title-nav .title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #59a6ac;
    margin: 0;
    padding: 0;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li.title-nav a {
    color: #59a6ac;
    font-size: 12px;
    font-weight: 300;
    cursor: pointer;
    padding-right: 0;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li.title-nav a:after {
    display: none;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li.title-nav a:hover {
    font-weight: 300;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li.title-nav a:focus {
    text-decoration: none;
    outline: none;
  }
}
@media (min-width: 637px) and (max-height: 920px) {
  .browse-products .sub__navigation .row {
    height: 80vh;
  }
}
@media (max-width: 637px) {
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li {
    margin: 0 15px;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li a {
    font-size: 14px;
    font-weight: normal;
    color: #232b35;
    padding: 0;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li a:not(:empty) {
    padding: 12px 0;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li:not(:empty) {
    border-bottom: 1px solid #e5e5e5;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li.title-nav {
    border-bottom: none;
    margin: 0;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li.title-nav .title {
    border-bottom: 2px solid #e5e5e5;
    text-transform: none;
    color: #59a6ac;
    padding: 0 15px;
  }
  .browse-products .sub__navigation .row .col ul.sub-navigation-list li.title-nav .title:before {
    font-family: "shoprite-icon";
    font-size: 13px;
    content: "\e91c";
    margin-right: 15px;
  }
}
@media (max-width: 637px) {
  .nav__links--primary .row ul.sub-navigation-list li {
    margin: 0 15px;
  }
  .nav__links--primary .row ul.sub-navigation-list li a {
    font-size: 13px;
    font-weight: 300;
    color: #232b35;
    padding: 0;
  }
  .nav__links--primary .row ul.sub-navigation-list li a:not(:empty) {
    padding: 8px 0;
  }
  .nav__links--primary .row ul.sub-navigation-list li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .nav__links--primary .row ul.sub-navigation-list li.title-nav {
    border-bottom: 1px solid #e5e5e5;
  }
  .nav__links--primary .row ul.sub-navigation-list li.title-nav .title {
    border-bottom: 2px solid #e5e5e5;
    text-transform: none;
    color: #59a6ac;
    padding: 0 15px;
  }
  .nav__links--primary .row ul.sub-navigation-list li.title-nav .title:before {
    font-family: "shoprite-icon";
    font-size: 13px;
    content: "\e91c";
    margin-right: 15px;
  }
}
@media (max-width: 637px) {
  .navigation--bottom ul.nav__links--products {
    border-top: 8px solid #f4f6f8;
  }
}
.navigation--bottom ul.nav__links--products li:first-of-type {
  padding-left: 15px;
}
.navigation--bottom ul.nav__links--products li:first-of-type .nav__link:after {
  left: -20px !important;
  width: 115% !important;
}
.navigation--bottom ul.nav__links--products > li.show-sub > .nav__link::after {
  background-color: #38a8ae !important;
}
@media (max-width: 636px) {
  .navigation--bottom ul.nav__links--products li {
    margin: 0 15px;
  }
  .navigation--bottom ul.nav__links--products li a:not(:empty) {
    padding: 10px 0;
    font-size: 14px;
    color: #232b35;
  }
  .navigation--bottom ul.nav__links--products li a.prevCat {
    font-size: 16px;
    font-weight: 600;
    color: #59a6ac;
    margin: 0;
    padding: 0 0 0 15px;
  }
  .navigation--bottom ul.nav__links--products li a.prevCat:before {
    font-family: "shoprite-icon";
    font-size: 13px;
    content: "\e91c";
    margin-right: 15px;
  }
  .navigation--bottom ul.nav__links--products li:first-of-type {
    padding-left: 0;
  }
  .navigation--bottom ul.nav__links--products li:not(:empty) {
    border-bottom: 1px solid #e5e5e5;
  }
  .navigation--bottom ul.nav__links--products li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .navigation--bottom ul.nav__links--products li.nav__links--primary-has__sub .nav__link--drill__down {
    padding: 20px 0;
  }
  .navigation--bottom ul.nav__links--products li.nav__links--primary-has__sub .nav__link--drill__down:before {
    font-family: "shoprite-icon";
    content: "\e92b";
    position: absolute;
    right: 8px;
    top: 16px;
    font-size: 10px;
  }
  .navigation--bottom ul.nav__links--products li.browse-products {
    overflow: visible;
  }
  .navigation--bottom ul.nav__links--products li.browse-products .nav__link {
    position: relative;
  }
  .navigation--bottom ul.nav__links--products li.browse-products .nav__link:before {
    content: '';
    background-color: #38a8ae;
    border-radius: 0 10px 10px 0;
    width: 4px;
    height: 38px;
    position: absolute;
    top: 2px;
    left: -15px;
  }
  .navigation--bottom ul.nav__links--products li.browse-products a {
    font-weight: 700;
  }
  .navigation--bottom ul.nav__links--products li.browse-products a.backBtn {
    font-weight: 300;
    background: #f4f6f8;
    padding: 0 15px;
    line-height: 40px;
    border-bottom: 0;
    border-top: 1px solid #e5e5e5;
  }
  .navigation--bottom ul.nav__links--products li.browse-products a.backBtn:before {
    font-family: "shoprite-icon";
    content: "\e91c";
  }
  .navigation--bottom ul.nav__links--products li:not(.browse-products) a:not(:empty) {
    padding: 13px 0;
    font-size: 14px;
    color: #232b35;
  }
  .navigation--bottom ul.nav__links--products li:not(.browse-products) a.sm-back {
    font-size: 16px;
    font-weight: 600;
    color: #59a6ac;
    margin: 0;
    padding: 0 0 0 15px;
  }
  .navigation--bottom ul.nav__links--products li:not(.browse-products) a.sm-back:before {
    font-family: "shoprite-icon";
    font-size: 13px;
    content: "\e91c";
    margin-right: 15px;
  }
}
@media (max-width: 636px) and (max-width: 1024px) and (min-width: 637px) {
  .navigation--bottom ul.nav__links--products li.browse-products .nav__link:before {
    display: none;
  }
}
@media (max-width: 637px) {
  .navigation--bottom {
    top: 0;
  }
  .navigation--bottom .close-sm-navigation {
    position: absolute;
    top: 8px;
    right: 0;
    background: transparent;
    z-index: 99;
  }
  .navigation--bottom .close-sm-navigation span {
    color: #474f5a;
    font-size: 24px;
    -webkit-text-stroke: 4px white;
  }
  .navigation--bottom .close-icon-mobile {
    color: #454f5b;
    top: 4px;
  }
  .navigation--bottom .close-icon-mobile.logged-in {
    font-size: 15px;
    color: #FFFFFF;
  }
}
.sub-navigation-overlay {
  background-color: #000000;
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 111px;
  z-index: 11;
}
@media (max-width: 636px) {
  .sub-navigation-overlay {
    display: block;
    height: 100vh;
    z-index: 13;
  }
}
@media (max-width: 1024px) {
  .sub-navigation-overlay {
    top: 0;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .login-mobile-leftside .top .title {
    color: #232b35;
    margin: 30px 0 15px 0;
    font-size: 17px;
    font-weight: 600;
    display: block;
    text-align: center;
  }
  .navigation--bottom .login-mobile-leftside .top a.btn-custom {
    color: #fff;
    display: block;
    width: 80%;
    margin: 0 auto 10px;
    font-weight: 500;
  }
  .navigation--bottom .login-mobile-leftside .top p small {
    font-size: 12px;
  }
  .navigation--bottom .login-mobile-leftside .top p a.custom-link {
    display: inline;
    font-weight: normal;
    color: #38a8ae;
  }
}
.header__top .header__menu-button {
  font-size: 18px;
  margin-right: 15px;
  max-width: 20px;
  margin-top: 5px;
}
.header__top .header-nav-links-component {
  margin-right: auto;
  max-width: 269px;
  width: 100%;
}
@media (max-width: 1200px) {
  .header__top .header-nav-links-component {
    display: none;
  }
}
.header__top .header-nav-links-component .header-nav-links {
  display: inline-block;
}
.header__top .header-nav-links-component .header-nav-links a {
  color: #000000;
  font-size: 14px;
  margin-left: 30px;
}
.header__top .header-nav-links-component .header-nav-links a:hover {
  color: #38a8ae;
}
.header__top .header-nav-links-component .header-nav-links .active {
  color: #38a8ae;
}
@media (min-width: 1025px) {
  .nav__links > .nav-with-chevron .nav__link {
    padding-right: 15px;
  }
  .nav__links > .nav-with-chevron .nav__link--drill__down {
    margin-left: -15px;
  }
  .nav__links > .nav-with-chevron:hover .shoprite-icon-dropdown-expand:before {
    background-color: #f4f6f8;
    border-radius: 11px;
    font-family: "shoprite-icon";
    font-size: 7px;
    line-height: 1;
    margin-top: -2px;
    padding: 8px;
    position: absolute;
    right: -15px;
    top: 40%;
    transform: rotate(180deg);
  }
}
.location-error-box#colorbox,
.location-error-box #cboxWrapper {
  min-height: 380px;
}
.location-error-box #cboxContent {
  width: auto !important;
  height: auto !important;
  border-radius: 4px;
  border: 1px solid #c4cdd5;
}
.location-error-box #cboxLoadedContent {
  margin-top: 30px;
  height: auto !important;
}
.location-error-box #cboxLoadedContent p {
  font-size: 18px;
  font-weight: 600;
  color: #212b36;
}
.location-error-box #cboxLoadedContent a,
.location-error-box #cboxLoadedContent span {
  color: #59a6ac;
}
.location-error-box .ASM_icon-close:before {
  color: #454f5b;
}
.header-promotion:first-child {
  border-top: 8px solid #f4f6f8;
}
.full-size-image-cls {
  margin-left: calc(-100vw / 2 + var(--wrapWidth) / 2) !important;
  margin-right: calc(-100vw / 2 + var(--wrapWidth) / 2) !important;
  max-width: var(--bodyWidth);
  width: var(--bodyWidth) !important;
}
@media (max-width: 1440px) {
  .full-size-image-cls {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.full-size-image {
  margin-left: calc(-1 * (var(--bodyWidth) - 100%) / 2) !important;
  max-width: var(--bodyWidth);
  width: var(--bodyWidth) !important;
}
.prevent-scroll {
  overflow: hidden;
  width: 100%;
}
.row-top-border:before {
  border-top: 10px solid #fff;
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -999px;
  height: 100%;
  width: 100%;
}
.full-image-size {
  margin-left: calc(50% - 50vw);
  max-width: 200%;
  width: 100vw;
}
:-ms-fullscreen .store-finder-search-wrap label,
:root .store-search-field .store-finder-search-wrap label {
  font-size: 12px;
}
@supports (-webkit-overflow-scrolling: touch) {
  @media (max-width: 636px) {
    .navigation__overflow {
      padding-bottom: 80px;
    }
    .navigation__overflow .sub-navigation-list {
      padding-bottom: 80px;
    }
    .navigation--bottom {
      height: 90vh;
    }
    .navigation--bottom .nav__links--primary .row {
      margin: 0;
      padding-bottom: 80px;
    }
    .prevent-elastic {
      width: 100%;
      position: fixed;
    }
  }
}
.js-header-nav-links-top {
  display: none;
}
@media (max-width: 636px) {
  .js-header-nav-links-top {
    display: block;
  }
}
@media (max-width: 636px) {
  .sub-navigation-list .non-department a {
    padding-right: 20px;
  }
  .sub-navigation-list .non-department a::before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\e92b";
    font-family: "shoprite-icon";
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 50%;
  }
}
@media (max-width: 636px) {
  .sub-navigation-list .nav__link--extra-link {
    display: none !important;
  }
}
@media (max-width: 636px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li.title-nav.view-all {
    display: none;
  }
}
header {
  background: #f4f4f4;
}
.page-cartPage header,
.page-homepage header,
.page-productGrid header,
.page-searchGrid header,
.page-search header,
.page-cartPage header,
.pageType-CategoryPage header {
  margin-bottom: 0;
}
.cookie-alert--top {
  margin-bottom: 0;
}
#consent-management-alert .consent-management-list {
  max-width: 100%;
  line-height: 1.6;
  padding: 0;
  margin: 0;
}
#consent-management-alert .consent-management-list__item {
  position: relative;
  margin-top: 0;
  margin-bottom: 3px;
  list-style-type: none;
}
@media (max-width: 1024px) {
  #consent-management-alert .consent-management-list__item {
    border-left: 0 none;
    border-right: 0 none;
    margin-left: -20px;
    margin-right: -20px;
  }
}
#consent-management-alert .consent-management-list__title {
  padding: 0 15px 0 62px;
  display: block;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
}
#consent-management-alert .consent-management-list__title:before {
  font-family: 'Glyphicons Halflings', sans-serif;
  content: '\e114';
  font-size: 16px;
  position: absolute;
  left: 20px;
  top: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#consent-management-alert .consent-management-list__title:hover,
#consent-management-alert .consent-management-list__title:focus {
  cursor: pointer;
  outline: none;
}
#consent-management-alert .is-expanded .consent-management-list__title:before {
  content: "\e113";
}
#consent-management-alert .consent-management-list__label {
  width: 85%;
  font-size: 15px;
}
@media (max-width: 1024px) {
  #consent-management-alert .consent-management-list__label {
    width: 60%;
    font-size: 14px;
  }
}
#consent-management-alert .consent-management-list__content-inner {
  padding: 10px 40px 0 65px;
  font-size: 16px;
}
@media (max-width: 1024px) {
  #consent-management-alert .consent-management-list__content-inner {
    font-size: 14px;
  }
}
#consent-management-alert .consent-management-list__content {
  transition: height 0.3s ease-out;
  height: 0;
  overflow: hidden;
}
#consent-management-alert .consent-buttons-group {
  position: absolute;
  top: 10px;
  right: 20px;
}
@media (max-width: 636px) {
  #consent-management-alert .consent-buttons-group {
    right: 30px;
  }
}
#consent-management-alert .consent-buttons-group .btn {
  padding: 4px 38px;
  font-size: 13px;
  margin-left: 10px;
}
@media (max-width: 636px) {
  #consent-management-alert .consent-buttons-group .btn {
    padding: 4px;
    font-size: 12px;
    margin-left: 0;
  }
}
.header {
  background-color: #FFFFFF;
  border-bottom: 1px solid #cbd2d8;
  color: #161C23;
}
@media (max-width: 636px) {
  .header .wrap {
    overflow: visible;
  }
}
.header__top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 10px;
}
@media (max-width: 636px) {
  .header__top {
    padding: 5px 0;
  }
}
.header__top__links {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__top__links__promoAlert .promo-alerts #shrRegisterForm .button-register-step-1:not(:first-child) {
  margin-top: 6px;
}
@media (max-width: 636px) {
  .header__top__links__promoAlert {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
  }
  .header__top__links__promoAlert .promo-alerts {
    left: auto;
    position: relative;
  }
}
.header__top__links .header__account {
  position: relative;
}
@media (min-width: 637px) {
  .header__top__links .header__account {
    min-width: 100px;
  }
}
@media (max-width: 636px) {
  .header__top__links .header__account {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media (max-width: 1024px) {
  .header__top__links .nav-banner .full-mobile-image {
    margin: 0 -15px 0 0;
  }
}
.header__menu-button {
  background-color: transparent;
  border: 0;
  color: #161C23;
  font-size: 14px;
  margin-right: 16px;
  padding: 0;
  max-width: 14px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
@media (max-width: 636px) {
  .header__menu-button {
    overflow: hidden;
  }
}
.header__logo {
  max-width: 148px;
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 636px) {
  .header__logo {
    overflow: hidden;
    max-width: 124px;
  }
}
.header__logo .banner__component {
  margin: 0;
}
.header__your-store {
  color: #161C23;
  line-height: 1em;
  text-align: left;
  text-transform: none;
}
@media (max-width: 636px) {
  .header__your-store {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    padding: 12px 5px 5px 10px;
    flex-grow: 1;
  }
}
@media (min-width: 637px) {
  .header__your-store__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.header__your-store a:link,
.header__your-store a:visited {
  color: #434c57;
}
.header__your-store__icon {
  font-size: 17px;
  line-height: 1;
  margin-right: 12px;
}
@media (max-width: 636px) {
  .header__your-store__icon {
    margin-right: 10px;
  }
  .header__your-store__icon i::before {
    content: "\e90e";
    font-size: 17px;
  }
  .header__your-store__icon img {
    width: 24px;
    height: 24px;
  }
}
.header__your-store__select {
  font-size: 9px;
  padding-right: 20px;
  position: relative;
}
@media (max-width: 636px) {
  .header__your-store__select {
    font-size: 10px;
    text-align: left;
  }
  .header__your-store__select-default {
    text-transform: uppercase;
  }
  .header__your-store__select-icon:before {
    line-height: 1;
    position: absolute;
    font-size: 8px;
    padding: 8px;
    right: -8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media (min-width: 637px) {
  .header__your-store__select:after {
    content: "\e933";
    font-family: "shoprite-icon";
    font-size: 7px;
    line-height: 1;
    margin-top: -2px;
    position: absolute;
    right: -8px;
    top: 50%;
  }
}
@media (max-width: 636px) {
  .header__your-store__select .rotate-dropdown-arrow::before,
  .header__your-store__select .rotate-dropdown-arrow::after {
    background-color: transparent;
    font-size: 8px;
    top: 2px;
    right: -8px;
  }
}
.header__your-store__name {
  display: block;
  font-size: 12px;
  font-weight: 600;
}
@media (max-width: 636px) {
  .header__your-store__name {
    font-size: 12px;
  }
}
.header .customer-sign-in {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #ffece8;
  border-radius: 100px;
  padding: 3px 3px 3px 12px;
}
@media (max-width: 980px) {
  .header .customer-sign-in {
    background-color: transparent;
    padding: 0;
  }
}
.header .customer-sign-in__xtra-rewards {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-right: 6px;
}
@media (max-width: 980px) {
  .header .customer-sign-in__xtra-rewards {
    display: none;
  }
}
.header .customer-sign-in__xtra-rewards__image {
  flex-shrink: 0;
  height: 46px;
  margin-bottom: -3px;
  margin-right: 10px;
  margin-top: -3px;
}
.header .customer-sign-in__xtra-rewards__image img {
  display: block;
  height: 100%;
  width: auto;
}
.header .customer-sign-in__xtra-rewards__arrow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #ff4219;
  flex-shrink: 0;
  font-size: 10.4px;
  height: 32px;
  margin-right: 10px;
  width: 32px;
}
.header .customer-sign-in__xtra-rewards__text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #212b36;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 1.16em;
}
.header .customer-sign-in__xtra-rewards__text .title {
  font-weight: 800;
  text-transform: uppercase;
}
.header .customer-sign-in__xtra-rewards__text .title strong {
  color: #ff4219;
  font-weight: 800;
}
.header .customer-sign-in__xtra-rewards__text .text {
  font-weight: 600;
}
.header .customer-sign-in__xtra-rewards__saved {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 1024px) {
  .header .customer-sign-in__xtra-rewards__saved {
    margin-right: 10px;
  }
}
@media (max-width: 636px) {
  .header .customer-sign-in__xtra-rewards__saved {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 5px;
  }
}
.header .customer-sign-in__xtra-rewards__saved .text {
  color: #212b36;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 800;
  line-height: 1em;
  margin-right: 10px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .header .customer-sign-in__xtra-rewards__saved .text {
    margin-right: 0;
    text-align: center;
    white-space: nowrap;
  }
}
.header .customer-sign-in__xtra-rewards__saved .value {
  color: #ff4219;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.03em;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .header .customer-sign-in__xtra-rewards__saved .value {
    font-size: 24px;
  }
}
.header .customer-sign-in__xtra-rewards__saved .empty {
  color: #212B36;
  font-size: 12px;
  font-weight: 800;
  line-height: 1em;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .header .customer-sign-in__xtra-rewards__saved .empty {
    text-align: center;
  }
}
.header .customer-sign-in__xtra-rewards__saved .empty strong {
  color: #ff4219;
  display: block;
  font-weight: 800;
}
.header .customer-sign-in__sign {
  flex-shrink: 0;
}
.header .customer-sign-in__sign__button {
  background-color: #ff4219;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  padding: 13px 11px;
}
.header .customer-sign-in__sign__button strong {
  font-weight: 700;
}
.header .customer-sign-in__signed {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.header .customer-sign-in__signed__icon {
  margin-right: 10px;
  position: relative;
}
.header .customer-sign-in__signed__icon .icon {
  color: #38a8ae;
  font-size: 32px;
}
.header .customer-sign-in__signed__icon .offers-header-number {
  background-color: #ff4219;
  border-radius: 100%;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 700;
  height: 13px;
  left: auto;
  line-height: 1.1em;
  padding: 1px 4px;
  position: absolute;
  right: 0;
  top: -1px;
  width: 14px;
}
.header .customer-sign-in__signed__greetings {
  font-size: 11px;
  line-height: 1.27em;
  margin-right: 6px;
  text-transform: uppercase;
}
.header .customer-sign-in__signed__greetings strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.16em;
}
.header .customer-sign-in__signed__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ff4219;
  border-radius: 50%;
  color: #FFFFFF;
  flex-shrink: 0;
  font-size: 4px;
  height: 32px;
  position: relative;
  text-align: center;
  width: 32px;
}
.header .customer-sign-in__signed__button .icon::after {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  padding: 0;
  position: relative;
  right: auto;
  top: auto;
}
.header__account {
  line-height: 1em;
  margin-left: 12px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 637px) {
  .header__account {
    margin-left: 30px;
  }
  .header__account.header__bottom {
    margin-left: 0;
  }
}
@media (max-width: 636px) {
  .header__account {
    margin-left: 8px;
    max-width: 69px;
    width: 100%;
  }
}
.header__account ul {
  margin: 0;
  padding: 0;
}
.header__account ul li {
  list-style: none;
}
.header__account a:link,
.header__account a:visited {
  color: #161C23;
  text-decoration: none;
}
.header__account a.sr-button:link {
  color: #ffffff;
}
.header__account .login-register {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__account .login-register__icon {
  font-size: 15px;
}
@media (min-width: 637px) {
  .header__account .login-register__icon {
    margin-right: 10px;
  }
}
@media (max-width: 636px) {
  .header__account .login-register__icon {
    font-size: 19px;
  }
}
.header__account .login-register__text {
  font-size: 12px;
  font-weight: 600;
  max-width: 75px;
}
@media (min-width: 637px) {
  .header__account .login-register__text {
    padding-right: 20px;
    position: relative;
  }
  .header__account .login-register__text:after {
    content: "\e933";
    font-family: "shoprite-icon";
    font-size: 7px;
    line-height: 1;
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 50%;
  }
}
.header__account .login-register__text span {
  font-weight: 400;
}
.header__account .login-register--signin .login-register__icon .icon {
  color: #38a8ae;
}
.header__account .profile,
.header__account .mini-login {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 6px 0;
}
.header__account .profile .cookie-consent,
.header__account .mini-login .cookie-consent {
  text-align: center;
}
.header__account .profile .cookie-consent a,
.header__account .mini-login .cookie-consent a {
  text-decoration: underline;
}
.header__account .profile__icon,
.header__account .mini-login__icon {
  color: #38a8ae;
  font-size: 20px;
}
@media (min-width: 637px) {
  .header__account .profile__icon,
  .header__account .mini-login__icon {
    margin-right: 11px;
  }
}
.header__account .profile__icon .icon,
.header__account .mini-login__icon .icon {
  color: #38a8ae;
}
.header__account .profile__welcome,
.header__account .mini-login__welcome {
  font-size: 9px;
  line-height: 1.16em;
}
@media (min-width: 637px) {
  .header__account .profile__welcome,
  .header__account .mini-login__welcome {
    padding-right: 20px;
    position: relative;
  }
  .header__account .profile__welcome:after,
  .header__account .mini-login__welcome:after {
    background-color: transparent;
    border-radius: 11px;
    content: "\e933";
    font-family: "shoprite-icon";
    font-size: 7px;
    line-height: 1;
    margin-top: -2px;
    padding: 8px;
    position: absolute;
    right: -8px;
    top: 20%;
  }
}
.header__account .profile__welcome__name,
.header__account .mini-login__welcome__name {
  display: block;
  font-size: 12px;
  font-weight: 600;
}
.header__account .profile.is-show .customer-sign-in__signed__button,
.header__account .mini-login.is-show .customer-sign-in__signed__button {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.header__account .profile.is-show .profile__welcome::after,
.header__account .mini-login.is-show .profile__welcome::after {
  background-color: #f4f6f8;
  position: absolute;
  transform: rotate(180deg);
}
.header__account .profile.is-show .profile__menu-container,
.header__account .mini-login.is-show .profile__menu-container {
  display: block;
}
.header__account .profile.is-show .profile__menu-container:before,
.header__account .mini-login.is-show .profile__menu-container:before {
  background-color: #ff4219;
  border-radius: 10px 10px 0 0;
  content: '';
  height: 4px;
  position: absolute;
  right: 2px;
  top: -4px;
  width: 145px;
}
@media (hover: hover) {
  .header__account .profile:hover .customer-sign-in__signed__button,
  .header__account .mini-login:hover .customer-sign-in__signed__button,
  .header__account .profile:active .customer-sign-in__signed__button,
  .header__account .mini-login:active .customer-sign-in__signed__button,
  .header__account .profile:focus-within .customer-sign-in__signed__button,
  .header__account .mini-login:focus-within .customer-sign-in__signed__button {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .header__account .profile:hover .profile__welcome::after,
  .header__account .mini-login:hover .profile__welcome::after,
  .header__account .profile:active .profile__welcome::after,
  .header__account .mini-login:active .profile__welcome::after,
  .header__account .profile:focus-within .profile__welcome::after,
  .header__account .mini-login:focus-within .profile__welcome::after {
    background-color: #f4f6f8;
    position: absolute;
    transform: rotate(180deg);
  }
  .header__account .profile:hover .profile__menu-container,
  .header__account .mini-login:hover .profile__menu-container,
  .header__account .profile:active .profile__menu-container,
  .header__account .mini-login:active .profile__menu-container,
  .header__account .profile:focus-within .profile__menu-container,
  .header__account .mini-login:focus-within .profile__menu-container {
    display: block;
  }
  .header__account .profile:hover .profile__menu-container:before,
  .header__account .mini-login:hover .profile__menu-container:before,
  .header__account .profile:active .profile__menu-container:before,
  .header__account .mini-login:active .profile__menu-container:before,
  .header__account .profile:focus-within .profile__menu-container:before,
  .header__account .mini-login:focus-within .profile__menu-container:before {
    background-color: #ff4219;
    border-radius: 10px 10px 0 0;
    content: '';
    height: 4px;
    position: absolute;
    right: 2px;
    top: -4px;
    width: 145px;
  }
}
.header__account .profile .profile__menu-container,
.header__account .mini-login .profile__menu-container {
  display: none;
  overflow-y: auto;
  height: 100vh;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 110;
}
@media only screen and (max-width: 1024px) {
  .header__account .profile .profile__menu-container,
  .header__account .mini-login .profile__menu-container {
    background-color: #FFFFFF;
    display: block;
    height: 100%;
    left: 100%;
    position: fixed;
    top: 0;
    transition: all 0.8s ease-out;
  }
}
@media (max-width: 1024px) {
  .header__account .profile .profile__menu-container.right,
  .header__account .mini-login .profile__menu-container.right {
    border: none;
    left: calc(100% - 411px);
    overflow-y: auto;
    z-index: 100;
  }
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu-container.right,
  .header__account .mini-login .profile__menu-container.right {
    left: 0;
  }
}
.header__account .profile .profile__menu-container #shrRegisterForm .register-form__first-step,
.header__account .mini-login .profile__menu-container #shrRegisterForm .register-form__first-step {
  transform: none;
  position: static;
  margin: 8px 0 14px;
}
.header__account .profile .profile__menu,
.header__account .mini-login .profile__menu {
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #c6cdd4;
  /*position: absolute;
        right: 0;
        top: 100%;*/
  position: relative;
  width: 390px;
}
@media (max-width: 1024px) {
  .header__account .profile .profile__menu,
  .header__account .mini-login .profile__menu {
    height: 100%;
    width: 411px;
  }
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu,
  .header__account .mini-login .profile__menu {
    width: 100vw;
  }
}
.header__account .profile .profile__menu__header,
.header__account .mini-login .profile__menu__header {
  color: #232b35;
  display: block;
  font-size: 19px;
  font-weight: 600;
  padding: 22px 0;
  text-align: center;
}
@media only screen and (max-width: 636px) {
  .header__account .profile .profile__menu__header,
  .header__account .mini-login .profile__menu__header {
    font-size: 24px;
    padding: 25px 0;
  }
}
.header__account .profile .profile__menu hr,
.header__account .mini-login .profile__menu hr {
  border: 0;
  border-bottom: 7px solid #f2f5f7;
  margin: 0;
}
.header__account .profile .profile__menu__create-password,
.header__account .mini-login .profile__menu__create-password {
  background-color: #ffece8;
  font-size: 13px;
  padding: 24px 60px 28px;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__create-password,
  .header__account .mini-login .profile__menu__create-password {
    padding: 24px 16px 28px;
  }
}
.header__account .profile .profile__menu__create-password__title,
.header__account .mini-login .profile__menu__create-password__title {
  color: #ff4219;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33em;
  margin-bottom: 15px;
  padding-left: 47px;
  position: relative;
}
.header__account .profile .profile__menu__create-password__title .icon,
.header__account .mini-login .profile__menu__create-password__title .icon {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 35px;
  left: 0;
  position: absolute;
  top: 50%;
}
.header__account .profile .profile__menu__create-password__list,
.header__account .mini-login .profile__menu__create-password__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 7px;
}
.header__account .profile .profile__menu__create-password__list li,
.header__account .mini-login .profile__menu__create-password__list li {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 7px;
  width: 50%;
}
.header__account .profile .profile__menu__create-password__list li::before,
.header__account .mini-login .profile__menu__create-password__list li::before {
  color: #26ac56;
  content: "\e927";
  font-family: 'shoprite-icon';
  font-size: 12px;
  margin-right: 8px;
}
.header__account .profile .profile__menu__create-password__button,
.header__account .mini-login .profile__menu__create-password__button {
  background-color: #26ac56;
  border-radius: 4px;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.header__account .profile .profile__menu__sign-content,
.header__account .mini-login .profile__menu__sign-content {
  padding: 0 60px;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__sign-content,
  .header__account .mini-login .profile__menu__sign-content {
    padding: 0 16px;
  }
}
.header__account .profile .profile__menu__sign-in,
.header__account .mini-login .profile__menu__sign-in {
  padding: 28px 0;
}
.header__account .profile .profile__menu__sign-in__button,
.header__account .mini-login .profile__menu__sign-in__button {
  background-color: #38a8ae;
  border-radius: 4px;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.header__account .profile .profile__menu__sign-up-xtra,
.header__account .mini-login .profile__menu__sign-up-xtra {
  padding: 28px 0;
  text-align: center;
}
.header__account .profile .profile__menu__sign-up-xtra__link,
.header__account .mini-login .profile__menu__sign-up-xtra__link {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.030em;
}
.header__account .profile .profile__menu__sign-up-xtra__link span,
.header__account .mini-login .profile__menu__sign-up-xtra__link span {
  color: #38a8ae;
}
.header__account .profile .profile__menu__links,
.header__account .mini-login .profile__menu__links {
  padding: 17px 11px;
}
.header__account .profile .profile__menu__links div:not(:last-child),
.header__account .mini-login .profile__menu__links div:not(:last-child),
.header__account .profile .profile__menu__links a:not(:last-child),
.header__account .mini-login .profile__menu__links a:not(:last-child) {
  margin-bottom: 20px;
}
.header__account .profile .profile__menu__links a:link,
.header__account .mini-login .profile__menu__links a:link,
.header__account .profile .profile__menu__links a:visited,
.header__account .mini-login .profile__menu__links a:visited {
  display: block;
  font-size: 13px;
  letter-spacing: 0.030em;
}
.header__account .profile .profile__menu__links a:hover,
.header__account .mini-login .profile__menu__links a:hover {
  color: #00a1a6;
}
.header__account .profile .profile__menu__bottom,
.header__account .mini-login .profile__menu__bottom {
  background-color: #f2f5f7;
  padding: 15px 24px;
  text-align: center;
}
.header__account .profile .profile__menu__bottom a,
.header__account .mini-login .profile__menu__bottom a {
  color: #00a1a6;
  display: block;
  font-size: 14px;
}
.header__account .profile .profile__menu__bottom a:not(:last-child),
.header__account .mini-login .profile__menu__bottom a:not(:last-child) {
  margin-bottom: 12px;
}
.header__account .profile .profile__menu__welcome,
.header__account .mini-login .profile__menu__welcome {
  color: #161C23;
  display: none;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 1.25em;
  padding: 30px 20px 11px 68px;
}
@media (max-width: 1024px) {
  .header__account .profile .profile__menu__welcome,
  .header__account .mini-login .profile__menu__welcome {
    display: block;
  }
}
.header__account .profile .profile__menu__welcome strong,
.header__account .mini-login .profile__menu__welcome strong {
  font-weight: 700;
}
.header__account .profile .profile__menu__link,
.header__account .mini-login .profile__menu__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 5px;
  margin: 0 8px;
  padding: 15px 8px;
  position: relative;
}
.header__account .profile .profile__menu__link:first-child,
.header__account .mini-login .profile__menu__link:first-child {
  margin-top: 8px;
}
.header__account .profile .profile__menu__link:last-child,
.header__account .mini-login .profile__menu__link:last-child {
  margin-bottom: 8px;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__link,
  .header__account .mini-login .profile__menu__link {
    padding: 4px 8px;
  }
}
.header__account .profile .profile__menu__link .title,
.header__account .mini-login .profile__menu__link .title {
  color: #212b36;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.333333px;
  line-height: 1.33em;
  position: relative;
}
.header__account .profile .profile__menu__link .value,
.header__account .mini-login .profile__menu__link .value {
  color: #38a8ae;
  letter-spacing: -0.333333px;
  position: relative;
  text-align: right;
}
.header__account .profile .profile__menu__link .value--xtra-savings,
.header__account .mini-login .profile__menu__link .value--xtra-savings {
  color: #ff4219;
}
.header__account .profile .profile__menu__link--top,
.header__account .mini-login .profile__menu__link--top {
  font-size: 12px;
  line-height: 1.125em;
}
.header__account .profile .profile__menu__link--bottom,
.header__account .mini-login .profile__menu__link--bottom {
  font-size: 14px;
  line-height: 1.28em;
}
.header__account .profile .profile__menu__link--till-slips .title,
.header__account .mini-login .profile__menu__link--till-slips .title,
.header__account .profile .profile__menu__link--grocery-list .title,
.header__account .mini-login .profile__menu__link--grocery-list .title {
  color: #ff4219 !important;
  position: relative;
}
.header__account .profile .profile__menu__link--till-slips .title .new,
.header__account .mini-login .profile__menu__link--till-slips .title .new,
.header__account .profile .profile__menu__link--grocery-list .title .new,
.header__account .mini-login .profile__menu__link--grocery-list .title .new {
  background-color: #ff4219;
  border-radius: 50px;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 800;
  left: calc(100% + 4px);
  line-height: 1;
  padding: 3px 6px;
  position: absolute;
  text-transform: uppercase;
  top: -6px;
}
.header__account .profile .profile__menu__link--till-slips,
.header__account .mini-login .profile__menu__link--till-slips {
  border-bottom: 1px solid #DFE3E8;
}
.header__account .profile .profile__menu__link:hover::before,
.header__account .mini-login .profile__menu__link:hover::before {
  background-color: #f4f6f8;
  border-radius: 5px;
  bottom: 0;
  content: "";
  left: -8px;
  position: absolute;
  right: -8px;
  top: 0;
}
.header__account .profile .profile__menu__offers,
.header__account .mini-login .profile__menu__offers {
  background-color: #f4f6f8;
  border-bottom: 2px solid #dfe3e8;
  max-height: 352px;
  overflow-y: auto;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__offers,
  .header__account .mini-login .profile__menu__offers {
    max-height: 424px;
  }
}
.header__account .profile .profile__menu__offers:not(:empty),
.header__account .mini-login .profile__menu__offers:not(:empty) {
  padding: 14px 24px;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__offers:not(:empty),
  .header__account .mini-login .profile__menu__offers:not(:empty) {
    padding: 15px 8px 8px;
  }
}
.header__account .profile .profile__menu__offers .js-offers-header-content__header,
.header__account .mini-login .profile__menu__offers .js-offers-header-content__header {
  color: #161C23;
  margin-bottom: 19px;
  text-align: center;
}
.header__account .profile .profile__menu__offers .js-offers-header-content__title,
.header__account .mini-login .profile__menu__offers .js-offers-header-content__title {
  display: block;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.11em;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.header__account .profile .profile__menu__offers .js-offers-header-content__title .username,
.header__account .mini-login .profile__menu__offers .js-offers-header-content__title .username {
  color: #ff4219;
}
.header__account .profile .profile__menu__offers .js-offers-header-content__valid,
.header__account .mini-login .profile__menu__offers .js-offers-header-content__valid {
  display: block;
  font-size: 12px;
  line-height: 1em;
}
.header__account .profile .profile__menu__offers .carousel__item:not(:last-child),
.header__account .mini-login .profile__menu__offers .carousel__item:not(:last-child) {
  margin-bottom: 8px;
}
.header__account .profile .profile__menu__offers .FEATURED,
.header__account .mini-login .profile__menu__offers .FEATURED {
  background: #ebf6f7 !important;
  border: 1px #38a8ae solid !important;
  border-radius: 4px;
}
.header__account .profile .profile__menu__offers .FEATURED .special-price,
.header__account .mini-login .profile__menu__offers .FEATURED .special-price {
  margin-bottom: 10px;
  padding: 8px 0 0 0;
}
.header__account .profile .profile__menu__offers .FEATURED__image,
.header__account .mini-login .profile__menu__offers .FEATURED__image {
  margin-right: 34px;
  width: 92px;
}
.header__account .profile .profile__menu__offers .FEATURED__image .product-listening-click,
.header__account .mini-login .profile__menu__offers .FEATURED__image .product-listening-click {
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.header__account .profile .profile__menu__offers .FEATURED__image .product-listening-click img,
.header__account .mini-login .profile__menu__offers .FEATURED__image .product-listening-click img {
  object-fit: cover;
  position: absolute;
  top: 9px;
  left: 9px;
  height: 80%;
  width: 80%;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__offers .FEATURED__image .product-listening-click img,
  .header__account .mini-login .profile__menu__offers .FEATURED__image .product-listening-click img {
    left: 10px;
  }
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__offers .FEATURED__image .product-listening-click,
  .header__account .mini-login .profile__menu__offers .FEATURED__image .product-listening-click {
    margin-right: 23px;
  }
}
.header__account .profile .profile__menu__offers .NEW,
.header__account .mini-login .profile__menu__offers .NEW {
  background: #f0f5de !important;
  border: 1px #b3cc59 solid !important;
  border-radius: 4px;
}
.header__account .profile .profile__menu__offers .NEW .special-price,
.header__account .mini-login .profile__menu__offers .NEW .special-price {
  margin-bottom: 10px;
  padding: 8px 0 0 0;
}
.header__account .profile .profile__menu__offers .NEW__image,
.header__account .mini-login .profile__menu__offers .NEW__image {
  margin-right: 34px;
  width: 92px;
}
.header__account .profile .profile__menu__offers .NEW__image .product-listening-click,
.header__account .mini-login .profile__menu__offers .NEW__image .product-listening-click {
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.header__account .profile .profile__menu__offers .NEW__image .product-listening-click img,
.header__account .mini-login .profile__menu__offers .NEW__image .product-listening-click img {
  object-fit: cover;
  position: absolute;
  top: 9px;
  left: 9px;
  height: 80%;
  width: 80%;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__offers .NEW__image .product-listening-click img,
  .header__account .mini-login .profile__menu__offers .NEW__image .product-listening-click img {
    left: 10px;
  }
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__offers .NEW__image .product-listening-click,
  .header__account .mini-login .profile__menu__offers .NEW__image .product-listening-click {
    margin-right: 23px;
  }
}
.header__account .profile .profile__menu__offers .HOT_PICK,
.header__account .mini-login .profile__menu__offers .HOT_PICK {
  background: #fce9eb !important;
  border: 1px #e51f34 solid !important;
  border-radius: 4px;
}
.header__account .profile .profile__menu__offers .HOT_PICK .special-price,
.header__account .mini-login .profile__menu__offers .HOT_PICK .special-price {
  margin-bottom: 10px;
  padding: 8px 0 0 0;
}
carousel__item .header__account .profile .profile__menu__offers .HOT_PICK__image,
carousel__item .header__account .mini-login .profile__menu__offers .HOT_PICK__image {
  margin-right: 34px;
  width: 92px;
}
carousel__item .header__account .profile .profile__menu__offers .HOT_PICK__image .product-listening-click,
carousel__item .header__account .mini-login .profile__menu__offers .HOT_PICK__image .product-listening-click {
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
carousel__item .header__account .profile .profile__menu__offers .HOT_PICK__image .product-listening-click img,
carousel__item .header__account .mini-login .profile__menu__offers .HOT_PICK__image .product-listening-click img {
  object-fit: cover;
  position: absolute;
  top: 9px;
  left: 9px;
  height: 80%;
  width: 80%;
}
@media (max-width: 636px) {
  carousel__item .header__account .profile .profile__menu__offers .HOT_PICK__image .product-listening-click img,
  carousel__item .header__account .mini-login .profile__menu__offers .HOT_PICK__image .product-listening-click img {
    left: 10px;
  }
}
@media (max-width: 636px) {
  carousel__item .header__account .profile .profile__menu__offers .HOT_PICK__image .product-listening-click,
  carousel__item .header__account .mini-login .profile__menu__offers .HOT_PICK__image .product-listening-click {
    margin-right: 23px;
  }
}
.header__account .profile .profile__menu__offers .item-product,
.header__account .mini-login .profile__menu__offers .item-product {
  background-color: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #DFE3E8;
  height: auto;
  min-height: 160px;
  padding: 16px;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__offers .item-product,
  .header__account .mini-login .profile__menu__offers .item-product {
    padding: 18px 18px 18px 24px;
  }
}
.header__account .profile .profile__menu__offers .item-product__options--right,
.header__account .mini-login .profile__menu__offers .item-product__options--right {
  right: 0;
  width: 72px;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__offers .item-product__options--right,
  .header__account .mini-login .profile__menu__offers .item-product__options--right {
    right: 0;
  }
}
.header__account .profile .profile__menu__offers .item-product__options .product-option,
.header__account .mini-login .profile__menu__offers .item-product__options .product-option {
  height: 32px;
  margin-right: 16px;
  width: 32px;
}
.header__account .profile .profile__menu__offers .item-product__options .product-option--new,
.header__account .mini-login .profile__menu__offers .item-product__options .product-option--new,
.header__account .profile .profile__menu__offers .item-product__options .product-option--promotion,
.header__account .mini-login .profile__menu__offers .item-product__options .product-option--promotion,
.header__account .profile .profile__menu__offers .item-product__options .product-option--save,
.header__account .mini-login .profile__menu__offers .item-product__options .product-option--save {
  font-size: 7px;
}
.header__account .profile .profile__menu__offers .item-product__options .product-option--xtra-savings,
.header__account .mini-login .profile__menu__offers .item-product__options .product-option--xtra-savings {
  font-size: 14px;
}
.header__account .profile .profile__menu__offers .item-product__options .product-option--for-you,
.header__account .mini-login .profile__menu__offers .item-product__options .product-option--for-you {
  padding: 0 5px 0 8px;
  width: 72px;
  margin-right: 0;
}
.header__account .profile .profile__menu__offers .item-product__options .product-option--for-you .icon,
.header__account .mini-login .profile__menu__offers .item-product__options .product-option--for-you .icon {
  font-size: 20px;
}
.header__account .profile .profile__menu__offers .item-product__options .product-option--for-you .text,
.header__account .mini-login .profile__menu__offers .item-product__options .product-option--for-you .text {
  font-size: 11px;
}
.header__account .profile .profile__menu__offers .item-product__options .product-option--img,
.header__account .mini-login .profile__menu__offers .item-product__options .product-option--img {
  border-radius: unset;
}
.header__account .profile .profile__menu__offers .item-product__options .product-option--img img,
.header__account .mini-login .profile__menu__offers .item-product__options .product-option--img img {
  width: 100%;
}
.header__account .profile .profile__menu__offers .item-product__content,
.header__account .mini-login .profile__menu__offers .item-product__content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.header__account .profile .profile__menu__offers .item-product__contentHeader,
.header__account .mini-login .profile__menu__offers .item-product__contentHeader {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: row-reverse;
  height: 100%;
}
.header__account .profile .profile__menu__offers .item-product__image,
.header__account .mini-login .profile__menu__offers .item-product__image {
  margin-right: 34px;
  width: 92px;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__offers .item-product__image,
  .header__account .mini-login .profile__menu__offers .item-product__image {
    margin-right: 23px;
  }
}
.header__account .profile .profile__menu__offers .item-product__caption,
.header__account .mini-login .profile__menu__offers .item-product__caption {
  width: calc(100% - 135px);
  margin: 0 24px 0 0;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__offers .item-product__caption,
  .header__account .mini-login .profile__menu__offers .item-product__caption {
    width: calc(100% - 135px);
  }
}
.header__account .profile .profile__menu__offers .item-product__details,
.header__account .mini-login .profile__menu__offers .item-product__details {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.header__account .profile .profile__menu__offers .item-product__name,
.header__account .mini-login .profile__menu__offers .item-product__name {
  margin-bottom: 10px;
}
.header__account .profile .profile__menu__offers .item-product__valid,
.header__account .mini-login .profile__menu__offers .item-product__valid {
  margin-bottom: 0;
}
.header__account .profile .profile__menu__offers .item-product__disabled,
.header__account .mini-login .profile__menu__offers .item-product__disabled {
  pointer-events: none;
}
.header__account .profile .profile__menu__offers .item-product__not-allowed,
.header__account .mini-login .profile__menu__offers .item-product__not-allowed {
  cursor: not-allowed;
}
.header__account .profile .profile__menu__offers .item-product__message,
.header__account .mini-login .profile__menu__offers .item-product__message {
  margin: 0;
}
.header__account .profile .profile__menu__offers .item-product .product-not-available__button::after,
.header__account .mini-login .profile__menu__offers .item-product .product-not-available__button::after {
  display: none;
}
.header__account .profile .profile__menu__offers .item-product .product-not-available__button span,
.header__account .mini-login .profile__menu__offers .item-product .product-not-available__button span {
  width: 100%;
}
.header__account .profile .profile__menu .rating-likes,
.header__account .mini-login .profile__menu .rating-likes {
  display: block;
  margin-top: 10px;
  text-align: center;
  position: absolute;
}
.header__account .profile .profile__menu__sign-out,
.header__account .mini-login .profile__menu__sign-out {
  border-top: 8px solid #f4f6f8;
  color: #212b36;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.333333px;
  line-height: 1.125em;
  padding: 4px 8px;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__sign-out,
  .header__account .mini-login .profile__menu__sign-out {
    padding: 19px;
  }
}
.header__account .profile .profile__menu__sign-out a,
.header__account .mini-login .profile__menu__sign-out a {
  border-radius: 5px;
  display: block;
  padding: 10px 19px;
}
.header__account .profile .profile__menu__sign-out a:hover,
.header__account .mini-login .profile__menu__sign-out a:hover {
  background-color: #f4f6f8;
}
.header__account .profile .profile__menu__sign-out svg,
.header__account .mini-login .profile__menu__sign-out svg {
  display: inline-block;
  font-size: 20px;
  margin-right: 14px;
  vertical-align: middle;
}
.header__account .profile .profile__menu__footer,
.header__account .mini-login .profile__menu__footer {
  padding: 0 16px;
}
.header__account .profile .profile__menu__footer .profile__menu__link-container,
.header__account .mini-login .profile__menu__footer .profile__menu__link-container {
  border-bottom: 1px solid #DFE3E8;
}
.header__account .profile .profile__menu__footer .profile__menu__link,
.header__account .mini-login .profile__menu__footer .profile__menu__link {
  padding: 16px 0;
}
.header__account .profile .profile__menu__footer .profile__menu__link:first-child,
.header__account .mini-login .profile__menu__footer .profile__menu__link:first-child,
.header__account .profile .profile__menu__footer .profile__menu__link:last-child,
.header__account .mini-login .profile__menu__footer .profile__menu__link:last-child {
  margin: 0;
}
.header__account .profile .profile__menu__footer .profile__menu__link--bottom,
.header__account .mini-login .profile__menu__footer .profile__menu__link--bottom {
  margin: 0;
}
.header__account .profile .profile__menu__apps,
.header__account .mini-login .profile__menu__apps {
  padding: 16px 0 24px;
}
.header__account .profile .profile__menu__apps .title,
.header__account .mini-login .profile__menu__apps .title {
  color: #161C23;
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0271px;
  line-height: 1em;
  margin-bottom: 12px;
  text-align: center;
}
.header__account .profile .profile__menu__apps__content,
.header__account .mini-login .profile__menu__apps__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header__account .profile .profile__menu__apps__content .app img,
.header__account .mini-login .profile__menu__apps__content .app img {
  height: 30px;
  width: auto;
}
.header__account .profile .profile__menu__apps__content .app:not(:last-child),
.header__account .mini-login .profile__menu__apps__content .app:not(:last-child) {
  margin-right: 10px;
}
.header__account .profile .profile__menu .hr-or,
.header__account .mini-login .profile__menu .hr-or {
  height: 1px;
}
.header__account .profile .profile__menu .hr-or span,
.header__account .mini-login .profile__menu .hr-or span {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  border-radius: 50px;
  color: #000000;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  height: 22px;
  left: 50%;
  line-height: 22px;
  padding: 0 9px;
  position: absolute;
  text-transform: uppercase;
}
.header__account .profile .profile__menu .hr-or--with-line,
.header__account .mini-login .profile__menu .hr-or--with-line {
  background-color: #d9dfe5;
}
@media (min-width: 637px) {
  .header__account .profile .profile__menu.is-show,
  .header__account .mini-login .profile__menu.is-show {
    display: block;
  }
}
.header__account .profile .profile__menu .js-close,
.header__account .mini-login .profile__menu .js-close {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f4f6f8;
  border-radius: 50%;
  color: #161C23;
  font-size: 13px;
  height: 40px;
  opacity: 1;
  position: absolute;
  left: 16px;
  top: 12px;
  width: 40px;
}
.header__account .profile .profile__menu__start-here,
.header__account .mini-login .profile__menu__start-here {
  max-height: 95vh;
  overflow-y: auto;
  padding: 42px 30px 32px;
}
@media (max-width: 1024px) {
  .header__account .profile .profile__menu__start-here,
  .header__account .mini-login .profile__menu__start-here {
    max-height: none;
    padding-top: 60px;
  }
}
.header__account .profile .profile__menu__start-here__image,
.header__account .mini-login .profile__menu__start-here__image {
  margin: 0 auto;
  max-width: 176.5px;
  width: 100%;
}
.header__account .profile .profile__menu__start-here__image img,
.header__account .mini-login .profile__menu__start-here__image img {
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
  display: block;
  width: 100%;
}
.header__account .profile .profile__menu__start-here__title,
.header__account .mini-login .profile__menu__start-here__title {
  color: #161C23;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.16em;
  margin: 0 0 20px;
  text-align: center;
}
.header__account .profile .profile__menu__start-here .form-section__row,
.header__account .mini-login .profile__menu__start-here .form-section__row {
  margin: 0;
}
.header__account .profile .profile__menu__start-here .form-section__row:not(:last-child),
.header__account .mini-login .profile__menu__start-here .form-section__row:not(:last-child) {
  margin-bottom: 16px;
}
.header__account .profile .profile__menu__start-here .form-section .sr-button,
.header__account .mini-login .profile__menu__start-here .form-section .sr-button {
  background-color: #38a8ae;
  color: #ffffff;
}
.header__account .profile .profile__menu__start-here .form-section .sr-button:disabled,
.header__account .mini-login .profile__menu__start-here .form-section .sr-button:disabled {
  background-color: #dfe3e8;
  color: #919eab;
}
.header__account .profile .profile__menu__start-here .form-section__block--buttons .sr-button:not(:last-child),
.header__account .mini-login .profile__menu__start-here .form-section__block--buttons .sr-button:not(:last-child) {
  margin-bottom: 16px;
}
.header__account .profile .profile__menu__start-here .cookie-consent,
.header__account .mini-login .profile__menu__start-here .cookie-consent {
  font-size: 14px;
  letter-spacing: -0.0214em;
  line-height: 1.28em;
  margin-top: 18px;
  text-align: center;
}
.header__account .profile .profile__menu__start-here .cookie-consent a:link,
.header__account .mini-login .profile__menu__start-here .cookie-consent a:link,
.header__account .profile .profile__menu__start-here .cookie-consent a:visited,
.header__account .mini-login .profile__menu__start-here .cookie-consent a:visited {
  text-decoration: underline;
}
.header__account .profile .profile__menu__start-here--signin,
.header__account .mini-login .profile__menu__start-here--signin {
  background-color: #ffece8;
  background-image: url("/_ui/responsive/common/images/xtra-savings/signin-background.png");
  background-position: 15px top;
  background-size: 187px;
  background-repeat: no-repeat;
  padding: 15px 24px 26px;
}
.header__account .profile .profile__menu__start-here--signin .js-login-otp .form-section__block,
.header__account .mini-login .profile__menu__start-here--signin .js-login-otp .form-section__block {
  padding: 0;
}
.header__account .profile .profile__menu__start-here--signin .js-login-otp .form-section__title,
.header__account .mini-login .profile__menu__start-here--signin .js-login-otp .form-section__title {
  display: none;
}
.header__account .profile .profile__menu__start-here--signin .js-login-otp .form-section__link a,
.header__account .mini-login .profile__menu__start-here--signin .js-login-otp .form-section__link a {
  color: #161C23;
  font-weight: 600;
  text-decoration: underline;
}
.header__account .profile .profile__menu__start-here--signin .js-login-otp .profile-menu-title,
.header__account .mini-login .profile__menu__start-here--signin .js-login-otp .profile-menu-title {
  color: #161C23;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 16px;
}
.header__account .profile .profile__menu__start-here--signin .js-login-otp .profile-menu-title .custom-link,
.header__account .mini-login .profile__menu__start-here--signin .js-login-otp .profile-menu-title .custom-link {
  color: #ff4219;
  display: block;
}
.header__account .profile .profile__menu__start-here--signin .js-login-otp .action-box.otp,
.header__account .mini-login .profile__menu__start-here--signin .js-login-otp .action-box.otp {
  background-color: #FFFFFF;
  border-radius: 5px;
  padding: 13px;
}
.header__account .profile .profile__menu__start-here--signin .js-login-otp #shrOneTimePinForm .four-digits-inputs,
.header__account .mini-login .profile__menu__start-here--signin .js-login-otp #shrOneTimePinForm .four-digits-inputs {
  margin-top: 0;
}
.header__account .profile .profile__menu__start-here--signin .profile__menu__start-here__title,
.header__account .mini-login .profile__menu__start-here--signin .profile__menu__start-here__title {
  display: none;
}
@media (max-width: 1024px) {
  .header__account .profile .profile__menu__start-here--signin .profile__menu__start-here__title,
  .header__account .mini-login .profile__menu__start-here--signin .profile__menu__start-here__title {
    display: block;
  }
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__start-here--signin .profile__menu__start-here__title,
  .header__account .mini-login .profile__menu__start-here--signin .profile__menu__start-here__title {
    padding: 0 35px;
  }
}
.header__account .profile .profile__menu__start-here--signin .form-section__input,
.header__account .mini-login .profile__menu__start-here--signin .form-section__input {
  border-radius: 45px;
  border: 0;
}
.header__account .profile .profile__menu__start-here--signin .form-section__input.used,
.header__account .mini-login .profile__menu__start-here--signin .form-section__input.used,
.header__account .profile .profile__menu__start-here--signin .form-section__input:focus,
.header__account .mini-login .profile__menu__start-here--signin .form-section__input:focus {
  border: 1px solid #ff4219;
  box-shadow: 0px 2px 0px #ff4219;
}
.header__account .profile .profile__menu__start-here--signin .form-section__input.used.sr-error,
.header__account .mini-login .profile__menu__start-here--signin .form-section__input.used.sr-error,
.header__account .profile .profile__menu__start-here--signin .form-section__input:focus.sr-error,
.header__account .mini-login .profile__menu__start-here--signin .form-section__input:focus.sr-error {
  border: 1px solid #FF4219;
  box-shadow: 0px 2px 0px #FF4219;
}
.header__account .profile .profile__menu__start-here--signin .form-section .sr-button,
.header__account .mini-login .profile__menu__start-here--signin .form-section .sr-button {
  background-color: #ff4219;
  color: #FFFFFF;
  border-radius: 45px;
  font-weight: 700;
  padding: 14px 12px;
}
.header__account .profile .profile__menu__start-here--signin .form-section .sr-button:disabled,
.header__account .mini-login .profile__menu__start-here--signin .form-section .sr-button:disabled {
  background-color: #ff4219;
  color: #FFFFFF;
  opacity: 0.3;
}
.header__account .profile .profile__menu__start-here--signin .login-password .form-section__title,
.header__account .mini-login .profile__menu__start-here--signin .login-password .form-section__title {
  background-image: url('/_ui/responsive/common/images/xtra-savings/signin-image.png');
  background-repeat: no-repeat;
  background-position: -20px center;
  background-size: cover;
  height: 141px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 175.5px;
}
.header__account .profile .profile__menu__start-here--signin .login-password .form-section__link__button:link,
.header__account .mini-login .profile__menu__start-here--signin .login-password .form-section__link__button:link,
.header__account .profile .profile__menu__start-here--signin .login-password .form-section__link__button:visited,
.header__account .mini-login .profile__menu__start-here--signin .login-password .form-section__link__button:visited {
  font-weight: 600;
  text-decoration: underline;
}
.header__account .profile .profile__menu__start-here--signin .login-password .form-section__actions,
.header__account .mini-login .profile__menu__start-here--signin .login-password .form-section__actions {
  margin-bottom: 0;
}
.header__account .profile .profile__menu__start-here--signin .login-password #loginForm,
.header__account .mini-login .profile__menu__start-here--signin .login-password #loginForm {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.header__account .profile .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in,
.header__account .mini-login .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  order: 2;
}
.header__account .profile .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in .sr-switch,
.header__account .mini-login .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in .sr-switch {
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  width: auto;
}
.header__account .profile .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in .sr-switch input:checked ~ .sr-switch__slider,
.header__account .mini-login .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #ff4219;
}
.header__account .profile .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in .sr-switch input:checked ~ .sr-switch__slider::before,
.header__account .mini-login .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in .sr-switch input:checked ~ .sr-switch__slider::before {
  background-color: #FFFFFF;
}
.header__account .profile .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in .sr-switch__slider,
.header__account .mini-login .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in .sr-switch__slider {
  border-color: #ff4219;
}
.header__account .profile .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in .sr-switch__slider::before,
.header__account .mini-login .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in .sr-switch__slider::before {
  background-color: #ff4219;
}
.header__account .profile .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in .sr-switch__label,
.header__account .mini-login .profile__menu__start-here--signin .login-password #loginForm .keep-sign-in .sr-switch__label {
  color: #161C23;
  font-size: 16px;
  font-weight: 700;
  line-height: 0.875em;
  margin-bottom: 0;
}
.header__account .profile .profile__menu__start-here--signup,
.header__account .mini-login .profile__menu__start-here--signup {
  padding: 23px 24px 34px;
}
.header__account .profile .profile__menu__start-here--signup .error-alert .error-message,
.header__account .mini-login .profile__menu__start-here--signup .error-alert .error-message {
  color: #e51f34;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin: 7px 0;
  text-align: center;
  text-transform: none;
  width: 100%;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__start-here--signup .error-alert .error-message,
  .header__account .mini-login .profile__menu__start-here--signup .error-alert .error-message {
    margin-top: 30px;
  }
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__start-here--signup .login-page__logo-mobile,
  .header__account .mini-login .profile__menu__start-here--signup .login-page__logo-mobile {
    display: none;
  }
}
.header__account .profile .profile__menu__start-here--signup .login-page__pagination,
.header__account .mini-login .profile__menu__start-here--signup .login-page__pagination {
  position: relative;
  top: auto;
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu__start-here--signup .login-page__pagination,
  .header__account .mini-login .profile__menu__start-here--signup .login-page__pagination {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    position: absolute;
    right: 50%;
    top: 32px;
  }
}
.header__account .profile .profile__menu__start-here--signup .form-section__row,
.header__account .mini-login .profile__menu__start-here--signup .form-section__row {
  margin-bottom: 8px;
}
.header__account .profile .profile__menu__start-here--signup .form-section__block,
.header__account .mini-login .profile__menu__start-here--signup .form-section__block {
  padding: 0;
}
.header__account .profile .profile__menu__start-here--signup .form-section__block--xtra-savings,
.header__account .mini-login .profile__menu__start-here--signup .form-section__block--xtra-savings {
  border-radius: 10px;
  margin-bottom: 16px;
}
.header__account .profile .profile__menu__start-here--signup .form-section__block--link-footer,
.header__account .mini-login .profile__menu__start-here--signup .form-section__block--link-footer {
  font-weight: 600;
  margin-top: 16px;
  text-align: center;
}
.header__account .profile .profile__menu__start-here--signup .form-section__block--link-footer a,
.header__account .mini-login .profile__menu__start-here--signup .form-section__block--link-footer a {
  color: #38a8ae;
}
.header__account .profile .profile__menu__start-here--signup .form-section__actions__info__icon,
.header__account .mini-login .profile__menu__start-here--signup .form-section__actions__info__icon {
  color: #fe7928;
}
.header__account .profile .profile__menu__start-here--signup .form-section__title,
.header__account .mini-login .profile__menu__start-here--signup .form-section__title {
  color: #161C23;
  font-size: 18px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 21px;
  max-width: none;
  padding: 0 40px;
  text-transform: uppercase;
}
.header__account .profile .profile__menu__start-here--signup .form-section__input,
.header__account .mini-login .profile__menu__start-here--signup .form-section__input {
  border-radius: 55px;
}
.header__account .profile .profile__menu__start-here--signup .form-section .xtra-savings-card,
.header__account .mini-login .profile__menu__start-here--signup .form-section .xtra-savings-card {
  padding: 22px 16px 24px;
}
.header__account .profile .profile__menu__start-here--signup .form-section .xtra-savings-card__logo,
.header__account .mini-login .profile__menu__start-here--signup .form-section .xtra-savings-card__logo {
  width: 51px;
}
.header__account .profile .profile__menu__start-here--signup .form-section .xtra-savings-card__title,
.header__account .mini-login .profile__menu__start-here--signup .form-section .xtra-savings-card__title {
  color: #161C23;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 24px;
  margin-top: -33px;
}
.header__account .profile .profile__menu__start-here--signup .form-section .xtra-savings-card__title strong,
.header__account .mini-login .profile__menu__start-here--signup .form-section .xtra-savings-card__title strong {
  color: #ff4219;
  font-weight: 700;
}
.header__account .profile .profile__menu__start-here--signup .form-section .xtra-savings-card__inputs .form-section__input,
.header__account .mini-login .profile__menu__start-here--signup .form-section .xtra-savings-card__inputs .form-section__input {
  height: 48px;
  line-height: 48px;
}
.header__account .profile .profile__menu__start-here--signup .form-section .xtra-savings-card__inputs .form-section__input.used,
.header__account .mini-login .profile__menu__start-here--signup .form-section .xtra-savings-card__inputs .form-section__input.used,
.header__account .profile .profile__menu__start-here--signup .form-section .xtra-savings-card__inputs .form-section__input:focus,
.header__account .mini-login .profile__menu__start-here--signup .form-section .xtra-savings-card__inputs .form-section__input:focus {
  border: 1px solid #ff4219;
  box-shadow: 0px 2px 0px #ff4219;
}
.header__account .profile .profile__menu__start-here--signup .form-section .xtra-savings-card__inputs .form-section__input.used.sr-error,
.header__account .mini-login .profile__menu__start-here--signup .form-section .xtra-savings-card__inputs .form-section__input.used.sr-error,
.header__account .profile .profile__menu__start-here--signup .form-section .xtra-savings-card__inputs .form-section__input:focus.sr-error,
.header__account .mini-login .profile__menu__start-here--signup .form-section .xtra-savings-card__inputs .form-section__input:focus.sr-error {
  background-color: rgba(219, 80, 74, 0.3);
  border: 1px solid #FF4219;
  box-shadow: inset 0px 0px 0px 4px #FFFFFF;
  color: #DB504A;
}
.header__account .profile .profile__menu__start-here--signup .form-section .xtra-savings-card__inputs .info-error:empty,
.header__account .mini-login .profile__menu__start-here--signup .form-section .xtra-savings-card__inputs .info-error:empty {
  margin: 0;
}
.header__account .profile .profile__menu__start-here--signup .form-section .password-rule,
.header__account .mini-login .profile__menu__start-here--signup .form-section .password-rule {
  color: #212B36;
  display: block;
  font-size: 12px;
  line-height: 1.16em;
  margin-bottom: 17px;
  text-align: center;
}
.header__account .profile .profile__menu__start-here--signup .form-section .password-rule strong,
.header__account .mini-login .profile__menu__start-here--signup .form-section .password-rule strong {
  font-weight: 700;
}
.header__account .profile .profile__menu__start-here--signup .form-section__terms-conditions,
.header__account .mini-login .profile__menu__start-here--signup .form-section__terms-conditions {
  margin: 0;
  padding: 24px 0 27px;
}
.header__account .profile .profile__menu__start-here--signup .form-section__terms-conditions .sr-switch__label,
.header__account .mini-login .profile__menu__start-here--signup .form-section__terms-conditions .sr-switch__label {
  width: 75%;
}
.header__account .profile .profile__menu__start-here--signup .form-section__terms-conditions .sr-switch__label a:link,
.header__account .mini-login .profile__menu__start-here--signup .form-section__terms-conditions .sr-switch__label a:link,
.header__account .profile .profile__menu__start-here--signup .form-section__terms-conditions .sr-switch__label a:visited,
.header__account .mini-login .profile__menu__start-here--signup .form-section__terms-conditions .sr-switch__label a:visited {
  display: initial;
}
.header__account .profile .profile__menu__start-here--signup .form-section__send-me-updates,
.header__account .mini-login .profile__menu__start-here--signup .form-section__send-me-updates {
  border-bottom: 1px solid #C4CDD5;
  border-top: 1px solid #C4CDD5;
  padding: 20px 0 24px;
}
.header__account .profile .profile__menu__start-here--signup .form-section__send-me-updates .option,
.header__account .mini-login .profile__menu__start-here--signup .form-section__send-me-updates .option {
  margin-bottom: 16px;
}
.header__account .profile .profile__menu__start-here--signup .form-section__send-me-updates .option .sr-switch,
.header__account .mini-login .profile__menu__start-here--signup .form-section__send-me-updates .option .sr-switch {
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
}
.header__account .profile .profile__menu__start-here--signup .form-section__send-me-updates .option .sr-switch__slider,
.header__account .mini-login .profile__menu__start-here--signup .form-section__send-me-updates .option .sr-switch__slider {
  margin-right: 16px;
}
.header__account .profile .profile__menu__start-here--signup .form-section__send-me-updates .option .sr-switch__label,
.header__account .mini-login .profile__menu__start-here--signup .form-section__send-me-updates .option .sr-switch__label {
  color: #161C23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.28em;
}
.header__account .profile .profile__menu__start-here--signup .form-section__send-me-updates .types,
.header__account .mini-login .profile__menu__start-here--signup .form-section__send-me-updates .types {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding-left: 60px;
}
.header__account .profile .profile__menu__start-here--signup .form-section__send-me-updates .types__item .sr-switch,
.header__account .mini-login .profile__menu__start-here--signup .form-section__send-me-updates .types__item .sr-switch {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header__account .profile .profile__menu__start-here--signup .form-section__send-me-updates .types__item .sr-switch label,
.header__account .mini-login .profile__menu__start-here--signup .form-section__send-me-updates .types__item .sr-switch label {
  margin-right: 0;
}
.header__account .profile .profile__menu__start-here--signup .form-section__send-me-updates .types__item .sr-switch__slider,
.header__account .mini-login .profile__menu__start-here--signup .form-section__send-me-updates .types__item .sr-switch__slider {
  margin: 0;
}
.header__account .profile .profile__menu__start-here--signup .form-section__send-me-updates .types__item .sr-switch__label,
.header__account .mini-login .profile__menu__start-here--signup .form-section__send-me-updates .types__item .sr-switch__label {
  color: #161C23;
  font-size: 14px;
  letter-spacing: -0.005em;
  text-align: center;
}
.header__account .profile .profile__menu__start-here--signup .form-section__send-me-updates .types__item:not(:last-child),
.header__account .mini-login .profile__menu__start-here--signup .form-section__send-me-updates .types__item:not(:last-child) {
  margin-right: 20px;
}
.header__account .profile .profile__menu__start-here--signup .form-section__preference-section,
.header__account .mini-login .profile__menu__start-here--signup .form-section__preference-section {
  padding: 24px 14px;
}
.header__account .profile .profile__menu__start-here--signup .form-section__preference-title,
.header__account .mini-login .profile__menu__start-here--signup .form-section__preference-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 24px;
  text-align: center;
}
.header__account .profile .profile__menu__start-here--signup .login-page__about-yourself-header,
.header__account .mini-login .profile__menu__start-here--signup .login-page__about-yourself-header {
  margin-bottom: 16px;
  padding: 0;
}
.header__account .profile .profile__menu__start-here--signup .select-store .store-search-field,
.header__account .mini-login .profile__menu__start-here--signup .select-store .store-search-field {
  background: #ECF0F4;
  border-radius: 5px;
  padding: 21px 16px 23px;
  margin-bottom: 26px;
}
.header__account .profile .profile__menu__start-here--signup .select-store .store-search-field .store-text-bold,
.header__account .mini-login .profile__menu__start-here--signup .select-store .store-search-field .store-text-bold {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.11em;
  margin: 0 0 19px;
  text-transform: none;
}
.header__account .profile .profile__menu__start-here--signup .select-store .store-search-field input,
.header__account .mini-login .profile__menu__start-here--signup .select-store .store-search-field input {
  background-color: #FFFFFF;
  border: 1px solid #637381;
  margin-bottom: 26px;
}
.header__account .profile .profile__menu__start-here--signup .select-store .store-search-field .store-finder-location-wrap .store-finder-location-btn,
.header__account .mini-login .profile__menu__start-here--signup .select-store .store-search-field .store-finder-location-wrap .store-finder-location-btn {
  color: #38a8ae;
  margin: 0;
}
.header__account .profile .profile__menu__start-here--signup .select-store .store-search-field .store-finder-location-wrap .store-finder-location-btn .icon,
.header__account .mini-login .profile__menu__start-here--signup .select-store .store-search-field .store-finder-location-wrap .store-finder-location-btn .icon {
  order: 2;
  margin-right: 0;
  margin-left: 7px;
}
.header__account .profile .profile__menu__start-here--signup__back,
.header__account .mini-login .profile__menu__start-here--signup__back {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ECF0F4;
  border-radius: 50%;
  color: #454F5B;
  font-size: 15px;
  height: 40px;
  left: 16px;
  position: absolute;
  top: 12px;
  width: 40px;
}
.header__account .profile .profile__menu__start-here--signup__pagination,
.header__account .mini-login .profile__menu__start-here--signup__pagination {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  left: auto;
  margin: 0 auto 16px;
  position: relative;
  top: auto;
}
.header__account .profile .profile__menu__start-here--signup .said-passport-number,
.header__account .mini-login .profile__menu__start-here--signup .said-passport-number {
  position: relative;
}
.header__account .profile .profile__menu__start-here--signup .said-passport-number .form-section__link,
.header__account .mini-login .profile__menu__start-here--signup .said-passport-number .form-section__link {
  position: absolute;
  top: 8px;
  right: 16px;
}
.header__account .profile .profile__menu__start-here--signup .said-passport-number .form-section__link__button,
.header__account .mini-login .profile__menu__start-here--signup .said-passport-number .form-section__link__button {
  letter-spacing: -0.3px;
  line-height: 1.07em;
  min-width: 70px;
  max-width: 90px;
  padding: 0;
  text-align: right;
}
.header__account .profile .profile__menu__start-here--signup .sr-button,
.header__account .mini-login .profile__menu__start-here--signup .sr-button {
  border-radius: 100px;
}
.header__account .profile .profile__menu__start-here--signup .confirmation-register,
.header__account .mini-login .profile__menu__start-here--signup .confirmation-register {
  background: none;
  padding: 0;
}
.header__account .profile .profile__menu__start-here--signup .confirmation-register::before,
.header__account .mini-login .profile__menu__start-here--signup .confirmation-register::before {
  background-image: url("/_ui/responsive/common/images/account-created-image.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 136px;
  margin: 0 auto 16px;
  width: 120px;
}
.header__account .profile .profile__menu__start-here--signup .confirmation-register .form-section__title,
.header__account .mini-login .profile__menu__start-here--signup .confirmation-register .form-section__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.16em;
  text-transform: none;
}
.header__account .profile .profile__menu__start-here--signup .confirmation-register__verify-account,
.header__account .mini-login .profile__menu__start-here--signup .confirmation-register__verify-account {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #E1F2F3;
  border-radius: 5px;
  color: #148181;
  margin-bottom: 16px;
  text-align: left;
  padding: 12px 13px;
}
.header__account .profile .profile__menu__start-here--signup .confirmation-register__verify-account .icon,
.header__account .mini-login .profile__menu__start-here--signup .confirmation-register__verify-account .icon {
  font-size: 22px;
  margin-right: 13px;
}
.header__account .profile .profile__menu__start-here--signup .confirmation-register__text,
.header__account .mini-login .profile__menu__start-here--signup .confirmation-register__text {
  margin-bottom: 0;
}
.header__account .profile .profile__menu__start-here--signup .confirmation-register ~ .login-page__link-button,
.header__account .mini-login .profile__menu__start-here--signup .confirmation-register ~ .login-page__link-button {
  display: none;
}
.header__account .profile .profile__menu__start-here--otp,
.header__account .mini-login .profile__menu__start-here--otp {
  background-color: #ffece8;
  background-image: url("/_ui/responsive/common/images/xtra-savings/signin-background.png");
  background-position: 15px top;
  background-size: 187px;
  background-repeat: no-repeat;
  padding: 15px 24px 26px;
}
.header__account .profile .profile__menu__start-here--otp .form-section__body,
.header__account .mini-login .profile__menu__start-here--otp .form-section__body {
  background-color: transparent;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .sr-button,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .sr-button {
  background-color: #ff4219;
  color: #FFFFFF;
  border-radius: 45px;
  font-weight: 700;
  padding: 14px 12px;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .sr-button:disabled,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .sr-button:disabled {
  background-color: #ff4219;
  color: #FFFFFF;
  opacity: 0.3;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .form-section__title,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .form-section__title {
  font-weight: 700;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .form-section__link__button:link,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .form-section__link__button:link,
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .form-section__link__button:visited,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .form-section__link__button:visited {
  font-weight: 600;
  text-decoration: underline;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .form-section__input:not(#otpBirthDate):focus,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .form-section__input:not(#otpBirthDate):focus {
  padding: 0;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .form-group.keep-sign-in .form-group,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .form-group.keep-sign-in .form-group {
  margin-bottom: 0;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .form-group.keep-sign-in .sr-switch,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .form-group.keep-sign-in .sr-switch {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .form-group.keep-sign-in .sr-switch__label,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .form-group.keep-sign-in .sr-switch__label {
  margin-bottom: 0;
  width: auto;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .form-group.keep-sign-in .sr-switch input:checked ~ .sr-switch__slider,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .form-group.keep-sign-in .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #ff4219;
  border-color: #ff4219;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .action-box.otp,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .action-box.otp {
  background-color: #FFFFFF;
  color: #38a8ae;
  letter-spacing: -0.0357em;
  margin: 0 auto;
  max-width: 270px;
  padding: 15px 12px;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .four-digits-inputs input,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .four-digits-inputs input {
  border: 0;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .four-digits-inputs input.used,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .four-digits-inputs input.used,
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .four-digits-inputs input:focus,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .four-digits-inputs input:focus {
  padding-top: 0;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .keep-sign-in,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .keep-sign-in {
  margin-bottom: 16px;
}
.header__account .profile .profile__menu__start-here--otp .form-section .js-register-otp .keep-sign-in .sr-switch__label,
.header__account .mini-login .profile__menu__start-here--otp .form-section .js-register-otp .keep-sign-in .sr-switch__label {
  color: #161C23;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.005em;
}
.header__account .profile .profile__menu__start-here--otp-pass .form-section__send-me-updates,
.header__account .mini-login .profile__menu__start-here--otp-pass .form-section__send-me-updates {
  border-top: 0;
}
.header__account .profile .profile__menu__start-here--otp-pass .form-section__block--header,
.header__account .mini-login .profile__menu__start-here--otp-pass .form-section__block--header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.header__account .profile .profile__menu__start-here--otp-pass .form-section__block--header .form-section__title,
.header__account .mini-login .profile__menu__start-here--otp-pass .form-section__block--header .form-section__title {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 24px;
}
.header__account .profile .profile__menu__start-here--otp-pass .form-section__block--header .login-page__pagination,
.header__account .mini-login .profile__menu__start-here--otp-pass .form-section__block--header .login-page__pagination {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: 13px;
  position: relative;
  top: auto;
}
.header__account .profile .profile__menu__start-here--interest .form-section__block--header,
.header__account .mini-login .profile__menu__start-here--interest .form-section__block--header,
.header__account .profile .profile__menu__start-here--email-pass .form-section__block--header,
.header__account .mini-login .profile__menu__start-here--email-pass .form-section__block--header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.header__account .profile .profile__menu__start-here--interest .form-section__block--header .form-section__title,
.header__account .mini-login .profile__menu__start-here--interest .form-section__block--header .form-section__title,
.header__account .profile .profile__menu__start-here--email-pass .form-section__block--header .form-section__title,
.header__account .mini-login .profile__menu__start-here--email-pass .form-section__block--header .form-section__title {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 24px;
}
.header__account .profile .profile__menu__start-here--interest .form-section__block--header .form-section__subtitle,
.header__account .mini-login .profile__menu__start-here--interest .form-section__block--header .form-section__subtitle,
.header__account .profile .profile__menu__start-here--email-pass .form-section__block--header .form-section__subtitle,
.header__account .mini-login .profile__menu__start-here--email-pass .form-section__block--header .form-section__subtitle {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-bottom: 16px;
}
.header__account .profile .profile__menu__start-here--interest .form-section__block--header .login-page__pagination,
.header__account .mini-login .profile__menu__start-here--interest .form-section__block--header .login-page__pagination,
.header__account .profile .profile__menu__start-here--email-pass .form-section__block--header .login-page__pagination,
.header__account .mini-login .profile__menu__start-here--email-pass .form-section__block--header .login-page__pagination {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: 16px;
  position: relative;
  top: auto;
}
.header__account .profile .profile__menu__start-here--forgot-password,
.header__account .mini-login .profile__menu__start-here--forgot-password {
  padding: 20px 20px 18px;
}
.header__account .profile .profile__menu__start-here--forgot-password .form-section__block,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__block {
  padding: 0;
}
.header__account .profile .profile__menu__start-here--forgot-password .form-section__title,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__title {
  color: #161C23;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.0277em;
  line-height: 1em;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.header__account .profile .profile__menu__start-here--forgot-password .form-section__title strong,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__title strong {
  color: #38a8ae;
}
.header__account .profile .profile__menu__start-here--forgot-password .form-section__row:last-child,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__row:last-child {
  margin-bottom: 0;
}
.header__account .profile .profile__menu__start-here--forgot-password .form-section__row.text-center .mb-3,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__row.text-center .mb-3 {
  margin-bottom: 0;
}
.header__account .profile .profile__menu__start-here--forgot-password .form-section__row--box,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__row--box {
  background-color: #E1F2F3;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 12px;
}
.header__account .profile .profile__menu__start-here--forgot-password .form-section__row--box .custom-link,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__row--box .custom-link {
  color: #38a8ae;
  font-weight: 700;
}
.header__account .profile .profile__menu__start-here--forgot-password .form-section__input,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__input {
  border-radius: 45px;
  border: 1px solid #637381;
}
.header__account .profile .profile__menu__start-here--forgot-password .form-section__input.used,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__input.used,
.header__account .profile .profile__menu__start-here--forgot-password .form-section__input:focus,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__input:focus {
  background-color: #ECF0F4;
  box-shadow: inset 0px 0px 0px 3px #FFFFFF;
}
.header__account .profile .profile__menu__start-here--forgot-password .form-section__input.used.sr-error,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__input.used.sr-error,
.header__account .profile .profile__menu__start-here--forgot-password .form-section__input:focus.sr-error,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__input:focus.sr-error {
  background-color: #FFECE8;
  border: 1px solid #FF4219;
}
.header__account .profile .profile__menu__start-here--forgot-password .form-section__link__button,
.header__account .mini-login .profile__menu__start-here--forgot-password .form-section__link__button {
  color: #38a8ae;
  font-weight: 600;
  line-height: 0.85em;
}
.header__account .profile .profile__menu__start-here--forgot-password .sr-button,
.header__account .mini-login .profile__menu__start-here--forgot-password .sr-button {
  background-color: #38a8ae;
  color: #FFFFFF;
  border-radius: 45px;
  font-weight: 700;
  padding: 14px 12px;
}
.header__account .profile .profile__menu__start-here--forgot-password .sr-button:disabled,
.header__account .mini-login .profile__menu__start-here--forgot-password .sr-button:disabled {
  background-color: #38a8ae;
  color: #FFFFFF;
  opacity: 0.3;
}
.header__account .profile .profile__menu__start-here--forgot-password .sr-button.fp-button-resend-link,
.header__account .mini-login .profile__menu__start-here--forgot-password .sr-button.fp-button-resend-link {
  margin-bottom: 32px;
}
.header__account .profile .profile__menu__xtra-savings-features,
.header__account .mini-login .profile__menu__xtra-savings-features {
  background-color: #FFFFFF;
  color: #161C23;
  display: none;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 1.42em;
  margin-bottom: 8px;
  padding: 12px 28px 24px;
}
@media (max-width: 1280px) {
  .header__account .profile .profile__menu__xtra-savings-features,
  .header__account .mini-login .profile__menu__xtra-savings-features {
    display: block;
  }
}
.header__account .profile .profile__menu__xtra-savings-features__header,
.header__account .mini-login .profile__menu__xtra-savings-features__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 10px;
}
.header__account .profile .profile__menu__xtra-savings-features__title,
.header__account .mini-login .profile__menu__xtra-savings-features__title {
  color: #161C23;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0;
  text-transform: uppercase;
  width: 170px;
}
.header__account .profile .profile__menu__xtra-savings-features__title strong,
.header__account .mini-login .profile__menu__xtra-savings-features__title strong {
  color: #ff4219;
  font-weight: 800;
}
.header__account .profile .profile__menu__xtra-savings-features__logo,
.header__account .mini-login .profile__menu__xtra-savings-features__logo {
  width: 62px;
}
.header__account .profile .profile__menu__xtra-savings-features__logo img,
.header__account .mini-login .profile__menu__xtra-savings-features__logo img {
  width: 100%;
}
.header__account .profile .profile__menu__xtra-savings-features ul,
.header__account .mini-login .profile__menu__xtra-savings-features ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__account .profile .profile__menu__xtra-savings-features ul li,
.header__account .mini-login .profile__menu__xtra-savings-features ul li {
  float: none;
  padding-left: 27px;
  position: relative;
}
.header__account .profile .profile__menu__xtra-savings-features ul li:not(:last-child),
.header__account .mini-login .profile__menu__xtra-savings-features ul li:not(:last-child) {
  margin-bottom: 9px;
}
.header__account .profile .profile__menu__xtra-savings-features ul li::before,
.header__account .mini-login .profile__menu__xtra-savings-features ul li::before {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 11px;
  height: 19px;
  left: 0;
  position: absolute;
  top: 0;
  width: 19px;
}
.header__account .profile .profile__menu__xtra-savings-features ul li strong,
.header__account .mini-login .profile__menu__xtra-savings-features ul li strong {
  color: #ff4219;
  font-weight: 400;
}
.header__account .profile .profile__menu--signed,
.header__account .mini-login .profile__menu--signed {
  width: 411px;
  padding: 10px 0 0;
}
@media (max-width: 1024px) {
  .header__account .profile .profile__menu--signed,
  .header__account .mini-login .profile__menu--signed {
    padding: 0;
  }
}
@media (max-width: 636px) {
  .header__account .profile .profile__menu--signed,
  .header__account .mini-login .profile__menu--signed {
    width: 100vw;
  }
}
.header__account .profile .profile__menu--signed .profile__menu__welcome,
.header__account .mini-login .profile__menu--signed .profile__menu__welcome {
  text-align: right;
}
.header__account .profile .profile__menu--signed .profile__menu__link-container,
.header__account .mini-login .profile__menu--signed .profile__menu__link-container {
  padding: 0 24px;
}
.header__account .profile .profile__menu--signed .profile__menu__link,
.header__account .mini-login .profile__menu--signed .profile__menu__link {
  margin: 0;
  padding: 9px 0;
}
.header__account .profile .profile__menu--signed .profile__menu__link:not(:last-child),
.header__account .mini-login .profile__menu--signed .profile__menu__link:not(:last-child) {
  border-bottom: 1px solid #DFE3E8;
}
.header__account .profile .profile__menu--signed .profile__menu__link .value,
.header__account .mini-login .profile__menu--signed .profile__menu__link .value {
  font-size: 12px;
  letter-spacing: -0.0275em;
  line-height: 1.16em;
}
.header__account .profile .profile__menu--signed .profile__menu__apps,
.header__account .mini-login .profile__menu--signed .profile__menu__apps {
  background-color: #F4F6F8;
}
.header__account .profile .profile__menu--signup .profile__menu__xtra-savings-features,
.header__account .mini-login .profile__menu--signup .profile__menu__xtra-savings-features {
  display: none;
}
.header__account .profile .profile__menu--signup .profile__menu__footer,
.header__account .mini-login .profile__menu--signup .profile__menu__footer {
  display: none;
}
.header__account .profile .profile__menu--forgot-password .profile__menu__footer,
.header__account .mini-login .profile__menu--forgot-password .profile__menu__footer {
  display: none;
}
.header__account .offers-header-number {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ff4219;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 11px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 10px;
  width: 16px;
}
@media only screen and (min-width: 637px) {
  .header__account.help-centre-profile-menu .profile .profile__menu,
  .header__account.help-centre-profile-menu .mini-login .profile__menu {
    left: auto;
    right: 0;
  }
  .header__account.help-centre-profile-menu .profile .profile__menu:before,
  .header__account.help-centre-profile-menu .mini-login .profile__menu:before {
    right: 0;
    left: unset;
  }
}
@media (max-width: 636px) {
  .header__account--logged {
    max-width: 23px;
  }
}
.header__banner {
  color: #FFFFFF;
  position: relative;
}
.header__banner .simple-responsive-banner-component-container .banner-title {
  margin-top: 0;
  margin-bottom: 0;
}
.header__banner__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 35%;
  position: absolute;
  top: 47%;
  z-index: 1;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .header__banner__content {
    left: 125px;
  }
}
.header__banner__content .text {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.0416em;
  line-height: 1em;
  margin-right: 3px;
  text-transform: uppercase;
}
.header__banner__content .value {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.0333em;
  text-transform: uppercase;
  color: #ff4219;
}
@media (min-width: 637px) and (max-width: 790px) {
  .header__banner__content .value {
    margin-left: -7px;
  }
}
.header__banner .js-savings-component img {
  width: 100%;
}
.header__bottom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (min-width: 637px) {
  .header__bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
  .header__bottom.open-sub-navigation {
    position: relative;
  }
}
.header__bottom .nav__links--products li.all-specials.nav__links--primary:hover > .nav__link a {
  color: #E51F34;
}
@media (max-width: 636px) {
  .header__bottom .nav__links--products li.all-specials {
    display: none;
  }
}
@media (min-width: 637px) {
  .header__menu {
    width: 100%;
  }
  .header__menu .navigation--bottom {
    background-color: transparent;
    border-bottom: 0;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul > li {
    font-size: 14px;
    margin-right: 8px;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul > li:last-child {
    margin-right: 0;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul > li.all-specials > .nav__link {
    position: relative;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul > li.all-specials > .nav__link:after {
    background-color: #e51f34 !important;
    border-radius: 10px 10px 0 0;
    bottom: 0;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul > li:hover > .nav__link,
  .header__menu .navigation--bottom .navigation__overflow > ul > li.browse-products > .nav__link {
    position: relative;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul > li:hover > .nav__link:after,
  .header__menu .navigation--bottom .navigation__overflow > ul > li.browse-products > .nav__link:after {
    background-color: #dfe3e8;
    border-radius: 10px 10px 0 0;
    bottom: 0;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul > li.active > .nav__link {
    position: relative;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul > li.active > .nav__link:after {
    background-color: #38a8ae;
    border-radius: 10px 10px 0 0;
    bottom: 0;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul > li.all-specials:hover > .nav__link:after,
  .header__menu .navigation--bottom .navigation__overflow > ul > li.all-specials.active > .nav__link:after {
    background-color: #e51f34 !important;
    border-radius: 10px 10px 0 0;
    bottom: 0;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul > li.browse-products > .nav__link {
    padding-left: 14px;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul > li.browse-products > .nav__link:hover:after {
    background-color: #38a8ae !important;
  }
  .header__menu .navigation--bottom .navigation__overflow > ul > li > .nav__link a:link,
  .header__menu .navigation--bottom .navigation__overflow > ul > li > .nav__link a:visited {
    color: #161C23;
    display: block;
    font-size: 14px;
    padding: 20px 15px;
    text-transform: none;
    font-weight: 700;
  }
}
@media (min-width: 637px) and (max-width: 636px) {
  .header__menu .navigation--bottom .navigation__overflow > ul > li.all-specials {
    display: none;
  }
}
@media (min-width: 637px) and (max-width: 768px) {
  .header__menu .navigation--bottom .navigation__overflow > ul > li > .nav__link a:link,
  .header__menu .navigation--bottom .navigation__overflow > ul > li > .nav__link a:visited {
    font-size: 12px;
    padding: 20px 10px;
  }
}
@media (min-width: 637px) and (max-width: 636px) {
  .header__menu .navigation--bottom .navigation__overflow > ul > li > .nav__link a:link,
  .header__menu .navigation--bottom .navigation__overflow > ul > li > .nav__link a:visited {
    font-size: 14px;
    padding: 20px 15px;
  }
}
@media (max-width: 636px) {
  .header__menu {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.header__search {
  margin-left: 20px;
  max-width: 450px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
@media (max-width: 1280px) {
  .header__search {
    max-width: 360px;
  }
}
@media (max-width: 1024px) {
  .header__search {
    max-width: 324px;
  }
}
@media (max-width: 768px) {
  .header__search {
    max-width: 416px;
  }
}
@media (max-width: 636px) {
  .header__search {
    margin-left: 8px;
    max-width: 44px;
    overflow: hidden;
  }
}
@media (max-width: 636px) {
  .header__search .search-component__content {
    border: 0;
    background-color: #ECF0F4;
    border-radius: 50px;
    width: 96%;
    position: relative;
    right: -7px;
  }
  .header__search .search-component__input {
    height: 36px;
    line-height: normal;
  }
}
@media (max-width: 636px) and (max-width: 636px) {
  .header__search .promo-alerts {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.header__all-specials {
  color: #454f5b;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  text-align: center;
}
.header__all-specials__link:link,
.header__all-specials__link:visited {
  background-color: #e51f34;
  border-radius: 5px;
  color: #454f5b;
  display: block;
  font-weight: 700;
  padding: 8px;
  position: relative;
  text-transform: none;
}
.header__all-specials__icon {
  display: none;
  line-height: 1;
  font-size: 17px;
  margin-bottom: 4px;
}
.header__all-specials__text {
  color: #ffffff;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1em;
  width: 60px;
}
.header.sticky {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 12;
}
@media (min-width: 320px) {
  .header.sticky .header__top {
    display: none;
  }
}
@media (min-width: 320px) {
  .header.sticky--scroll-down .header__top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
}
@media (min-width: 320px) {
  .header.sticky--scroll-up .header__top {
    max-height: 100px;
    overflow: visible;
    padding: 5px 0;
  }
}
@media (max-width: 636px) {
  .header.is-searching .header__top__links {
    width: 100%;
  }
  .header.is-searching .header__menu-button {
    margin: 0;
    overflow: hidden;
    max-width: 0;
  }
  .header.is-searching .header__logo {
    overflow: hidden;
    max-width: 0;
  }
  .header.is-searching .header__search {
    margin: 0;
    max-width: 100%;
    overflow: visible;
  }
  .header.is-searching .header__account {
    overflow: hidden;
    margin: 0;
    max-width: 0;
  }
  .header.is-searching .search-component .department {
    display: flex;
  }
  .header.is-searching .search-component__btn-close {
    display: block;
  }
  .header.is-searching .search-component__btn-search,
  .header.is-searching .search-component__btn-show-search {
    display: none !important;
  }
}
@media (max-width: 636px) and (max-width: 636px) {
  .header.is-searching .search-component .department {
    position: absolute;
    top: 2px;
  }
}
.overlay-mini-login {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 13;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
}
.header-bottom-mob {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #ffffff;
  border-top: 1px solid #c4cdd5;
  bottom: 0;
  justify-content: center;
  left: 0;
  min-height: 75px;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 12;
}
@media print {
  .header-bottom-mob {
    display: none !important;
  }
}
.header-bottom-mob > div {
  float: left;
  margin: 0 6px;
}
.header-bottom-mob .nav-banner {
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 110px;
  order: 3;
}
.header-bottom-mob .nav-banner .full-mobile-image {
  margin: 0;
}
@media (max-width: 636px) {
  .header-bottom-mob .nav-banner {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 0;
  }
}
.header-bottom-mob .header__all-specials {
  order: 2;
}
.header-bottom-mob .header__your-store {
  order: 1;
  padding-top: 8px;
}
.header-bottom-mob .header__banner__content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 9px;
  top: 65%;
}
.header-bottom-mob .header__banner__content .text {
  font-size: 11px;
  margin-right: 0;
}
.header-bottom-mob .header__banner__content .value {
  font-size: 28px;
  line-height: 1em;
}
@media (max-width: 636px) {
  .header-bottom-mob .header__banner__content .value {
    font-size: 20px;
  }
}
@media (max-width: 636px) {
  .logged-toptitle-container {
    background-color: #4da8af;
    padding: 30px 0;
    text-align: center;
    color: #fff;
    position: relative;
    border-bottom: 8px solid #f4f6f8;
    margin: 0 0 0 -15px;
  }
  .logged-toptitle-container .top-title {
    font-size: 24px;
  }
  .logged-toptitle-container .close-sm-navigation {
    top: 15px;
    right: 15px;
    font-size: 20px;
    padding: 15px;
  }
}
@media (min-width: 1025px) and (hover: hover) {
  .mini-login:hover .login-register__text:after,
  .mini-login:hover .shoprite-icon-dropdown-arrow:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    background-color: #f4f6f8 !important;
    border-radius: 11px;
    font-family: "shoprite-icon";
    font-size: 7px;
    line-height: 1;
    padding: 8px;
    position: absolute;
    right: -8px;
  }
}
@media (max-width: 636px) {
  .no-registration {
    padding: 25px 0;
  }
}
@media (max-width: 1710px) and (min-width: 637px) {
  .help-centre-profile-menu.header__account .nav__right .mini-login .profile__menu {
    right: 0;
    left: auto;
  }
}
@media (max-width: 1710px) and (min-width: 637px) and (hover: hover) {
  .help-centre-profile-menu.header__account .nav__right .mini-login:hover .profile__menu:before {
    right: 0;
    left: auto;
  }
}
.js-mini-login-tablet-closed,
.js-mini-login-tablet-open {
  content: "\e933";
}
.page-header {
  margin: 0 0 20px !important;
}
.header__account .login-register__text:after {
  display: none;
}
.header__your-store__select:after {
  display: none;
}
.shoprite-icon-dropdown-arrow:after {
  content: "\e933";
  font-family: "shoprite-icon";
  line-height: 1;
  position: absolute;
  font-size: 8px;
  padding: 8px;
  right: -8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.rotate-dropdown-arrow:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-color: #f4f6f8;
  border-radius: 50%;
}
.rotate-dropdown-arrow:before {
  font-family: "shoprite-icon";
  font-size: 7px;
  line-height: 1;
  margin-top: -2px;
  position: absolute;
  right: -15px;
  top: 40%;
  background-color: #f4f6f8;
  padding: 8px;
  border-radius: 11px;
  transform: rotate(180deg);
}
@media (max-width: 636px) {
  .store-finder-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
  }
}
.profile__menu--signup .password-rules {
  text-align: center;
  margin-bottom: 17px;
}
.profile__menu--signup .form-section__subtitle {
  text-align: center;
}
.login-otp {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.login-otp .keep-sign-in {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  order: 2;
}
.login-otp .keep-sign-in .sr-switch {
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  width: auto;
}
.login-otp .keep-sign-in .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #ff4219;
}
.login-otp .keep-sign-in .sr-switch input:checked ~ .sr-switch__slider::before {
  background-color: #FFFFFF;
}
.login-otp .keep-sign-in .sr-switch__slider {
  border-color: #ff4219 !important;
}
.login-otp .keep-sign-in .sr-switch__slider::before {
  background-color: #ff4219;
}
.login-otp .keep-sign-in .sr-switch__label {
  color: #161C23;
  font-size: 16px;
  font-weight: 700;
  line-height: 0.875em;
  margin-bottom: 0;
  width: unset;
}
.profile__menu-container.mini-login-visible {
  display: block !important;
}
.page-headline {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
}
.page-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.page-sub-headline {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
}
.text-variant-bold {
  font-weight: 600;
}
.full-width-padding {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .full-width-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.half-width-padding {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1280px) {
  .half-width-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.alignItems-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.alignItems-flexEnd {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.alignItems-flexStart {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.alignSelf-flexStart {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.alignSelf-flexEnd {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.alignSelf-normal {
  -ms-flex-item-align: normal;
  -ms-grid-row-align: normal;
  align-self: normal;
}
.alignSelf-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.alignSelf-baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}
.flexFlow-rowWrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.flexFlow-nowrap {
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
}
.justifyContent-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.justifyContent-flexStart {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.justifyContent-flexEnd {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.justifyContent-spaceAround {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.justifyContent-spaceBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flexDirection-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flexDirection-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.alignContent-center {
  -ms-flex-line-pack: center;
  align-content: center;
}
.flexWrap-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.userSelect-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.backfaceVisibility-hidden {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.btn {
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 3px;
}
.btn.glyphicon {
  padding: 3px 0 4px 0;
}
.btn.glyphicon:before {
  font-size: 25px;
}
.btn,
.btn:active,
.btn.active {
  box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}
.btn-small {
  padding: 6px 15px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 3px;
}
.btn-icon {
  padding-left: 83px;
  position: relative;
}
.btn-icon:before {
  position: absolute;
  font-size: 25px;
  top: 9px;
  left: 20px;
  display: inline-block;
  font-family: 'Glyphicons Halflings', sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.btn-icon:after {
  content: "";
  position: absolute;
  left: 65px;
  top: -3px;
  border-right: 3px solid currentColor;
  height: 48px;
}
:hover .btn-icon:after {
  border-right-width: 3px;
}
.btn-edit-confirm {
  width: 48%;
}
.btn-block + .btn-block {
  margin-top: 10px;
}
.btn-default {
  border: 3px solid;
  color: #ffffff;
  background-color: #929292;
  border-color: #929292;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #929292;
  background-color: #ffffff;
  border-color: #929292;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  color: #ffffff;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #929292;
  background-color: #ffffff;
}
.btn-primary {
  border: 3px solid;
  color: #ffffff;
  background-color: #0068b3;
  border-color: #0068b3;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #0068b3;
  background-color: #ffffff;
  border-color: #0068b3;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  color: #ffffff;
  background-color: #8cbbdd;
  border-color: #8cbbdd;
}
.btn-primary .badge {
  color: #0068b3;
  background-color: #ffffff;
}
.btn-custom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #c4cdd5;
  font-weight: 500;
  padding: 10px 5px;
  vertical-align: middle;
  width: 100%;
}
.btn-custom svg,
.btn-custom i {
  margin-left: 5px;
}
.btn-white {
  background-color: white;
  color: #454f5a;
}
.btn-green {
  background-color: #38a8ae;
  color: white;
  border: 1px solid #38a8ae;
}
.btn-green svg g {
  fill: #ffffff;
}
.btn-green:disabled,
.btn-green[disabled] {
  background-color: #dfe3e8;
  border: 1px solid #dfe3e8;
  color: #919eab;
}
.btn-sr {
  background-color: #ff4219;
  color: #FFFFFF;
  border-radius: 45px;
  font-weight: 700;
  padding: 14px 12px;
}
.btn-sr:disabled,
.btn-sr[disabled] {
  background-color: #ff4219;
  color: #FFFFFF;
  opacity: 0.3;
}
.call-to-action-btn {
  margin-top: 10px;
  margin-bottom: 10px;
}
.call-to-action-btn .btn {
  border-radius: 100px;
  max-width: 100%;
  white-space: normal;
}
@media (max-width: 1024px) {
  .call-to-action-btn .btn--extra-ratio {
    font-size: 32px !important;
    padding: 28px 24px !important;
  }
}
@media (max-width: 636px) {
  .call-to-action-btn .btn--extra-ratio {
    font-size: 16px !important;
    padding: 14px 12px !important;
  }
}
.btn.btn-pill {
  border-radius: 100px;
  padding: 13px 11px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 1em;
  font-weight: 600;
}
.btn.btn-pill.btn-sm {
  padding: 8px 16px;
  font-size: 12px;
}
.btn.btn-pill:hover {
  filter: contrast(140%);
  color: #fff;
}
.btn.btn-pill.btn-theme {
  background-color: #38A8AD;
  color: #fff;
}
.btn.btn-pill.btn-theme:hover {
  color: #fff;
}
.btn.btn-pill.btn-capitalized {
  text-transform: capitalize;
}
.btn.btn-pill.btn-little-me {
  background-color: #38A8AD;
}
.pagination-wrap {
  float: right;
  text-align: right;
}
.pagination {
  margin: 0;
}
.pagination > li {
  vertical-align: top;
  display: inline-block;
  width: 25px;
}
.pagination > li > a,
.pagination > li > span {
  position: static;
  border: none;
  margin: 0;
  float: none;
  display: inline-block;
  background: none;
  color: #38a8ae;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-next > a,
.pagination > li.pagination-prev > span,
.pagination > li.pagination-next > span {
  font-size: 11px;
  color: #3c3c3c;
}
.pagination > li.pagination-prev.disabled > a,
.pagination > li.pagination-next.disabled > a,
.pagination > li.pagination-prev.disabled > span,
.pagination > li.pagination-next.disabled > span {
  background: none;
  color: #cccccc;
}
.pagination > li.pagination-prev {
  text-align: left;
}
.pagination > li.pagination-next {
  text-align: right;
}
.pagination > .active > a,
.pagination > .active > span {
  color: #3c3c3c;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: transparent;
  border: none;
  font-weight: 400;
}
.pagination > li > a,
.pagination > li > span {
  line-height: 30px;
  width: 30px;
  padding: 0;
  font-size: 14px;
  text-align: center;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-prev > span {
  margin-right: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination > li.pagination-next > a,
.pagination > li.pagination-next > span {
  width: 35px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 1024px) {
  .pagination > li > a,
  .pagination > li > span {
    line-height: 46px;
    width: 30px;
    padding: 0;
    font-size: 14px;
    text-align: center;
  }
  .pagination > li.pagination-prev > a,
  .pagination > li.pagination-prev > span {
    margin-right: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .pagination > li.pagination-next > a,
  .pagination > li.pagination-next > span {
    width: 40px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 636px) {
  .pagination {
    display: table;
    width: 100%;
  }
  .pagination > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .pagination > li > a,
  .pagination > li > span {
    float: none;
  }
  .pagination > li > a,
  .pagination > li > span {
    line-height: 40px;
    width: 40px;
    padding: 0;
    font-size: 14px;
    text-align: center;
  }
  .pagination > li.pagination-prev > a,
  .pagination > li.pagination-prev > span {
    margin-right: 13.33333333px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .pagination > li.pagination-next > a,
  .pagination > li.pagination-next > span {
    width: 60px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .pagination-with-pager .pagination-wrap {
    float: none;
  }
}
.breadcrumb-section {
  background-color: #f4f6f8;
  padding: 0 15px;
}
@media (max-width: 636px) {
  .breadcrumb-section {
    padding: 0;
  }
}
@media (max-width: 636px) {
  .breadcrumb-section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .breadcrumb-section .breadcrumb-section__sort-refine-bar {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .breadcrumb-section .breadcrumb-section__sort-refine-bar .sort-mobile .sortForm1 {
    line-height: 1;
  }
  .breadcrumb-section .breadcrumb-section__sort-refine-bar .sort-mobile .sortForm1 .js-open-sort .icon {
    font-size: 9px;
    margin-right: 4.5px;
  }
  .breadcrumb-section .breadcrumb-section__sort-refine-bar .sort-mobile .sortForm1 .form-control-sort-by {
    font-size: 12px;
    font-weight: 400;
  }
  .breadcrumb-section .breadcrumb-section__sort-refine-bar .refine-mobile .js-show-facets {
    color: #161C23;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding: 0;
    text-transform: none;
    width: 100%;
  }
  .breadcrumb-section .breadcrumb-section__sort-refine-bar .refine-mobile .js-show-facets .icon {
    color: #161C23;
    display: inline-block;
    font-size: 15px;
    margin-right: 4.5px;
    vertical-align: middle;
  }
}
.breadcrumb-section .breadcrumb {
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  margin: 0;
  background-color: #f4f6f8;
}
.breadcrumb-section .breadcrumb > li {
  cursor: pointer;
}
.breadcrumb-section .breadcrumb > li a {
  color: #5d6671;
  cursor: pointer;
}
.breadcrumb-section .breadcrumb > li + li:before {
  font-family: "shoprite-icon" !important;
  content: "\e92a";
  font-size: 10px;
}
.breadcrumb-section .breadcrumb > li.active {
  color: #a0abb6;
}
.breadcrumb-section .breadcrumb > li.active a,
.breadcrumb-section .breadcrumb > li.active:before {
  color: #a0abb6;
}
.breadcrumb-section .breadcrumb > li.active:hover {
  color: #38a8ae;
}
.breadcrumb-section .breadcrumb > li.active h1 {
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  margin: 0;
  display: inline-block;
}
.breadcrumb-section .breadcrumb > li:hover a,
.breadcrumb-section .breadcrumb > li:hover:before {
  color: #38a8ae;
}
.breadcrumb-section .breadcrumb.custom-orange-link {
  font-weight: 600;
}
@media (min-width: 637px) {
  .page-productDetails .carousel {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 637px) {
  .page-productDetails .js-owl-carousel-reference {
    padding: 0;
  }
}
.product-details,
.product-details-price {
  margin-bottom: 10px;
}
@media (max-width: 636px) {
  .product-details,
  .product-details-price {
    padding: 0;
  }
}
.product-details .name,
.product-details-price .name {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding: 0;
}
.product-details .name.border,
.product-details-price .name.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.product-details .name .sku,
.product-details-price .name .sku {
  font-size: 18px;
  line-height: 18px;
  color: #929292;
  position: relative;
  padding-left: 20px;
  font-weight: 400;
}
.product-details .name .sku:before,
.product-details-price .name .sku:before {
  border-left: 1px solid #e5e5e5;
  content: "";
  height: 14px;
  position: absolute;
  top: 7px;
  left: 10px;
}
.product-details .name .code,
.product-details-price .name .code {
  font-size: 18px;
  line-height: 18px;
  padding-left: 5px;
}
.product-details .promotion,
.product-details-price .promotion {
  color: #00a651;
}
.product-details .description,
.product-details-price .description {
  padding: 10px 0 25px;
}
.product-details .price,
.product-details-price .price {
  font-size: 25px;
  font-weight: bold;
}
.product-details .stock-status,
.product-details-price .stock-status {
  font-weight: 300;
}
@media (max-width: 1024px) {
  .product-details .description,
  .product-details-price .description {
    border-bottom: 1px solid #cccccc;
  }
}
.product-details.page-title {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .product-details.page-title {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-main-info {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .product-main-info {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-main-info .product-details {
  padding: 0;
}
.variant-section {
  margin-bottom: 30px;
}
.variant-section .variant-selector .variant-name {
  font-size: 13px;
  font-weight: 600;
  color: #929292;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 5px;
}
.variant-section .variant-selector .variant-name .variant-selected {
  font-weight: normal;
  text-transform: none;
}
.variant-section .variant-selector .variant-list {
  padding-left: 0;
  list-style: none;
  margin-left: -20px;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
  display: table;
  content: " ";
}
.variant-section .variant-selector .variant-list:after {
  clear: both;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
  display: table;
  content: " ";
}
.variant-section .variant-selector .variant-list:after {
  clear: both;
}
.variant-section .variant-selector .variant-list:after {
  content: "";
  clear: both;
  display: table;
}
.variant-section .variant-selector .variant-list:after {
  content: "";
  clear: both;
  display: table;
}
.variant-section .variant-selector .variant-list li {
  float: left;
  margin: 0 0 0 20px;
}
.variant-section .variant-selector .variant-list li a,
.variant-section .variant-selector .variant-list li span {
  display: block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #cccccc;
  background: #fff;
  color: #3c3c3c;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .variant-section .variant-selector .variant-list li a,
  .variant-section .variant-selector .variant-list li span {
    height: 42px;
    width: 42px;
    line-height: 42px;
  }
}
.variant-section .variant-selector .variant-list li a img,
.variant-section .variant-selector .variant-list li span img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border: 1px solid transparent;
}
.variant-section .variant-selector .variant-list li:hover a,
.variant-section .variant-selector .variant-list li.active a {
  background: #0068b3;
  -webkit-box-shadow: inset 0 0  0 1px #fff;
  box-shadow: inset 0 0  0 1px #fff;
  border: 1px solid #0068b3;
  color: #fff;
}
.variant-section .variant-selector .variant-list li:hover a img,
.variant-section .variant-selector .variant-list li.active a img {
  border: 1px solid #fff;
}
.variant-section .variant-selector .variant-list li.disabled span {
  color: #999;
  cursor: not-allowed;
}
.variant-section .variant-selector .variant-select {
  margin: 10px 0 0;
}
.rating:before,
.rating:after {
  display: table;
  content: " ";
}
.rating:after {
  clear: both;
}
.rating:before,
.rating:after {
  display: table;
  content: " ";
}
.rating:after {
  clear: both;
}
.rating:after {
  content: "";
  clear: both;
  display: table;
}
.rating:after {
  content: "";
  clear: both;
  display: table;
}
.rating .rating-stars {
  margin: 0 5px 0 0;
  padding: 3px 0 1px;
  position: relative;
}
@media (max-width: 636px) {
  .rating .rating-stars {
    font-size: 18px;
    float: none;
  }
  .rating .rating-stars:before,
  .rating .rating-stars:after {
    display: table;
    content: " ";
  }
  .rating .rating-stars:after {
    clear: both;
  }
  .rating .rating-stars:before,
  .rating .rating-stars:after {
    display: table;
    content: " ";
  }
  .rating .rating-stars:after {
    clear: both;
  }
  .rating .rating-stars:after {
    content: "";
    clear: both;
    display: table;
  }
  .rating .rating-stars:after {
    content: "";
    clear: both;
    display: table;
  }
}
.rating .rating-stars .greenStars {
  position: absolute;
  overflow: hidden;
  top: 3px;
  left: 0;
  white-space: nowrap;
  width: 0;
}
.rating .rating-stars span {
  color: #dee3e8;
  margin: 0 0.1em;
  overflow: hidden;
}
.rating .rating-stars span.fh {
  width: 0.47em;
  margin-right: 0;
  float: left !important;
}
.rating .rating-stars span.lh {
  width: 0.5em;
  text-indent: -0.44em;
  margin-left: 0;
  float: left !important;
}
.rating .rating-stars span.active {
  color: #0068b3;
}
.rating.rating-set .rating-stars {
  cursor: pointer;
  display: inline-block;
}
.rating a {
  font-size: 13px;
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.rating a:before {
  border-left: 1px solid #cccccc;
  content: "";
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
}
.tabs-responsive .tab-container {
  float: none;
  padding: 0;
}
@media (max-width: 636px) {
  .tabs-responsive .tabhead {
    border-bottom: 1px solid #f2f4f7;
  }
}
.tab-review .review-pagination-bar {
  margin: 10px 0;
}
.tab-review .review-pagination-bar:before,
.tab-review .review-pagination-bar:after {
  display: table;
  content: " ";
}
.tab-review .review-pagination-bar:after {
  clear: both;
}
.tab-review .review-pagination-bar:before,
.tab-review .review-pagination-bar:after {
  display: table;
  content: " ";
}
.tab-review .review-pagination-bar:after {
  clear: both;
}
.tab-review .review-pagination-bar:after {
  content: "";
  clear: both;
  display: table;
}
.tab-review .review-pagination-bar:after {
  content: "";
  clear: both;
  display: table;
}
.tab-review .review-pagination-bar .right {
  float: right;
}
.tab-review .review-pagination-bar .right .pager {
  float: left;
  margin: 0 10px;
}
.tab-review .review-list {
  padding-left: 0;
  list-style: none;
}
.tab-review .review-list .review-entry {
  margin: 10px 0;
}
.tab-review .review-list .review-entry .title {
  font-weight: bold;
}
.tab-review .review-list .review-entry .autor {
  color: #777777;
}
.tab-review .write-review {
  display: none;
}
#AddToCart-PickUpInStoreAction {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 20px;
}
@media (min-width: 637px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1025px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 100%;
  }
}
.AddToCart-PickUpInStoreAction {
  margin-top: 10px;
}
.AddToCart-ShareOnSocialNetworkAction {
  margin-top: 20px;
}
#AddToCart-AddToCartAction {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 20px;
}
@media (min-width: 637px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1025px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 100%;
  }
}
#AddToCart-ShareOnSocialNetworkAction {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 30px;
}
.pdp {
  margin: 25px 0;
}
.pdp__grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.pdp__left-side {
  width: 57.09%;
}
@media (max-width: 636px) {
  .pdp__left-side {
    width: 100%;
  }
}
.pdp__right-side {
  padding: 0 25px;
  position: relative;
  width: 41.13%;
}
@media (max-width: 636px) {
  .pdp__right-side {
    padding: 0;
    width: 100%;
  }
}
.pdp__image-container {
  border-radius: 5px;
  border: 1px solid #c4cdd5;
  position: relative;
  text-align: center;
}
@media (max-width: 636px) {
  .pdp__image-container {
    border: 0;
    border-radius: 0;
  }
}
.pdp__image-container .pdp__image {
  display: inline-block;
  max-width: 515px;
  padding: 25px;
  width: 100%;
}
@media (max-width: 636px) {
  .pdp__image-container .pdp__image {
    padding: 0;
  }
}
.pdp__image-container .pdp__image__content {
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.pdp__image-container .pdp__image__thumb {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.pdp__image-container .pdp__image__preview {
  border-radius: 4px;
  display: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90.4%;
  position: absolute;
  right: -90.4%;
  top: 50%;
  width: 90.4%;
  z-index: 10;
}
.pdp__image-container .pdp__image__preview:not(:empty) {
  border: 1px solid #919eab;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  display: block;
}
@media (max-width: 636px) {
  .pdp__image-container .pdp__image__preview {
    display: none;
  }
}
.pdp__modal {
  background-color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pdp__modal.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.pdp__modal__close {
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 0;
  color: #454f5b;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 16px;
  text-align: center;
  top: 16px;
  width: 40px;
  z-index: 9999;
}
.pdp__modal__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0;
  height: inherit;
  position: relative;
}
.pdp__modal__body {
  padding: 0;
  width: 100%;
}
.pdp__modal .pinch-zoom-container {
  height: 100vh;
  width: 100vw;
}
.pdp__modal__image {
  display: block;
  margin: 0 auto;
  max-height: 90vh;
  max-width: 100%;
}
.pdp__options {
  position: absolute;
  top: 25px;
  z-index: 1;
}
@media (max-width: 636px) {
  .pdp__options {
    top: 16px;
  }
}
.pdp__options--left {
  left: 25px;
}
@media (max-width: 636px) {
  .pdp__options--left {
    left: 0;
  }
}
.pdp__options--right {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  right: 0;
}
@media (max-width: 636px) {
  .pdp__options--right {
    right: 0;
  }
}
.pdp__option {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  height: 48px;
  margin-bottom: 8px;
  margin-right: 24px;
  position: relative;
  width: 48px;
}
@media (max-width: 636px) {
  .pdp__option {
    height: 40px;
    width: 40px;
  }
}
.pdp__option--age-restriction {
  background-image: url("/_ui/responsive/common/images/badges/no-under-18.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
.pdp__option--xtra-savings {
  background-color: #ff4219;
  color: #ffffff;
  font-size: 26px;
  text-transform: uppercase;
}
.pdp__option--for-you {
  background-color: #ff4219;
  border-radius: 32px 0 0 32px;
  color: #FFFFFF;
  flex-direction: row;
  font-size: 26px;
  margin-right: 0;
  padding: 0 14px;
  text-transform: uppercase;
  width: 96px;
}
.pdp__option--for-you .icon {
  font-size: 26px;
}
.pdp__option--for-you .text {
  font-weight: 700;
  font-size: 14px;
  line-height: 1em;
  text-align: center;
}
.pdp__option--new {
  background-color: #b3cc59;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .pdp__option--new {
    font-size: 9px;
  }
}
.pdp__option--save {
  background-color: #e51f34;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .pdp__option--save {
    font-size: 9px;
  }
}
.pdp__option--liquorshop-only {
  background-image: url("/_ui/responsive/common/images/badges/LiquorShop.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0;
  width: 75px;
  margin-bottom: 15px;
}
@media (max-width: 636px) {
  .pdp__option--liquorshop-only {
    width: 50px;
    margin-bottom: 8px;
  }
}
.pdp__option--img--liquorshop-only {
  width: 75px;
}
@media (max-width: 636px) {
  .pdp__option--img--liquorshop-only {
    width: 50px;
    margin-bottom: 8px;
  }
}
.pdp__option--sixty60-only {
  background-image: url("/_ui/responsive/common/images/badges/sixty60-only.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
.pdp__option--img {
  border-radius: unset;
}
.pdp__option--img img {
  width: 100%;
}
.pdp__option--knect-only {
  background-image: url("/_ui/responsive/common/images/badges/shoprite/KnectLogo.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0;
  width: 75px;
  margin-bottom: 15px;
}
@media (max-width: 636px) {
  .pdp__option--knect-only {
    width: 50px;
    margin-bottom: 8px;
  }
}
.pdp__option--img--knect-only {
  width: 75px;
}
@media (max-width: 636px) {
  .pdp__option--img--knect-only {
    width: 50px;
    margin-bottom: 8px;
  }
}
.pdp__option--grocery-list-add {
  display: none;
}
.pdp__option--img--discovery-vitality {
  width: 60px !important;
  margin-right: 14px !important;
  margin-top: 2px;
}
@media (max-width: 636px) {
  .pdp__option--img--discovery-vitality {
    width: 51px !important;
    margin-right: 14px !important;
    margin-bottom: 8px;
  }
}
.pdp__zoom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: transparent;
  border: 0;
  bottom: 30px;
  font-weight: 400;
  outline: none;
  padding: 0;
  position: absolute;
  right: 25px;
  z-index: 1;
}
@media (max-width: 636px) {
  .pdp__zoom {
    display: none;
  }
}
.pdp__zoom span {
  color: #9AAAAB;
  font-size: 12px;
  line-height: 1em;
  margin-right: 15px;
  text-align: right;
}
.pdp__zoom .icon {
  color: #919eab;
  font-size: 26px;
}
.pdp__zoom__top {
  top: 70%;
  height: 30px;
}
.pdp__tags {
  float: right;
  margin-right: 15px;
  margin-top: 15px;
}
.pdp__tags__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pdp__tags__list li {
  margin-bottom: 2px;
}
.pdp__tags__list li:not(:last-child) {
  margin-right: 4px;
}
.pdp__tags__tag:link,
.pdp__tags__tag:visited {
  background-color: #dfe3e8;
  color: #454f5b;
  border-radius: 3px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
}
.pdp__details {
  min-height: 200px;
  margin-bottom: 10px;
  padding-top: 20px;
}
@media (max-width: 636px) {
  .pdp__details {
    min-height: auto;
    position: relative;
  }
}
.pdp .special-price {
  margin-bottom: 20px;
  position: relative;
}
.pdp .special-price.dual-prices {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.pdp .special-price.dual-prices .dual-price__logo img {
  max-width: 112px;
}
.pdp .special-price.dual-prices .special-price__price {
  margin-left: 27px;
}
.pdp .special-price__title {
  color: #2c3436;
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .pdp .special-price__title {
    font-size: 16px;
  }
}
.pdp .special-price__price {
  color: #212b36;
  line-height: 1;
  margin-bottom: 5px;
}
.pdp .special-price__price .now {
  font-size: 56px;
  font-weight: 700;
  text-indent: -5px;
}
@media (max-width: 636px) {
  .pdp .special-price__price .now {
    font-size: 40px;
    text-indent: -3px;
  }
}
.pdp .special-price__price .now sup {
  font-size: 28px;
  position: relative;
  top: -18px;
}
@media (max-width: 636px) {
  .pdp .special-price__price .now sup {
    font-size: 18px;
    top: -15px;
  }
}
.pdp .special-price__price .now del.before sup {
  position: inherit;
  font-size: inherit;
}
.pdp .special-price__price .per-kg {
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
}
.pdp .special-price__valid {
  color: #2c3436;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .pdp .special-price__valid {
    font-size: 12px;
  }
}
.pdp .special-price__valid strong {
  font-weight: 400;
}
.pdp .special-price--xs-non-member .special-price__price {
  margin-bottom: 10px;
  font-size: 56px;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .pdp .special-price--xs-non-member .special-price__price {
    font-size: 40px;
  }
}
.pdp .special-price--xs-non-member .special-price__price sup {
  font-size: 28px;
  position: relative;
  top: -18px;
}
@media (max-width: 1024px) {
  .pdp .special-price--xs-non-member .special-price__price sup {
    font-size: 18px;
    top: -15px;
  }
}
.pdp .special-price--xs-non-member .special-price__price del.before sup {
  position: inherit;
  font-size: inherit;
}
.pdp .special-price--xs-non-member .special-price__extra {
  color: #ff4219;
  font-weight: 700;
  text-transform: uppercase;
}
.pdp .special-price--xs-non-member .special-price__extra__title {
  background-color: #ff4219;
  border-radius: 0 3px 3px 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  height: 20px;
  line-height: 20px;
  margin-left: 26px;
  padding: 0 7px 0 3px;
  position: relative;
}
.pdp .special-price--xs-non-member .special-price__extra__title::before {
  border-bottom: 9px solid transparent;
  border-right: 8px solid #ff4219;
  border-top: 11px solid transparent;
  content: '';
  height: 0;
  left: -8px;
  position: absolute;
  top: 0;
}
.pdp .special-price--xs-non-member .special-price__extra__title::after {
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 24px;
  left: -23px;
  line-height: 1;
  position: absolute;
  top: -2px;
}
.pdp .special-price--xs-non-member .special-price__extra__price .now {
  display: block;
  font-size: 34px;
  line-height: 1em;
}
.pdp .special-price--xs-non-member .special-price__extra__price .now .per-kg {
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
}
.pdp .special-price--xs-non-member .special-price__extra__price .now sup {
  font-size: 26px;
  position: relative;
  top: -5px;
}
.pdp .special-price--xs-non-member .special-price__extra__text {
  display: block;
  font-size: 12px;
  margin-left: 3px;
}
.pdp .special-price--xs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.pdp .special-price--xs .special-price__price {
  color: #637381;
  font-size: 32px;
  font-weight: 400;
  margin-top: 30px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 0;
}
.pdp .special-price--xs .special-price__price .before sup {
  font-size: 18px;
  top: -10px;
}
.pdp .special-price--xs .special-price__price del.before sup {
  position: inherit;
  font-size: inherit;
}
.pdp .special-price--xs .special-price__price .per-kg {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.pdp .special-price--xs .special-price__extra {
  color: #ff4219;
  font-weight: 700;
  margin-right: 14px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  text-transform: uppercase;
}
.pdp .special-price--xs .special-price__extra__title {
  background-color: #ff4219;
  border-radius: 0 3px 3px 0;
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
  height: 29px;
  line-height: 29px;
  margin-left: 34px;
  padding: 0 10px 0 3px;
  position: relative;
}
.pdp .special-price--xs .special-price__extra__title::before {
  border-bottom: 14px solid transparent;
  border-right: 13px solid #ff4219;
  border-top: 16px solid transparent;
  content: '';
  height: 0;
  left: -13px;
  position: absolute;
  top: 0;
}
.pdp .special-price--xs .special-price__extra__title::after {
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 35px;
  left: -34px;
  line-height: 1;
  position: absolute;
  top: -2px;
}
.pdp .special-price--xs .special-price__extra__price {
  margin-left: -6px;
  margin-top: -4px;
}
.pdp .special-price--xs .special-price__extra__price .now {
  display: block;
  font-size: 64px;
  line-height: 1em;
}
.pdp .special-price--xs .special-price__extra__price .now .per-kg {
  font-size: 18px;
  text-transform: capitalize;
}
.pdp .special-price--xs .special-price__extra__price .now sup {
  font-size: 34px;
  position: relative;
  top: -20px;
}
.pdp .special-price--xs .special-price__extra__text {
  display: block;
  font-size: 20px;
  line-height: 1em;
}
.pdp .special-price--xs ~ .pdp__header .pdp__header__right-side {
  top: 58px;
}
.pdp .special-price__extra__text {
  display: block;
  font-size: 20px;
  line-height: 1em;
  color: #ff4219;
  text-transform: uppercase;
  margin-top: -20px;
  margin-bottom: 20px;
}
.pdp .special-price--promotion .special-price__price {
  line-height: 1;
  margin-bottom: 5px;
}
.pdp .special-price--promotion .special-price__price .now {
  color: #e51f34;
}
.pdp .special-price--promotion .special-price__valid strong {
  color: #e51f34;
}
.pdp__header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-top: 25px;
}
.pdp__header__right-side {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  position: absolute;
  right: 0;
  top: 30px;
}
@media (max-width: 1280px) {
  .pdp__header__right-side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
  }
}
@media (min-width: 637px) {
  .pdp__header__right-side {
    right: 25px;
  }
}
@media (max-width: 1024px) {
  .pdp__header__right-side {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    column-gap: 16px;
    top: 20px;
  }
}
.pdp__name {
  color: #2c3436;
  font-size: 25px;
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 12px;
}
@media (max-width: 1024px) {
  .pdp__name {
    font-size: 20px;
    line-height: 1.25em;
  }
}
@media (max-width: 636px) {
  .pdp__name {
    font-size: 18px;
    line-height: 1.11em;
  }
}
.pdp .promo-alerts-button__button {
  font-size: 24px;
  height: 40px;
  margin: 0;
  width: 40px;
}
.pdp .promo-alerts-button__button:hover {
  width: 139px;
}
.pdp .promo-alerts-button__button:hover .text {
  margin-right: 12px;
}
.pdp .promo-alerts-button__button .text {
  font-size: 12px;
}
.pdp .promo-alerts-button__button .icon {
  -webkit-transform: translate(-1px, 0px);
  -ms-transform: translate(-1px, 0px);
  transform: translate(-1px, 0px);
}
.pdp .promo-alerts-button__button--active {
  font-size: 20px;
}
.pdp .add-grocery-list-container__button {
  font-size: 24px;
  height: 40px;
  margin: 0;
  width: 40px;
  padding: 9px;
}
.pdp .add-grocery-list-container__button .icon {
  -webkit-transform: translate(-1px, 0px);
  -ms-transform: translate(-1px, 0px);
  transform: translate(-1px, 0px);
}
.pdp .add-grocery-list-container__button--active {
  font-size: 20px;
}
.pdp__description {
  color: #637381;
  font-size: 14px;
  line-height: 1.14em;
  margin-bottom: 15px;
}
.pdp__buy-now-url {
  margin: 18px 0;
}
@media (max-width: 636px) {
  .pdp__buy-now-url .btn {
    width: 100%;
  }
}
.pdp__id {
  color: #637381;
  font-size: 14px;
  line-height: 1.14em;
}
.pdp__extras {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 15px;
}
.pdp__extras__extra-messages {
  width: 100%;
}
.pdp__extras__extra-messages:not(:empty) {
  margin-bottom: 15px;
}
@media (max-width: 636px) {
  .pdp__extras__extra-messages:not(:empty) {
    margin-bottom: 40px;
  }
}
.pdp .extra-message {
  max-width: 320px;
  width: 100%;
}
@media (max-width: 636px) {
  .pdp .extra-message {
    max-width: none;
  }
}
.pdp .extra-message:not(:last-child) {
  margin-bottom: 8px;
}
.pdp .extra-message__disabled {
  pointer-events: none;
}
.pdp .extra-message__not-allowed {
  cursor: not-allowed;
}
.pdp .extra-message__content,
.pdp .extra-message__content:link,
.pdp .extra-message__content:visited {
  background-color: #FFFFFF;
  border: 2px solid #000000;
  border-radius: 3px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 15px;
  text-decoration: none;
}
.pdp .extra-message__content:hover .extra-message__arrow {
  transform: translateX(3px);
}
.pdp .extra-message__description {
  margin-right: auto;
}
.pdp .extra-message__title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35em;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.pdp .extra-message__valid {
  color: #2c3436;
  display: block;
  font-size: 12px;
  line-height: 1em;
}
.pdp .extra-message__valid strong {
  font-weight: 400;
}
.pdp .extra-message__logo {
  display: inline-block;
  font-size: 26px;
  margin-right: 8px;
  vertical-align: middle;
}
.pdp .extra-message__arrow {
  display: inline-block;
  font-size: 10px;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pdp .extra-message--xtra-savings .extra-message__content {
  border-color: #ff4219;
}
.pdp .extra-message--xtra-savings .extra-message__title {
  color: #ff4219;
}
.pdp .extra-message--xtra-savings .extra-message__valid strong {
  color: #ff4219;
}
.pdp .extra-message--xtra-savings .extra-message__logo {
  color: #ff4219;
}
.pdp .extra-message--xtra-savings .extra-message__arrow {
  color: #ff4219;
}
.pdp .extra-message--xtra-savings .extra-message__brand {
  color: #ff4219;
  font-size: 12px;
  text-transform: uppercase;
}
.pdp .extra-message--promotion .extra-message__content {
  border-color: #e51f34;
}
.pdp .extra-message--promotion .extra-message__title {
  color: #e51f34;
}
.pdp .extra-message--promotion .extra-message__valid strong {
  color: #e51f34;
}
.pdp .extra-message--promotion .extra-message__logo {
  color: #e51f34;
}
.pdp .extra-message--promotion .extra-message__arrow {
  color: #e51f34;
}
.pdp .extra-message--promotion .extra-message__brand {
  color: #e51f34;
  font-size: 12px;
  text-transform: uppercase;
}
.pdp__share {
  color: #454f5b;
  font-size: 12px;
  -webkit-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
@media (max-width: 636px) {
  .pdp__share {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
}
.pdp__share span {
  margin-right: 8px;
}
@media (max-width: 636px) {
  .pdp__share span {
    margin-right: 0;
    margin-bottom: 8px;
    text-align: center;
    width: 100%;
  }
}
.pdp__share__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pdp__share__list li:not(:last-child) {
  margin-right: 4px;
}
.pdp__share__button {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #637381;
  border-radius: 50%;
  border: 0;
  color: #FFFFFF;
  font-size: 12px;
  height: 24px;
  outline: none;
  padding: 0;
  width: 24px;
}
@media (max-width: 636px) {
  .pdp__share__button {
    height: 32px;
    font-size: 16px;
    width: 32px;
  }
}
.pdp__share__button.tw {
  font-size: 10px;
}
@media (max-width: 636px) {
  .pdp__share__button.tw {
    font-size: 14px;
  }
}
.pdp .related-variants {
  margin-bottom: 15px;
}
.pdp .also-available,
.pdp .related-variants {
  background-color: #f4f6f8;
  border-radius: 3px;
  padding: 15px;
}
@media (max-width: 636px) {
  .pdp .also-available,
  .pdp .related-variants {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.pdp .also-available__title,
.pdp .related-variants__title {
  color: #212b36;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 10px;
}
.pdp .also-available__items,
.pdp .related-variants__items {
  overflow-x: auto;
}
.pdp .also-available__items__content,
.pdp .related-variants__items__content {
  height: 0;
  overflow: hidden;
}
.pdp .also-available__items__content:before,
.pdp .related-variants__items__content:before,
.pdp .also-available__items__content:after,
.pdp .related-variants__items__content:after {
  display: table;
  content: " ";
}
.pdp .also-available__items__content:after,
.pdp .related-variants__items__content:after {
  clear: both;
}
.pdp .also-available__items__content:before,
.pdp .related-variants__items__content:before,
.pdp .also-available__items__content:after,
.pdp .related-variants__items__content:after {
  display: table;
  content: " ";
}
.pdp .also-available__items__content:after,
.pdp .related-variants__items__content:after {
  clear: both;
}
.pdp .also-available__items__content:after,
.pdp .related-variants__items__content:after {
  content: "";
  clear: both;
  display: table;
}
.pdp .also-available__items__content:after,
.pdp .related-variants__items__content:after {
  content: "";
  clear: both;
  display: table;
}
.pdp .also-available__item,
.pdp .related-variants__item {
  float: left;
  width: 85px;
}
.pdp .also-available__item:not(:last-child),
.pdp .related-variants__item:not(:last-child) {
  margin-right: 8px;
}
.pdp .also-available__item__image,
.pdp .related-variants__item__image {
  border-radius: 4px;
  border: 1px solid #c4cdd5;
  overflow: hidden;
}
.pdp .also-available__item__image img,
.pdp .related-variants__item__image img {
  display: block;
  width: 100%;
}
.pdp .also-available__item__caption,
.pdp .related-variants__item__caption {
  padding: 6px 0;
}
.pdp .also-available__item__name,
.pdp .related-variants__item__name {
  color: #212b36;
  font-size: 12px;
  line-height: 1.16em;
  margin: 0;
}
.pdp__tabs__container {
  width: 57.09%;
}
@media (max-width: 636px) {
  .pdp__tabs__container {
    width: 100%;
  }
}
.pdp__tabs__tab {
  color: #637381;
  font-size: 14px;
  line-height: 1.14em;
  word-break: break-word;
}
.pdp__tabs__tab p {
  margin: 0 0 20px;
}
.pdp__tabs__tab p:empty {
  margin-bottom: 0;
}
.pdp__tabs__tab ul {
  list-style: none;
  margin: 0 0 20px;
  padding-left: 25px;
}
.pdp__tabs__tab ul li:before {
  background-color: #38a8ae;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 3px;
  margin-right: 8px;
  vertical-align: middle;
  width: 3px;
}
.pdp__tabs__tab .subtitle {
  color: #212b36;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 20px;
}
.pdp__tabs .tabs .tabhead {
  font-size: 16px;
  font-weight: 700;
}
.pdp__product-information {
  color: #212b36;
  font-size: 14px;
}
.pdp__product-information tr {
  background-color: #f4f6f8;
  border-radius: 3px;
  display: block;
  margin-bottom: 5px;
}
.pdp__product-information tr td {
  padding: 12px 15px;
}
.pdp__product-information tr td:first-child {
  font-weight: 700;
  width: 115px;
}
.pdp__product-information tr td a:link,
.pdp__product-information tr td a:visited {
  color: #38a8ae;
}
.pdp__medias {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.pdp__medias__image-full {
  border-radius: 4px;
  border: 1px solid #c4cdd5;
  margin-right: 15px;
  overflow: hidden;
  max-width: 275px;
  width: 100%;
}
.pdp__medias__images-list {
  display: grid;
  width: 100%;
  gap: 5px 5px;
  grid-template-areas: ". . ." ". . ." ". . .";
  max-width: 275px;
  grid-auto-columns: 32%;
  grid-auto-rows: 32%;
}
.pdp__medias__image {
  border-radius: 4px;
  border: 1px solid #c4cdd5;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pdp__medias__image:hover,
.pdp__medias__image.is-active {
  border-color: #637381;
}
.pdp__medias img {
  display: block;
  width: 100%;
}
.pdp .product-not-available {
  background-color: #f4f6f8;
  border-radius: 3px;
  border: 1px solid #919eab;
  color: #2c3436;
  margin-bottom: 23px;
  margin-top: -20px;
  max-width: 360px;
  padding: 15px 20px 15px 60px;
  position: relative;
  width: 100%;
}
@media (max-width: 636px) {
  .pdp .product-not-available {
    margin: 0 auto 16px;
  }
}
.pdp .product-not-available__icon {
  font-size: 31px;
  left: 20px;
  position: absolute;
  top: 17px;
}
.pdp .product-not-available__text {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
}
.pdp .product-not-available__store {
  color: #38a8ae;
}
.pdp .product-not-available__button {
  background-color: #38a8ae;
  border: 0;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  max-width: 205px;
  padding: 8px;
  text-align: center;
  width: 100%;
}
.pdp .product-not-available__button:focus {
  outline: none;
}
.pdp__thumbnails {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding: 0 20px;
}
@media (max-width: 636px) {
  .pdp__thumbnails {
    margin-top: 20px;
    padding: 0;
  }
}
.pdp__thumbnails .thumbnail {
  cursor: pointer;
  width: 19%;
  border-radius: 5px;
  border-color: transparent;
}
.pdp__thumbnails .thumbnail:hover {
  border-color: #dddddd;
}
.pdp__thumbnails .thumbnail:not(:last-child) {
  margin-right: 1.25%;
}
.pdp__thumbnails .thumbnail__active {
  border-color: #dddddd;
}
.pdp__thumbnails .thumbnail img {
  display: block;
  width: 100%;
}
:-ms-fullscreen,
:root .pdp__share__button.fb {
  padding-top: 6px;
}
:-ms-fullscreen,
:root .pdp__share__button.tw {
  padding-top: 6px;
}
:-ms-fullscreen,
:root .pdp__share__button.email {
  padding-top: 6px;
}
.pdp__share__button {
  background-color: transparent;
}
.specifications--image {
  max-width: 275px;
  width: 100%;
}
.specifications--title {
  color: #212b36;
  font-size: 16px;
}
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel:before,
.owl-carousel:after {
  display: table;
  content: " ";
}
.owl-carousel:after {
  clear: both;
}
.owl-carousel:before,
.owl-carousel:after {
  display: table;
  content: " ";
}
.owl-carousel:after {
  clear: both;
}
.owl-carousel:after {
  content: "";
  clear: both;
  display: table;
}
.owl-carousel:after {
  content: "";
  clear: both;
  display: table;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (max-width: 636px) {
  .owl-carousel .owl-wrapper-outer {
    margin-right: -4%;
    width: auto;
    overflow: visible;
  }
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  padding: 0 0 1px 0;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper.aligned-icons svg,
.owl-carousel .owl-wrapper-outer .owl-wrapper.aligned-icons .glyphicon {
  margin-right: 10px;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:before,
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  display: table;
  content: " ";
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:before,
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  display: table;
  content: " ";
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  content: "";
  clear: both;
  display: table;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  content: "";
  clear: both;
  display: table;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  float: left;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.aligned-icons svg,
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.aligned-icons .glyphicon {
  margin-right: 10px;
}
@media (max-width: 636px) {
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
    max-width: 170px;
    width: 100%;
  }
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.loading > * {
  min-height: 1px;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper.is-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100% !important;
}
.owl-carousel .owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
  cursor: pointer;
  position: absolute !important;
  top: 50% !important;
  display: table;
  width: 25px;
  height: 125px;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(255, 255, 255, 0.7);
  font-size: 120px;
  overflow: hidden;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  font-size: 25px;
  line-height: 125px;
  color: #0068b3;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
  color: #ffffff;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover span.glyphicon {
  color: #003c66;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
  left: 3px;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:before {
  content: "\e075";
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
  right: 5px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:before {
  content: "\e071";
}
.carousel,
.carousel__component--carousel {
  width: auto;
  text-align: center;
}
.carousel .item,
.carousel__component--carousel .item,
.carousel .carousel__item,
.carousel__component--carousel .carousel__item {
  display: block;
  margin: 0;
  padding: 0;
}
.carousel .item .thumb,
.carousel__component--carousel .item .thumb,
.carousel .carousel__item .thumb,
.carousel__component--carousel .carousel__item .thumb,
.carousel .item .carousel__item--thumb,
.carousel__component--carousel .item .carousel__item--thumb,
.carousel .carousel__item .carousel__item--thumb,
.carousel__component--carousel .carousel__item .carousel__item--thumb {
  margin-bottom: 20px;
  height: 140px;
}
.carousel .item .thumb img,
.carousel__component--carousel .item .thumb img,
.carousel .carousel__item .thumb img,
.carousel__component--carousel .carousel__item .thumb img,
.carousel .item .carousel__item--thumb img,
.carousel__component--carousel .item .carousel__item--thumb img,
.carousel .carousel__item .carousel__item--thumb img,
.carousel__component--carousel .carousel__item .carousel__item--thumb img {
  max-width: 140px;
  max-height: 140px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.carousel .item a,
.carousel__component--carousel .item a,
.carousel .carousel__item a,
.carousel__component--carousel .carousel__item a {
  color: #3c3c3c;
}
.carousel .item a:hover,
.carousel__component--carousel .item a:hover,
.carousel .carousel__item a:hover,
.carousel__component--carousel .carousel__item a:hover,
.carousel .item a:focus,
.carousel__component--carousel .item a:focus,
.carousel .carousel__item a:focus,
.carousel__component--carousel .carousel__item a:focus {
  text-decoration: none;
  color: #3c3c3c;
}
.carousel .item .item__name,
.carousel__component--carousel .item .item__name,
.carousel .carousel__item .item__name,
.carousel__component--carousel .carousel__item .item__name,
.carousel .item .carousel__item--name,
.carousel__component--carousel .item .carousel__item--name,
.carousel .carousel__item .carousel__item--name,
.carousel__component--carousel .carousel__item .carousel__item--name {
  margin-top: 13.33333333px;
  margin-bottom: 11px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2em;
  overflow: hidden;
  position: relative;
  height: 2.4em;
  font-weight: 600;
  font-size: 16px;
  color: #3c3c3c;
}
.carousel .item .item__name:before,
.carousel__component--carousel .item .item__name:before,
.carousel .carousel__item .item__name:before,
.carousel__component--carousel .carousel__item .item__name:before,
.carousel .item .carousel__item--name:before,
.carousel__component--carousel .item .carousel__item--name:before,
.carousel .carousel__item .carousel__item--name:before,
.carousel__component--carousel .carousel__item .carousel__item--name:before {
  background: #FFF none repeat scroll 0 0;
  bottom: 0;
  position: absolute;
  right: 0;
  content: "…";
}
.carousel .item .item__name:after,
.carousel__component--carousel .item .item__name:after,
.carousel .carousel__item .item__name:after,
.carousel__component--carousel .carousel__item .item__name:after,
.carousel .item .carousel__item--name:after,
.carousel__component--carousel .item .carousel__item--name:after,
.carousel .carousel__item .carousel__item--name:after,
.carousel__component--carousel .carousel__item .carousel__item--name:after {
  content: "";
  background: #FFF none repeat scroll 0 0;
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 1;
}
.carousel .item .item__price,
.carousel__component--carousel .item .item__price,
.carousel .carousel__item .item__price,
.carousel__component--carousel .carousel__item .item__price,
.carousel .item .carousel__item--price,
.carousel__component--carousel .item .carousel__item--price,
.carousel .carousel__item .carousel__item--price,
.carousel__component--carousel .carousel__item .carousel__item--price {
  margin: 10px;
  color: #3c3c3c;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.carousel .item .brand img,
.carousel__component--carousel .item .brand img,
.carousel .carousel__item .brand img,
.carousel__component--carousel .carousel__item .brand img {
  display: block;
  height: auto;
  width: 100%;
}
.carousel-component,
.carousel__component {
  margin: 35px 0 15px;
}
.carousel-component:before,
.carousel__component:before,
.carousel-component:after,
.carousel__component:after {
  display: table;
  content: " ";
}
.carousel-component:after,
.carousel__component:after {
  clear: both;
}
.carousel-component:before,
.carousel__component:before,
.carousel-component:after,
.carousel__component:after {
  display: table;
  content: " ";
}
.carousel-component:after,
.carousel__component:after {
  clear: both;
}
.carousel-component:after,
.carousel__component:after {
  content: "";
  clear: both;
  display: table;
}
.carousel-component:after,
.carousel__component:after {
  content: "";
  clear: both;
  display: table;
}
.carousel-component .carousel__component--headline,
.carousel__component .carousel__component--headline {
  color: #3c3c3c;
  font-size: 28px;
  margin: 10px 0 20px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}
.carousel-component:first-child,
.carousel__component:first-child {
  margin: 35px 0 22px;
}
.carousel-component + .carousel-component,
.carousel__component + .carousel-component,
.carousel-component .carousel__component,
.carousel__component .carousel__component {
  margin-top: 0;
  border-top: 4px solid #d9d9d9;
  padding-top: 30px;
}
.carousel-component + .carousel-component:empty,
.carousel__component + .carousel-component:empty,
.carousel-component .carousel__component:empty,
.carousel__component .carousel__component:empty {
  border-top: 0;
}
.carousel__component-exclusives {
  padding: 0 5px;
}
.carousel__component-departments {
  margin: 20px 0;
  padding: 0 5px;
}
.js-owl-productgrid .js-owl-default__header {
  display: none;
}
@supports (-webkit-overflow-scrolling: touch) {
  @media (max-width: 636px) {
    .owl-carousel.js-owl-masthead .owl-wrapper-outer {
      width: 100%;
      margin-right: 0;
    }
  }
}
.xtra-savings-carousel {
  margin-bottom: 20px;
}
.xtra-savings-carousel__buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.xtra-savings-carousel__button:link,
.xtra-savings-carousel__button:visited {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  border-radius: 50px;
  border: 1px solid #ff4219;
  color: #ff4219;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  letter-spacing: -0.285714px;
  line-height: 40px;
  padding: 0 40px 0 14px;
  position: relative;
}
@media (max-width: 636px) {
  .xtra-savings-carousel__button:link,
  .xtra-savings-carousel__button:visited {
    width: 100%;
  }
}
.xtra-savings-carousel__button:hover,
.xtra-savings-carousel__button:active {
  color: #ff4219;
  text-decoration: none;
}
.xtra-savings-carousel__button:not(:last-child) {
  margin-right: 17px;
}
@media (max-width: 636px) {
  .xtra-savings-carousel__button:not(:last-child) {
    margin: 0 0 10px;
  }
}
.xtra-savings-carousel__button::after {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\e92b";
  font-family: "shoprite-icon";
  font-size: 13px;
  position: absolute;
  right: 14px;
  top: 50%;
}
.xtra-savings-carousel__button .icon {
  font-size: 22px;
  margin-right: 14px;
}
.carousel__component-product-grid .owl-item:first-child .banner__component {
  margin-right: 8px;
}
.carousel__component-product-grid .owl-item:not(:first-child) .banner__component {
  margin-left: 8px;
}
@media (min-width: 1024px) {
  .carousel__component--masthead .full-size-image {
    left: auto;
    right: auto;
  }
}
.js-ajax-carousel-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.js-ajax-carousel-content .carousel__item {
  height: 100%;
}
@media (max-width: 636px) {
  .top-personalization-container .owl-wrapper-outer {
    gap: 10px;
  }
}
@media (max-width: 636px) {
  .top-personalization-container .owl-wrapper-outer .owl-wrapper .owl-item {
    min-width: 165px;
  }
}
@media (max-width: 636px) {
  .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item .item-product.product-ga {
    min-width: 165px;
  }
}
@media (max-width: 636px) {
  .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item .article {
    min-width: 300px;
  }
}
@media (max-width: 636px) {
  .js-owl-default .owl-wrapper-outer .owl-wrapper .owl-item {
    max-width: 170px;
    width: 100%;
  }
}
.mixinPrevNextComponents {
  background-color: #FFFFFF;
  border: 1px solid #919eab;
  color: #161C23;
  font-size: 13px;
  height: 40px;
  margin: 0;
  position: absolute !important;
  text-align: center;
  line-height: 40px;
  width: 40px;
}
.simpleimagecomponent a {
  display: block;
}
.simpleimagecomponent a img {
  width: 100%;
  height: auto;
}
@media (max-width: 1440px) {
  .wrap .simple-responsive-banner-component-container {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
  }
}
@media (min-width: 637px) {
  .wrap .carousel__component-exclusives .full-mobile-image {
    margin-left: 0;
    margin-right: 0;
  }
}
.simple-banner-component a,
.banner__component a {
  display: block;
}
.simple-banner-component img,
.banner__component img {
  width: 100%;
  height: auto;
}
.banner__component.has-info {
  position: relative;
}
.banner-component-info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 326px;
}
.banner-component-info__header {
  font-size: 14px;
  font-weight: bold;
  color: #38a8ae;
}
.banner-component-info__title {
  font-size: 24px;
  font-weight: 800;
  color: #212b36;
}
.banner-component-info .btn {
  margin-top: 20px;
  height: 40px;
  border-radius: 50px;
  padding: 0 24px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
  line-height: 40px;
  text-transform: none;
  display: inline-block;
  background-color: #38a8ae;
  color: white;
}
.banner-component-info .btn:hover {
  filter: brightness(110%);
}
.banner-component-info.left {
  text-align: left;
  left: 48px;
}
@media (max-width: 1440px) {
  .banner-component-info.left:not(.full-size) {
    left: 48px;
  }
}
@media (max-width: 1280px) {
  .banner-component-info.left:not(.full-size) {
    left: 40px;
  }
}
@media (max-width: 1024px) {
  .banner-component-info.left:not(.full-size) {
    left: 32px;
  }
}
@media (max-width: 636px) {
  .banner-component-info.left:not(.full-size) {
    left: 54px;
  }
}
@media (max-width: 320px) {
  .banner-component-info.left:not(.full-size) {
    left: 32px;
  }
}
.banner-component-info.left.full-size,
.carousel__component--masthead .banner-component-info.left {
  left: 239px;
}
@media (max-width: 1440px) {
  .banner-component-info.left.full-size,
  .carousel__component--masthead .banner-component-info.left {
    left: 176px;
  }
}
@media (max-width: 1280px) {
  .banner-component-info.left.full-size,
  .carousel__component--masthead .banner-component-info.left {
    left: 48px;
  }
}
@media (max-width: 1024px) {
  .banner-component-info.left.full-size,
  .carousel__component--masthead .banner-component-info.left {
    left: 54px;
  }
}
@media (max-width: 636px) {
  .banner-component-info.left.full-size,
  .carousel__component--masthead .banner-component-info.left {
    left: 64px;
  }
}
@media (max-width: 320px) {
  .banner-component-info.left.full-size,
  .carousel__component--masthead .banner-component-info.left {
    left: 32px;
  }
}
.banner-component-info.right {
  text-align: right;
  right: 48px;
}
@media (max-width: 1440px) {
  .banner-component-info.right:not(.full-size) {
    right: 48px;
  }
}
@media (max-width: 1280px) {
  .banner-component-info.right:not(.full-size) {
    right: 40px;
  }
}
@media (max-width: 1024px) {
  .banner-component-info.right:not(.full-size) {
    right: 32px;
  }
}
@media (max-width: 636px) {
  .banner-component-info.right:not(.full-size) {
    right: 54px;
  }
}
@media (max-width: 320px) {
  .banner-component-info.right:not(.full-size) {
    right: 32px;
  }
}
.banner-component-info.right.full-size,
.carousel__component--masthead .banner-component-info.right {
  right: 239px;
}
@media (max-width: 1440px) {
  .banner-component-info.right.full-size,
  .carousel__component--masthead .banner-component-info.right {
    right: 176px;
  }
}
@media (max-width: 1280px) {
  .banner-component-info.right.full-size,
  .carousel__component--masthead .banner-component-info.right {
    right: 48px;
  }
}
@media (max-width: 1024px) {
  .banner-component-info.right.full-size,
  .carousel__component--masthead .banner-component-info.right {
    right: 54px;
  }
}
@media (max-width: 636px) {
  .banner-component-info.right.full-size,
  .carousel__component--masthead .banner-component-info.right {
    right: 64px;
  }
}
@media (max-width: 320px) {
  .banner-component-info.right.full-size,
  .carousel__component--masthead .banner-component-info.right {
    right: 32px;
  }
}
.banner-component-info.center,
.banner-component-info:not(.left):not(.right) {
  text-align: center;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tabs .tabs-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  border-bottom: 1px solid #c4cdd5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabs .tabs-list .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.tabs .tabs-list li {
  padding: 15px;
  position: relative;
}
.tabs .tabs-list li a:link,
.tabs .tabs-list li a:visited {
  color: #212b36;
  font-size: 16px;
}
.tabs .tabs-list li.active a,
.tabs .tabs-list li:hover a {
  font-weight: 700;
}
.tabs .tabs-list li.active:after,
.tabs .tabs-list li:hover:after {
  background-color: #38a8ae;
  border-radius: 0 0 10px 10px;
  bottom: -4px;
  content: '';
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.tabs .tabhead {
  display: none;
  outline: none;
}
@media (max-width: 1024px) {
  .tabs .tabhead {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0;
  }
}
.tabs .tabhead + .tabbody {
  display: none !important;
}
@media (max-width: 1024px) {
  .tabs .tabhead + .tabbody {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.tabs .tabhead.active {
  font-weight: bold;
}
.tabs .tabhead.active + .tabbody {
  display: block !important;
}
.tabs .tabhead.active .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tabs .tabhead a:link,
.tabs .tabhead a:visited {
  color: #212b36;
}
.tabs .tabhead .glyphicon:before {
  content: "\e080";
}
.tabs .tabhead.active .glyphicon:before {
  content: "\e114";
}
.tabs .tabhead .icon {
  font-size: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.tabs .tabbody {
  padding: 15px 8px;
}
@media (max-width: 1024px) {
  .tabs.tabs-responsive .tabs-list {
    display: none;
  }
}
.tabs.tabs-responsive .tabhead {
  border-bottom: 1px solid #c4cdd5;
  display: none;
}
.tabs.tabs-responsive .tabhead.active {
  border-bottom: 2px solid #38a8ae;
}
@media (max-width: 1024px) {
  .tabs.tabs-responsive .tabhead {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
  }
}
.tabs.tabs-accordion .tabs-list {
  display: none !important;
}
.tabs.tabs-accordion .tabhead {
  display: table !important;
  margin-bottom: 20px;
}
.ui-helper-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.thumb {
  position: relative;
}
.thumb .badges {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
}
.thumb .badges .badge {
  float: left;
  clear: left;
  margin-bottom: 10px;
}
.product-classifications .headline {
  font-weight: bold;
  padding: 10px;
}
.product-classifications table.table td.attrib {
  width: 50%;
}
.no-space {
  padding: 0 !important;
}
.no-space .yCmsComponent {
  padding: 0 !important;
}
.header__banner .simple-responsive-banner-component-container {
  margin: 0;
  width: auto;
}
.simple-responsive-banner-component-container {
  margin: 0 0 20px;
  width: 100%;
}
.simple-responsive-banner-component-container .banner-title {
  color: #454F5B;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.0277em;
  margin-bottom: 30px;
  margin-top: 10px;
  text-align: left;
}
@media (max-width: 636px) {
  .simple-responsive-banner-component-container .banner-title {
    margin-bottom: 22px;
    font-size: 18px;
  }
}
.simple-responsive-banner-component-container.without-space-below {
  margin-bottom: 0;
}
.banner__component--responsive {
  position: relative;
}
.banner__component--responsive .banner-title {
  font-size: 25px;
  font-weight: 600;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20%;
}
@media (max-width: 1024px) {
  .banner__component--responsive .banner-title {
    left: 40px;
  }
}
.banner__component--responsive a {
  display: block;
}
.banner__component--responsive img {
  width: 100%;
  height: auto;
}
.error-page {
  text-align: center;
}
.back-link {
  padding: 20px 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .back-link {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.back-link.border {
  border-bottom: 1px solid #cccccc;
}
.back-link button {
  padding: 0;
}
.back-link .glyphicon {
  border-right: 1px solid #cccccc;
  border-radius: 0;
  padding-right: 10px;
  line-height: 16px;
  top: -2px;
}
.back-link .label {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding-left: 10px;
  white-space: normal;
}
.back-link .label.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.back-link.product-details .label {
  font-weight: 600;
}
.accordion {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.accordion .panel-group {
  margin: 0;
}
.accordion .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.accordion .panel .panel-heading {
  background-color: #f2f2f2;
  border-bottom: 1px solid #ffffff;
  position: relative;
  padding: 0;
}
.accordion .panel .panel-heading .accordion-toggle {
  display: block;
  color: #3c3c3c;
  padding: 20px 30px;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  content: "\e113";
}
.accordion .panel .panel-heading .accordion-toggle.collapsed:before {
  content: "\e114";
}
.accordion .panel .panel-heading .accordion-lnk {
  position: absolute;
  left: 55px;
  top: 20px;
}
.accordion .panel .panel-heading .accordion-lnk.no-subs {
  display: block;
  position: static;
  padding: 20px;
}
.accordion .panel .panel-collapse .panel-heading {
  background-color: #e6e6e6;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk {
  left: 75px;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 75px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading {
  background-color: #d9d9d9;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #cccccc;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #bfbfbf;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #b3b3b3;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #a6a6a6;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #999999;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #8c8c8c;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #808080;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #737373;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 255px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 255px;
}
.accordion .panel .panel-heading + .panel-collapse > .panel-body {
  border: none;
  padding: 0;
}
.search-component .searchContentHolder,
.sidebar-search-component .searchContentHolder {
  position: relative;
  padding: 6px 6px 6px 6px;
  margin-right: 8px;
  background: transparent;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  z-index: 90;
  bottom: 6px;
}
@media (max-width: 636px) {
  .search-component .searchContentHolder,
  .sidebar-search-component .searchContentHolder {
    bottom: 1px;
    right: -3px;
    width: 109%;
    left: -18px;
  }
}
.search-component .contentSearch,
.sidebar-search-component .contentSearch {
  -ms-flex-align: center;
  z-index: 90;
}
.search-component .contentSearch__form,
.sidebar-search-component .contentSearch__form {
  width: 100%;
}
@media (max-width: 1024px) {
  .sidebar-search-component-wrapper {
    display: none;
  }
}
.sidebar-search-component {
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  padding: 10px;
}
.sidebar-search-component .searchContentHolder {
  margin-right: 0;
  bottom: 0;
}
.sidebar-search-component .searchContentHolder .search-component__input {
  padding-right: 0;
}
@media (max-width: 1024px) {
  .sidebar-search-component.categories-sidebar {
    margin: 15px 10px;
  }
  .sidebar-search-component .searchContentHolder {
    padding: 10px;
    width: 100%;
    left: auto;
    right: auto;
  }
  .sidebar-search-component form {
    width: 100%;
  }
}
@media (max-width: 636px) {
  .sidebar-search-component.categories-sidebar {
    margin: 10px 3px 10px;
  }
}
.search-component .department {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin-right: 8px;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  position: absolute;
  height: 32px;
  right: -4px;
  z-index: 90;
}
@media (max-width: 636px) {
  .search-component .department {
    display: none;
  }
}
.search-component .department__selection {
  color: #38a8ae;
  display: block;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 6px;
}
.search-component .department__selection:not(:empty) {
  margin-right: 8px;
  max-width: 150px;
  padding-bottom: 1px;
  padding-top: 2px;
  margin-top: 0.5px;
}
@media (max-width: 636px) {
  .search-component .department__selection:not(:empty) {
    max-width: calc(100% + 60px);
  }
}
.search-component .department__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 50%;
  border: 0;
  color: #38a8ae;
  font-size: 7px;
  height: 30px;
  left: 18px;
  padding: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 30px;
}
.search-component .clear-button {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin-right: -4px;
  background: #FFFFFF;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  height: 32px;
  right: -14px;
  z-index: 90;
}
@media (max-width: 636px) {
  .search-component .clear-button {
    margin-right: -4px;
    height: 28px;
  }
}
.search-component .searchContentHolder {
  position: relative;
  padding: 6px 6px 6px 6px;
  margin-right: 8px;
  background: transparent;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  z-index: 0;
  bottom: 6px;
}
@media (max-width: 636px) {
  .search-component .searchContentHolder {
    bottom: 1px;
    right: -3px;
    width: 109%;
    left: -12px;
  }
}
.search-component .contentSearch {
  -ms-flex-align: center;
  z-index: 90;
}
.search-component .contentSearch__form {
  width: 100%;
}
.search-component__content {
  background: #ecf0f4;
  border-radius: 75px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 7px;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
.search-component .departments {
  background: #FFFF;
  border-radius: 0 0 26px 26px;
  display: none;
  padding: 6px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 100;
  right: 0px;
}
@media (max-width: 636px) {
  .search-component .departments {
    width: 100%;
  }
}
.search-component .departments__title {
  color: #454f5b;
}
.search-component .departments__titleSearch {
  color: #454f5b;
  font-weight: 800;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.28125px;
  text-transform: uppercase;
  color: #161C23;
  padding-left: 24px;
}
.search-component .departments__list ul {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  list-style: none;
  margin: 0;
  padding: 10px 10px 5px 20px;
}
@media (max-width: 636px) and (min-width: 637px) {
  .search-component .departments__list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 480px) {
  .search-component .departments__list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .search-component .departments__list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding: 10px 8px 5px 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .search-component .departments__list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding: 10px 8px 5px 20px;
  }
}
.search-component .departments__list ul li {
  line-height: 31px;
  color: #212b36;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  align-items: center;
  letter-spacing: -0.3px;
  text-transform: capitalize;
}
.search-component .departments__list ul li a:link,
.search-component .departments__list ul li a:visited {
  color: #212b36;
  padding: 6px 8px;
  font-size: 11px;
}
.search-component .departments__list ul li a.is-active,
.search-component .departments__list ul li a:hover {
  color: #38a8ae;
  background: #def4f5;
  border-radius: 50px;
  padding: 6px 8px;
  font-size: 11px;
}
.search-component__input {
  background-color: transparent;
  border: 0;
  color: #212b36;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 35px;
  width: 100%;
}
@media (max-width: 636px) {
  .search-component__input {
    padding: 0 36px;
    width: 130%;
  }
}
.search-component__input::placeholder,
.search-component__input::-webkit-input-placeholder,
.search-component__input:-ms-input-placeholder {
  color: #919eab;
}
.search-component__btn-search,
.search-component__btn-close,
.search-component__btn-show-search {
  background-color: transparent;
  border: 0;
  color: #161C23;
  font-size: 18px;
  height: 40px;
  padding: 0 8px;
  position: absolute;
  left: 8px;
  top: 3px;
  z-index: 10;
}
@media (max-width: 636px) {
  .search-component__btn-search,
  .search-component__btn-close,
  .search-component__btn-show-search {
    background-color: #ECF0F4;
    border-radius: 50%;
    height: 36px;
    left: 0;
    top: 0;
    width: 36px;
  }
}
.search-component__btn-search:hover,
.search-component__btn-close:hover,
.search-component__btn-show-search:hover {
  color: #454f5b;
  text-decoration: none;
}
.search-component__btn-show-search {
  background-color: transparent !important;
  z-index: 11;
}
.search-component__btn-close {
  display: none;
  font-size: 13.41px;
}
.search-component__btn-clean {
  background-color: transparent;
  border: 0;
  color: #212B36;
  cursor: pointer;
  display: none;
  font-size: 14.4px;
  padding: 0 10px;
  position: relative;
  FONT-WEIGHT: 500;
  align-items: center;
}
@media (max-width: 636px) {
  .search-component__btn-clean {
    position: relative;
  }
}
.search-component__results {
  background: #FFFFFF;
  border-radius: 0 0 26px 26px;
  display: none;
  padding: 0 16px 0;
  position: absolute;
  top: 100%;
  width: calc(100% + 10px);
  right: -6px;
  z-index: 100;
  border: #FFFFFF solid;
}
.search-component__results .HOT_PICK {
  border: lightgrey 1px !important;
  display: inline-flex;
  width: 100% !important;
  cursor: pointer;
  border-radius: 5px;
  padding: 6px;
}
.search-component__results .HOT_PICK .special-price-icon__extra {
  color: #ff4219;
  font-weight: 700;
  text-transform: uppercase;
}
.search-component__results .HOT_PICK .special-price-icon__extra__title {
  background-color: #ff4219 !important;
  color: #ffffff;
  border-radius: 0 3px 3px 0;
  font-size: 8px;
  font-weight: 700;
  line-height: 14px;
  margin-left: 16px;
  position: relative;
  top: -1px;
  height: 11.4px;
  width: 42px !important;
  flex: none;
  text-align: center;
  padding: 0 4px 0 0;
  border-left: 4px solid #ff4219 !important;
}
.search-component__results .HOT_PICK .special-price-icon__extra__title .description {
  padding: 0 2px 0 0;
  position: relative;
  top: -1px;
}
.search-component__results .HOT_PICK .special-price-icon__extra__title .discountValue {
  position: relative;
  top: -1px;
}
.search-component__results .HOT_PICK .special-price-icon__extra__title .discountPerc {
  padding: 0;
  position: relative;
  top: -1px;
}
.search-component__results .HOT_PICK .special-price-icon__extra__title .discount {
  padding: 0;
  position: relative;
  top: -1px;
}
.search-component__results .HOT_PICK .special-price-icon__extra__title::before {
  border-bottom: 4px solid transparent;
  border-right: 4px solid #ff4219;
  border-top: 7px solid transparent;
  content: '';
  height: 0;
  left: -8px;
  position: absolute;
  top: 0.4px;
}
.search-component__results .HOT_PICK .special-price-icon__extra__title::after {
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 13px;
  left: -15px;
  line-height: 1;
  position: absolute;
  top: 0;
  font-weight: 300;
}
.search-component__results .HOT_PICK__product-price-on-search {
  display: inline-grid;
}
.search-component__results .HOT_PICK__product-price-on-search__value {
  color: #212B36;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  width: 14em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-component__results .HOT_PICK__product-price-on-search__value p {
  margin: 0 !important;
}
.search-component__results .HOT_PICK__product-price-on-search__code {
  color: #e51f34;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  right: 0px;
  top: 25px;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px 0 0;
}
.search-component__results .HOT_PICK__product-price-on-search__save-banner {
  display: none;
}
.search-component__results .HOT_PICK__product-price-on-search__feature .feature-desc {
  background: #e51f34;
  padding: 3px 6px 3px 6px;
  font-style: normal;
  font-weight: bold;
  font-size: 8px;
  line-height: 10px;
  letter-spacing: -0.28125px;
  width: 100%;
  border-radius: 4px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .search-component__results .HOT_PICK__product-price-on-search__feature .feature-desc {
    padding: 3px 6px 3px 6px;
  }
}
.search-component__results .HOT_PICK__product-name-on-search {
  display: inline-grid;
  position: absolute;
  right: 0px;
  margin: 0 5px;
  padding: 0 5px 0 0;
}
.search-component__results .HOT_PICK__product-name-on-search__price {
  color: #ff4219;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  display: inline-flex;
  padding: 0 0 5px 0;
}
.search-component__results .HOT_PICK__product-name-on-search__price .bb-promo-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 4px;
  height: 17px;
  left: 58px;
  top: 6px;
  background: #ff4219;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #FFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  border-radius: 2px;
}
.search-component__results .HOT_PICK__product-name-on-search__price .no-bb-name {
  color: #000000 !important;
}
.search-component__results .HOT_PICK__product-name-on-search__price .promo-special-price {
  color: #E51F34 !important;
}
.search-component__results .HOT_PICK__product-name-on-search__promo-special-price {
  font-family: Open Sans;
  color: #E51F34;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  display: inline-flex;
}
.search-component__results .HOT_PICK__product-name-on-search__bb-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 4px;
  height: 17px;
  left: 58px;
  top: 6px;
  background: #E51F34;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #FFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  border-radius: 2px;
}
.search-component__results .HOT_PICK__product-name-on-search__no-bb-name {
  display: none;
}
.search-component__results .HOT_PICK__product-name-on-search__save-banner {
  display: none;
}
.search-component__results .HOT_PICK__product-name-on-search__special-price {
  position: relative;
  width: 31px;
  height: 12px;
  top: -3px;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #919EAB;
  text-decoration-line: line-through;
  padding: 0 0 12px 5px;
  margin: 0;
}
.search-component__results .HOT_PICK__product-name-on-search__no-special-price {
  color: #000000;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  padding: 0 0 0 2px;
}
.search-component__results .HOT_PICK__product-name-on-search__extra {
  display: none;
}
.search-component__results .HOT_PICK__product-name-on-search__extra__title {
  display: none;
}
.search-component__results .HOT_PICK__search-product-img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 5px;
}
.search-component__results .NEW {
  border: lightgrey 1px !important;
  display: inline-flex;
  width: 100% !important;
  cursor: pointer;
  border-radius: 5px;
  padding: 6px;
}
.search-component__results .NEW .special-price-icon__extra {
  color: #ff4219;
  font-weight: 700;
  text-transform: uppercase;
}
.search-component__results .NEW .special-price-icon__extra__title {
  background-color: #ff4219 !important;
  color: #ffffff;
  border-radius: 0 3px 3px 0;
  font-size: 8px;
  font-weight: 700;
  line-height: 14px;
  margin-left: 16px;
  position: relative;
  top: -1px;
  height: 11.4px;
  width: 42px !important;
  flex: none;
  text-align: center;
  padding: 0 4px 0 0;
  border-left: 4px solid #ff4219 !important;
}
.search-component__results .NEW .special-price-icon__extra__title .description {
  padding: 0 2px 0 0;
  position: relative;
  top: -1px;
}
.search-component__results .NEW .special-price-icon__extra__title .discountValue {
  position: relative;
  top: -1px;
}
.search-component__results .NEW .special-price-icon__extra__title .discountPerc {
  padding: 0;
  position: relative;
  top: -1px;
}
.search-component__results .NEW .special-price-icon__extra__title .discount {
  padding: 0;
  position: relative;
  top: -1px;
}
.search-component__results .NEW .special-price-icon__extra__title::before {
  border-bottom: 4px solid transparent;
  border-right: 4px solid #ff4219;
  border-top: 7px solid transparent;
  content: '';
  height: 0;
  left: -8px;
  position: absolute;
  top: 0.4px;
}
.search-component__results .NEW .special-price-icon__extra__title::after {
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 13px;
  left: -15px;
  line-height: 1;
  position: absolute;
  top: 0;
  font-weight: 300;
}
.search-component__results .NEW__product-price-on-search {
  display: inline-grid;
}
.search-component__results .NEW__product-price-on-search__value {
  color: #212B36;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  width: 14em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-component__results .NEW__product-price-on-search__value p {
  margin: 0 !important;
}
.search-component__results .NEW__product-price-on-search__code {
  color: #b3cc59;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  right: 0px;
  top: 25px;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px 0 0;
}
.search-component__results .NEW__product-price-on-search__feature .feature-desc {
  background: #b3cc59;
  padding: 3px 6px 3px 6px;
  font-style: normal;
  font-weight: bold;
  font-size: 8px;
  line-height: 10px;
  letter-spacing: -0.28125px;
  width: 100%;
  border-radius: 4px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .search-component__results .NEW__product-price-on-search__feature .feature-desc {
    padding: 3px 6px 3px 6px;
  }
}
.search-component__results .NEW__product-name-on-search {
  display: inline-grid;
  position: absolute;
  right: 0px;
  margin: 0 5px;
  padding: 0 5px 0 0;
}
.search-component__results .NEW__product-name-on-search__price {
  color: #ff4219;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  display: inline-flex;
  padding: 0 0 5px 0;
}
.search-component__results .NEW__product-name-on-search__price .bb-promo-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 4px;
  height: 17px;
  left: 58px;
  top: 6px;
  background: #ff4219;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #FFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  border-radius: 2px;
}
.search-component__results .NEW__product-name-on-search__price .no-bb-name {
  color: #000000 !important;
}
.search-component__results .NEW__product-name-on-search__price .promo-special-price {
  color: #E51F34 !important;
}
.search-component__results .NEW__product-name-on-search__promo-special-price {
  font-family: Open Sans;
  color: #E51F34;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  display: inline-flex;
}
.search-component__results .NEW__product-name-on-search__bb-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 4px;
  height: 17px;
  left: 58px;
  top: 6px;
  background: #E51F34;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #FFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  border-radius: 2px;
}
.search-component__results .NEW__product-name-on-search__no-bb-name {
  display: none;
}
.search-component__results .NEW__product-name-on-search__save-banner {
  display: none;
}
.search-component__results .NEW__product-name-on-search__special-price {
  position: relative;
  width: 31px;
  height: 12px;
  top: -3px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #919EAB;
  text-decoration-line: line-through;
  padding: 0 0 12px 5px;
  margin: 0;
}
.search-component__results .NEW__product-name-on-search__no-special-price {
  font-family: Open Sans;
  color: #000000;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  padding: 0 0 0 2px;
}
.search-component__results .NEW__product-name-on-search__extra {
  display: none;
}
.search-component__results .NEW__product-name-on-search__extra__title {
  display: none;
}
.search-component__results .NEW__search-product-img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 5px;
}
.search-component__results .FEATURED {
  border: lightgrey 1px !important;
  display: inline-flex;
  width: 100% !important;
  cursor: pointer;
  border-radius: 5px;
  padding: 6px;
}
.search-component__results .FEATURED .special-price-icon__extra {
  color: #ff4219;
  font-weight: 700;
  text-transform: uppercase;
}
.search-component__results .FEATURED .special-price-icon__extra__title {
  background-color: #ff4219 !important;
  color: #ffffff;
  border-radius: 0 3px 3px 0;
  font-size: 8px;
  font-weight: 700;
  line-height: 14px;
  margin-left: 16px;
  position: relative;
  top: -1px;
  height: 11.4px;
  width: 42px !important;
  flex: none;
  text-align: center;
  padding: 0 4px 0 0;
  border-left: 4px solid #ff4219 !important;
}
.search-component__results .FEATURED .special-price-icon__extra__title .description {
  padding: 0 2px 0 0;
  position: relative;
  top: -1px;
}
.search-component__results .FEATURED .special-price-icon__extra__title .discountValue {
  position: relative;
  top: -1px;
}
.search-component__results .FEATURED .special-price-icon__extra__title .discountPerc {
  padding: 0;
  position: relative;
  top: -1px;
}
.search-component__results .FEATURED .special-price-icon__extra__title .discount {
  padding: 0;
  position: relative;
  top: -1px;
}
.search-component__results .FEATURED .special-price-icon__extra__title::before {
  border-bottom: 4px solid transparent;
  border-right: 4px solid #ff4219;
  border-top: 7px solid transparent;
  content: '';
  height: 0;
  left: -8px;
  position: absolute;
  top: 0.4px;
}
.search-component__results .FEATURED .special-price-icon__extra__title::after {
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 13px;
  left: -15px;
  line-height: 1;
  position: absolute;
  top: 0;
  font-weight: 300;
}
.search-component__results .FEATURED__product-price-on-search {
  display: inline-grid;
}
.search-component__results .FEATURED__product-price-on-search__value {
  color: #212B36;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  width: 14em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-component__results .FEATURED__product-price-on-search__value p {
  margin: 0 !important;
}
.search-component__results .FEATURED__product-price-on-search__code {
  color: #38a8ae;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  right: 0px;
  top: 25px;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px 0 0;
}
.search-component__results .FEATURED__product-price-on-search__feature .feature-desc {
  background: #38a8ae;
  padding: 3px 6px 3px 6px;
  font-style: normal;
  font-weight: bold;
  font-size: 8px;
  line-height: 10px;
  letter-spacing: -0.28125px;
  width: 100%;
  border-radius: 4px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .search-component__results .FEATURED__product-price-on-search__feature .feature-desc {
    padding: 3px 6px 3px 6px;
  }
}
.search-component__results .FEATURED__product-name-on-search {
  display: inline-grid;
  position: absolute;
  right: 0px;
  margin: 0 5px;
  padding: 0 5px 0 0;
}
.search-component__results .FEATURED__product-name-on-search__price {
  font-family: Open Sans;
  color: #ff4219;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  display: inline-flex;
  padding: 0 0 5px 0;
}
.search-component__results .FEATURED__product-name-on-search__price .bb-promo-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 4px;
  height: 17px;
  left: 58px;
  top: 6px;
  background: #ff4219;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #FFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  border-radius: 2px;
}
.search-component__results .FEATURED__product-name-on-search__price .no-bb-name {
  color: #000000 !important;
}
.search-component__results .FEATURED__product-name-on-search__price .promo-special-price {
  color: #E51F34 !important;
}
.search-component__results .FEATURED__product-name-on-search__promo-special-price {
  font-family: Open Sans;
  color: #e51f34;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  display: inline-flex;
}
.search-component__results .FEATURED__product-name-on-search__bb-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 4px;
  height: 17px;
  left: 58px;
  top: 6px;
  background: #E51F34;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #FFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  border-radius: 2px;
}
.search-component__results .FEATURED__product-name-on-search__no-bb-name {
  display: none;
}
.search-component__results .FEATURED__product-name-on-search__save-banner {
  display: none;
}
.search-component__results .FEATURED__product-name-on-search__special-price {
  position: relative;
  width: 31px;
  height: 12px;
  top: -3px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #919EAB;
  text-decoration-line: line-through;
  padding: 0 0 12px 5px;
  margin: 0;
}
.search-component__results .FEATURED__product-name-on-search__no-special-price {
  font-family: Open Sans;
  color: #000000;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  padding: 0 0 0 2px;
}
.search-component__results .FEATURED__product-name-on-search__extra {
  display: none;
}
.search-component__results .FEATURED__product-name-on-search__extra__title {
  display: none;
}
.search-component__results .FEATURED__search-product-img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 5px;
}
.search-component__results .primary {
  border: lightgrey 1px;
  display: inline-flex;
  width: 100% !important;
  cursor: pointer;
  border-radius: 5px;
  padding: 6px;
}
.search-component__results .primary__bb-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 4px;
  height: 17px;
  left: 58px;
  top: 6px;
  background: #E51F34;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #FFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.search-component__results .primary .__product-name-on-search__bb-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 4px;
  height: 17px;
  left: 58px;
  top: 6px;
  background: #E51F34;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #FFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  border-radius: 2px;
}
.search-component__results .primary .__product-name-on-search__special-price {
  position: relative;
  width: 31px;
  height: 12px;
  top: -3px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #919EAB;
  text-decoration-line: line-through;
  padding: 0 0 12px 5px;
  margin: 0;
}
.search-component__results .primary .__product-name-on-search__no-special-price {
  font-family: Open Sans;
  color: #000000;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  padding: 0 0 0 2px;
}
.search-component__results .primary .__product-name-on-search__promo-special-price {
  font-family: Open Sans;
  color: #e51f34;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
}
.search-component__results .primary .__product-name-on-search__price {
  font-family: Open Sans;
  color: #ff4219;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  display: inline-flex;
  padding: 0 0 5px 0;
}
.search-component__results .primary .__product-name-on-search__price .bb-promo-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 4px;
  height: 17px;
  left: 58px;
  top: 6px;
  background: #ff4219;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #FFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  border-radius: 2px;
}
.search-component__results .primary .__product-name-on-search__price .no-bb-name {
  color: #000000 !important;
}
.search-component__results .primary .__product-name-on-search__price .promo-special-price {
  color: #E51F34 !important;
}
.search-component__results .primary .special-price-icon__extra {
  color: #ff4219;
  font-weight: 700;
  text-transform: uppercase;
}
.search-component__results .primary .special-price-icon__extra__title {
  background-color: #ff4219;
  color: #ffffff;
  border-radius: 0 3px 3px 0;
  font-size: 8px;
  font-weight: 700;
  line-height: 14px;
  margin-left: 16px;
  position: relative;
  top: -1px;
  height: 11.4px;
  width: 42px !important;
  flex: none;
  text-align: center;
  padding: 0 4px 0 0;
  border-left: 4px solid #ff4219;
}
.search-component__results .primary .special-price-icon__extra__title .description {
  padding: 0 2px 0 0;
  position: relative;
  top: -1px;
}
.search-component__results .primary .special-price-icon__extra__title .discountValue {
  position: relative;
  top: -1px;
}
.search-component__results .primary .special-price-icon__extra__title .discountPerc {
  padding: 0;
  position: relative;
  top: -1px;
}
.search-component__results .primary .special-price-icon__extra__title .discount {
  padding: 0;
  position: relative;
  top: -1px;
}
.search-component__results .primary .special-price-icon__extra__title::before {
  border-bottom: 4px solid transparent;
  border-right: 4px solid #ff4219;
  border-top: 7px solid transparent;
  content: '';
  height: 0;
  left: -8px;
  position: absolute;
  top: 0.4px;
}
.search-component__results .primary .special-price-icon__extra__title::after {
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 13px;
  left: -15px;
  line-height: 1;
  position: absolute;
  top: 0;
  font-weight: 300;
}
.search-component__results .primary .__product-price-on-search__code {
  display: none;
}
.search-component__results .primary__product-price-on-search {
  display: inline-grid;
}
.search-component__results .primary__product-price-on-search__value {
  color: #212B36;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  width: 14em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-component__results .primary__product-price-on-search__value p {
  margin: 0 !important;
}
.search-component__results .primary__product-price-on-search__code {
  display: none;
}
.search-component__results .primary__product-price-on-search__feature .feature-desc {
  background: #38a8ae;
  padding: 3px 6px 3px 6px;
  font-style: normal;
  font-weight: bold;
  font-size: 8px;
  line-height: 10px;
  letter-spacing: -0.28125px;
  width: 100%;
  border-radius: 4px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .search-component__results .primary__product-price-on-search__feature .feature-desc {
    padding: 3px 6px 3px 6px;
  }
}
.search-component__results .primary__product-name-on-search {
  display: inline-grid;
  position: absolute;
  right: 0px;
  margin: 0 5px;
  padding: 0 5px 0 0;
}
.search-component__results .primary__product-name-on-search__value {
  color: #212B36;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  width: 14em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-component__results .primary__product-name-on-search__value p {
  margin: 0 !important;
}
.search-component__results .primary__product-name-on-search__price {
  color: #ff4219;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  display: inline-flex;
  padding: 0 0 5px 0;
}
.search-component__results .primary__product-name-on-search__price .bb-promo-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 4px;
  height: 17px;
  left: 58px;
  top: 6px;
  background: #ff4219;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #FFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  border-radius: 2px;
}
.search-component__results .primary__product-name-on-search__price .no-bb-name {
  color: #000000 !important;
}
.search-component__results .primary__product-name-on-search__price .promo-special-price {
  color: #E51F34 !important;
}
.search-component__results .primary__product-name-on-search__promo-special-price {
  font-family: Open Sans;
  color: #e51f34;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  display: inline-flex;
}
.search-component__results .primary__product-name-on-search__bb-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 4px;
  height: 17px;
  left: 58px;
  top: 6px;
  background: #E51F34;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #FFFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  border-radius: 2px;
}
.search-component__results .primary__product-name-on-search__no-bb-name {
  display: none;
}
.search-component__results .primary__product-name-on-search__special-price {
  position: relative;
  width: 31px;
  height: 12px;
  top: -3px;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #919EAB;
  text-decoration-line: line-through;
  padding: 0 0 12px 5px;
  margin: 0;
}
.search-component__results .primary__product-name-on-search__no-special-price {
  color: #000000;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28125px;
  padding: 0 0 0 2px;
}
.search-component__results .primary__product-name-on-search__extra {
  display: none;
}
.search-component__results .primary__product-name-on-search__extra__title {
  display: none;
}
.search-component__results .primary__search-product-img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 5px;
}
@media (max-width: 636px) {
  .search-component__results {
    width: calc(107.8%) !important;
    left: -13px;
  }
}
.search-component__results .search-site-autocomplete {
  border: 0;
  left: 0 !important;
  position: relative;
  top: 0 !important;
  width: 100% !important;
}
.search-component__results .searchContentHolder {
  border-radius: 26px !important;
  background: #FFFFFF;
}
.search-component__resultsComp {
  z-index: 90;
  position: static;
  display: block;
  cursor: pointer;
}
.search-component.show-departments .search-component__content {
  border-color: #919eab;
  border-radius: 26px;
}
.search-component.show-departments .overlay-search {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 13;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 1024px) {
  .search-component.show-departments .search-component__content {
    border-color: #919eab;
    border-radius: 26px;
  }
  .search-component.show-departments .overlay-search {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 13;
    background-color: rgba(0, 0, 0, 0.2);
  }
}
.search-component.show-departments .department__btn {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #38a8ae;
  padding: 0 0 4px 0;
}
.search-component.show-departments .searchContentHolder {
  border-radius: 26px 26px 0 0;
  background: #FFFFFF;
  z-index: 90;
}
.search-component.show-departments .contentSearch__form {
  width: 100%;
}
.search-component.show-departments .departments {
  display: block;
}
.search-component.is-writing .search-component__input {
  padding-right: 40px;
}
.search-component.is-writing .search-component::before {
  border-radius: 0 0 26px 26px;
}
@media (max-width: 1024px) {
  .search-component.is-writing .search-component {
    z-index: 90;
  }
}
.search-component.is-writing .search-component__btn-clean {
  display: block;
  top: 2px;
}
.search-component.is-writing .overlay-search {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 13;
  background-color: rgba(0, 0, 0, 0.2);
}
.search-component.is-writing .searchContentHolder {
  z-index: 90;
}
.search-component.is-open .search-component__content {
  border-color: #919eab;
  border-radius: 26px;
}
.search-component.is-open .search-component__results {
  display: block;
  width: calc(100% + 12px);
}
@media (max-width: 636px) {
  .search-component.is-open .search-component__results {
    width: calc(100% + 12px);
  }
}
.search-component.is-open .search-component__resultsComp {
  display: block;
}
.search-component.is-open .searchContentHolder {
  border-radius: 26px 26px 0 0;
  background: #FFFFFF;
}
.sr-date-picker-container {
  position: relative;
}
.sr-date-picker-container.is-show .sr-date-picker {
  display: block;
}
.sr-date-picker-container.is-show .sr-date-picker__button {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sr-date-picker-container .icon {
  font-size: 22px;
  left: 12px;
  position: absolute;
  top: 11px;
}
.sr-date-picker-container .form-section__input {
  padding-left: 46px;
}
.sr-date-picker-container .form-section__input.form-control:focus {
  border-color: #c4cdd5;
}
.sr-date-picker-container .sr-date-picker {
  background-color: #FFFFFF;
  border-radius: 0 0 2px 2px;
  border: 1px solid #C8CDD5;
  display: none;
  left: 0;
  padding: 12px 15px;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 10;
}
.sr-date-picker-container .sr-date-picker__button {
  background: transparent;
  border: 0;
  color: #454f5b;
  font-size: 10px;
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 0;
}
.sr-date-picker-container .sr-date-picker__row {
  border-bottom: 1px solid #dfe3e8;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  padding: 15px 2px;
  position: relative;
  text-align: center;
}
.sr-date-picker-container .sr-date-picker__row:last-child {
  border-bottom: 0;
}
.sr-date-picker-container .sr-date-picker__row.is-active .value {
  color: #38a8ae;
}
.sr-date-picker-container .sr-date-picker .value {
  color: #454f5b;
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sr-date-picker-container .sr-date-picker .prev-button,
.sr-date-picker-container .sr-date-picker .next-button {
  background-color: transparent;
  border: 0;
  color: #454f5b;
  font-size: 13.41px;
  outline: none;
  padding: 0;
}
.sr-date-picker-container .sr-date-picker .prev-button:disabled,
.sr-date-picker-container .sr-date-picker .next-button:disabled {
  color: #dfe3e8;
}
.youtube-video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin: 30px auto;
}
@media (max-width: 1024px) {
  .youtube-video-container {
    padding-bottom: 56.25% !important;
    width: 100% !important;
  }
}
.youtube-video-container .youtube-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-banner {
  max-width: 1280px;
  margin: 20px auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
@media (max-width: 1280px) {
  .single-banner {
    max-width: 960px;
  }
}
@media (max-width: 636px) {
  .single-banner {
    margin-left: -15px;
    padding: 0 16px;
    width: calc(100% + 30px);
  }
}
.single-banner__item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 68px;
  margin-right: 100px;
  text-align: center;
  width: calc((100% - 300px) / 4);
}
@media (max-width: 1280px) {
  .single-banner__item {
    margin-bottom: 56px;
    margin-right: 40px;
    width: calc((100% - 120px) / 4);
  }
}
@media (max-width: 636px) {
  .single-banner__item {
    margin-bottom: 40px;
    margin-right: 8px;
    width: calc((100% - 8px) / 2);
  }
}
.single-banner__item:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 636px) {
  .single-banner__item:nth-child(4n) {
    margin-right: 8px;
  }
}
@media (max-width: 636px) {
  .single-banner__item:nth-child(2n) {
    margin-right: 0;
  }
}
.single-banner__item__image {
  margin-bottom: 24px;
  display: block;
  width: 100%;
}
.single-banner__item__caption {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-grow: 1;
}
.single-banner__item__title {
  color: #454f5b;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.29px;
  line-height: 1.46em;
  margin: 0 0 16px;
}
.single-banner__item__text {
  color: #454f5b;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.25px;
  line-height: 1.28em;
  margin-bottom: 24px;
}
.single-banner__item__button {
  background-color: #212b36;
  border-radius: 3px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  letter-spacing: -0.5px;
  line-height: 40px;
  margin-top: auto;
  padding: 0 15px;
  text-align: center;
}
.single-banner__item__button:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.single-banner__item--b {
  text-align: left;
}
.single-banner__item--b .single-banner__item__caption {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.single-banner__item--b .single-banner__item__button {
  background-color: transparent;
  color: #38a8ae;
  padding: 0;
}
.single-banner__item--b .single-banner__item__button::after {
  content: "\e92b";
  font-family: "shoprite-icon";
  font-size: 10px;
  margin-left: 10px;
}
.tab-banner {
  margin: 20px auto;
  max-width: 1280px;
  width: 100%;
}
@media (max-width: 636px) {
  .tab-banner {
    margin-left: -15px;
    padding: 0 15px;
    width: calc(100% + 30px);
  }
}
.tab-banner__content {
  margin: 0 auto;
  max-width: 1080px;
  width: 100%;
}
@media (max-width: 1280px) {
  .tab-banner__content {
    max-width: 960px;
  }
}
.tab-banner__title {
  color: #212b36;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.0178em;
  line-height: 1.125em;
  margin: 0 auto 25px;
  max-width: 848px;
  text-align: center;
  width: 100%;
}
@media (max-width: 1280px) {
  .tab-banner__title {
    max-width: 820px;
  }
}
@media (max-width: 636px) {
  .tab-banner__title {
    font-size: 24px;
    line-height: 1.16em;
    margin-bottom: 24px;
  }
}
.tab-banner__tabs .tabs-list {
  border-bottom: 1px solid #c4cdd5;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto 20px;
  max-width: 848px;
  width: 100%;
}
@media (max-width: 1280px) {
  .tab-banner__tabs .tabs-list {
    max-width: 820px;
  }
}
.tab-banner__tabs .tabs-list li {
  padding: 0;
  text-align: center;
  width: 100%;
}
.tab-banner__tabs .tabs-list li.active::after,
.tab-banner__tabs .tabs-list li:hover::after {
  background-color: #212b36;
  border-radius: 50px 50px 0 0;
  bottom: 0;
  width: 100%;
}
.tab-banner__tabs .tabs-list li a {
  display: block;
  padding: 15px;
}
.tab-banner__tabs .tabs.tabs-responsive .tabhead {
  position: relative;
}
.tab-banner__tabs .tabs.tabs-responsive .tabhead.active {
  border-bottom: 0;
}
.tab-banner__tabs .tabs.tabs-responsive .tabhead.active::after {
  background-color: #212b36;
  border-radius: 50px 50px 0 0;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.tab-banner__tab__text {
  color: #212b36;
  font-size: 14px;
  letter-spacing: -0.0178em;
  line-height: 1.35em;
  margin: 0 auto 40px;
  max-width: 848px;
  width: 100%;
}
@media (max-width: 1280px) {
  .tab-banner__tab__text {
    max-width: 820px;
  }
}
@media (max-width: 636px) {
  .tab-banner__tab__text {
    margin-bottom: 24px;
  }
}
.tab-banner__tab__image img {
  width: 100%;
}
.single-image-banner-3-stack {
  margin: 20px auto;
  max-width: 1280px;
  text-align: center;
  width: 100%;
}
@media (max-width: 1280px) {
  .single-image-banner-3-stack {
    max-width: 960px;
  }
}
@media (max-width: 636px) {
  .single-image-banner-3-stack {
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}
.single-image-banner-3-stack__title {
  color: #454f5b;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.0178em;
  margin: 0 0 40px;
}
@media (max-width: 636px) {
  .single-image-banner-3-stack__title {
    font-size: 28px;
  }
}
.single-image-banner-3-stack__hashtag {
  color: #90B32E;
  display: block;
}
.single-image-banner-3-stack__content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto 32px;
  max-width: 1126px;
  width: 100%;
}
@media (max-width: 1280px) {
  .single-image-banner-3-stack__content {
    margin-bottom: 24px;
    max-width: 924px;
  }
}
@media (max-width: 636px) {
  .single-image-banner-3-stack__content {
    margin-bottom: 32px;
  }
}
.single-image-banner-3-stack__content .post {
  background-color: #f4f6f8;
  padding: 24px 24px 32px;
  width: 31.43%;
}
.single-image-banner-3-stack__content .post:not(:last-child) {
  margin-right: 2.855%;
}
@media (max-width: 636px) {
  .single-image-banner-3-stack__content .post:not(:last-child) {
    margin-bottom: 32px;
  }
}
@media (max-width: 636px) {
  .single-image-banner-3-stack__content .post {
    padding: 16px 16px 24px;
    width: 100%;
  }
  .single-image-banner-3-stack__content .post:not(:last-child) {
    margin-right: 0;
  }
}
.single-image-banner-3-stack__content .post__image {
  display: block;
  width: 100%;
}
.single-image-banner-3-stack__content .post__caption {
  padding-top: 24px;
}
@media (max-width: 636px) {
  .single-image-banner-3-stack__content .post__caption {
    padding-top: 16px;
  }
}
.single-image-banner-3-stack__content .post__title {
  color: #454f5b;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.0178em;
  margin: 0;
}
@media (max-width: 636px) {
  .single-image-banner-3-stack__content .post__title {
    font-size: 20px;
  }
}
.single-image-banner-3-stack__button {
  background-color: #212b36;
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0357em;
  line-height: 1.35em;
  padding: 12px 40px;
}
.single-image-banner-3-stack__button:hover {
  color: #FFFFFF;
}
.stacked-components-w-custom-bg {
  margin: 0 auto 20px auto;
  padding: 81px 0;
  position: relative;
}
@media (max-width: 636px) {
  .stacked-components-w-custom-bg {
    margin-left: -15px;
    padding: 41px 0;
    width: calc(100% + 30px);
  }
}
.stacked-components-w-custom-bg__background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.stacked-components-w-custom-bg__background img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.stacked-components-w-custom-bg__content {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}
@media (max-width: 1280px) {
  .stacked-components-w-custom-bg__content {
    max-width: 960px;
  }
}
@media (max-width: 636px) {
  .stacked-components-w-custom-bg__content {
    max-width: 288px;
  }
}
.stacked-components-w-custom-bg__title {
  color: #454f5b;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.0178em;
  margin: 0 0 20px;
  text-align: center;
}
@media (max-width: 636px) {
  .stacked-components-w-custom-bg__title {
    font-size: 28px;
  }
}
.stacked-components-w-custom-bg__video {
  margin: 0 auto 50px;
  position: relative;
  width: 746px;
}
@media (max-width: 746px) {
  .stacked-components-w-custom-bg__video {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 636px) {
  .stacked-components-w-custom-bg__video {
    margin-bottom: 45px;
  }
}
.stacked-components-w-custom-bg__video .youtube-video-container {
  margin: 0;
}
.stacked-components-w-custom-bg__component {
  width: 100%;
}
.stacked-components-w-custom-bg__component .yCmsComponent {
  width: 100%;
}
.stacked-components-w-custom-bg__grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
}
.stacked-components-w-custom-bg__grid__col1 {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  width: 32.5%;
}
@media (max-width: 1280px) {
  .stacked-components-w-custom-bg__grid__col1 {
    background-color: #FFFFFF;
    -ms-flex-item-align: normal;
    -ms-grid-row-align: normal;
    align-self: normal;
    width: 41.25%;
  }
}
@media (max-width: 636px) {
  .stacked-components-w-custom-bg__grid__col1 {
    margin-bottom: 24px;
    width: 100%;
  }
}
.stacked-components-w-custom-bg__grid__col2 {
  padding-bottom: 42.1875%;
  position: relative;
  width: 32.5%;
}
@media (max-width: 1280px) {
  .stacked-components-w-custom-bg__grid__col2 {
    padding-bottom: 39.46%;
    width: 24.68%;
  }
}
@media (max-width: 636px) {
  .stacked-components-w-custom-bg__grid__col2 {
    padding-bottom: 63.193%;
    width: 48.61%;
  }
}
.stacked-components-w-custom-bg__grid__col3 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 32.5%;
}
@media (max-width: 1280px) {
  .stacked-components-w-custom-bg__grid__col3 {
    width: 30.41%;
  }
}
@media (max-width: 636px) {
  .stacked-components-w-custom-bg__grid__col3 {
    width: 48.61%;
  }
}
.stacked-components-w-custom-bg__grid__col3__row1 {
  padding-bottom: 62.01%;
  position: relative;
  width: 100%;
}
@media (max-width: 1280px) {
  .stacked-components-w-custom-bg__grid__col3__row1 {
    height: 48%;
    padding-bottom: 0;
  }
}
.stacked-components-w-custom-bg__grid__col3__row2 {
  padding-bottom: 62.01%;
  position: relative;
  width: 100%;
}
@media (max-width: 1280px) {
  .stacked-components-w-custom-bg__grid__col3__row2 {
    height: 48%;
    padding-bottom: 0;
  }
}
.stacked-components-w-custom-bg__grid img {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.stacked-components-w-custom-bg__caption {
  background-color: #FFFFFF;
  padding: 24px;
  position: relative;
  text-align: left;
  width: calc(100% + 3.84% + 12px);
  z-index: 10;
}
@media (max-width: 1280px) {
  .stacked-components-w-custom-bg__caption {
    background-color: transparent;
    width: 100%;
  }
}
.stacked-components-w-custom-bg__caption p {
  color: #637381;
  font-size: 14px;
  letter-spacing: -0.0178em;
  margin: 0 0 20px;
}
.stacked-components-w-custom-bg__subtitle {
  color: #454f5b;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.0178em;
  margin: 0 0 20px;
}
@media (max-width: 636px) {
  .stacked-components-w-custom-bg__subtitle {
    font-size: 28px;
  }
}
.stacked-components-w-custom-bg__button {
  background-color: #212b36;
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0357em;
  line-height: 1.35em;
  padding: 12px 40px;
}
.stacked-components-w-custom-bg__button:hover {
  color: #FFFFFF;
}
.stacked-components-w-custom-bg.without-space-below {
  margin-bottom: 0;
}
.stacked_banner_left,
.stacked_banner_right {
  margin: 20px auto;
  max-width: 1280px;
  padding: 60px 0;
  position: relative;
  width: 100%;
}
@media (max-width: 1280px) {
  .stacked_banner_left,
  .stacked_banner_right {
    max-width: 960px;
    padding: 24px 0;
  }
}
@media (max-width: 636px) {
  .stacked_banner_left,
  .stacked_banner_right {
    margin-left: -15px;
    padding: 0;
    width: calc(100% + 30px);
  }
}
.stacked_banner_left__content,
.stacked_banner_right__content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.stacked_banner_left__caption,
.stacked_banner_right__caption {
  padding: 60px;
  width: calc(56% - 60px);
}
@media (max-width: 1280px) {
  .stacked_banner_left__caption,
  .stacked_banner_right__caption {
    width: calc(53% - 24px);
  }
}
@media (max-width: 1024px) {
  .stacked_banner_left__caption,
  .stacked_banner_right__caption {
    padding: 32px 24px;
  }
}
@media (max-width: 636px) {
  .stacked_banner_left__caption,
  .stacked_banner_right__caption {
    width: 100%;
  }
}
.stacked_banner_left__image,
.stacked_banner_right__image {
  margin-bottom: -60px;
  margin-top: -60px;
  width: 44%;
}
.stacked_banner_left__image img,
.stacked_banner_right__image img {
  display: block;
  width: 100%;
}
@media (max-width: 1280px) {
  .stacked_banner_left__image,
  .stacked_banner_right__image {
    margin-bottom: -24px;
    margin-top: -24px;
    width: 47%;
  }
}
@media (max-width: 636px) {
  .stacked_banner_left__image,
  .stacked_banner_right__image {
    margin: 0;
    width: 100%;
  }
}
.stacked_banner_left__title,
.stacked_banner_right__title {
  color: #454f5b;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.0178em;
  margin: 0 0 17px;
  max-width: 300px;
  width: 100%;
}
@media (max-width: 1024px) {
  .stacked_banner_left__title,
  .stacked_banner_right__title {
    font-size: 28px;
    margin-bottom: 12px;
  }
}
.stacked_banner_left__subtitle,
.stacked_banner_right__subtitle {
  color: #637381;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.0177em;
  margin: 0 0 22px;
}
@media (max-width: 1024px) {
  .stacked_banner_left__subtitle,
  .stacked_banner_right__subtitle {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.stacked_banner_left__list,
.stacked_banner_right__list {
  list-style: none;
  margin-bottom: 25px;
  padding: 0;
}
@media (max-width: 1024px) {
  .stacked_banner_left__list,
  .stacked_banner_right__list {
    margin-bottom: 22px;
  }
}
.stacked_banner_left__list li,
.stacked_banner_right__list li {
  color: #637381;
  font-size: 14px;
  letter-spacing: -0.0178em;
  padding-left: 40px;
  position: relative;
}
.stacked_banner_left__list li:not(:last-child),
.stacked_banner_right__list li:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .stacked_banner_left__list li:not(:last-child),
  .stacked_banner_right__list li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.stacked_banner_left__list li::before,
.stacked_banner_right__list li::before {
  color: #38a8ae;
  content: "\e97c";
  display: inline-block;
  font-family: "shoprite-icon";
  font-size: 22px;
  left: 0;
  margin-right: 15px;
  position: absolute;
  top: -5px;
  vertical-align: middle;
}
.stacked_banner_left__button,
.stacked_banner_right__button {
  background-color: #212b36;
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0357em;
  line-height: 1.35em;
  padding: 12px;
}
.stacked_banner_left__button:hover,
.stacked_banner_right__button:hover {
  color: #FFFFFF;
}
.stacked_banner_left--right .stacked_banner_left__caption,
.stacked_banner_right--right .stacked_banner_left__caption,
.stacked_banner_left--right .stacked_banner_right__caption,
.stacked_banner_right--right .stacked_banner_right__caption {
  order: 2;
}
.stacked_banner_left--right .stacked_banner_left__image,
.stacked_banner_right--right .stacked_banner_left__image,
.stacked_banner_left--right .stacked_banner_right__image,
.stacked_banner_right--right .stacked_banner_right__image {
  margin-left: 60px;
  order: 1;
}
@media (max-width: 1280px) {
  .stacked_banner_left--right .stacked_banner_left__image,
  .stacked_banner_right--right .stacked_banner_left__image,
  .stacked_banner_left--right .stacked_banner_right__image,
  .stacked_banner_right--right .stacked_banner_right__image {
    margin-left: 24px;
  }
}
@media (max-width: 636px) {
  .stacked_banner_left--right .stacked_banner_left__image,
  .stacked_banner_right--right .stacked_banner_left__image,
  .stacked_banner_left--right .stacked_banner_right__image,
  .stacked_banner_right--right .stacked_banner_right__image {
    margin-left: 0;
  }
}
.single_banner_image_content_left,
.single_banner_image_content_right {
  margin: 20px auto;
  max-width: 1080px;
  width: 100%;
}
@media (max-width: 1280px) {
  .single_banner_image_content_left,
  .single_banner_image_content_right {
    max-width: 960px;
  }
}
@media (max-width: 636px) {
  .single_banner_image_content_left,
  .single_banner_image_content_right {
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}
.single_banner_image_content_left__content,
.single_banner_image_content_right__content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.single_banner_image_content_left__image,
.single_banner_image_content_right__image {
  width: 38.50%;
}
.single_banner_image_content_left__image img,
.single_banner_image_content_right__image img {
  display: block;
  width: 100%;
}
@media (max-width: 636px) {
  .single_banner_image_content_left__image,
  .single_banner_image_content_right__image {
    width: 100%;
  }
}
.single_banner_image_content_left__caption,
.single_banner_image_content_right__caption {
  padding: 16px 40px;
  width: 61.5%;
}
@media (max-width: 636px) {
  .single_banner_image_content_left__caption,
  .single_banner_image_content_right__caption {
    padding: 24px 16px;
    width: 100%;
  }
}
.single_banner_image_content_left__caption p,
.single_banner_image_content_right__caption p {
  color: #637381;
  font-size: 14px;
  letter-spacing: -0.0178em;
  margin: 0 0 20px;
}
.single_banner_image_content_left__title,
.single_banner_image_content_right__title {
  color: #454f5b;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.0178em;
  margin: 0 0 20px;
}
@media (max-width: 636px) {
  .single_banner_image_content_left__title,
  .single_banner_image_content_right__title {
    font-size: 28px;
  }
}
.single_banner_image_content_left__subtitle,
.single_banner_image_content_right__subtitle {
  color: #637381;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.0177em;
  margin: 0 0 22px;
}
@media (max-width: 1024px) {
  .single_banner_image_content_left__subtitle,
  .single_banner_image_content_right__subtitle {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.single_banner_image_content_left__list,
.single_banner_image_content_right__list {
  list-style: none;
  margin-bottom: 25px;
  padding: 0;
}
@media (max-width: 1024px) {
  .single_banner_image_content_left__list,
  .single_banner_image_content_right__list {
    margin-bottom: 22px;
  }
}
.single_banner_image_content_left__list li,
.single_banner_image_content_right__list li {
  color: #637381;
  font-size: 14px;
  letter-spacing: -0.0178em;
  padding-left: 40px;
  position: relative;
}
.single_banner_image_content_left__list li:not(:last-child),
.single_banner_image_content_right__list li:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .single_banner_image_content_left__list li:not(:last-child),
  .single_banner_image_content_right__list li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.single_banner_image_content_left__list li::before,
.single_banner_image_content_right__list li::before {
  color: #38a8ae;
  content: "\e97c";
  display: inline-block;
  font-family: "shoprite-icon";
  font-size: 22px;
  left: 0;
  margin-right: 15px;
  position: absolute;
  top: -5px;
  vertical-align: middle;
}
.single_banner_image_content_left__button,
.single_banner_image_content_right__button {
  background-color: #212b36;
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0357em;
  line-height: 1.35em;
  padding: 12px 40px;
}
.single_banner_image_content_left__button:hover,
.single_banner_image_content_right__button:hover {
  color: #FFFFFF;
}
.single_banner_image_content_left--right .single_banner_image_content_left__image,
.single_banner_image_content_right--right .single_banner_image_content_left__image,
.single_banner_image_content_left--right .single_banner_image_content_right__image,
.single_banner_image_content_right--right .single_banner_image_content_right__image {
  order: 2;
}
.single_banner_image_content_left--right .single_banner_image_content_left__caption,
.single_banner_image_content_right--right .single_banner_image_content_left__caption,
.single_banner_image_content_left--right .single_banner_image_content_right__caption,
.single_banner_image_content_right--right .single_banner_image_content_right__caption {
  order: 1;
}
.stacked_image_banner_left,
.stacked_image_banner_right,
.stacked_image_banner_center {
  margin: 20px auto;
  max-width: 1280px;
  width: 100%;
}
@media (max-width: 1280px) {
  .stacked_image_banner_left,
  .stacked_image_banner_right,
  .stacked_image_banner_center {
    max-width: 960px;
  }
}
@media (max-width: 636px) {
  .stacked_image_banner_left,
  .stacked_image_banner_right,
  .stacked_image_banner_center {
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}
.stacked_image_banner_left__content,
.stacked_image_banner_right__content,
.stacked_image_banner_center__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 636px) {
  .stacked_image_banner_left__content,
  .stacked_image_banner_right__content,
  .stacked_image_banner_center__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.stacked_image_banner_left__image,
.stacked_image_banner_right__image,
.stacked_image_banner_center__image {
  margin-right: -16.5%;
  width: 84%;
  z-index: 1;
}
@media (max-width: 1280px) {
  .stacked_image_banner_left__image,
  .stacked_image_banner_right__image,
  .stacked_image_banner_center__image {
    margin-right: -15.5%;
    width: 83%;
  }
}
@media (max-width: 636px) {
  .stacked_image_banner_left__image,
  .stacked_image_banner_right__image,
  .stacked_image_banner_center__image {
    margin-right: auto;
    width: 100%;
  }
}
.stacked_image_banner_left__image img,
.stacked_image_banner_right__image img,
.stacked_image_banner_center__image img {
  display: block;
  width: 100%;
}
.stacked_image_banner_left__caption,
.stacked_image_banner_right__caption,
.stacked_image_banner_center__caption {
  padding: 40px;
  width: 32.5%;
  z-index: 2;
}
@media (max-width: 636px) {
  .stacked_image_banner_left__caption,
  .stacked_image_banner_right__caption,
  .stacked_image_banner_center__caption {
    margin: -40px auto 0;
    padding: 24px;
    position: relative;
    width: calc(100% - 48px);
  }
}
.stacked_image_banner_left__caption p,
.stacked_image_banner_right__caption p,
.stacked_image_banner_center__caption p {
  color: #637381;
  font-size: 14px;
  letter-spacing: -0.0178em;
  margin: 0 0 20px;
}
.stacked_image_banner_left__title,
.stacked_image_banner_right__title,
.stacked_image_banner_center__title {
  color: #454f5b;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.0178em;
  margin: 0 0 5px;
}
@media (max-width: 636px) {
  .stacked_image_banner_left__title,
  .stacked_image_banner_right__title,
  .stacked_image_banner_center__title {
    font-size: 28px;
  }
}
.stacked_image_banner_left__subtitle,
.stacked_image_banner_right__subtitle,
.stacked_image_banner_center__subtitle {
  color: #637381;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.0177em;
  margin: 0 0 22px;
}
@media (max-width: 1024px) {
  .stacked_image_banner_left__subtitle,
  .stacked_image_banner_right__subtitle,
  .stacked_image_banner_center__subtitle {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.stacked_image_banner_left__list,
.stacked_image_banner_right__list,
.stacked_image_banner_center__list {
  list-style: none;
  margin-bottom: 25px;
  padding: 0;
}
@media (max-width: 1024px) {
  .stacked_image_banner_left__list,
  .stacked_image_banner_right__list,
  .stacked_image_banner_center__list {
    margin-bottom: 22px;
  }
}
.stacked_image_banner_left__list li,
.stacked_image_banner_right__list li,
.stacked_image_banner_center__list li {
  color: #637381;
  font-size: 14px;
  letter-spacing: -0.0178em;
  padding-left: 40px;
  position: relative;
}
.stacked_image_banner_left__list li:not(:last-child),
.stacked_image_banner_right__list li:not(:last-child),
.stacked_image_banner_center__list li:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .stacked_image_banner_left__list li:not(:last-child),
  .stacked_image_banner_right__list li:not(:last-child),
  .stacked_image_banner_center__list li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.stacked_image_banner_left__list li::before,
.stacked_image_banner_right__list li::before,
.stacked_image_banner_center__list li::before {
  color: #38a8ae;
  content: "\e97c";
  display: inline-block;
  font-family: "shoprite-icon";
  font-size: 22px;
  left: 0;
  margin-right: 15px;
  position: absolute;
  top: -5px;
  vertical-align: middle;
}
.stacked_image_banner_left__button,
.stacked_image_banner_right__button,
.stacked_image_banner_center__button {
  background-color: #212b36;
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0357em;
  line-height: 1.35em;
  padding: 12px 40px;
}
.stacked_image_banner_left__button:hover,
.stacked_image_banner_right__button:hover,
.stacked_image_banner_center__button:hover {
  color: #FFFFFF;
}
.stacked_image_banner_left--right .stacked_image_banner_right__content,
.stacked_image_banner_right--right .stacked_image_banner_right__content,
.stacked_image_banner_center--right .stacked_image_banner_right__content {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.stacked_image_banner_left--right .stacked_image_banner_right__image,
.stacked_image_banner_right--right .stacked_image_banner_right__image,
.stacked_image_banner_center--right .stacked_image_banner_right__image {
  margin-left: -16.5%;
  margin-right: auto;
  order: 2;
}
@media (max-width: 1280px) {
  .stacked_image_banner_left--right .stacked_image_banner_right__image,
  .stacked_image_banner_right--right .stacked_image_banner_right__image,
  .stacked_image_banner_center--right .stacked_image_banner_right__image {
    margin-left: -15.5%;
    margin-right: auto;
  }
}
@media (max-width: 636px) {
  .stacked_image_banner_left--right .stacked_image_banner_right__image,
  .stacked_image_banner_right--right .stacked_image_banner_right__image,
  .stacked_image_banner_center--right .stacked_image_banner_right__image {
    margin-left: auto;
    margin-top: -40px;
    order: 2;
  }
}
.stacked_image_banner_left--right .stacked_image_banner_right__caption,
.stacked_image_banner_right--right .stacked_image_banner_right__caption,
.stacked_image_banner_center--right .stacked_image_banner_right__caption {
  order: 1;
}
@media (max-width: 636px) {
  .stacked_image_banner_left--right .stacked_image_banner_right__caption,
  .stacked_image_banner_right--right .stacked_image_banner_right__caption,
  .stacked_image_banner_center--right .stacked_image_banner_right__caption {
    margin: 0 auto;
    order: 1;
  }
}
.stacked_image_banner_left--center .stacked_image_banner_center__image,
.stacked_image_banner_right--center .stacked_image_banner_center__image,
.stacked_image_banner_center--center .stacked_image_banner_center__image {
  margin-right: -32.5%;
  width: 100%;
}
.stacked_image_banner_left--center .stacked_image_banner_center__caption,
.stacked_image_banner_right--center .stacked_image_banner_center__caption,
.stacked_image_banner_center--center .stacked_image_banner_center__caption {
  margin-left: -33.75%;
}
@media (max-width: 636px) {
  .stacked_image_banner_left--center .stacked_image_banner_center__caption,
  .stacked_image_banner_right--center .stacked_image_banner_center__caption,
  .stacked_image_banner_center--center .stacked_image_banner_center__caption {
    margin-left: auto;
  }
}
.personalized-message-component {
  background-color: #f4f6f8;
  margin-left: calc(-100vw / 2 + 1410px / 2);
  margin-right: calc(-100vw / 2 + 1410px / 2);
  margin-top: 20px;
  padding: 30px 15px 44px;
  text-align: center;
}
@media (max-width: 1440px) {
  .personalized-message-component {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 1280px) {
  .personalized-message-component {
    padding: 24px 15px 40px;
  }
}
.personalized-message-component__title {
  color: #161C23;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1.375em;
  margin-bottom: 3px;
  text-transform: uppercase;
}
@media (max-width: 1280px) {
  .personalized-message-component__title {
    font-size: 18px;
    line-height: 1.38em;
  }
}
@media (max-width: 636px) {
  .personalized-message-component__title {
    font-size: 18px;
    line-height: 1em;
  }
}
.personalized-message-component__subtitle {
  color: #454f5b;
  font-size: 16px;
  line-height: 1.375em;
  margin-bottom: 14px;
}
@media (max-width: 1280px) {
  .personalized-message-component__subtitle {
    font-size: 14px;
    line-height: 1.35em;
    margin-bottom: 16px;
  }
}
@media (max-width: 636px) {
  .personalized-message-component__subtitle {
    margin-bottom: 12px;
  }
}
.personalized-message-component__content {
  margin-bottom: 16px;
}
@media (max-width: 1280px) {
  .personalized-message-component__content {
    margin-bottom: 14px;
  }
}
.personalized-message-component__button {
  border-radius: 3px;
  border: 1px solid #919eab;
  color: #161C23;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35em;
  padding: 10px 20px;
}
.timer-card {
  margin: 0 auto 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.timer-card__position-LEFT {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.timer-card__position-CENTER {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.timer-card__position-RIGHT {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.timer-card__timer {
  margin-right: 22px;
}
.timer-card__circle {
  position: relative;
}
.timer-card__circle__logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  color: #ff4219;
  font-size: 14px;
  height: 24px;
  opacity: 0;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 0;
  left: 0;
  width: 24px;
  z-index: 1;
}
.timer-card__circle__logo[class^="progress-"] {
  opacity: 1;
}
.timer-card__circle__logo.progress-0,
.timer-card__circle__logo.progress-100 {
  left: 50%;
  top: 8%;
}
.timer-card__circle__logo.progress-10 {
  left: 72%;
  top: 14%;
}
.timer-card__circle__logo.progress-20 {
  left: 88%;
  top: 34%;
}
.timer-card__circle__logo.progress-30 {
  left: 90%;
  top: 58%;
}
.timer-card__circle__logo.progress-40 {
  left: 74%;
  top: 82%;
}
.timer-card__circle__logo.progress-50 {
  left: 50%;
  top: 88%;
}
.timer-card__circle__logo.progress-60 {
  left: 26%;
  top: 82%;
}
.timer-card__circle__logo.progress-70 {
  left: 10%;
  top: 58%;
}
.timer-card__circle__logo.progress-80 {
  left: 12%;
  top: 34%;
}
.timer-card__circle__logo.progress-90 {
  left: 28%;
  top: 14%;
}
.timer-card__circle__content {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
}
.timer-card__count-down .days {
  color: #ff4219;
  display: block;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.285714px;
  line-height: 1;
}
.timer-card__count-down .text {
  color: #161C23;
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.285714px;
  line-height: 1em;
  text-transform: uppercase;
}
.timer-card__count-down .time {
  color: #ff4219;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.285714px;
  line-height: 1;
}
.timer-card__count-down .subtext {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  color: #161C23;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: -0.285714px;
  line-height: 10px;
  text-transform: uppercase;
}
.timer-card__progress {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  height: 114px;
  width: 114px;
}
.timer-card__progress__base,
.timer-card__progress__fill {
  background-color: #FFFFFF;
  stroke-dashoffset: 0;
  stroke-width: 8px;
  stroke: #ff4219;
}
.timer-card__progress__base {
  opacity: 0.2;
}
.timer-card__progress__fill {
  stroke-linecap: round;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.timer-card__image {
  margin-bottom: 9px;
}
.timer-card__title {
  color: #161C23;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.285714px;
  line-height: 1em;
  margin: 0 0 4px;
  text-transform: uppercase;
}
.timer-card__valid {
  color: #161C23;
  display: block;
  font-size: 14px;
  letter-spacing: -0.285714px;
  line-height: 1em;
}
.timer-card__valid strong {
  font-weight: 700;
}
.personalization-container {
  border-radius: 5px;
  margin: 20px auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 24px 0;
  max-width: 1440px;
}
@media (max-width: 636px) {
  .personalization-container {
    padding: 24px 16px 61px;
  }
  .main__inner-wrapper.wrap .personalization-container,
  .main__inner-wrapper ~ .wrap .personalization-container {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.personalization-container__left-side {
  padding: 11px 32px;
  position: relative;
  text-align: left;
  width: 311px;
  margin-top: 149px;
}
@media (max-width: 636px) {
  .personalization-container__left-side {
    display: block;
    margin-bottom: 35px;
    padding: 0 16px;
    text-align: center;
    width: 100%;
    margin-top: 0;
  }
}
@media (min-width: 637px) {
  .personalization-container__left-side + .personalization-container__right-side .timer-card {
    margin-left: -311px;
  }
}
.personalization-container__right-side {
  width: calc(100% - 311px);
}
@media (max-width: 636px) {
  .personalization-container__right-side {
    width: 100%;
  }
}
.personalization-container__right-side .carousel-component:first-child,
.personalization-container__right-side .carousel__component:first-child {
  margin: 0;
}
.personalization-container__right-side .item-product {
  background-color: #FFFFFF;
}
.personalization-container__right-side .pagination-position,
.personalization-container__right-side .owl-pagination {
  display: none;
}
.personalization-container__right-side .tns-outer {
  position: relative;
}
.personalization-container__right-side .tns-outer .tns-controls {
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 10;
}
@media (max-width: 636px) {
  .personalization-container__right-side .tns-outer .tns-controls {
    display: none !important;
  }
}
.personalization-container__right-side .tns-outer .tns-controls button[data-controls="prev"],
.personalization-container__right-side .tns-outer .tns-controls button[data-controls="next"] {
  background-color: #FFFFFF;
  border: 1px solid #919eab;
  color: #161C23;
  font-size: 13px;
  height: 40px;
  margin: 0;
  position: absolute !important;
  text-align: center;
  line-height: 40px;
  width: 40px;
}
.personalization-container__right-side .tns-outer .tns-controls button[data-controls="prev"][disabled],
.personalization-container__right-side .tns-outer .tns-controls button[data-controls="next"][disabled] {
  display: none;
}
.personalization-container__right-side .tns-outer .tns-controls button[data-controls="prev"] {
  border-radius: 0 3px 3px 0;
  left: 0;
}
.personalization-container__right-side .tns-outer .tns-controls button[data-controls="next"] {
  border-radius: 3px 0 0 3px;
  right: 0;
}
.personalization-container__right-side .tns-outer .tns-inner .tns-item .personalization-container__left-side {
  display: block;
  width: 311px;
}
@media (max-width: 636px) {
  .personalization-container__right-side .tns-outer .tns-inner .tns-item .personalization-container__left-side {
    display: none;
  }
}
.personalization-container__right-side .tns-outer .tns-inner .tns-item .carousel__item {
  width: 196px;
}
@media (max-width: 636px) {
  .personalization-container__right-side .tns-outer .tns-inner .tns-item .carousel__item {
    width: 140px;
  }
}
.personalization-container__right-side .tns-outer .tns-inner .tns-item .carousel__item .item-product {
  min-height: 380px;
}
@media (max-width: 636px) {
  .personalization-container__right-side .tns-outer > .tns-ovh {
    overflow: visible;
  }
}
.personalization-container__right-side .js-owl-default .carousel__item {
  margin: 0 4px;
}
.personalization-container__right-side .js-owl-default__header {
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  z-index: 10;
}
.personalization-container__right-side .js-owl-default__title,
.personalization-container__right-side .js-owl-default__view-all {
  display: none;
}
.personalization-container__right-side .js-owl-default .owl-controls {
  width: 100%;
}
@media (max-width: 636px) {
  .personalization-container__right-side .js-owl-default .owl-controls {
    display: none !important;
  }
}
.personalization-container__right-side .js-owl-default .owl-controls .owl-buttons {
  position: relative;
}
.personalization-container__right-side .js-owl-default .owl-controls .owl-buttons .owl-prev,
.personalization-container__right-side .js-owl-default .owl-controls .owl-buttons .owl-next {
  background-color: #FFFFFF;
  border: 1px solid #919eab;
  color: #161C23;
  font-size: 13px;
  height: 40px;
  margin: 0;
  position: absolute !important;
  text-align: center;
  line-height: 40px;
  width: 40px;
}
.personalization-container__right-side .js-owl-default .owl-controls .owl-buttons .owl-prev.disabled,
.personalization-container__right-side .js-owl-default .owl-controls .owl-buttons .owl-next.disabled {
  display: none;
}
.personalization-container__right-side .js-owl-default .owl-controls .owl-buttons .owl-prev {
  border-radius: 0 3px 3px 0;
  left: 0;
}
.personalization-container__right-side .js-owl-default .owl-controls .owl-buttons .owl-next {
  border-radius: 3px 0 0 3px;
  right: 0;
}
.personalization-container__right-side .js-owl-default .owl-controls .owl-pagination {
  display: none;
}
@media (min-width: 637px) {
  .personalization-container__right-side .js-owl-default .owl-wrapper .owl-item:first-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.personalization-container__right-side .js-owl-default .owl-wrapper .owl-item .personalization-container__left-side {
  display: block;
}
.personalization-container__top-logo {
  margin-bottom: 15px;
  text-align: right;
}
.personalization-container__top-logo img {
  display: inline-block;
  height: auto;
  width: 48px;
}
.personalization-container__top-label {
  display: inline-block;
  margin-left: -32px;
  position: relative;
}
@media (max-width: 636px) {
  .personalization-container__top-label {
    margin-left: -16px;
  }
}
.personalization-container__top-label .text {
  border-bottom: 20px solid #FFFFFF;
  border-right: 8px solid transparent;
  border-top: 20px solid #FFFFFF;
  color: #1c5082;
  display: inline-block;
  font-family: "Helvetica", sans-serif;
  font-size: 30px;
  height: 0;
  letter-spacing: -2px;
  line-height: 0;
  margin: 0 0 25px;
  padding: 0 4px 0 20px;
  position: relative;
  text-transform: uppercase;
  width: auto;
}
.personalization-container__top-label::before {
  border-bottom: 20px solid rgba(0, 0, 0, 0.2);
  border-right: 8px solid transparent;
  border-top: 20px solid rgba(0, 0, 0, 0.2);
  content: "";
  -webkit-filter: blur(2px);
  filter: blur(2px);
  height: 0;
  left: 5px;
  position: absolute;
  width: 96%;
  z-index: 0;
}
.personalization-container__title {
  color: #000000;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1em;
  margin: 0 0 28px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .personalization-container__title {
    font-size: 24px;
    margin-bottom: 21px;
    text-align: center;
  }
}
@media (max-width: 636px) {
  .personalization-container__button-container {
    text-align: center;
  }
}
.personalization-container__button,
.personalization-container__button:link,
.personalization-container__button:visited,
.personalization-container__button:hover,
.personalization-container__button:active {
  border-radius: 50px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.14em;
  padding: 12px 40px;
  text-decoration: none;
}
@media (max-width: 636px) {
  .personalization-container__button,
  .personalization-container__button:link,
  .personalization-container__button:visited,
  .personalization-container__button:hover,
  .personalization-container__button:active {
    border-radius: 27px;
    padding: 6px 18px;
  }
}
.personalization-container__image {
  margin-bottom: -20px;
  margin-top: 65px;
  width: 100%;
}
.personalization-container__title ~ .personalization-container__image,
.personalization-container__button-container ~ .personalization-container__image {
  margin-top: 10px;
}
@media (max-width: 636px) {
  .personalization-container__image {
    display: none;
  }
}
.personalization-container__image img {
  width: 100%;
}
.top-personalization-container {
  margin: 20px calc(-100vw / 2 + 1410px / 2);
  padding: 72px 20px 60px;
}
@media (max-width: 1440px) {
  .top-personalization-container {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 636px) {
  .top-personalization-container {
    padding: 40px 24px 20px;
  }
}
.top-personalization-container__content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1216px;
  width: 100%;
}
.top-personalization-container__header {
  margin: 0 0 35px;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.top-personalization-container__body {
  width: 100%;
}
.top-personalization-container__body .carousel__item {
  background-color: #FFFFFF;
}
.top-personalization-container__title {
  color: #000000;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1em;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .top-personalization-container__title {
    font-size: 24px;
  }
}
.select-store-popup {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  background-color: rgba(22, 28, 35, 0.4);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.select-store-popup__modal {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #FFFFFF;
  margin: 20px;
  max-width: 880px;
  padding: 32px;
  position: relative;
  width: 100%;
  border-radius: 10px;
}
@media (max-width: 1280px) {
  .select-store-popup__modal {
    max-width: 800px;
  }
}
@media (max-width: 1024px) {
  .select-store-popup__modal {
    max-width: 651px;
  }
}
@media (max-width: 636px) {
  .select-store-popup__modal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 272px;
    padding: 24px;
  }
}
.select-store-popup__left-side {
  width: 100px;
}
@media (max-width: 636px) {
  .select-store-popup__left-side {
    margin-bottom: 20px;
    width: 100%;
  }
}
.select-store-popup__right-side {
  padding-left: 32px;
  width: calc(100% - 100px);
}
@media (max-width: 1024px) {
  .select-store-popup__right-side {
    padding-left: 24px;
  }
}
@media (max-width: 636px) {
  .select-store-popup__right-side {
    padding: 0;
    width: 100%;
  }
}
.select-store-popup__image {
  display: block;
  width: 100%;
}
@media (max-width: 636px) {
  .select-store-popup__image {
    margin: 0 auto;
    max-width: 90px;
  }
}
.select-store-popup__text {
  max-width: 480px;
  width: 100%;
}
@media (max-width: 1024px) {
  .select-store-popup__text {
    max-width: 355px;
  }
}
@media (max-width: 636px) {
  .select-store-popup__text {
    text-align: center;
    width: 100%;
  }
}
.select-store-popup__title {
  color: #22252E;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.0208em;
  line-height: 1em;
  margin: 0 0 10px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .select-store-popup__title {
    font-size: 20px;
  }
}
@media (max-width: 636px) {
  .select-store-popup__title {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
.select-store-popup__title .store-name {
  color: #38a8ae;
}
.select-store-popup p {
  color: #212B36;
  font-size: 16px;
  letter-spacing: -0.03125em;
  line-height: 1.25em;
}
@media (max-width: 1024px) {
  .select-store-popup p {
    font-size: 14px;
  }
}
.select-store-popup p:not(:last-of-type) {
  margin-bottom: 10px;
}
.select-store-popup__buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-top: 17px;
}
@media (max-width: 1024px) {
  .select-store-popup__buttons {
    margin-top: 16px;
  }
}
@media (max-width: 636px) {
  .select-store-popup__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 24px;
  }
}
.select-store-popup__button {
  background-color: #DFE3E8;
  border-radius: 50px;
  border: 0;
  color: #161C23;
  font-size: 16px;
  letter-spacing: -0.03125em;
  line-height: 0.875em;
  padding: 13px 20px;
  text-align: center;
  font-weight: 600;
}
@media (max-width: 636px) {
  .select-store-popup__button {
    width: 100%;
  }
}
.select-store-popup__button:not(:last-child) {
  margin-right: 16px;
}
@media (max-width: 1024px) {
  .select-store-popup__button:not(:last-child) {
    margin-right: 10px;
  }
}
@media (max-width: 636px) {
  .select-store-popup__button:not(:last-child) {
    margin-bottom: 8px;
    margin-right: 0;
  }
}
a.select-store-popup__button:hover {
  color: #161C23;
}
.select-store-popup__button--red {
  background-color: #38a8ae;
  color: #FFFFFF;
}
.select-store-popup__close {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #DFE3E8;
  border-radius: 50%;
  border: 0;
  color: #212B36;
  font-size: 12px;
  height: 32px;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 32px;
}
@media (max-width: 636px) {
  .select-store-popup__close {
    right: 16px;
    top: 16px;
  }
}
.select-store-popup.is-show {
  opacity: 1;
}
.select-store-popup.is-hide {
  opacity: 0;
}
.aspect-ratio-box {
  height: 0;
  overflow: visible;
  position: relative;
}
.aspect-ratio-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}
.aspect-ratio-box .lazyload,
.aspect-ratio-box .lazyloading {
  opacity: 0;
  transition: opacity 400ms;
}
.aspect-ratio-box img.lazyloaded {
  opacity: 1;
}
.low-quality-img {
  /* this is needed so Safari keeps sharp edges */
  transform: scale(1);
}
.lazyloaded ~ .low-quality-img {
  display: none;
}
.aspect-ratio-box img .low-quality-img {
  height: 100%;
}
img.lazyload,
img.lazyloading {
  width: 100%;
}
.simple-banner-carousel {
  display: flex;
  flex-direction: row;
  height: auto !important;
}
@media (max-width: 636px) {
  .simple-banner-carousel {
    flex-wrap: wrap;
  }
}
.simple-banner-carousel .carousel__item:not(:first-child) {
  height: 0;
}
.facet-aware-product-grid-component {
  padding: 10px 0;
}
.facet-aware-product-grid-component .header-title {
  color: #454F5B;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.0277em;
  margin: 0 0 30px;
  padding: 0 6px;
  text-align: left;
}
.xtra-savings-banner {
  background-color: #FFECE8;
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 1440px) {
  .xtra-savings-banner {
    margin-left: calc(-100vw / 2 + 1425px / 2);
    margin-right: calc(-100vw / 2 + 1425px / 2);
  }
}
.xtra-savings-banner__container {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  margin-top: 15px;
}
.xtra-savings-banner__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto;
  max-width: 1440px;
  padding: 13px 15px 35px;
  position: relative;
  width: 100%;
}
@media (max-width: 636px) {
  .xtra-savings-banner__content {
    padding: 13px 16px 16px;
  }
}
.xtra-savings-banner__content::before {
  background-image: url("/_ui/responsive/common/images/xtra-savings/xtra-savings-banner-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  height: 95px;
  left: -38px;
  position: absolute;
  top: 0;
  width: 251px;
}
@media (max-width: 636px) {
  .xtra-savings-banner__content::before {
    left: -120px;
  }
}
.xtra-savings-banner__header {
  margin-right: 2%;
  position: relative;
  width: 48%;
}
@media (max-width: 636px) {
  .xtra-savings-banner__header {
    margin-bottom: 24px;
    margin-right: 0;
    width: 100%;
  }
}
.xtra-savings-banner__sign-in {
  margin: 0 auto;
  max-width: 472px;
  width: 100%;
}
.xtra-savings-banner__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 636px) {
  .xtra-savings-banner__title {
    margin-bottom: 21px;
  }
}
.xtra-savings-banner__title .logo {
  flex-shrink: 0;
  margin-right: 10px;
  width: 89px;
}
.xtra-savings-banner__title .logo img {
  width: 100%;
}
.xtra-savings-banner__title .text {
  color: #161C23;
}
.xtra-savings-banner__title .text .title {
  font-size: 24px;
  line-height: 1em;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase;
}
.xtra-savings-banner__title .text .title strong {
  color: #ff4219;
  font-weight: 800;
}
.xtra-savings-banner__title .text .subtitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  margin: 0;
}
.xtra-savings-banner__form-container {
  margin-bottom: 19px;
}
.xtra-savings-banner__form-container span.sr-error {
  color: #e51f34;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin: 15px 0;
  text-align: center;
  text-transform: none;
  width: 100%;
}
.xtra-savings-banner__form {
  background-color: #FFFFFF;
  border-radius: 45px;
  box-shadow: 0 8px 16px rgba(33, 43, 54, 0.15);
  margin: 0 auto;
  max-width: 464px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (max-width: 636px) {
  .xtra-savings-banner__form {
    margin-bottom: 16px;
  }
}
.xtra-savings-banner__form .input input {
  border: 0;
  height: 48px;
  line-height: 48px;
  padding: 0 117px 0 16px;
  width: 100%;
}
.xtra-savings-banner__form .input input:focus,
.xtra-savings-banner__form .input input.used {
  padding-top: 20px;
}
.xtra-savings-banner__form .input input:focus ~ label,
.xtra-savings-banner__form .input input.used ~ label {
  color: #637381;
  font-size: 12px;
  top: 9px;
}
.xtra-savings-banner__form .input input:focus.sr-error,
.xtra-savings-banner__form .input input.used.sr-error {
  caret-color: #e51f34;
}
.xtra-savings-banner__form .input input:focus.sr-error ~ label,
.xtra-savings-banner__form .input input.used.sr-error ~ label {
  color: #e51f34;
}
.xtra-savings-banner__form .button {
  background-color: #ff4219;
  border-radius: 100px;
  border: 0;
  bottom: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  min-width: 97px;
  position: absolute;
  right: 4px;
  top: 4px;
}
.xtra-savings-banner__not-member {
  color: #161C23;
  font-weight: 400;
}
@media (max-width: 636px) {
  .xtra-savings-banner__not-member {
    text-align: center;
  }
}
.xtra-savings-banner__not-member a {
  font-weight: 600;
  text-decoration: underline;
}
.xtra-savings-banner__features {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  position: relative;
  width: 50%;
}
@media (max-width: 636px) {
  .xtra-savings-banner__features {
    width: 100%;
  }
}
.xtra-savings-banner__features .feature {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 12px;
  margin-right: 15px;
  margin-top: 12px;
  width: calc((100% - 15px) / 2);
}
@media (max-width: 636px) {
  .xtra-savings-banner__features .feature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 18px;
    margin-top: 0;
  }
}
.xtra-savings-banner__features .feature:nth-child(2n) {
  margin-right: 0;
}
.xtra-savings-banner__features .feature__image {
  flex-shrink: 0;
  margin-right: 16px;
  width: 56px;
}
@media (max-width: 636px) {
  .xtra-savings-banner__features .feature__image {
    margin-bottom: 8px;
    margin-right: 0;
    width: 48px;
  }
}
.xtra-savings-banner__features .feature__image img {
  display: block;
  width: 100%;
}
.xtra-savings-banner__features .feature__text {
  color: #161C23;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.125em;
}
@media (max-width: 636px) {
  .xtra-savings-banner__features .feature__text {
    text-align: center;
  }
}
.xtra-savings-banner__features .feature__text strong {
  color: #ff4219;
  font-weight: 700;
}
.browse-by-department-banner {
  padding: 20px;
}
.browse-by-department-banner__btn-cnt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.browse-by-department-banner__btn {
  border-radius: 33px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 800;
  margin: 5px;
  padding: 8px 12px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
}
.browse-by-department-banner__btn:hover,
.browse-by-department-banner__btn:active {
  filter: contrast(110%);
  color: #FFFFFF;
}
.browse-by-department-banner__btn:nth-child(5n-4) {
  background-color: #38a8ae;
}
.browse-by-department-banner__btn:nth-child(5n-3) {
  background-color: #909eab;
}
.browse-by-department-banner__btn:nth-child(5n-2) {
  background-color: #148181;
}
.browse-by-department-banner__btn:nth-child(5n-1) {
  background-color: #454f5b;
}
.browse-by-department-banner__btn:nth-child(5n) {
  background-color: #637381;
}
.brand-component img {
  width: 100%;
}
.brand-component .brand-title {
  text-align: center;
}
.brand-component .brand-title h3 {
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.squared-multi-banner-container {
  margin-bottom: 48px;
}
.squared-multi-banner-container .squared-multi-banner .banner img {
  display: block;
  width: 100%;
}
.squared-multi-banner-container .squared-multi-banner--2,
.squared-multi-banner-container .squared-multi-banner--3 {
  display: -ms-grid;
  display: grid;
  grid-column-gap: 46px;
}
@media (max-width: 636px) {
  .squared-multi-banner-container .squared-multi-banner--2,
  .squared-multi-banner-container .squared-multi-banner--3 {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
    grid-row-gap: 24px;
  }
}
.squared-multi-banner-container .squared-multi-banner--2 {
  -ms-grid-columns: 1fr 46px 1fr;
  grid-template-columns: repeat(2, 1fr);
}
.squared-multi-banner-container .squared-multi-banner--3 {
  -ms-grid-columns: 1fr 46px 1fr 46px 1fr;
  grid-template-columns: repeat(3, 1fr);
}
.squared-multi-banner-container .squared-multi-banner--carousel {
  height: 0;
  overflow: hidden;
}
.squared-multi-banner-container .squared-multi-banner--carousel.tns-slider {
  height: auto;
  overflow: visible;
}
.squared-multi-banner-container .tns-outer {
  position: relative;
}
.squared-multi-banner-container .tns-outer .tns-nav {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -20px;
  left: 50%;
  position: absolute;
}
.squared-multi-banner-container .tns-outer .tns-nav button {
  background-color: #c4cdd5;
  border-radius: 50%;
  border: 0;
  height: 6px;
  margin: 0 4px;
  padding: 0;
  width: 6px;
}
.squared-multi-banner-container .tns-outer .tns-nav button.tns-nav-active {
  background-color: #454f5b;
}
.gpt-cnt {
  background-color: #38a8ae;
  max-width: var(--bodyWidth);
  width: var(--bodyWidth);
  margin-left: calc((100% - var(--bodyWidth)) / 2);
  margin-right: calc((100% - var(--bodyWidth)) / 2);
}
@media (min-width: 1025px) {
  .row .gpt-cnt {
    width: 100%;
    margin: 0;
  }
}
.total-savings-counter-responsive-banner-component {
  display: flex;
  justify-content: center;
  align-items: center;
}
.total-savings-counter-responsive-banner-component .full-size-image-cls {
  flex-shrink: 0;
}
@media (max-width: 636px) {
  .total-savings-counter-responsive-banner-component {
    margin-bottom: 35px;
  }
}
.total-savings-counter-responsive-banner-component .banner-component-info {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 636px) {
  .total-savings-counter-responsive-banner-component .banner-component-info {
    top: 70vw;
  }
}
.total-savings-counter-responsive-banner-component .banner-component-info h1 {
  font-size: 4.5vw;
  font-weight: 800;
  color: #FFFFFF;
  margin-top: 0;
  text-shadow: 5px 5px 15px #00000040;
}
@media (max-width: 636px) {
  .total-savings-counter-responsive-banner-component .banner-component-info h1 {
    font-size: 15vw;
    margin-top: 25px;
  }
}
.total-savings-counter-responsive-banner-component .banner-component-info .savings-to-date-title {
  font-size: 1.5vw;
  color: #FFFFFF;
  font-weight: 800;
  text-transform: uppercase;
  text-shadow: 5px 5px 15px #00000040;
}
@media (max-width: 636px) {
  .total-savings-counter-responsive-banner-component .banner-component-info .savings-to-date-title {
    font-size: 3vw;
  }
}
.total-savings-counter-responsive-banner-component .banner-component-info .total-savings-btn-group {
  margin-top: 1vw;
}
@media (max-width: 636px) {
  .total-savings-counter-responsive-banner-component .banner-component-info .total-savings-btn-group {
    margin-top: 10px;
  }
}
.total-savings-counter-responsive-banner-component .banner-component-info .total-savings-btn-group button {
  color: #175656;
  background-color: #ECF0F4;
  margin-right: 5px;
  border: 0;
}
@media (max-width: 636px) {
  .total-savings-counter-responsive-banner-component .banner-component-info .total-savings-btn-group button {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0px 3px 0 rgba(0, 0, 0, 0.19);
    border-radius: 29px;
    padding: 12px 16px 12px 16px;
  }
}
@media (min-width: 637px) {
  .total-savings-counter-responsive-banner-component .banner-component-info .total-savings-btn-group button {
    font-size: 0.9vw;
    padding: 0.5vw 1.1vw 0.5vw 1.1vw;
    border-radius: 2vw;
  }
}
.total-savings-counter-responsive-banner-component .banner-component-info .total-savings-btn-group button.active {
  color: #ECF0F4;
  background-color: #175656;
}
.total-savings-counter-responsive-banner-component .banner-component-info .total-savings-btn-group button:last-child {
  margin-right: 0;
}
.total-savings-counter-responsive-banner-component .banner-component-info.right .btn {
  align-self: end;
}
.total-savings-counter-responsive-banner-component .banner-component-info.left .btn {
  align-self: start;
}
.total-savings-counter-responsive-banner-component .banner-component-info.center .btn {
  margin: 0 auto;
}
.pageType-CategoryPage .map img {
  min-width: 100%;
}
.searchEmptyPageMiddle-component {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .searchEmptyPageMiddle-component {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1025px) {
  .product__list--wrapper {
    padding: 0;
    margin: 0 0 0 -20px;
  }
}
@media (min-width: 637px) {
  .product__list--wrapper .pagination-wrap {
    padding-right: 0;
  }
}
.searchSpellingSuggestionPrompt {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1024px) and (min-width: 637px) {
  .pagination-bar .sort-refine-bar button {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.results h1 {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  margin-top: 20px;
  padding-left: 20px;
  padding-bottom: 0;
}
.results h1.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.product__listing {
  padding-left: 0;
  list-style: none;
}
.product__listing .product__listing--promo {
  color: #3e5983;
  margin-bottom: 10px;
}
a.product__listing .product__listing--promo:hover,
a.product__listing .product__listing--promo:focus {
  color: #2e4160;
}
@media (min-width: 1025px) {
  .product__listing .product__listing--promo {
    padding-right: 20px;
    margin: 0 -10px;
  }
}
.product__listing .product__list--price-panel {
  text-align: right;
}
.product__listing .product__list--name {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 10px 106px;
  color: inherit;
}
.product__listing .product__listing--description {
  margin: 0 210px 0 106px;
}
@media (max-width: 636px) {
  .product__listing .product__listing--description {
    display: none !important;
  }
}
.product__listing .addtocart {
  clear: both;
  text-align: center;
  padding: 10px 0 0 0;
}
.product__listing .addtocart button {
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
    width: 49%;
    display: inline-block;
    float: left;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction {
    position: relative;
    right: 1%;
    float: right;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction {
    position: relative;
    left: 1%;
  }
}
@media (min-width: 1025px) and (min-width: 1281px) {
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction {
    width: calc(49% - 4px);
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .product__listing .addtocart .pickup-in-store-available {
    margin: 0 -4px;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
    padding: 0 3.33333333px;
  }
}
.product__listing.product__list .product__list--item.tag-highlighted,
.product__listing.product__grid .product-item.tag-highlighted {
  position: relative;
}
.product__listing.product__list .product__list--item.tag-highlighted:before,
.product__listing.product__grid .product-item.tag-highlighted:before {
  content: "";
  z-index: -1;
  position: absolute;
  border: 2px solid #0068b3;
  top: 14px;
  left: 12px;
  right: 12px;
  bottom: 14px;
}
.product__listing.product__list .product__list--item.tag-highlighted:after,
.product__listing.product__grid .product-item.tag-highlighted:after {
  content: "\e006";
  top: 18px;
  left: 16px;
  color: #0068b3;
  width: 24px;
  line-height: 22px;
  height: 24px;
  font-size: 18px;
  padding: 0;
  text-align: center;
  position: absolute;
}
.product__listing.product__list .product__list--item {
  padding: 20px 30px;
  border-top: 1px solid #d9d9d9;
}
.product__listing.product__list .product__list--item:nth-of-type(2n) {
  background-color: #f4f4f4;
}
@media (max-width: 1280px) {
  .product__listing.product__list .product__list--item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product__listing.product__list .product__list--item.tag-highlighted:before {
  left: 0;
  right: 0;
  top: 1px;
  bottom: 0;
}
.product__listing.product__list .product__list--item.tag-highlighted:after {
  font-size: 16px;
  top: 8px;
  left: 7px;
}
.product__listing.product__list .product__list--item.tag-highlighted:first-child:before {
  top: 0;
}
.product__listing.product__list .product__list--item.tag-highlighted:nth-of-type(2n) {
  background: transparent;
}
.product__listing.product__list .product__list--item.tag-highlighted:nth-of-type(2n):before {
  top: 1px;
  background-color: #f4f4f4;
}
.product__listing.product__list .product__list--thumb {
  float: left;
  margin-right: 10px;
  display: block;
}
.product__listing.product__list .product__list--thumb > img {
  width: 96px;
}
.product__listing.product__list .product__list--price-panel {
  float: right;
  width: 200px;
}
.product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
.product__listing.product__list .ProductListComponent-ListAddToCartAction,
.product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
.product__listing.product__list .SearchResultsList-ListAddToCartAction {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 637px) {
  .product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
  .product__listing.product__list .ProductListComponent-ListAddToCartAction,
  .product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
  .product__listing.product__list .SearchResultsList-ListAddToCartAction {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 637px) {
  .product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
  .product__listing.product__list .ProductListComponent-ListAddToCartAction,
  .product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
  .product__listing.product__list .SearchResultsList-ListAddToCartAction {
    left: 33.33333333%;
  }
}
.product__listing.product__list .ProductListComponent-ListOrderFormAction,
.product__listing.product__list .SearchResultsList-ListOrderFormAction {
  float: left;
  width: 50%;
  left: 50%;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 637px) {
  .product__listing.product__list .ProductListComponent-ListOrderFormAction,
  .product__listing.product__list .SearchResultsList-ListOrderFormAction {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 637px) {
  .product__listing.product__list .ProductListComponent-ListOrderFormAction,
  .product__listing.product__list .SearchResultsList-ListOrderFormAction {
    left: 0%;
  }
}
@media (max-width: 636px) {
  .product__listing.product__list .product__list--price-panel {
    text-align: left;
    float: none;
    margin-left: 106px;
    width: auto;
  }
}
.product__listing.product__grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product__listing.product__grid .product-item {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  padding: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 637px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1025px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1281px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
.product__listing.product__grid .product-item:first-child {
  margin-left: -1px;
}
.product__listing.product__grid .product-item.tag-highlighted {
  position: relative;
}
.product__listing.product__grid .thumb {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  height: 180px;
  overflow: hidden;
}
.product__listing.product__grid .thumb img {
  width: 100%;
  height: auto;
  max-width: 140px;
}
.product__listing.product__grid .details {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.product__listing.product__grid .details .name {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 10px;
  height: 70px;
  overflow: hidden;
  color: #3c3c3c;
}
.product__listing.product__grid .details .price {
  font-size: 18px;
}
.product__listing.product__grid .details .promo {
  color: #00a651;
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 637px) {
  .product__listing.product__grid .product-item:nth-child(4n+1) {
    clear: both;
  }
}
@media (max-width: 636px) {
  .product__listing.product__grid .product-item:nth-child(2n+1) {
    clear: both;
  }
}
.search-empty {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.search-empty .headline {
  margin-bottom: 20px;
}
.search-empty .search-suggestions {
  margin-bottom: 20px;
}
.product-category-page .product-categories .refine-bar {
  padding-bottom: 10px;
  padding-top: 10px;
}
.product-category-page .product-categories .pcp-prod,
.product-category-page .product-categories .pcp-banner {
  padding-left: 0;
  padding-right: 0;
}
.product-category-page .product-categories .pcp-banner .simple-responsive-banner-component,
.product-category-page .product-categories .pcp-banner .banner__component--responsive {
  margin-right: -20px;
}
.product-category-page .product-categories .pcp-banner {
  padding-top: 10px;
}
@media (min-width: 1025px) {
  .search-list-page-right-result-list-slot {
    margin-left: -20px;
    margin-top: -20px;
  }
  .search-list-page-right-result-list-component {
    padding-left: 20px;
  }
  .product-list-right-slot {
    margin-left: -20px;
  }
  .product-list-right-component {
    margin-left: 0;
    padding-top: 20px;
  }
  .product-list-right-component .pagination-bar {
    margin-top: 0;
  }
}
.search-results-highlight {
  font-weight: bold;
}
.item-product {
  border: 1px solid #c4cdd5;
  border-radius: 4px;
  min-height: 320px;
  padding: 16px 8px 16px 8px;
  position: relative;
  text-align: left;
  height: 100%;
  overflow: hidden;
}
.item-product__options {
  position: absolute;
  top: 16px;
}
.item-product__options--left {
  left: 16px;
}
.item-product__options--right {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  right: 0;
  width: 72px;
}
.item-product__options .product-option {
  height: 32px;
  margin-bottom: 4px;
  margin-right: 16px;
  width: 32px;
  z-index: 1;
}
.item-product__options .product-option--age-restriction {
  font-size: 6px;
}
.item-product__options .product-option--age-restriction span {
  font-size: 16px;
}
.item-product__options .product-option--new,
.item-product__options .product-option--promotion,
.item-product__options .product-option--save {
  font-size: 9px;
}
.item-product__options .product-option--xtra-savings {
  margin-right: 16px;
  font-size: 18px;
}
.item-product__options .product-option--for-you {
  border-radius: 32px 0 0 32px;
  flex-direction: row;
  font-size: 18px;
  margin-right: 0;
  padding: 0 11px;
  width: 72px;
}
.item-product__options .product-option--for-you .icon {
  font-size: 20px;
}
.item-product__options .product-option--for-you .text {
  font-weight: 700;
  font-size: 11px;
  line-height: 1em;
  text-align: center;
}
.item-product__options .product-option--img {
  border-radius: unset;
}
.item-product__options .product-option--img img {
  width: 100%;
}
.item-product__content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.item-product__contentHeader {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.item-product__image {
  margin-bottom: 10px;
}
.item-product__image .product-listening-click {
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.item-product__image .product-listening-click img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.item-product__caption {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #212b36;
  height: 100%;
}
.item-product__captionFooter {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #212b36;
  height: 100%;
  border: yellow dashed;
}
.item-product__details {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%;
}
.item-product .special-price {
  margin-bottom: 10px;
}
.item-product .special-price.dual-prices {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}
.item-product .special-price.dual-prices .dual-price__logo img {
  max-width: 65px;
}
.item-product .special-price__price {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1em;
}
@media (max-width: 1024px) {
  .item-product .special-price__price {
    font-size: 28px;
  }
}
.item-product .special-price__price .per-kg {
  font-size: 15px;
  font-weight: 700;
  text-transform: none;
}
.item-product .special-price__price sup {
  font-size: 14px;
  position: relative;
  top: -10px;
}
@media (max-width: 1024px) {
  .item-product .special-price__price sup {
    font-size: 14px;
    top: -10px;
  }
}
.item-product .special-price__price del.before sup {
  position: inherit;
  font-size: inherit;
}
.item-product .special-price--xs-non-member .special-price__extra {
  color: #ff4219;
  font-weight: 700;
  text-transform: uppercase;
}
.item-product .special-price--xs-non-member .special-price__extra__title {
  background-color: #ff4219;
  border-radius: 0 3px 3px 0;
  color: #ffffff;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  height: 14px;
  line-height: 14px;
  margin-left: 16px;
  padding: 0 5px 0 4px;
  position: relative;
}
.item-product .special-price--xs-non-member .special-price__extra__title::before {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #ff4219;
  border-top: 8px solid transparent;
  content: '';
  height: 0;
  left: -6px;
  position: absolute;
  top: 0;
}
.item-product .special-price--xs-non-member .special-price__extra__title::after {
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 16px;
  left: -15px;
  line-height: 1;
  position: absolute;
  top: -1px;
}
.item-product .special-price--xs-non-member .special-price__extra__price {
  margin-top: -2px;
}
.item-product .special-price--xs-non-member .special-price__extra__price .now {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1em;
}
@media (max-width: 1024px) {
  .item-product .special-price--xs-non-member .special-price__extra__price .now {
    font-size: 28px;
  }
}
.item-product .special-price--xs-non-member .special-price__extra__price .now .per-kg {
  font-size: 15px;
  font-weight: 700;
  text-transform: none;
}
.item-product .special-price--xs-non-member .special-price__extra__price .now sup {
  font-size: 14px;
  position: relative;
  top: -10px;
}
@media (max-width: 1024px) {
  .item-product .special-price--xs-non-member .special-price__extra__price .now sup {
    font-size: 14px;
    top: -10px;
  }
}
.item-product .special-price--xs-non-member .special-price__extra__text {
  display: block;
  font-size: 10px;
  margin-left: 2px;
  letter-spacing: -0.3px;
  font-weight: 700;
  color: #ff4219;
  text-transform: uppercase;
}
.item-product .special-price--xs {
  flex-wrap: wrap-reverse;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.item-product .special-price--xs .special-price__price {
  color: #637381;
  font-size: 14px;
  font-weight: 400;
  align-self: center;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.item-product .special-price--xs .special-price__extra {
  color: #ff4219;
  font-weight: 700;
  margin-right: 5px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  text-transform: uppercase;
}
.item-product .special-price--xs .special-price__extra__title {
  background-color: #ff4219;
  border-radius: 0 3px 3px 0;
  color: #ffffff;
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  height: 14px;
  line-height: 14px;
  margin-left: 16px;
  padding: 0 5px 0 4px;
  position: relative;
}
.item-product .special-price--xs .special-price__extra__title::before {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #ff4219;
  border-top: 8px solid transparent;
  content: '';
  height: 0;
  left: -6px;
  position: absolute;
  top: 0;
}
.item-product .special-price--xs .special-price__extra__title::after {
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 16px;
  left: -15px;
  line-height: 1;
  position: absolute;
  top: -1px;
}
.item-product .special-price--xs .special-price__extra__price {
  margin-top: -2px;
}
.item-product .special-price--xs .special-price__extra__price .now {
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 1em;
}
@media (max-width: 1024px) {
  .item-product .special-price--xs .special-price__extra__price .now {
    font-size: 32px;
  }
}
.item-product .special-price--xs .special-price__extra__price .now sup {
  font-size: 14px;
  position: relative;
  top: -10px;
}
@media (max-width: 1024px) {
  .item-product .special-price--xs .special-price__extra__price .now sup {
    font-size: 14px;
    top: -10px;
  }
}
.item-product .special-price--xs .special-price__extra__text {
  display: block;
  font-size: 12px;
  margin-left: 3px;
  letter-spacing: 0.1em;
  color: #ff4219;
  text-transform: uppercase;
}
.item-product .special-price--promotion .special-price__price {
  line-height: 1;
  margin-bottom: 5px;
}
.item-product .special-price--promotion .special-price__price .now {
  color: #e51f34;
}
.item-product .special-price--promotion .special-price__valid strong {
  color: #e51f34;
}
.item-product__name {
  color: #3c3c3c;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.16em;
  margin: 0 0 auto;
}
.item-product__name a {
  color: #3c3c3c;
}
.item-product__valid {
  color: #637381;
  display: block;
  font-size: 11px;
  padding: 5px 0 0 0;
}
.item-product__disabled {
  pointer-events: none;
}
.item-product__not-allowed {
  cursor: not-allowed;
}
.item-product__message {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  border-radius: 2px;
  background-color: #212b36;
  color: #FFFFFF !important;
  font-weight: 700;
  margin-top: 17px;
  padding: 6px 5px;
}
.item-product__message:hover .item-product__message__icon {
  -webkit-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
}
.item-product__message__logo {
  font-size: 17px;
  margin-right: 5px;
}
@media (max-width: 1280px) {
  .item-product__message__logo {
    display: none;
  }
}
@media (max-width: 1280px) {
  .item-product__message__logo {
    display: block;
  }
}
@media (max-width: 636px) {
  .item-product__message__logo {
    display: none;
  }
}
.item-product__message__text {
  font-size: 12px;
  margin-right: auto;
}
.item-product__message__icon {
  font-size: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1280px) {
  .item-product__message__icon {
    display: none;
  }
}
@media (max-width: 1280px) {
  .item-product__message__icon {
    display: block;
  }
}
@media (max-width: 636px) {
  .item-product__message__icon {
    display: none;
  }
}
.item-product__message__brand {
  font-size: 10px;
  display: block;
  font-weight: normal;
  letter-spacing: -0.2px;
  text-transform: uppercase;
}
.item-product__message--promotion {
  background-color: #e51f34;
}
.item-product__message--promotion:hover {
  background-color: #c6131e;
}
.item-product__message--xs {
  background-color: #ff4219;
  color: #ffffff !important;
}
.item-product__message--xs:hover {
  background-color: #d43513;
}
.item-product .product-not-available__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #ECF0F4;
  border-radius: 3px;
  border: 1px solid #919EAB;
  color: #161C23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 1.14em;
  margin-bottom: 12px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  width: 100%;
}
@media (max-width: 1024px) {
  .item-product .product-not-available__button {
    font-size: 12px;
    line-height: 1.08em;
    padding: 8px 9px;
  }
}
@media (max-width: 636px) {
  .item-product .product-not-available__button {
    padding: 5px 6px 5px 9px;
  }
}
.item-product .product-not-available__button span {
  width: calc(100% - 33px);
  font-size: 12px;
}
@media (max-width: 1024px) {
  .item-product .product-not-available__button span {
    width: calc(100% - 40px);
  }
}
@media (max-width: 636px) {
  .item-product .product-not-available__button span {
    width: calc(100% - 24px);
  }
}
.item-product .product-not-available__button strong {
  color: #38a8ae;
}
.item-product .product-not-available__button::after {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #38a8ae;
  border-radius: 2px;
  color: #FFFFFF;
  content: "\e92b";
  font-family: "shoprite-icon";
  font-size: 13px;
  height: 40px;
  width: 40px;
}
@media (max-width: 1024px) {
  .item-product .product-not-available__button::after {
    width: 40px;
  }
}
@media (max-width: 636px) {
  .item-product .product-not-available__button::after {
    width: 22px;
  }
}
.item-product--promotion .item-product__price {
  color: #e51f34;
}
.item-product--bonus-buy .special-price {
  margin-bottom: 4px;
}
.item-product--bonus-buy .special-price--xs .special-price__extra__price .now {
  font-weight: 800;
  font-size: 14px;
  line-height: 1.35em;
}
.item-product--bonus-buy .special-price--xs .special-price__extra__price .now strong {
  display: block;
  font-size: 28px;
  letter-spacing: -0.777778px;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.item-product--bonus-buy .special-price--xs .special-price__extra__text {
  background: #FF4219;
  border-radius: 0 3px 3px 0;
  color: #FFFFFF;
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  height: 14px;
  line-height: 14px;
  margin-left: 16px;
  padding: 0 2px;
  position: relative;
}
.item-product--bonus-buy .special-price--xs .special-price__extra__text::before {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #FF4219;
  border-top: 8px solid transparent;
  content: '';
  height: 0;
  left: -6px;
  position: absolute;
  top: 0;
}
.item-product--bonus-buy .special-price--xs .special-price__extra__text::after {
  color: #FF4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 15px;
  left: -14px;
  line-height: 1;
  position: absolute;
  top: 0;
}
.item-product--bonus-buy .item-product__details {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.item-product--bonus-buy .item-product__name {
  color: #161C23;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.16em;
}
.item-product--bonus-buy .item-product__name a {
  color: #161C23;
}
.item-product--bonus-buy .item-product__valid {
  margin-bottom: 0;
  margin-top: auto;
}
.item-product__footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px 0 0 0;
}
.item-product__footer:last-child .btn-pill {
  margin-top: 6px;
}
.item-product__footer__buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 5px;
}
.item-product__footer__buttons .promo-alerts-button__button {
  margin-top: 0;
}
.item-product__footer__buttons .add-grocery-list-container__button {
  margin-top: 0;
}
.item-product .promo-alerts-button {
  flex-shrink: 0;
  margin-left: auto;
}
@media (max-width: 636px) {
  .item-product .promo-alerts-button__button:hover {
    width: 32px;
  }
  .item-product .promo-alerts-button__button:hover .text {
    margin-right: 0;
    max-width: 0;
  }
}
.FEATURED {
  background: #ebf6f7 !important;
  border: 1px #38a8ae solid !important;
}
.FEATURED .promo-alerts-button__button {
  background-color: #fff;
}
.FEATURED__image {
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  background: white;
}
.FEATURED__image .product-listening-click {
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.FEATURED__image .product-listening-click img {
  object-fit: cover;
  position: absolute;
  top: 14px;
  left: 18px;
  height: 80%;
  width: 80%;
}
@media (max-width: 636px) {
  .FEATURED__image .product-listening-click img {
    left: 14px;
  }
}
.FEATURED__options {
  position: absolute;
  top: 30px !important;
}
.FEATURED__feature-product-name {
  position: absolute;
  height: 12px;
  right: 10px;
  top: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  color: #38a8ae;
  display: flex;
  text-decoration: underline;
}
.FEATURED__feature-tag {
  position: absolute;
  height: 20.8px;
  left: 0%;
  top: 0;
  border-radius: 0 0 55px 0;
  border-right: 12px solid transparent;
  padding: 0 10px;
  border-top: 20px solid #38a8ae;
}
.FEATURED__feature-title {
  top: -14px;
  left: 3px;
  position: relative;
  height: 8px;
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 8px;
  letter-spacing: -0.285714px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.HOT_PICK {
  background: #fce9eb !important;
  border: 1px #e51f34 solid !important;
}
.HOT_PICK .promo-alerts-button__button {
  background-color: #fff;
}
.HOT_PICK__image {
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  background: white;
}
.HOT_PICK__image .product-listening-click {
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.HOT_PICK__image .product-listening-click img {
  object-fit: cover;
  position: absolute;
  top: 14px;
  left: 18px;
  height: 80%;
  width: 80%;
}
@media (max-width: 636px) {
  .HOT_PICK__image .product-listening-click img {
    left: 14px;
  }
}
.HOT_PICK__options {
  position: absolute;
  top: 30px !important;
}
.HOT_PICK__feature-product-name {
  position: absolute;
  height: 12px;
  right: 10px;
  top: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  color: #e51f34;
  display: flex;
  text-decoration: underline;
}
.HOT_PICK__feature-tag {
  position: absolute;
  height: 20.8px;
  left: 0%;
  top: 0;
  border-radius: 0 0 55px 0;
  border-right: 12px solid transparent;
  padding: 0 10px;
  border-top: 20px solid #e51f34;
}
.HOT_PICK__feature-title {
  top: -14px;
  left: 3px;
  position: relative;
  height: 8px;
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 8px;
  letter-spacing: -0.285714px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.NEW {
  background: #f0f5de !important;
  border: 1px #b3cc59 solid !important;
}
.NEW .promo-alerts-button__button {
  background-color: #fff;
}
.NEW__image {
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  background: white;
}
.NEW__image .product-listening-click {
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.NEW__image .product-listening-click img {
  object-fit: cover;
  position: absolute;
  top: 14px;
  left: 18px;
  height: 80%;
  width: 80%;
}
@media (max-width: 636px) {
  .NEW__image .product-listening-click img {
    left: 14px;
  }
}
.NEW__options {
  position: absolute;
  top: 30px !important;
}
.NEW__feature-product-name {
  position: absolute;
  height: 12px;
  right: 10px;
  top: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  color: #b3cc59;
  display: flex;
  text-decoration: underline;
}
.NEW__feature-tag {
  position: absolute;
  height: 20.8px;
  left: 0%;
  top: 0;
  border-radius: 0 0 55px 0;
  border-right: 12px solid transparent;
  padding: 0 10px;
  border-top: 20px solid #b3cc59;
}
.NEW__feature-title {
  top: -14px;
  left: 3px;
  position: relative;
  height: 8px;
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 8px;
  letter-spacing: -0.285714px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.page-allSpecialsPage .main__inner-wrapper.wrap {
  max-width: none;
  padding: 0;
}
.page-allSpecialsPage .main__inner-wrapper.wrap .all-specials-banner {
  margin-bottom: 23px;
}
.page-allSpecialsPage .main__inner-wrapper.wrap .all-specials-product-list {
  max-width: 1440px;
  display: block;
  margin: 0 auto;
  padding: 0 15px;
}
.page-allSpecialsPage .main__inner-wrapper.wrap .all-specials-product-list .view-specials-banner {
  margin-bottom: 23px;
}
@media (max-width: 1024px) {
  body.page-allSpecialsPage .main__inner-wrapper.wrap .all-specials-banner .full-mobile-image {
    margin: 0;
  }
}
.rating-likes {
  display: inline-flex;
  margin-top: 10px;
  text-align: center;
}
.rating-likes__button {
  cursor: pointer;
  display: inline-block;
  height: 32px;
  margin: 0 2px;
  padding-left: 30px;
  position: relative;
  user-select: none;
}
.rating-likes__button input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.rating-likes__button input:checked ~ .icon {
  background-color: #fff7f2;
  color: #ff4219;
}
.rating-likes__button input:checked ~ .icon--like::after {
  content: "\e911";
  animation-name: likeDislike;
  animation-duration: .5s;
}
.rating-likes__button input:checked ~ .icon--dislike::after {
  content: "\e90f";
  animation-name: likeDislike;
  animation-duration: .5s;
}
.rating-likes__button .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ecf0f4;
  border-radius: 50%;
  color: #212b36;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 32px;
}
.rating-likes__button .icon::after {
  content: "";
  font-family: "shoprite-icon";
  font-size: 17.6px;
}
.rating-likes__button .icon--like::after {
  content: "\e912";
}
.rating-likes__button .icon--like.was-selected {
  background-color: #ecf0f4 !important;
  color: #212b36 !important;
}
.rating-likes__button .icon--like.was-selected::after {
  content: "\e912" !important;
}
.rating-likes__button .icon--dislike::after {
  content: "\e910";
}
.rating-likes__button .icon--dislike.was-selected {
  background-color: #ecf0f4 !important;
  color: #212b36 !important;
}
.rating-likes__button .icon--dislike.was-selected::after {
  content: "\e910" !important;
}
.rating-likes__button:hover input ~ .icon {
  background-color: #fff7f2;
  color: #ff4219;
}
.rating-likes__button:hover input ~ .icon--like::after {
  content: "\e911";
}
.rating-likes__button:hover input ~ .icon--dislike::after {
  content: "\e90f";
}
@keyframes likeDislike {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.alert-rating {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  animation-duration: .5s;
  animation-name: showAlertRating;
  background-color: #ddf0e0;
  border-radius: 10px;
  border: 1px solid #57b364;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25);
  color: #268c47;
  display: flex;
  left: 50%;
  padding: 18px;
  position: fixed;
  top: 50%;
  width: 582px;
  z-index: 999999;
}
@media (max-width: 636px) {
  .alert-rating {
    width: 288px;
  }
}
.alert-rating .icon {
  font-size: 23px;
  margin-right: 21px;
}
.alert-rating .text {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1.11em;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .alert-rating .text {
    line-height: 1em;
  }
}
.alert-rating--enabled .icon {
  font-size: 13px;
  margin-rigth: 12px;
}
.alert-rating--disabled {
  background-color: #FEF7E8;
  border-color: #FF8E32;
  color: #FF8E32;
}
.alert-rating--disabled .icon {
  font-size: 24px;
  margin-right: 8px;
}
.alert-rating.is-hide {
  animation-duration: .5s;
  animation-name: hideAlertRating;
}
@keyframes showAlertRating {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -110%);
    -ms-transform: translate(-50%, -110%);
    transform: translate(-50%, -110%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
}
@keyframes hideAlertRating {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -90%);
    -ms-transform: translate(-50%, -90%);
    transform: translate(-50%, -90%);
  }
}
@keyframes showAlertRatingSubmenu {
  0% {
    opacity: 0;
    top: 0;
  }
  100% {
    opacity: 1;
    top: 44px;
  }
}
@keyframes hideAlertRatingSubmenu {
  0% {
    opacity: 1;
    top: 44px;
  }
  100% {
    opacity: 0;
    top: 0;
  }
}
.promo-alerts {
  position: relative;
  z-index: 100;
}
@media (max-width: 636px) {
  .promo-alerts {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: absolute;
    z-index: 100;
    left: 80%;
  }
}
.promo-alerts .product {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding: 12px 0 12px 8px;
  align-items: center;
}
.promo-alerts .product__options--promo-left {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  bottom: 20px;
}
@media (max-width: 636px) {
  .promo-alerts .product__options--promo-left {
    bottom: 0px;
  }
}
.promo-alerts .product__options .product-option-promo {
  height: 22px;
  width: 22px;
  z-index: 1;
  position: absolute;
}
.promo-alerts .product__options .product-option-promo--age-restriction {
  font-size: 8px;
}
.promo-alerts .product__options .product-option-promo--age-restriction span {
  font-size: 8px;
}
.promo-alerts .product__options .product-option-promo--new,
.promo-alerts .product__options .product-option-promo--promotion,
.promo-alerts .product__options .product-option-promo--save {
  font-size: 7px;
}
.promo-alerts .product__options .product-option-promo--xtra-savings {
  margin-right: 6px;
  font-size: 10px;
}
.promo-alerts .product__options .product-option-promo--for-you {
  border-radius: 15px 0 0 15px;
  flex-direction: row;
  font-size: 10px;
  margin-right: 0;
  padding: 0 11px;
  width: 32px;
  height: 15px;
}
.promo-alerts .product__options .product-option-promo--for-you .icon {
  font-size: 10px;
}
.promo-alerts .product__options .product-option-promo--for-you .text {
  font-weight: 700;
  font-size: 5px;
  line-height: 1em;
  text-align: center;
}
.promo-alerts .product__options .product-option-promo--img {
  border-radius: unset;
}
.promo-alerts .product__options .product-option-promo--img img {
  width: 100%;
}
.promo-alerts .product__image {
  flex-shrink: 0;
  margin-right: 13px;
  width: 40px;
}
.promo-alerts .product__image img {
  width: 100%;
}
.promo-alerts .product__price {
  flex-shrink: 0;
  margin-right: 23px;
  width: 160px;
  padding: 0 0 0 10px;
}
@media (max-width: 636px) {
  .promo-alerts .product__price {
    margin-bottom: 4px;
    margin-right: 0;
    width: 100% !important;
  }
}
.promo-alerts .product__price .item-product__message {
  line-height: 1em;
  margin-top: 0;
  padding: 2px 6px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .promo-alerts .product__price .item-product__message {
    max-width: 160px;
    width: 100%;
  }
}
.promo-alerts .product__price .item-product__message__icon {
  font-size: 13.4px;
}
.promo-alerts .product__price .special-price__price {
  display: block;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.0325em;
  line-height: 1em;
}
.promo-alerts .product__price .special-price__price .per-kg {
  font-size: 15px;
  font-weight: 700;
  text-transform: none;
}
.promo-alerts .product__price .special-price__price sup {
  font-size: 16px;
  position: relative;
  top: -6px;
}
.promo-alerts .product__price .special-price__price del.before sup {
  position: inherit;
  font-size: inherit;
}
.promo-alerts .product__price .special-price--xs-non-member .special-price__extra {
  color: #ff4219;
  font-weight: 700;
  text-transform: uppercase;
}
.promo-alerts .product__price .special-price--xs-non-member .special-price__extra__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 2px;
}
.promo-alerts .product__price .special-price--xs-non-member .special-price__extra__title {
  background-color: #ff4219;
  border-radius: 0 2px 2px 0;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  height: 11px;
  line-height: 1em;
  margin-left: 14px;
  padding: 0 2px 0 2px;
  position: relative;
  white-space: nowrap;
}
.promo-alerts .product__price .special-price--xs-non-member .special-price__extra__title::before {
  border-bottom: 5px solid transparent;
  border-right: 5px solid #ff4219;
  border-top: 6px solid transparent;
  content: '';
  height: 0;
  left: -5px;
  position: absolute;
  top: 0;
}
.promo-alerts .product__price .special-price--xs-non-member .special-price__extra__title::after {
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 12px;
  left: -12px;
  line-height: 1;
  position: absolute;
  top: 0;
}
.promo-alerts .product__price .special-price--xs-non-member .special-price__extra__price {
  margin-top: -2px;
}
.promo-alerts .product__price .special-price--xs-non-member .special-price__extra__price .now {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1em;
}
.promo-alerts .product__price .special-price--xs-non-member .special-price__extra__price .now .per-kg {
  font-size: 15px;
  font-weight: 700;
  text-transform: none;
}
.promo-alerts .product__price .special-price--xs-non-member .special-price__extra__price .now sup {
  font-size: 16px;
  position: relative;
  top: -6px;
}
.promo-alerts .product__price .special-price--xs-non-member .special-price__extra__text {
  display: block;
  font-size: 10px;
  margin-left: 5px;
  line-height: 1em;
  font-weight: normal;
  white-space: nowrap;
}
.promo-alerts .product__price .special-price--xs {
  flex-wrap: wrap-reverse;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.promo-alerts .product__price .special-price--xs .special-price__extra {
  color: #ff4219;
  font-weight: 700;
  margin-right: 5px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  text-transform: uppercase;
}
.promo-alerts .product__price .special-price--xs .special-price__extra__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 2px;
}
.promo-alerts .product__price .special-price--xs .special-price__extra__title {
  background-color: #ff4219;
  border-radius: 0 2px 2px 0;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  height: 11px;
  line-height: 1em;
  margin-left: 14px;
  padding: 0 2px 0 2px;
  position: relative;
  white-space: nowrap;
}
.promo-alerts .product__price .special-price--xs .special-price__extra__title::before {
  border-bottom: 5px solid transparent;
  border-right: 5px solid #ff4219;
  border-top: 6px solid transparent;
  content: '';
  height: 0;
  left: -5px;
  position: absolute;
  top: 0;
}
.promo-alerts .product__price .special-price--xs .special-price__extra__title::after {
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 12px;
  left: -12px;
  line-height: 1;
  position: absolute;
  top: 0;
}
.promo-alerts .product__price .special-price--xs .special-price__extra__price {
  margin-top: -2px;
}
.promo-alerts .product__price .special-price--xs .special-price__extra__price .now {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1em;
}
.promo-alerts .product__price .special-price--xs .special-price__extra__price .now sup {
  font-size: 16px;
  position: relative;
  top: -6px;
}
.promo-alerts .product__price .special-price--xs .special-price__extra__text {
  display: block;
  font-size: 10px;
  margin-left: 5px;
  line-height: 1em;
  font-weight: 700;
}
.promo-alerts .product__price .special-price--promotion .special-price__price {
  line-height: 1;
  margin-bottom: 5px;
}
.promo-alerts .product__price .special-price--promotion .special-price__price .now {
  color: #e51f34;
}
.promo-alerts .product__price .special-price--promotion .special-price__valid strong {
  color: #e51f34;
}
.promo-alerts .product__price.not-available {
  max-width: 190px;
  width: 100% !important;
}
.promo-alerts .product__description {
  margin-right: 20px;
  width: 33%;
}
@media (max-width: 636px) {
  .promo-alerts .product__description {
    margin-right: 0;
    width: 100%;
  }
}
.promo-alerts .product__store {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-right: 19px;
  width: 27%;
}
@media (max-width: 636px) {
  .promo-alerts .product__store {
    margin-right: 0;
    width: 100%;
  }
}
.promo-alerts .product__store .available-at {
  border-radius: 50px;
  border: 1px solid #38a8ae;
  color: #38a8ae;
  display: inline-block;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: -0.0625em;
  line-height: 1.25em;
  margin-bottom: 3px;
  padding: 1px 10px;
  text-transform: uppercase;
}
.promo-alerts .product__store .name {
  color: #38a8ae;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.0416em;
  line-height: 1.16em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.promo-alerts .product__name:link,
.promo-alerts .product__name:visited {
  color: #161c23;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.0416em;
  line-height: 1.16em;
  margin-bottom: 4px;
  text-decoration: none;
}
.promo-alerts .product__valid {
  color: #637381;
  display: block;
  font-size: 11px;
  line-height: 1.09em;
}
.promo-alerts .product__buttons {
  margin-left: auto;
  flex-shrink: 0;
}
.promo-alerts .product__remove-button {
  background-color: transparent;
  border: 0;
  color: #919eab;
  font-size: 17.6px;
  padding: 0;
}
.promo-alerts__header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 20px;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .promo-alerts__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.promo-alerts__header__left-side {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.promo-alerts__header__right-side {
  flex-shrink: 0;
  margin-left: auto;
}
.promo-alerts__header__image {
  flex-shrink: 0;
  margin-right: 16px;
  width: 60px;
}
.promo-alerts__header__image img {
  display: block;
  width: 100%;
}
.promo-alerts__header__title {
  color: #212B36;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 6px;
  text-transform: uppercase;
}
.promo-alerts__header__title strong {
  color: #E51F34;
  font-weight: 800;
}
.promo-alerts__header__text {
  color: #161C23;
  font-size: 14px;
  letter-spacing: -0.0257em;
  line-height: 1.28em;
  margin-bottom: 9px;
}
.promo-alerts__header .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #E51F34;
  border-color: #E51F34;
}
.promo-alerts__header .sr-switch input:checked ~ .sr-switch__slider::before {
  background-color: #FFFFFF;
}
.promo-alerts__header .sr-switch__label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin: 0;
}
.promo-alerts__header .sr-switch__slider {
  background-color: #FFFFFF;
  border-color: #E51F34;
}
.promo-alerts__header .sr-switch__slider::before {
  background-color: #E51F34;
}
.promo-alerts__header .sr-switch__text {
  color: #161c23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.14em;
}
.promo-alerts__header .store {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #e1f2f3;
  border-radius: 10px;
  padding: 8px 16px 8px 8px;
}
@media (max-width: 636px) {
  .promo-alerts__header .store {
    margin-left: 0;
    width: 100%;
  }
}
.promo-alerts__header .store::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #212b36;
  content: "\e92b";
  flex-shrink: 0;
  font-family: "shoprite-icon";
  font-size: 10.4px;
  margin-left: 17px;
}
.promo-alerts__header .store__mark {
  margin-right: 4px;
  width: 32px;
}
.promo-alerts__header .store__mark img {
  display: block;
  width: 100%;
}
.promo-alerts__header .store__name {
  color: #161C23;
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.0272em;
  line-height: 1.27em;
}
.promo-alerts__header .store__open {
  color: #161c23;
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.0272em;
  line-height: 1.27em;
}
.promo-alerts__header .store__open strong {
  color: #38a8ae;
  font-weight: 700;
}
.promo-alerts__title {
  color: #212b36;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 8px;
  text-transform: uppercase;
}
.promo-alerts__subtitle {
  color: #161c23;
  font-size: 14px;
  letter-spacing: -0.0257em;
  line-height: 1.28em;
}
.promo-alerts__section {
  background-color: #F4F6F8;
  border-radius: 20px;
  margin-bottom: 24px;
  padding: 24px;
  position: relative;
  /*&--near-you {
      &::after {
        background-color: #ecf0f4;
        bottom: 0;
        content: "";
        height: 8px;
        left: 0;
        position: absolute;
        width: 100%;

        @media (max-width: @screen-xs-max) {
          left: -15px;
          width: ~"calc(100% + 30px)";
        }
      }
    }*/
}
@media (max-width: 636px) {
  .promo-alerts__section {
    margin-left: -10px;
    margin-right: -10px;
    padding: 24px 16px;
  }
}
.promo-alerts__section__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .promo-alerts__section__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}
.promo-alerts__section__header__left-side {
  margin-right: 20px;
}
@media (max-width: 636px) {
  .promo-alerts__section__header__left-side {
    margin-bottom: 16px;
    margin-right: 0;
  }
}
.promo-alerts__section__header .actions-buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  flex-shrink: 0;
  margin-left: auto;
}
.promo-alerts__section__header .actions-buttons .change-views {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #FFFFFF;
  border-radius: 50px;
  flex-shrink: 0;
  margin-right: 8px;
}
.promo-alerts__section__header .actions-buttons .change-views__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 50%;
  border: 0;
  color: #212B36;
  flex-shrink: 0;
  height: 32px;
  padding: 0;
  width: 32px;
}
.promo-alerts__section__header .actions-buttons .change-views__button--list {
  font-size: 10px;
}
.promo-alerts__section__header .actions-buttons .change-views__button--grid {
  font-size: 14px;
}
.promo-alerts__section__header .actions-buttons .change-views__button.is-active {
  background-color: #212B36;
  color: #FFFFFF;
  pointer-events: none;
}
.promo-alerts__section__header .actions-buttons .change-views__button[disabled] {
  color: #919eab;
}
.promo-alerts__section__header .actions-buttons .action-button {
  background-color: #FFFFFF;
  border-radius: 50px;
  border: 0;
  color: #22252e;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.08em;
  padding: 8px 11px;
}
.promo-alerts__section__header .actions-buttons .action-button--remove {
  color: #E51F34;
  font-weight: 700;
  margin-right: 8px;
}
.promo-alerts__section__header .actions-buttons .action-button--remove::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92e";
  font-family: "shoprite-icon";
  font-size: 6.79px;
  margin-left: 13px;
}
.promo-alerts__section__header .actions-buttons .action-button[disabled] {
  color: #919EAB;
}
.promo-alerts__section__title {
  color: #161c23;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0;
  padding-right: 20px;
  position: relative;
  text-transform: uppercase;
}
.promo-alerts__section__title strong {
  color: #e51f34;
  font-weight: 800;
}
.promo-alerts__section__title-place {
  white-space: nowrap;
  position: relative;
}
.promo-alerts__section__text {
  color: #161c23;
  font-size: 14px;
  letter-spacing: -0.0257em;
  line-height: 1.28em;
  margin: 0;
}
.promo-alerts__section__total-products {
  background-color: #e51f34;
  border-radius: 40px;
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  font-weight: 700;
  height: 16px;
  letter-spacing: -0.0081em;
  line-height: 16px;
  padding: 0 7px;
  position: absolute;
  right: -24px;
  top: 3px;
}
.promo-alerts__section .product {
  background-color: #FFFFFF;
  border-radius: 10px;
  border: 0;
  box-shadow: 0px 8px 16px rgba(33, 43, 54, 0.15);
  padding: 8px 16px 8px 8px;
}
.promo-alerts__section .product:not(:last-child) {
  border: 0;
  margin-bottom: 8px;
}
.promo-alerts__section .product__image {
  flex-shrink: 0;
  margin-right: 14px;
  width: 50px;
}
.promo-alerts__section .product__name:link,
.promo-alerts__section .product__name:visited {
  font-weight: 600;
}
.promo-alerts__section .product__valid {
  font-size: 10px;
}
.promo-alerts__section .product__buttons .checkbox-slip {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-bottom: 24px;
  padding-left: 24px;
  position: relative;
  user-select: none;
}
.promo-alerts__section .product__buttons .checkbox-slip input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.promo-alerts__section .product__buttons .checkbox-slip input:checked ~ .checkmark {
  background-color: #E51F34;
  border-color: #E51F34;
}
.promo-alerts__section .product__buttons .checkbox-slip input:checked ~ .checkmark::after {
  display: block;
}
.promo-alerts__section .product__buttons .checkbox-slip input ~ .checkmark {
  background-color: #F4F6F8;
}
.promo-alerts__section .product__buttons .checkbox-slip .checkmark {
  background-color: #F4F6F8;
  border-radius: 3px;
  border: 1px solid #919EAB;
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.promo-alerts__section .product__buttons .checkbox-slip .checkmark::after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border: solid white;
  border-width: 0 2px 2px 0;
  content: "";
  display: none;
  height: 13px;
  left: 8px;
  position: absolute;
  top: 3px;
  transform: rotate(45deg);
  width: 7px;
}
.promo-alerts__section .product-empty {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  border-radius: 5px;
  border: 1px dashed #161c23;
  color: #212B36;
  filter: drop-shadow(0px 8px 16px rgba(33, 43, 54, 0.15));
  padding: 8px;
}
.promo-alerts__section .product-empty .icon {
  font-size: 20px;
  margin-right: 10px;
}
.promo-alerts__section .product-empty .text {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.16em;
  text-align: center;
}
.promo-alerts__section--at-your-store {
  background-color: #FCE9EB;
  margin-bottom: 24px;
}
.promo-alerts__section--at-your-store .product-empty {
  border-color: #e51f34;
}
.promo-alerts__section--all-promo-alerts .promo-alerts__section__header {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.promo-alerts__section--all-promo-alerts .promo-alerts__section__title {
  margin-bottom: 8px;
}
.promo-alerts__section--all-promo-alerts .product__price {
  width: 87px !important;
}
.promo-alerts__section--all-promo-alerts .product__remove-button {
  background-color: #fce9eb !important;
  border-radius: 50%;
  color: #e51f34 !important;
  font-size: 16px !important;
  height: 32px;
  width: 32px;
}
.promo-alerts__section.grid-view .promo-alerts__section__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
  grid-template-columns: repeat(5, 1fr);
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 8px;
}
@media (max-width: 1280px) {
  .promo-alerts__section.grid-view .promo-alerts__section__body {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1024px) {
  .promo-alerts__section.grid-view .promo-alerts__section__body {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .promo-alerts__section.grid-view .promo-alerts__section__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
.promo-alerts__section.grid-view .promo-alerts__section__body .product {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 12px 8px;
  position: relative;
}
.promo-alerts__section.grid-view .promo-alerts__section__body .product:not(:last-child) {
  margin-bottom: 0;
}
.promo-alerts__section.grid-view .promo-alerts__section__body .product__image {
  margin: 0 auto 16px;
  max-width: 80px;
  width: 100%;
}
.promo-alerts__section.grid-view .promo-alerts__section__body .product__image img {
  max-height: none;
  max-width: none;
}
.promo-alerts__section.grid-view .promo-alerts__section__body .product__options {
  bottom: auto;
  position: absolute;
  top: 12px;
}
.promo-alerts__section.grid-view .promo-alerts__section__body .product__options--promo-right {
  left: 8px;
}
.promo-alerts__section.grid-view .promo-alerts__section__body .product__options--promo-left {
  right: 8px;
}
.promo-alerts__section.grid-view .promo-alerts__section__body .product__price {
  margin: 0 0 8px;
  padding: 0;
  width: 100%;
}
.promo-alerts__section.grid-view .promo-alerts__section__body .product__description {
  margin: 0 0 16px;
  width: 100%;
}
.promo-alerts__section.grid-view .promo-alerts__section__body .product__buttons {
  margin-top: auto;
}
.promo-alerts__section.grid-view .promo-alerts__section__body .product-empty {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 280px;
}
.promo-alerts__section.grid-view .promo-alerts__section__body .product-empty .icon {
  margin-bottom: 10px;
  margin-right: 0;
}
.promo-alerts .product-not-available__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #ECF0F4;
  border-radius: 3px;
  border: 1px solid #919EAB;
  color: #161C23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 1.14em;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  width: 100%;
}
@media (max-width: 1024px) {
  .promo-alerts .product-not-available__button {
    font-size: 12px;
    line-height: 1.08em;
    padding: 8px 9px;
  }
}
@media (max-width: 636px) {
  .promo-alerts .product-not-available__button {
    padding: 5px 6px 5px 9px;
  }
}
.promo-alerts .product-not-available__button span {
  width: calc(100% - 33px);
  font-size: 12px;
}
@media (max-width: 1024px) {
  .promo-alerts .product-not-available__button span {
    width: calc(100% - 40px);
  }
}
@media (max-width: 636px) {
  .promo-alerts .product-not-available__button span {
    width: calc(100% - 24px);
  }
}
.promo-alerts .product-not-available__button strong {
  color: #38a8ae;
}
.promo-alerts .product-not-available__button::after {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #38a8ae;
  border-radius: 2px;
  color: #FFFFFF;
  content: "\e92b";
  font-family: "shoprite-icon";
  font-size: 13px;
  height: 40px;
  width: 40px;
}
@media (max-width: 1024px) {
  .promo-alerts .product-not-available__button::after {
    width: 40px;
  }
}
@media (max-width: 636px) {
  .promo-alerts .product-not-available__button::after {
    width: 22px;
  }
}
.promo-alerts__menu {
  padding: 5px 0;
  position: relative;
}
.promo-alerts__menu__link:link,
.promo-alerts__menu__link:visited {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #fce9eb;
  border-radius: 50px;
  color: #E51F34;
  margin: 0 17px;
  padding: 6px 16px;
  position: relative;
  text-decoration: none;
}
@media (max-width: 1200px) {
  .promo-alerts__menu__link:link,
  .promo-alerts__menu__link:visited {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    padding: 0;
    width: 36px;
  }
}
@media (max-width: 636px) {
  .promo-alerts__menu__link:link,
  .promo-alerts__menu__link:visited {
    margin: 0 0 0 8px;
  }
}
.promo-alerts__menu__link:hover,
.promo-alerts__menu__link:active {
  color: #E51F34;
}
.promo-alerts__menu__link::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #E51F34;
  content: "\e977";
  font-family: "shoprite-icon";
  font-size: 14px;
  font-weight: 400;
  margin-right: 8px;
}
@media (max-width: 1200px) {
  .promo-alerts__menu__link::before {
    font-size: 18px;
    margin-right: 0;
  }
}
.promo-alerts__menu__link .text {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.08em;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .promo-alerts__menu__link .text {
    display: none;
  }
}
.promo-alerts__menu::before {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.promo-alerts__menu .promo-alerts__submenu {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  backface-visibility: hidden;
  border-radius: 0;
  height: 100%;
  max-height: none;
  overflow-y: auto;
  padding: 80px 16px 20px;
  position: fixed;
  right: -350px;
  top: 0;
  width: 350px;
}
@media (max-width: 350px) {
  .promo-alerts__menu .promo-alerts__submenu {
    right: -100%;
    width: 100%;
  }
}
.promo-alerts__menu .promo-alerts__submenu .cookie-consent {
  font-size: 14px;
  letter-spacing: -0.0214em;
  line-height: 1.28em;
  margin-top: 18px;
  text-align: center;
}
.promo-alerts__menu .promo-alerts__submenu .cookie-consent__learn-more {
  text-decoration: underline;
  color: #161C23;
}
.promo-alerts__menu .promo-alerts__submenu .error-alert .error-message {
  color: #e51f34;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-top: 7px;
  text-align: center;
  text-transform: none;
  width: 100%;
}
.promo-alerts__menu .promo-alerts__submenu .js-promo-alerts-success-message .alert-rating {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  animation-name: showAlertRatingSubmenu;
  max-width: 72%;
  padding: 12px;
  position: absolute;
  top: 44px;
}
.promo-alerts__menu .promo-alerts__submenu .js-promo-alerts-success-message .alert-rating .text {
  font-size: 16px;
  letter-spacing: -0.005em;
  line-height: 1em;
}
.promo-alerts__menu .promo-alerts__submenu .js-promo-alerts-success-message .alert-rating.is-hide {
  animation-name: hideAlertRatingSubmenu;
}
.promo-alerts__menu .promo-alerts__submenu__content {
  max-height: 100%;
}
.promo-alerts__menu .promo-alerts__submenu .view-my-alerts {
  background: #FCE9EB;
  bottom: 0;
  box-shadow: 0px -4px 15px rgba(0, 0, 0, 0.15);
  height: 74px;
  left: 0;
  padding: 16px 24px;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.promo-alerts__menu .promo-alerts__submenu .view-my-alerts__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #E51F34;
  border-radius: 40px;
  color: #FFFFFF;
  height: 42px;
  padding: 0 10px;
  text-align: center;
  width: 100%;
}
.promo-alerts__menu .promo-alerts__submenu .view-my-alerts__button:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 636px) {
  .promo-alerts__menu .promo-alerts__submenu .view-my-alerts__button:not(:last-child) {
    margin-bottom: 0;
  }
}
.promo-alerts__menu .promo-alerts__submenu .view-my-alerts__button .text {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0214em;
  line-height: 0.92em;
  margin-right: 12px;
}
.promo-alerts__menu .promo-alerts__submenu .view-my-alerts__button .icon {
  font-size: 20px;
}
.promo-alerts__menu .promo-alerts__submenu .view-my-alerts__button--got-it {
  display: none;
}
.promo-alerts__menu .promo-alerts__submenu .view-my-alerts__button--got-it .icon {
  font-size: 15px;
}
.promo-alerts__menu .promo-alerts__submenu .login-page__back {
  position: absolute;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__row {
  margin-bottom: 8px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__block {
  padding: 0;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__block--xtra-savings {
  border-radius: 10px;
  margin-bottom: 16px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__block--link-footer {
  font-weight: 600;
  margin-top: 16px;
  text-align: center;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__block--link-footer a {
  color: #38a8ae;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__block .password-rules {
  margin-bottom: 16px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__block .store-search-field {
  padding: 0 0 14px 0;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__block .nav-store-your,
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__block .nav-store-your-results {
  padding: 16px 0;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__actions__info__icon {
  color: #ff4219;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__title {
  color: #161C23;
  font-size: 18px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 21px;
  max-width: none;
  padding: 0 40px;
  text-transform: uppercase;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__input {
  border-radius: 55px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__terms-conditions {
  margin: 0;
  padding: 24px 20px 27px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__terms-conditions .sr-switch__label {
  width: 75%;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__terms-conditions .sr-switch__label a:link,
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__terms-conditions .sr-switch__label a:visited {
  display: initial;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates {
  border-bottom: 1px solid #C4CDD5;
  border-top: 1px solid #C4CDD5;
  padding: 20px 20px 24px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .option {
  margin-bottom: 16px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .option .sr-switch {
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .option .sr-switch__slider {
  margin-right: 16px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .option .sr-switch__label {
  color: #161C23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.28em;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .types {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding-left: 60px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .types__item .sr-switch {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .types__item .sr-switch label {
  margin-right: 0;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .types__item .sr-switch__slider {
  margin: 0;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .types__item .sr-switch__label {
  color: #161C23;
  font-size: 14px;
  letter-spacing: -0.005em;
  text-align: center;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .types__item:not(:last-child) {
  margin-right: 20px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__preference-section {
  padding: 24px 14px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .form-section__preference-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 24px;
  text-align: center;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card {
  padding: 22px 16px 24px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__logo {
  width: 51px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__title {
  color: #161C23;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 24px;
  margin-top: -33px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__title strong {
  color: #ff4219;
  font-weight: 700;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__inputs .form-section__input.used,
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__inputs .form-section__input:focus {
  border: 1px solid #FF4219;
  box-shadow: 0px 2px 0px #FF4219;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__inputs .form-section__input.used.sr-error,
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__inputs .form-section__input:focus.sr-error {
  background-color: rgba(219, 80, 74, 0.3);
  border: 1px solid #FF4219;
  box-shadow: inset 0px 0px 0px 4px #FFFFFF;
  color: #DB504A;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__inputs .info-error:empty {
  margin: 0;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .password-rule {
  color: #212B36;
  display: block;
  font-size: 12px;
  line-height: 1.16em;
  margin-bottom: 17px;
  text-align: center;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .password-rule strong {
  font-weight: 700;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .sr-button {
  background-color: #38a8ae;
  border-radius: 100px;
  color: #ffffff;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .sr-button:disabled {
  background-color: #dfe3e8;
  color: #919eab;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .said-passport-number {
  position: relative;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .said-passport-number .form-section__link {
  position: absolute;
  top: 8px;
  right: 16px;
}
.promo-alerts__menu .promo-alerts__submenu #shrRegisterForm .said-passport-number .form-section__link__button {
  letter-spacing: -0.3px;
  line-height: 1.07em;
  min-width: 70px;
  max-width: 90px;
  padding: 0;
  text-align: right;
}
.promo-alerts__menu .promo-alerts__submenu .confirmation-register {
  background: none;
  padding: 0;
}
.promo-alerts__menu .promo-alerts__submenu .confirmation-register::before {
  background-image: url("/_ui/responsive/common/images/account-created-image.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 136px;
  margin: 0 auto 16px;
  width: 120px;
}
.promo-alerts__menu .promo-alerts__submenu .confirmation-register .form-section__title {
  color: #161C23;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.16em;
  margin: 0 0 21px;
  max-width: none;
  padding: 0 40px;
  text-transform: none;
}
.promo-alerts__menu .promo-alerts__submenu .confirmation-register__verify-account {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #E1F2F3;
  border-radius: 5px;
  color: #148181;
  margin-bottom: 16px;
  text-align: left;
  padding: 12px 13px;
}
.promo-alerts__menu .promo-alerts__submenu .confirmation-register__verify-account .icon {
  font-size: 22px;
  margin-right: 13px;
}
.promo-alerts__menu .promo-alerts__submenu .confirmation-register__text {
  margin-bottom: 0;
}
.promo-alerts__menu .promo-alerts__submenu .confirmation-register ~ .login-page__link-button {
  display: none;
}
.promo-alerts__menu .promo-alerts__submenu-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  bottom: auto;
  box-shadow: none;
  padding: 16px 16px 8px;
  top: 0;
}
.promo-alerts__menu .promo-alerts__submenu-button .close-button {
  display: block;
}
.promo-alerts__menu.is-show::before {
  opacity: 1;
  visibility: visible;
}
.promo-alerts__menu.is-show .promo-alerts__menu__link {
  z-index: -1;
}
.promo-alerts__menu.is-show .promo-alerts__submenu {
  opacity: 1;
  right: 0;
  visibility: visible;
}
.promo-alerts .promo-alerts-logout__login {
  background-color: #ffece8;
  background-image: url("/_ui/responsive/common/images/xtra-savings/signin-background.png");
  background-position: 15px top;
  background-repeat: no-repeat;
  background-size: 187px;
  height: 100%;
  left: 0;
  padding: 56px 24px;
  position: absolute;
  top: 0;
  width: 100%;
}
.promo-alerts .promo-alerts-logout__login .profile__menu__start-here__image {
  margin-bottom: 16px;
  text-align: center;
}
.promo-alerts .promo-alerts-logout__login .profile__menu__start-here__image img {
  max-width: 110px;
  max-height: 110px;
}
.promo-alerts .promo-alerts-logout__login .profile__menu__start-here__title {
  color: #212B36;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.0277em;
  line-height: 1em;
  margin: 0 auto 16px;
  max-width: 236px;
  text-align: center;
  text-transform: uppercase;
}
.promo-alerts .promo-alerts-logout__login .profile__menu__start-here__title strong {
  color: #ff4219;
  font-weight: 800;
}
.promo-alerts .promo-alerts-logout__login .form-section__title {
  color: #212B36;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.0277em;
  line-height: 1em;
  margin: 0 auto 16px;
  max-width: 236px;
  text-align: center;
  text-transform: uppercase;
}
.promo-alerts .promo-alerts-logout__login .form-section__title strong {
  color: #ff4219;
  font-weight: 800;
}
.promo-alerts .promo-alerts-logout__login .form-section__input {
  border-radius: 45px !important;
  border: 0;
}
.promo-alerts .promo-alerts-logout__login .form-section__input.used,
.promo-alerts .promo-alerts-logout__login .form-section__input:focus {
  border: 1px solid #FF4219;
  box-shadow: 0px 2px 0px #FF4219;
}
.promo-alerts .promo-alerts-logout__login .form-section__input.used.sr-error,
.promo-alerts .promo-alerts-logout__login .form-section__input:focus.sr-error {
  border: 1px solid #FF4219;
}
.promo-alerts .promo-alerts-logout__login .form-section .sr-button {
  background-color: #ff4219;
  color: #FFFFFF;
  border-radius: 45px;
  font-weight: 700;
  padding: 14px 12px;
}
.promo-alerts .promo-alerts-logout__login .form-section .sr-button:disabled {
  background-color: #ff4219;
  color: #FFFFFF;
  opacity: 0.3;
}
.promo-alerts .promo-alerts-logout__login .verification-email-sent {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #161C23;
  text-align: center;
}
.promo-alerts .promo-alerts-logout__login .verification-email-sent__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.0277em;
  line-height: 1em;
  margin: 0 0 16px;
  text-transform: uppercase;
  max-width: 203px;
  width: 100%;
}
.promo-alerts .promo-alerts-logout__login .verification-email-sent__image {
  margin-bottom: 16px;
  width: 120px;
}
.promo-alerts .promo-alerts-logout__login .verification-email-sent__image img {
  display: block;
  width: 100%;
}
.promo-alerts .promo-alerts-logout__login .verification-email-sent__click {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.125em;
  margin-bottom: 8px;
}
.promo-alerts .promo-alerts-logout__login .verification-email-sent__redirect {
  font-size: 16px;
  line-height: 1.125em;
}
.promo-alerts .promo-alerts-logout__login .verification-email-sent__redirect a {
  color: #161C23;
  font-weight: 700;
}
.promo-alerts .promo-alerts-logout__login .verification-email-sent__redirect .js-countdown {
  color: #38a8ae;
  font-weight: 700;
}
.promo-alerts .promo-alerts-logout__login--verification-email {
  background: none;
}
.promo-alerts .promo-alerts-logout__login--otp .profile__menu__start-here__image {
  display: none;
}
.promo-alerts .promo-alerts-logout__login--otp .js-promo-alerts-otp .form-section__block {
  padding: 0;
}
.promo-alerts .promo-alerts-logout__login--otp .js-promo-alerts-otp .form-section__link a {
  color: #161C23;
  font-weight: 600;
  text-decoration: underline;
}
.promo-alerts .promo-alerts-logout__login--otp .js-promo-alerts-otp .profile-menu-title {
  color: #161C23;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 16px;
}
.promo-alerts .promo-alerts-logout__login--otp .js-promo-alerts-otp .profile-menu-title .custom-link {
  color: #ff4219;
  display: block;
}
.promo-alerts .promo-alerts-logout__login--otp .js-promo-alerts-otp .action-box.otp {
  background-color: #FFFFFF;
  border-radius: 5px;
  padding: 13px;
}
.promo-alerts .promo-alerts-logout__login--otp .js-promo-alerts-otp #shrOneTimePinForm .four-digits-inputs {
  margin-top: 0;
}
.promo-alerts .promo-alerts-logout__login--password .form-section__title {
  font-weight: 700;
  text-transform: none;
}
.promo-alerts .promo-alerts-logout__login--password .form-section__title strong {
  display: block;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.promo-alerts .promo-alerts-logout__login--password .form-section__link__button:link,
.promo-alerts .promo-alerts-logout__login--password .form-section__link__button:visited {
  color: #161C23;
  font-weight: 600;
  text-decoration: underline;
}
.promo-alerts .promo-alerts-logout__login--password .form-section__actions {
  margin-bottom: 0;
}
.promo-alerts .promo-alerts-logout__login--password #loginForm {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.promo-alerts .promo-alerts-logout__login--password #loginForm .keep-sign-in {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  order: 2;
}
.promo-alerts .promo-alerts-logout__login--password #loginForm .keep-sign-in .sr-switch {
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  width: auto;
}
.promo-alerts .promo-alerts-logout__login--password #loginForm .keep-sign-in .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #ff4219;
}
.promo-alerts .promo-alerts-logout__login--password #loginForm .keep-sign-in .sr-switch input:checked ~ .sr-switch__slider::before {
  background-color: #FFFFFF;
}
.promo-alerts .promo-alerts-logout__login--password #loginForm .keep-sign-in .sr-switch__slider {
  border-color: #ff4219;
}
.promo-alerts .promo-alerts-logout__login--password #loginForm .keep-sign-in .sr-switch__slider::before {
  background-color: #ff4219;
}
.promo-alerts .promo-alerts-logout__login--password #loginForm .keep-sign-in .sr-switch__label {
  color: #161C23;
  font-size: 16px;
  font-weight: 700;
  line-height: 0.875em;
  margin-bottom: 0;
}
.promo-alerts .promo-alerts-signed {
  background-color: #ffece8;
  height: 100%;
  left: 0;
  overflow-y: auto;
  padding-bottom: 74px;
  position: absolute;
  top: 0;
  width: 100%;
}
.promo-alerts .promo-alerts-signed__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 6px solid #FFACB5;
  padding: 27px 24px 16px;
}
.promo-alerts .promo-alerts-signed__title {
  color: #161C23;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.0277em;
  line-height: 1em;
  margin: 0 0 32px;
  text-transform: uppercase;
  text-align: center;
}
.promo-alerts .promo-alerts-signed__title .promo-color-text {
  color: #E51F34;
}
.promo-alerts .promo-alerts-signed__image {
  margin-bottom: 16px;
  width: 110px;
}
.promo-alerts .promo-alerts-signed__image img {
  display: block;
  width: 100%;
}
.promo-alerts .promo-alerts-signed__switch .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #E51F34;
  border-color: #E51F34;
}
.promo-alerts .promo-alerts-signed__switch .sr-switch input:checked ~ .sr-switch__slider::before {
  background-color: #FFFFFF;
}
.promo-alerts .promo-alerts-signed__switch .sr-switch__label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  width: 100%;
}
.promo-alerts .promo-alerts-signed__switch .sr-switch__slider {
  background-color: #FFFFFF;
  border-color: #E51F34;
}
.promo-alerts .promo-alerts-signed__switch .sr-switch__slider::before {
  background-color: #E51F34;
}
.promo-alerts .promo-alerts-signed__switch .sr-switch__text {
  color: #161c23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.14em;
}
.promo-alerts .promo-alerts-signed #emailForm .form-section__row:last-of-type {
  margin-bottom: 0;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list {
  padding: 16px 24px;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list__header {
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 0;
  margin-bottom: 15px;
  padding: 0;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list__title {
  color: #212B36;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.28em;
  margin: 0;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list .promo-alerts__section__title-place {
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #FFFFFF;
  border-radius: 33px;
  color: #212B36;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.0083em;
  line-height: 0.75em;
  padding: 7.5px 8px;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list .promo-alerts__section__label {
  order: 2;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list .promo-alerts__section__total-products {
  background-color: transparent;
  color: #E51F34;
  font-size: 12px;
  font-weight: 800;
  height: auto;
  line-height: 0.75em;
  margin-right: 2px;
  order: 1;
  padding: 0;
  position: relative;
  right: auto;
  top: auto;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list__body {
  padding: 0;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list__body .product {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #FFFFFF;
  border-radius: 10px;
  border: 0;
  padding: 8px 9px 10px 12px;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list__body .product:not(:last-child) {
  margin-bottom: 8px;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list__body .product__image {
  margin-right: 14px;
  width: 60px;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list__body .product .product__options--promo-left {
  bottom: 0;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list__body .product__price {
  margin-bottom: 6px;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list__body .product__name {
  font-size: 11px;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 6px;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list__body .product__valid {
  font-size: 10px;
  line-height: 1em;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list__body .product__remove-button {
  background-color: #ECF0F4;
  border-radius: 50%;
  color: #212B36;
  font-size: 8.49px;
  height: 22px;
  width: 22px;
}
.promo-alerts .promo-alerts-signed .promo-alerts-list__body .product__remove-button i::before {
  content: "\e92e";
}
.promo-alerts .promo-alerts-notifications {
  background-color: #FCE9EB;
  border-radius: 10px;
  margin-bottom: 16px;
  padding: 24px 30px 24px;
}
.promo-alerts .promo-alerts-notifications__image {
  margin-bottom: 8px;
}
.promo-alerts .promo-alerts-notifications__image img {
  display: block;
  margin: 0 auto;
  width: 120px;
}
.promo-alerts .promo-alerts-notifications__title {
  color: #212B36;
  display: block;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.14em;
  margin-bottom: 16px;
  text-align: center;
  text-transform: uppercase;
}
.promo-alerts .promo-alerts-notifications__steps .step {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.promo-alerts .promo-alerts-notifications__steps .step:not(:last-child) {
  margin-bottom: 10px;
}
.promo-alerts .promo-alerts-notifications__steps .step__image {
  flex-shrink: 0;
  margin-right: 16px;
  width: 76px;
}
.promo-alerts .promo-alerts-notifications__steps .step__image img {
  display: block;
  width: 100%;
}
.promo-alerts .promo-alerts-notifications__steps .step__text {
  color: #161C23;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.14em;
}
.promo-alerts .promo-alerts-notifications__steps .step__text strong {
  color: #E51F35;
}
.promo-alerts__submenu {
  background-color: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 4px 16px 0 rgba(22, 28, 35, 0.2);
  max-height: 510px;
  opacity: 0;
  overflow-y: hidden;
  padding: 8px 8px 56px;
  position: absolute;
  right: 17px;
  top: 100%;
  visibility: hidden;
  width: 310px;
  z-index: 100;
}
.promo-alerts__submenu__content {
  overflow-y: auto;
  max-height: 446px;
}
.promo-alerts__submenu .js-promo-alerts-email-form-section .communication-preferences__error-alert {
  background-color: #FEF7E8;
  margin-bottom: 8px;
  margin-top: 16px;
  padding: 12px 13px;
}
.promo-alerts__submenu .js-promo-alerts-email-form-section .communication-preferences__error-alert .icon {
  color: #FF8E32;
  font-size: 22px;
  margin-right: 13px;
}
.promo-alerts__submenu .js-promo-alerts-email-form-section .communication-preferences__error-alert .text {
  color: #9F5A22;
  text-align: left;
}
.promo-alerts__submenu .js-promo-alerts-email-form-section .form-section__input {
  background-color: #FEF7E8;
  border-radius: 45px;
  border: 1px solid #FF8E32;
  box-shadow: inset 0px 0px 0px 4px #FFFFFF;
  color: #212B36;
}
.promo-alerts__submenu .js-promo-alerts-email-form-section .form-section__input.used,
.promo-alerts__submenu .js-promo-alerts-email-form-section .form-section__input:focus {
  border: 1px solid #FF8E32;
  box-shadow: inset 0px 0px 0px 4px #FFFFFF;
}
.promo-alerts__submenu .js-promo-alerts-email-form-section .form-section__input.used.sr-error,
.promo-alerts__submenu .js-promo-alerts-email-form-section .form-section__input:focus.sr-error {
  border: 1px solid #FF4219;
}
.promo-alerts__submenu .js-promo-alerts-email-form-section .form-section__label {
  color: #454F5B;
}
.promo-alerts__submenu .js-promo-alerts-email-form-section .sr-button {
  background-color: #FF8E32;
  color: #FFFFFF;
  border-radius: 45px;
  font-weight: 700;
  padding: 14px 12px;
}
.promo-alerts__submenu .js-promo-alerts-email-form-section .sr-button:disabled {
  background-color: #FF8E32;
  color: #FFFFFF;
  opacity: 0.3;
}
.promo-alerts__submenu .promo-alerts-email {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #e1f2f3;
  border-radius: 5px;
  padding: 8px 40px 24px;
  text-align: center;
}
.promo-alerts__submenu .promo-alerts-email__image {
  height: auto;
  margin-bottom: 6px;
  width: 54px;
}
.promo-alerts__submenu .promo-alerts-email__text {
  color: #161c23;
  font-size: 14px;
  line-height: 1.28em;
  margin-bottom: 16px;
}
.promo-alerts__submenu .promo-alerts-email__text strong {
  font-weight: 700;
}
.promo-alerts__submenu .promo-alerts-email__switch {
  margin-bottom: 16px;
}
.promo-alerts__submenu .promo-alerts-email__switch .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #E51F34;
  border-color: #E51F34;
}
.promo-alerts__submenu .promo-alerts-email__switch .sr-switch__label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  width: 100%;
}
.promo-alerts__submenu .promo-alerts-email__switch .sr-switch__slider {
  background-color: #FFFFFF;
}
.promo-alerts__submenu .promo-alerts-email__switch .sr-switch__text {
  color: #161c23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.14em;
}
.promo-alerts__submenu .promo-alerts-email__button {
  background-color: #38a8ae;
  border: 0;
  border-radius: 50px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  min-width: 200px;
  padding: 6px 10px;
}
.promo-alerts__submenu .promo-alerts-email__button:not(:disabled):hover {
  background-color: #148181;
}
.promo-alerts__submenu .promo-alerts-list__header {
  border-bottom: 9px solid #ecf0f4;
  padding: 20px 0;
  text-align: center;
}
.promo-alerts__submenu .promo-alerts-list__title {
  color: #e51f34;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0;
  text-transform: uppercase;
}
.promo-alerts__submenu .promo-alerts-list__body {
  padding: 8px 6px;
}
.promo-alerts__submenu .promo-alerts-list__body .product__image {
  margin-right: 4px;
  width: 48px;
}
.promo-alerts__submenu .promo-alerts-list__body .product__price {
  margin-right: 0;
  width: 100%;
}
.promo-alerts__submenu .promo-alerts-list__body .product__description {
  margin-right: 0;
  width: 100%;
  padding: 0 0 0 10px;
}
.promo-alerts__submenu .promo-alerts-list__body .product__remove-button {
  margin-left: 9px;
}
.promo-alerts__submenu.logout {
  padding: 64px 16px;
}
.promo-alerts__submenu.logout .promo-alerts__submenu-button {
  display: none;
}
.promo-alerts__submenu .promo-alerts-signin {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.promo-alerts__submenu .promo-alerts-signin__title {
  color: #161C23;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.125em;
  margin-bottom: 16px;
  text-align: center;
}
.promo-alerts__submenu .promo-alerts-signin__title strong {
  font-weight: 700;
}
.promo-alerts__submenu .promo-alerts-signin__switch {
  margin-bottom: 18px;
}
.promo-alerts__submenu .promo-alerts-signin__switch .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #E51F35;
  border-color: #E51F35;
}
.promo-alerts__submenu .promo-alerts-signin__switch .sr-switch__label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  width: 100%;
}
.promo-alerts__submenu .promo-alerts-signin__switch .sr-switch__slider {
  background-color: #FFFFFF;
  border-color: #E51F35;
}
.promo-alerts__submenu .promo-alerts-signin__switch .sr-switch__slider::before {
  background-color: #E51F35;
}
.promo-alerts__submenu .promo-alerts-signin__switch .sr-switch__text {
  color: #161c23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.14em;
}
.promo-alerts__submenu .promo-alerts-signin__later {
  color: #38a8ae;
  font-size: 14px;
  font-weight: 600;
  line-height: 0.85em;
  text-decoration: underline;
}
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form .communication-preferences__error-alert {
  border-radius: 5px;
  margin-bottom: 8px;
  padding: 12px;
}
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form .communication-preferences__error-alert .icon {
  margin-right: 13px;
}
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form .form-section__input {
  background-color: #ECF0F4;
  border-radius: 45px;
  border: 0;
}
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form .form-section__input.used,
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form .form-section__input:focus {
  border: 1px solid #FF4219;
  box-shadow: 0px 2px 0px #FF4219;
}
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form .form-section__input.used.sr-error,
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form .form-section__input:focus.sr-error {
  border: 1px solid #FF4219;
}
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form .form-section .sr-button {
  background-color: #E51F34;
  color: #FFFFFF;
  border-radius: 45px;
  font-weight: 700;
  padding: 14px 12px;
}
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form .form-section .sr-button:disabled {
  background-color: #E51F34;
  color: #FFFFFF;
  opacity: 0.3;
}
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form.is-verifying .communication-preferences__error-alert {
  background-color: #FEF7E8;
  color: #9F5A22;
}
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form.is-verifying .communication-preferences__error-alert .icon {
  color: #FF8E32;
}
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form.is-verifying .form-section__input.used {
  background-color: #FEF7E8;
  border: 1px solid #FF8E32;
  box-shadow: inset 0px 0px 0px 4px #FFFFFF;
}
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form.is-verifying .form-section .sr-button {
  background-color: #FF8E32;
}
.promo-alerts__submenu .promo-alerts-signin .promo-alerts-email__form.is-verifying .form-section .sr-button:disabled {
  background-color: #FF8E32;
}
.promo-alerts__submenu .promo-alerts-signin__or {
  background-color: #DFE3E8;
  border-radius: 20px;
  color: #161C23;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 0.75em;
  margin-bottom: 18px;
  padding: 6px 8px;
  text-transform: uppercase;
}
.promo-alerts__submenu .promo-alerts-signin__signup {
  font-weight: 600;
  text-decoration: underline;
}
.promo-alerts__submenu.is-empty .promo-alerts-signed {
  padding-bottom: 124px;
}
@media (max-width: 636px) {
  .promo-alerts__submenu.is-empty .promo-alerts-signed {
    padding-bottom: 74px;
  }
}
.promo-alerts__submenu.is-empty .promo-alerts__submenu-button {
  box-shadow: none;
}
.promo-alerts__submenu.is-empty .view-my-alerts {
  height: 124px;
}
@media (max-width: 636px) {
  .promo-alerts__submenu.is-empty .view-my-alerts {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    gap: 8px;
    height: 74px;
  }
}
@media (max-width: 636px) {
  .promo-alerts__submenu.is-empty .view-my-alerts__button {
    white-space: nowrap;
    width: auto;
  }
}
.promo-alerts__submenu.is-empty .view-my-alerts__button--got-it {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 636px) {
  .promo-alerts__submenu.is-empty .view-my-alerts__button--got-it {
    order: 2;
  }
}
.promo-alerts__submenu.is-empty .view-my-alerts__button--manage {
  background-color: transparent;
  border: 1px solid #161C23;
  color: #161C23;
}
@media (max-width: 636px) {
  .promo-alerts__submenu.is-empty .view-my-alerts__button--manage {
    order: 1;
  }
}
.promo-alerts__submenu.is-empty .view-my-alerts__button--manage .text {
  margin-right: 0;
}
.promo-alerts__submenu.is-empty .view-my-alerts__button--manage .icon {
  display: none;
}
.promo-alerts__info-list .info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.promo-alerts__info-list .info:not(:last-child) {
  margin-bottom: 16px;
}
.promo-alerts__info-list .info__image {
  height: auto;
  flex-shrink: 0;
  margin-right: 12px;
  width: 52px;
}
.promo-alerts__info-list .info__text {
  color: #000000;
  display: block;
  font-size: 12px;
  line-height: 1.16em;
  margin-top: 4px;
}
.promo-alerts__info-list .info__text strong {
  font-weight: 700;
}
.promo-alerts .promo-alerts-empty-page__instructions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
.promo-alerts .promo-alerts-empty-page__item {
  background-color: #FCE9EB;
  border-radius: 10px;
  max-width: 240px;
  padding: 24px 30px 29px;
  width: 100%;
}
.promo-alerts .promo-alerts-empty-page__item__image {
  margin: 0 auto 16px;
  max-width: 120px;
  width: 100%;
}
.promo-alerts .promo-alerts-empty-page__item__image img {
  display: block;
  width: 100%;
}
.promo-alerts .promo-alerts-empty-page__item__text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.12em;
  text-align: center;
}
.promo-alerts .promo-alerts-empty-page__item__text strong {
  color: #E51F34;
  font-weight: 700;
}
.promo-alerts .promo-alerts-empty-page__button {
  background-color: #E51F34;
  border-radius: 40px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0214em;
  line-height: 0.92em;
  padding: 10px 25px;
}
@media (max-width: 636px) {
  .promo-alerts .promo-alerts-empty-page__button {
    text-align: center;
    width: 100%;
  }
}
.promo-alerts .promo-alerts-empty-page__button .text {
  display: inline-block;
  vertical-align: middle;
}
.promo-alerts .promo-alerts-empty-page__button .icon {
  display: inline-block;
  font-size: 22.5px;
  font-weight: normal;
  margin-left: 13px;
  vertical-align: middle;
}
.promo-alerts .promo-alerts-empty {
  padding: 16px 24px;
}
.promo-alerts .promo-alerts-empty__header {
  margin-bottom: 16px;
}
.promo-alerts .promo-alerts-empty__title {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.28em;
  margin: 0 0 2px;
  text-transform: uppercase;
}
.promo-alerts .promo-alerts-empty__subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 1em;
  margin: 0;
}
.promo-alerts .promo-alerts-empty__steps .step {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 8px;
}
.promo-alerts .promo-alerts-empty__steps .step:not(:last-child) {
  margin-bottom: 8px;
}
.promo-alerts .promo-alerts-empty__steps .step__image {
  flex-shrink: 0;
  margin-right: 14px;
  position: relative;
  width: 60px;
}
.promo-alerts .promo-alerts-empty__steps .step__image img {
  display: block;
  margin-top: -8px;
  width: 100%;
}
.promo-alerts .promo-alerts-empty__steps .step__number {
  background-color: #E51F34;
  border-radius: 40px;
  box-shadow: 0px 2px 0px rgba(174, 0, 18, 0.2);
  color: #FFFFFF;
  display: block;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25em;
  padding: 4px 6px;
  position: relative;
  text-transform: uppercase;
}
.promo-alerts .promo-alerts-empty__steps .step__text {
  color: #161C23;
  font-size: 14px;
  line-height: 1.14em;
}
.promo-alerts .promo-alerts-empty__steps .step__text strong {
  font-weight: 700;
}
.promo-alerts__submenu-button {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
  box-shadow: 0 -2px 16px 0 rgba(33, 43, 54, 0.2);
  left: 0;
  padding: 12px;
  position: absolute;
  right: 0;
  z-index: 1;
}
.promo-alerts__submenu-button .close-button {
  background-color: #ecf0f4;
  border-radius: 50%;
  border: 0;
  color: #212b36;
  display: none;
  font-size: 14px;
  height: 40px;
  padding: 0;
  width: 40px;
}
.promo-alerts__submenu-button .view-my-alerts-button:link,
.promo-alerts__submenu-button .view-my-alerts-button:visited {
  background-color: #fce9eb;
  border-radius: 50px;
  color: #22252e;
  font-size: 12px;
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  min-width: 182px;
  padding: 0 42px;
  position: relative;
  text-decoration: none;
}
.promo-alerts__submenu-button .view-my-alerts-button:hover,
.promo-alerts__submenu-button .view-my-alerts-button:active {
  color: #22252e;
}
.promo-alerts__submenu-button .view-my-alerts-button::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #e51f34;
  content: "\e972";
  font-family: "shoprite-icon";
  font-size: 16px;
  font-weight: 400;
  left: 13px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.promo-alerts__submenu-button .view-my-alerts-button::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #212b36;
  content: "\e92b";
  font-family: "shoprite-icon";
  font-size: 10.7px;
  font-weight: 400;
  right: 12.7px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.promo-alerts__information {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 8px 16px 0 rgba(22, 28, 35, 0.2);
  left: 50%;
  padding: 24px;
  position: absolute;
  text-transform: uppercase;
  top: calc(100% + 17px);
  width: 458px;
  z-index: 10;
}
@media (max-width: 1024px) {
  .promo-alerts__information {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
  }
}
@media (max-width: 636px) {
  .promo-alerts__information {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 28px;
    position: absolute;
    right: -12px;
    width: calc(100vw - 76px);
  }
}
.promo-alerts__information::before {
  border-bottom: 10px solid #FFFFFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 0;
}
@media (max-width: 1024px) {
  .promo-alerts__information::before {
    left: 25px;
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .promo-alerts__information::before {
    left: auto;
    right: 20px;
  }
}
.promo-alerts__information__close-button {
  background-color: transparent;
  border: 0;
  color: #212b36;
  font-size: 11px;
  height: 32px;
  padding: 0;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 32px;
}
.promo-alerts__information__image {
  flex-shrink: 0;
  height: auto;
  margin-right: 18px;
  width: 82px;
}
@media (max-width: 636px) {
  .promo-alerts__information__image {
    margin-right: 0;
  }
}
@media (max-width: 636px) {
  .promo-alerts__information__text {
    max-width: 211px;
    width: 100%;
  }
}
.promo-alerts__information__new {
  background-color: #e51f34;
  border-radius: 50px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1em;
  margin-bottom: 5px;
  padding: 3px 8px;
}
@media (max-width: 636px) {
  .promo-alerts__information__new {
    margin-bottom: 5px;
  }
}
.promo-alerts__information__title {
  color: #161c23;
  display: block;
  font-size: 18px;
  font-weight: 800;
  line-height: 1em;
  margin: 0;
}
.promo-alerts--page {
  max-width: 828px;
  width: 100%;
}
@media (max-width: 636px) {
  .promo-alerts--page {
    left: auto;
    position: relative;
  }
}
@media (max-width: 636px) {
  .promo-alerts--page .promo-alerts__section {
    margin-left: 0;
    margin-right: 0;
  }
}
.promo-alerts--page .product__price {
  margin-bottom: 0;
  margin-right: 23px;
  width: auto !important;
  max-width: 60%;
}
@media (max-width: 1024px) {
  .promo-alerts--page .product__price {
    max-width: 40%;
  }
}
@media (max-width: 636px) {
  .promo-alerts--page .product__price {
    margin-right: 10px;
  }
  .promo-alerts--page .product__price .item-product__message__text {
    font-size: 11px;
  }
}
@media (max-width: 450px) {
  .promo-alerts--page .product__price.not-available {
    max-width: min-content;
  }
}
.promo-alerts .remove-all-alerts {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.promo-alerts .remove-all-alerts__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #E51F34;
  border-radius: 40px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0214em;
  line-height: 0.92em;
  padding: 14px 22px;
}
.promo-alerts .remove-all-alerts__button .icon {
  font-size: 20px;
  margin-left: 10px;
}
.promo-alerts .button-default {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #38a8ae;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  line-height: 1em;
  min-width: 218px;
  padding: 0 16px;
}
.promo-alerts-button__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  background-color: #ecf0f4;
  border-radius: 50px;
  border: 0;
  color: #212b36;
  font-size: 19.5px;
  height: 32px;
  padding: 0 6px 0 0;
  width: 32px;
  position: relative;
  margin-top: 6px;
}
.promo-alerts-button__button:hover {
  width: 105px;
}
.promo-alerts-button__button:hover .text {
  margin-right: 8px;
  max-width: 100px;
}
.promo-alerts-button__button .text {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #161c23;
  font-size: 10px;
  font-weight: 700;
  max-width: 0;
  overflow: hidden;
  text-transform: uppercase;
  white-space: nowrap;
}
.promo-alerts-button__button .icon {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.promo-alerts-button__button--active {
  background-color: #fce9eb;
  color: #e51f34;
  font-size: 16px;
  padding-right: 8px;
  position: relative;
}
.promo-alerts-button__button--active:hover {
  width: 105px;
}
.promo-alerts-button__button--active .icon {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.add-grocery-list-container__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  background-color: #ecf0f4;
  border-radius: 50px;
  border: 0;
  color: #212b36;
  font-size: 19.5px;
  height: 32px;
  padding: 0 8px 0 0;
  width: 32px;
  position: relative;
  margin-top: 6px;
}
.add-grocery-list-container__button .icon {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.add-grocery-list-container__button.is-active {
  background-color: #4DE16E;
  color: #454F5B;
}
.external-link-cnt .btn-sm {
  font-weight: 700;
}
.external-link-cnt .promo-alerts-button__button:hover {
  width: 32px;
}
.external-link-cnt .promo-alerts-button__button:hover .text {
  display: none;
}
.remove-all-alerts-modal-container #cboxContent {
  border-radius: 10px;
}
.remove-all-alerts-modal-container #cboxLoadedContent {
  margin: 0;
  padding: 0;
}
.remove-all-alerts-modal-container #cboxTitle {
  display: none !important;
}
.remove-all-alerts-modal {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding: 16px;
}
.remove-all-alerts-modal__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #FCE9EA;
  border-radius: 50%;
  color: #E51F35;
  flex-shrink: 0;
  font-size: 20px;
  height: 40px;
  margin-right: 15px;
  width: 40px;
}
.remove-all-alerts-modal__title {
  color: #212b36;
  font-size: 16px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 16px 0 0;
  text-transform: uppercase;
}
.remove-all-alerts-modal__title strong {
  color: #e51f34;
  font-weight: 800;
}
.remove-all-alerts-modal__buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.remove-all-alerts-modal__button {
  background-color: #ECF0F4;
  border-radius: 50px;
  border: 0;
  color: #212B36;
  font-size: 14px;
  line-height: 1em;
  padding: 9px 13px;
  width: 100%;
}
.remove-all-alerts-modal__button:not(:last-child) {
  margin-right: 16px;
}
.search-landing__block {
  background-color: #F4F6F8;
  border-radius: 10px;
  margin-bottom: 48px;
  padding: 29px 33px 24px;
}
@media (max-width: 1024px) {
  .search-landing__block {
    margin-bottom: 24px;
  }
}
@media (max-width: 636px) {
  .search-landing__block {
    border-radius: 0;
    margin-bottom: 21px;
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 1024px) {
  .search-landing__block {
    padding: 16px 16px 24px;
  }
}
@media (max-width: 636px) {
  .search-landing__block {
    padding: 25px 16px 26px;
  }
}
.search-landing__block__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 23px;
  font-size: 18px;
  font-weight: 800;
}
@media (max-width: 636px) {
  .search-landing__block__header {
    margin-bottom: 16px;
  }
}
.search-landing__block__header .total {
  color: #161C23;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.1em;
}
@media (max-width: 636px) {
  .search-landing__block__header .total {
    font-size: 18px;
    line-height: 1em;
  }
}
.search-landing__block__header .button {
  background-color: #38a8ae;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 9px 16px;
}
.search-landing__block__header .button .icon {
  display: inline-block;
  font-size: 10px;
  margin-left: 11px;
}
.search-landing__block--products .search-landing__block__list,
.search-landing__block--recipes .search-landing__block__list {
  -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr;
  display: -ms-grid;
  display: grid;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1024px) {
  .search-landing__block--products .search-landing__block__list,
  .search-landing__block--recipes .search-landing__block__list {
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 636px) {
  .search-landing__block--products .search-landing__block__list,
  .search-landing__block--recipes .search-landing__block__list {
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
.search-landing__block--products .search-landing__block__list .product-frame,
.search-landing__block--recipes .search-landing__block__list .product-frame {
  padding: 0px;
  width: 100%;
}
.search-landing__block--products .search-landing__block__list .product-frame .item-product,
.search-landing__block--recipes .search-landing__block__list .product-frame .item-product {
  background-color: #FFFFFF;
  border: 1px solid #DFE3E8;
  border-radius: 5px;
  padding: 16px;
}
.search-landing__block--products .search-landing__block__list .product-frame .item-product__image,
.search-landing__block--recipes .search-landing__block__list .product-frame .item-product__image {
  margin: 0 auto 16px;
  max-width: 125px;
  width: 100%;
}
.search-landing__block--products .search-landing__block__list .more-recipes__recipe,
.search-landing__block--recipes .search-landing__block__list .more-recipes__recipe {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #DFE3E8;
  margin: 0;
  width: 100%;
}
.search-landing__block--products .search-landing__block__list .more-recipes__recipe__image,
.search-landing__block--recipes .search-landing__block__list .more-recipes__recipe__image {
  border-radius: 0;
  padding-bottom: 61.39%;
  order: 1;
  width: 100%;
}
.search-landing__block--products .search-landing__block__list .more-recipes__recipe__data,
.search-landing__block--recipes .search-landing__block__list .more-recipes__recipe__data {
  left: auto;
  right: 0;
}
.search-landing__block--products .search-landing__block__list .more-recipes__recipe__caption,
.search-landing__block--recipes .search-landing__block__list .more-recipes__recipe__caption {
  height: auto;
  order: 2;
  padding: 12px 12px 24px;
  text-align: center;
  width: 100%;
}
.search-landing__block--products .search-landing__block__list .more-recipes__recipe__name,
.search-landing__block--recipes .search-landing__block__list .more-recipes__recipe__name {
  font-size: 12px;
  line-height: 1em;
  font-weight: 700;
}
.search-landing__block--products .search-landing__block__list .more-recipes__recipe__view,
.search-landing__block--recipes .search-landing__block__list .more-recipes__recipe__view {
  display: none;
}
.search-landing__block--categories {
  background-color: transparent;
  padding-bottom: 8px;
}
.search-landing__block--categories .browse-by-department-banner {
  padding: 0;
}
.search-landing__block--categories .browse-by-department-banner__btn-cnt {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.search-landing__block--categories .search-landing__block__list ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-landing__block--categories .search-landing__block__list ul .item {
  background-color: #38A8AE;
  border-radius: 33px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.0083em;
  line-height: 1em;
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 10px 12px;
  text-transform: uppercase;
}
.search-landing__block--categories .search-landing__block__list ul .item a {
  color: #FFFFFF;
}
.search-landing__block--categories .search-landing__block__list ul .item:nth-child(5n + 2) {
  background-color: #637381;
}
.search-landing__block--categories .search-landing__block__list ul .item:nth-child(5n + 3) {
  background-color: #148181;
}
.search-landing__block--categories .search-landing__block__list ul .item:nth-child(5n + 4) {
  background-color: #454F5B;
}
.search-landing__block--categories .search-landing__block__list ul .item:nth-child(5n + 5) {
  background-color: #637381;
}
.search-landing__block--recipes {
  margin-bottom: 0;
}
.search-landing__actions {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.search-landing__filter {
  display: none;
}
@media (max-width: 1024px) {
  .search-landing__filter {
    display: block;
  }
}
.search-landing__filter .button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: transparent;
  border: 0;
  color: #161C23;
  font-size: 12px;
  line-height: 1.16em;
  margin-right: 16px;
  padding: 0;
}
.search-landing__filter .button .icon {
  font-size: 15px;
  margin-right: 4.5px;
}
body.page-search-landing .product__facet .categories-sidebar {
  background-color: #FFFFFF;
  border-radius: 10px;
  border: 0;
  box-shadow: 0px 8px 16px rgba(22, 28, 35, 0.1);
  padding: 9px 6px 14px 6px;
}
body.page-search-landing .product__facet .categories-sidebar--special {
  box-shadow: none;
  margin: -9px -6px 0 -6px;
  padding: 0;
}
body.page-search-landing .product__facet .categories-sidebar--special .product-categories {
  padding-bottom: 8px;
}
body.page-search-landing .product__facet .categories-sidebar--browse-all {
  -webkit-transform: translateY(14px);
  -ms-transform: translateY(14px);
  transform: translateY(14px);
}
body.page-search-landing .product__facet .categories-sidebar--browse-all .browse-all-stores {
  background-color: #def4f5;
  border: 0;
}
body.page-search-landing .product__facet .categories-sidebar--browse-all .browse-all-stores .title {
  color: #38a8ae;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.0187em;
  line-height: 1em;
}
body.page-search-landing .product__facet .categories-sidebar--browse-all .product-categories {
  padding-bottom: 16px;
}
body.page-search-landing .product__facet .categories-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1em;
}
body.page-search-landing .product__facet .dividing-line-hr {
  display: none;
}
body.page-search-landing .product__facet .filter-result {
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0px 8px 16px rgba(22, 28, 35, 0.1);
  margin: 10px 20px;
  padding: 24px 16px 16px;
  width: auto;
}
body.page-search-landing .product__facet .filter-result .facet__name {
  font-size: 16px;
  text-transform: none;
}
body.page-search-landing .product__facet .filter-result .facet__list li {
  background-color: #d7eeef;
  border-radius: 50px;
  color: #148181;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.08em;
  padding: 7.5px 32px 7.5px 8px !important;
  position: relative;
}
body.page-search-landing .product__facet .filter-result .facet__list__remove {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(56, 168, 174, 0.15);
  border-radius: 50%;
  height: 28px;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
}
body.page-search-landing .product__facet .filter-result .facet__list__remove .icon {
  color: #148181;
  font-size: 9.8px;
  margin: 0;
}
body.page-search-landing .product__facet .facet .facet__input-search {
  border: 0;
  border-radius: 75px;
}
body.page-search-landing .product__facet .facet .facet__input-search input {
  background-color: #ECF0F4;
}
body.page-search-landing .product__facet .facet .facet__list {
  border: 0;
  margin: 0;
  padding: 0;
}
body.page-search-landing .product__facet .facet .facet__list__checkbox:checked + .facet__list__label .facet__list__mark {
  background-color: #def4f5;
  border-color: #def4f5;
  color: #38a8ae;
  font-size: 16px;
}
body.page-search-landing .product__facet .facet .facet__list__mark {
  background-color: #F4F6F8;
  border: 1px solid #919EAB;
  height: 24px;
  width: 24px;
}
body.page-search-landing .product__facet .facet .facet__values .view-all-tag {
  margin-bottom: 0;
  margin-top: 16px;
}
body.page-search-landing .product__facet .facet .facet__values__more {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.page-search-landing .product__facet .facet .facet__values__more a {
  background-color: #ECF0F4;
  border-radius: 50px;
  padding: 9px 10px 9px 12px;
}
body.page-search-landing .product__facet .facet .facet__values__more a span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.08em;
}
body.page-search-landing .product__facet .facet .facet__value__count {
  color: #38a8ae;
}
body.page-search-landing .product__facet .product-categories {
  border: 0;
}
body.page-search-landing .product__facet .product-categories hr {
  display: none;
}
body.page-search-landing .categories-facets-overlay #cboxContent {
  background-color: transparent;
}
body.page-search-landing .categories-facets-overlay .shoprite-icon-close {
  color: #FFFFFF;
}
body.page-search-landing .categories-facets-overlay .facet-filter-actions .filter-text {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 1em;
}
body.page-search-landing .categories-facets-overlay .categories-sidebar--special {
  padding: 16px 16px 0 16px;
}
body.page-search-landing .categories-facets-overlay .categories-sidebar--browse-all {
  padding: 0;
}
body.page-search-landing .categories-facets-overlay .filter-result {
  margin: 3px;
}
body.page-search-landing .categories-facets-overlay .facet-filter-actions {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
body.page-search-landing .categories-facets-overlay .js-landing-product-refine-close,
body.page-search-landing .categories-facets-overlay .js-landing-recipe-refine-close {
  background-color: #38a8ae;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  height: 32px;
  line-height: 1em;
  margin-left: auto;
  padding: 0px 16px;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product {
  width: 120px;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product__price {
  display: flex;
  font-size: 1.5em;
  justify-content: space-evenly;
  margin-right: 0px;
  width: 100% !important;
  max-width: 100%;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product__price .grid-special-price {
  margin-right: auto;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product__price span .item-product__message {
  width: 104px;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product__price span .item-product__message__text {
  font-size: 10px;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product__price .item-product__message--promotion {
  width: inherit;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product__price .item-product__message--promotion .item-product__message__text {
  display: block;
  font-size: 10px;
  max-width: 100%;
  white-space: pre-line;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product .product__description {
  margin-left: 0px;
}
.promo-alerts__section .promo-alerts__section__body .product .product__price.grid-price {
  font-size: 1.5em;
  display: flex;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.wishlist-body {
  grid-template-columns: repeat(1, 1fr);
}
.promo-alerts__section.grid-view .promo-alerts__section__body.wishlist-body .wishlist-detail {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 1280px) {
  .promo-alerts__section.grid-view .promo-alerts__section__body.wishlist-body .wishlist-detail {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 1024px) {
  .promo-alerts__section.grid-view .promo-alerts__section__body.wishlist-body .wishlist-detail {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 768px) {
  .promo-alerts__section.grid-view .promo-alerts__section__body.wishlist-body .wishlist-detail {
    grid-template-columns: repeat(3, 1fr);
  }
}
.promo-alerts__section.grid-view .promo-alerts__section__body.wishlist-body .wishlist-detail .product {
  width: 140px;
  margin-bottom: 10px;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.wishlist-body .wishlist-detail .product .product__price.grid-price {
  display: flex;
  justify-content: space-evenly;
  margin-right: 0px;
  width: 100% !important;
  max-width: 100%;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.wishlist-body .wishlist-detail .product .product__price.grid-price .item-product__message {
  width: auto;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.wishlist-body .wishlist-detail .product .product__price.grid-price .item-product__message__text {
  display: block;
  font-size: 10px;
  max-width: 100%;
  white-space: pre-line;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.wishlist-body .wishlist-detail .product .product__price.grid-price .grid-special-price {
  margin-right: auto;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.wishlist-body .wishlist-detail .product .product__description {
  margin-left: 0px;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.wishlist-body .wishlist-detail .product .product__price.grid-price {
  display: flex;
  justify-content: flex-start;
  font-size: 1.5em;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product {
  width: 120px;
  display: flex;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product .product_data {
  align-items: center;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product .product_data .product__price.grid-price {
  display: flex;
  margin-right: 0px;
  font-size: 1.5em;
  width: 100% !important;
  max-width: 100%;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product .product_data .product__price.grid-price .grid-special-price {
  margin-right: auto;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product .product_data .product__price.grid-price .item-product__message--xs {
  font-size: 10px;
  width: 104px;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product .product_data .product__price.grid-price .item-product__message--promotion {
  width: 104px;
}
.yCmsContentSlot .grid-view .promo-alerts__section__body .product .product_data .product__price.grid-price .item-product__message--promotion__text {
  font-size: 10px;
}
.yCmsContentSlot .little-me-account .grid-view .promo-alerts__section__body .product.grid-product {
  width: 140px;
}
.yCmsContentSlot .little-me-account .grid-view .promo-alerts__section__body .product.grid-product .product__buttons {
  gap: 15px;
}
.yCmsContentSlot .little-me-account .grid-view .promo-alerts__section__body .product.grid-product .product_data .product__price.grid-price {
  display: flex;
  justify-content: flex-start;
  width: 114px !important;
}
.yCmsContentSlot .little-me-account .grid-view .promo-alerts__section__body .product.grid-product .product_data .product__price.grid-price .grid-special-price {
  margin-right: auto;
}
.yCmsContentSlot .little-me-account .grid-view .promo-alerts__section__body .product.grid-product .product_data .product__price.grid-price .item-product__message--xs {
  font-size: 10px;
  width: 114px;
  padding: 5px 6px;
}
.yCmsContentSlot .little-me-account .grid-view .promo-alerts__section__body .product.grid-product .product_data .product__price.grid-price .item-product__message--promotion {
  width: auto;
  padding: 5px 6px;
}
.yCmsContentSlot .little-me-account .grid-view .promo-alerts__section__body .product.grid-product .product_data .product__price.grid-price .item-product__message--promotion__text {
  font-size: 10px;
}
.promo-alerts__section__body.js-wishlist-detail.wishlist-account-body .product.grid-product .product_data .product__price.grid-price {
  font-size: 1.5em;
  width: auto !important;
}
.promo-alerts__section__body.js-grocery-list-detail.grocery-list-account-body .product.grid-product .product_data .product__price.grid-price {
  font-size: 1.5em;
  width: auto !important;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.grocery-list-body {
  grid-template-columns: repeat(1, 1fr);
}
.promo-alerts__section.grid-view .promo-alerts__section__body.grocery-list-body .grocery-list-detail {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 1280px) {
  .promo-alerts__section.grid-view .promo-alerts__section__body.grocery-list-body .grocery-list-detail {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 1024px) {
  .promo-alerts__section.grid-view .promo-alerts__section__body.grocery-list-body .grocery-list-detail {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 768px) {
  .promo-alerts__section.grid-view .promo-alerts__section__body.grocery-list-body .grocery-list-detail {
    grid-template-columns: repeat(3, 1fr);
  }
}
.promo-alerts__section.grid-view .promo-alerts__section__body.grocery-list-body .grocery-list-detail .product {
  width: 140px;
  margin-bottom: 10px;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.grocery-list-body .grocery-list-detail .product .product__price.grid-price {
  display: flex;
  justify-content: space-evenly;
  margin-right: 0px;
  width: 100% !important;
  max-width: 100%;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.grocery-list-body .grocery-list-detail .product .product__price.grid-price .item-product__message {
  width: auto;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.grocery-list-body .grocery-list-detail .product .product__price.grid-price .item-product__message__text {
  display: block;
  font-size: 10px;
  max-width: 100%;
  white-space: pre-line;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.grocery-list-body .grocery-list-detail .product .product__price.grid-price .grid-special-price {
  margin-right: auto;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.grocery-list-body .grocery-list-detail .product .product__description {
  margin-left: 0px;
}
.promo-alerts__section.grid-view .promo-alerts__section__body.grocery-list-body .grocery-list-detail .product .product__price.grid-price {
  display: flex;
  justify-content: flex-start;
  font-size: 1.5em;
}
.page-subscriptionProductsPage .main__inner-wrapper > .global-alerts,
.page-accountXtraSavingsPlus .main__inner-wrapper > .global-alerts,
.page-asmAccountXtraSavingsPlus .main__inner-wrapper > .global-alerts,
.page-accountXtraSavingsPlusCards .main__inner-wrapper > .global-alerts,
.page-accountXtraSavingsPlusAddCard .main__inner-wrapper > .global-alerts,
.page-accountXtraSavingsPlusCancel .main__inner-wrapper > .global-alerts,
.page-accountXtraSavingsPlusChange .main__inner-wrapper > .global-alerts {
  display: none;
}
.page-subscriptionProductsPage .banner-xsp,
.page-accountXtraSavingsPlus .banner-xsp,
.page-asmAccountXtraSavingsPlus .banner-xsp,
.page-accountXtraSavingsPlusCards .banner-xsp,
.page-accountXtraSavingsPlusAddCard .banner-xsp,
.page-accountXtraSavingsPlusCancel .banner-xsp,
.page-accountXtraSavingsPlusChange .banner-xsp {
  margin-top: 32px;
}
.page-subscriptionProductsPage .banner-xsp .banner,
.page-accountXtraSavingsPlus .banner-xsp .banner,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner,
.page-accountXtraSavingsPlusCards .banner-xsp .banner,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner,
.page-accountXtraSavingsPlusChange .banner-xsp .banner {
  background: #FEF4ED;
  border-radius: 15px;
  margin-bottom: 24px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp .banner,
  .page-accountXtraSavingsPlus .banner-xsp .banner,
  .page-asmAccountXtraSavingsPlus .banner-xsp .banner,
  .page-accountXtraSavingsPlusCards .banner-xsp .banner,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .banner,
  .page-accountXtraSavingsPlusCancel .banner-xsp .banner,
  .page-accountXtraSavingsPlusChange .banner-xsp .banner {
    margin-bottom: 16px;
  }
}
.page-subscriptionProductsPage .banner-xsp .banner__image,
.page-accountXtraSavingsPlus .banner-xsp .banner__image,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__image,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__image,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__image,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__image,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__image {
  background-image: url("/_ui/responsive/common/images/xtra-savings/xsp-banner-image.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 710px);
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp .banner__image,
  .page-accountXtraSavingsPlus .banner-xsp .banner__image,
  .page-asmAccountXtraSavingsPlus .banner-xsp .banner__image,
  .page-accountXtraSavingsPlusCards .banner-xsp .banner__image,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .banner__image,
  .page-accountXtraSavingsPlusCancel .banner-xsp .banner__image,
  .page-accountXtraSavingsPlusChange .banner-xsp .banner__image {
    background-image: url("/_ui/responsive/common/images/xtra-savings/xsp-banner-image-mobile.png");
    height: 55%;
    width: 50%;
  }
}
.page-subscriptionProductsPage .banner-xsp .banner__body,
.page-accountXtraSavingsPlus .banner-xsp .banner__body,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__body,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__body,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__body,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__body,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__body {
  padding: 46px 32px 24px;
  position: relative;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp .banner__body,
  .page-accountXtraSavingsPlus .banner-xsp .banner__body,
  .page-asmAccountXtraSavingsPlus .banner-xsp .banner__body,
  .page-accountXtraSavingsPlusCards .banner-xsp .banner__body,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .banner__body,
  .page-accountXtraSavingsPlusCancel .banner-xsp .banner__body,
  .page-accountXtraSavingsPlusChange .banner-xsp .banner__body {
    padding: 24px 16px 16px;
  }
}
.page-subscriptionProductsPage .banner-xsp .banner__title,
.page-accountXtraSavingsPlus .banner-xsp .banner__title,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__title,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__title,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__title,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__title,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__title {
  color: #161C23;
  font-size: 48px;
  font-weight: 600;
  line-height: 1em;
  margin: 0 0 16px;
  max-width: 578px;
  text-transform: uppercase;
  width: 100%;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp .banner__title,
  .page-accountXtraSavingsPlus .banner-xsp .banner__title,
  .page-asmAccountXtraSavingsPlus .banner-xsp .banner__title,
  .page-accountXtraSavingsPlusCards .banner-xsp .banner__title,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .banner__title,
  .page-accountXtraSavingsPlusCancel .banner-xsp .banner__title,
  .page-accountXtraSavingsPlusChange .banner-xsp .banner__title {
    font-size: 18px;
    line-height: 1.22em;
    margin-bottom: 8px;
    max-width: 140px;
  }
}
.page-subscriptionProductsPage .banner-xsp .banner__title strong,
.page-accountXtraSavingsPlus .banner-xsp .banner__title strong,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__title strong,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__title strong,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__title strong,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__title strong,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__title strong {
  font-weight: 800;
}
.page-subscriptionProductsPage .banner-xsp .banner__title .xsp,
.page-accountXtraSavingsPlus .banner-xsp .banner__title .xsp,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__title .xsp,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__title .xsp,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__title .xsp,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__title .xsp,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__title .xsp {
  color: #ff4219;
  font-weight: 800;
  display: block;
}
.page-subscriptionProductsPage .banner-xsp .banner__subtitle,
.page-accountXtraSavingsPlus .banner-xsp .banner__subtitle,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__subtitle,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__subtitle,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__subtitle,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__subtitle,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__subtitle {
  color: #ff4219;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.16em;
  margin: 0 0 24px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp .banner__subtitle,
  .page-accountXtraSavingsPlus .banner-xsp .banner__subtitle,
  .page-asmAccountXtraSavingsPlus .banner-xsp .banner__subtitle,
  .page-accountXtraSavingsPlusCards .banner-xsp .banner__subtitle,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .banner__subtitle,
  .page-accountXtraSavingsPlusCancel .banner-xsp .banner__subtitle,
  .page-accountXtraSavingsPlusChange .banner-xsp .banner__subtitle {
    font-size: 13px;
    line-height: 1em;
    margin-bottom: 16px;
    text-align: center;
    width: 100%;
  }
}
.page-subscriptionProductsPage .banner-xsp .banner__text,
.page-accountXtraSavingsPlus .banner-xsp .banner__text,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__text,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__text,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__text,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__text,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__text {
  font-size: 18px;
  line-height: 1.22em;
  color: #161C23;
  max-width: 401px;
  width: 100%;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp .banner__text,
  .page-accountXtraSavingsPlus .banner-xsp .banner__text,
  .page-asmAccountXtraSavingsPlus .banner-xsp .banner__text,
  .page-accountXtraSavingsPlusCards .banner-xsp .banner__text,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .banner__text,
  .page-accountXtraSavingsPlusCancel .banner-xsp .banner__text,
  .page-accountXtraSavingsPlusChange .banner-xsp .banner__text {
    font-size: 14px;
    line-height: 1.28em;
  }
}
.page-subscriptionProductsPage .banner-xsp .banner__text strong,
.page-accountXtraSavingsPlus .banner-xsp .banner__text strong,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__text strong,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__text strong,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__text strong,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__text strong,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__text strong {
  font-weight: 700;
}
.page-subscriptionProductsPage .banner-xsp .banner__subscription,
.page-accountXtraSavingsPlus .banner-xsp .banner__subscription,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__subscription,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__subscription,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__subscription,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__subscription,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__subscription {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp .banner__subscription,
  .page-accountXtraSavingsPlus .banner-xsp .banner__subscription,
  .page-asmAccountXtraSavingsPlus .banner-xsp .banner__subscription,
  .page-accountXtraSavingsPlusCards .banner-xsp .banner__subscription,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .banner__subscription,
  .page-accountXtraSavingsPlusCancel .banner-xsp .banner__subscription,
  .page-accountXtraSavingsPlusChange .banner-xsp .banner__subscription {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.page-subscriptionProductsPage .banner-xsp .banner__button,
.page-accountXtraSavingsPlus .banner-xsp .banner__button,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__button,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__button,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__button,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__button,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__button {
  background-color: #ff4219;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  margin-right: 32px;
  padding: 14px 16px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp .banner__button,
  .page-accountXtraSavingsPlus .banner-xsp .banner__button,
  .page-asmAccountXtraSavingsPlus .banner-xsp .banner__button,
  .page-accountXtraSavingsPlusCards .banner-xsp .banner__button,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .banner__button,
  .page-accountXtraSavingsPlusCancel .banner-xsp .banner__button,
  .page-accountXtraSavingsPlusChange .banner-xsp .banner__button {
    margin-bottom: 11px;
    margin-right: 0;
    width: 100%;
  }
}
.page-subscriptionProductsPage .banner-xsp .banner__message,
.page-accountXtraSavingsPlus .banner-xsp .banner__message,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__message,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__message,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__message,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__message,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__message {
  font-size: 14px;
  line-height: 1em;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp .banner__message,
  .page-accountXtraSavingsPlus .banner-xsp .banner__message,
  .page-asmAccountXtraSavingsPlus .banner-xsp .banner__message,
  .page-accountXtraSavingsPlusCards .banner-xsp .banner__message,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .banner__message,
  .page-accountXtraSavingsPlusCancel .banner-xsp .banner__message,
  .page-accountXtraSavingsPlusChange .banner-xsp .banner__message {
    font-size: 12px;
    text-align: center;
    width: 100%;
  }
}
.page-subscriptionProductsPage .banner-xsp .banner__message strong,
.page-accountXtraSavingsPlus .banner-xsp .banner__message strong,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__message strong,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__message strong,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__message strong,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__message strong,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__message strong {
  font-weight: 700;
}
.page-subscriptionProductsPage .banner-xsp .banner__footer,
.page-accountXtraSavingsPlus .banner-xsp .banner__footer,
.page-asmAccountXtraSavingsPlus .banner-xsp .banner__footer,
.page-accountXtraSavingsPlusCards .banner-xsp .banner__footer,
.page-accountXtraSavingsPlusAddCard .banner-xsp .banner__footer,
.page-accountXtraSavingsPlusCancel .banner-xsp .banner__footer,
.page-accountXtraSavingsPlusChange .banner-xsp .banner__footer {
  background-color: rgba(255, 66, 25, 0.2);
  color: #ff4219;
  font-size: 18px;
  font-weight: 800;
  line-height: 1em;
  padding: 16px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp .banner__footer,
  .page-accountXtraSavingsPlus .banner-xsp .banner__footer,
  .page-asmAccountXtraSavingsPlus .banner-xsp .banner__footer,
  .page-accountXtraSavingsPlusCards .banner-xsp .banner__footer,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .banner__footer,
  .page-accountXtraSavingsPlusCancel .banner-xsp .banner__footer,
  .page-accountXtraSavingsPlusChange .banner-xsp .banner__footer {
    font-size: 12px;
    line-height: 1.5em;
  }
}
.page-subscriptionProductsPage .banner-xsp .features,
.page-accountXtraSavingsPlus .banner-xsp .features,
.page-asmAccountXtraSavingsPlus .banner-xsp .features,
.page-accountXtraSavingsPlusCards .banner-xsp .features,
.page-accountXtraSavingsPlusAddCard .banner-xsp .features,
.page-accountXtraSavingsPlusCancel .banner-xsp .features,
.page-accountXtraSavingsPlusChange .banner-xsp .features {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 0 32px;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .banner-xsp .features,
  .page-accountXtraSavingsPlus .banner-xsp .features,
  .page-asmAccountXtraSavingsPlus .banner-xsp .features,
  .page-accountXtraSavingsPlusCards .banner-xsp .features,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .features,
  .page-accountXtraSavingsPlusCancel .banner-xsp .features,
  .page-accountXtraSavingsPlusChange .banner-xsp .features {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 11px;
  }
}
.page-subscriptionProductsPage .banner-xsp .features .feature,
.page-accountXtraSavingsPlus .banner-xsp .features .feature,
.page-asmAccountXtraSavingsPlus .banner-xsp .features .feature,
.page-accountXtraSavingsPlusCards .banner-xsp .features .feature,
.page-accountXtraSavingsPlusAddCard .banner-xsp .features .feature,
.page-accountXtraSavingsPlusCancel .banner-xsp .features .feature,
.page-accountXtraSavingsPlusChange .banner-xsp .features .feature {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding: 0 9px;
  width: 20%;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .banner-xsp .features .feature,
  .page-accountXtraSavingsPlus .banner-xsp .features .feature,
  .page-asmAccountXtraSavingsPlus .banner-xsp .features .feature,
  .page-accountXtraSavingsPlusCards .banner-xsp .features .feature,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .features .feature,
  .page-accountXtraSavingsPlusCancel .banner-xsp .features .feature,
  .page-accountXtraSavingsPlusChange .banner-xsp .features .feature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
    padding: 0 2px;
    width: 33%;
  }
}
.page-subscriptionProductsPage .banner-xsp .features .feature__image,
.page-accountXtraSavingsPlus .banner-xsp .features .feature__image,
.page-asmAccountXtraSavingsPlus .banner-xsp .features .feature__image,
.page-accountXtraSavingsPlusCards .banner-xsp .features .feature__image,
.page-accountXtraSavingsPlusAddCard .banner-xsp .features .feature__image,
.page-accountXtraSavingsPlusCancel .banner-xsp .features .feature__image,
.page-accountXtraSavingsPlusChange .banner-xsp .features .feature__image {
  margin-right: 8px;
  width: 84px;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .banner-xsp .features .feature__image,
  .page-accountXtraSavingsPlus .banner-xsp .features .feature__image,
  .page-asmAccountXtraSavingsPlus .banner-xsp .features .feature__image,
  .page-accountXtraSavingsPlusCards .banner-xsp .features .feature__image,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .features .feature__image,
  .page-accountXtraSavingsPlusCancel .banner-xsp .features .feature__image,
  .page-accountXtraSavingsPlusChange .banner-xsp .features .feature__image {
    margin-bottom: 8px;
    margin-right: 0;
    width: 74px;
  }
}
.page-subscriptionProductsPage .banner-xsp .features .feature__image img,
.page-accountXtraSavingsPlus .banner-xsp .features .feature__image img,
.page-asmAccountXtraSavingsPlus .banner-xsp .features .feature__image img,
.page-accountXtraSavingsPlusCards .banner-xsp .features .feature__image img,
.page-accountXtraSavingsPlusAddCard .banner-xsp .features .feature__image img,
.page-accountXtraSavingsPlusCancel .banner-xsp .features .feature__image img,
.page-accountXtraSavingsPlusChange .banner-xsp .features .feature__image img {
  display: block;
  width: 100%;
}
.page-subscriptionProductsPage .banner-xsp .features .feature__text,
.page-accountXtraSavingsPlus .banner-xsp .features .feature__text,
.page-asmAccountXtraSavingsPlus .banner-xsp .features .feature__text,
.page-accountXtraSavingsPlusCards .banner-xsp .features .feature__text,
.page-accountXtraSavingsPlusAddCard .banner-xsp .features .feature__text,
.page-accountXtraSavingsPlusCancel .banner-xsp .features .feature__text,
.page-accountXtraSavingsPlusChange .banner-xsp .features .feature__text {
  color: #161C23;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.125em;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .banner-xsp .features .feature__text,
  .page-accountXtraSavingsPlus .banner-xsp .features .feature__text,
  .page-asmAccountXtraSavingsPlus .banner-xsp .features .feature__text,
  .page-accountXtraSavingsPlusCards .banner-xsp .features .feature__text,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .features .feature__text,
  .page-accountXtraSavingsPlusCancel .banner-xsp .features .feature__text,
  .page-accountXtraSavingsPlusChange .banner-xsp .features .feature__text {
    font-size: 14px;
    text-align: center;
  }
}
.page-subscriptionProductsPage .banner-xsp .features .feature__text strong,
.page-accountXtraSavingsPlus .banner-xsp .features .feature__text strong,
.page-asmAccountXtraSavingsPlus .banner-xsp .features .feature__text strong,
.page-accountXtraSavingsPlusCards .banner-xsp .features .feature__text strong,
.page-accountXtraSavingsPlusAddCard .banner-xsp .features .feature__text strong,
.page-accountXtraSavingsPlusCancel .banner-xsp .features .feature__text strong,
.page-accountXtraSavingsPlusChange .banner-xsp .features .feature__text strong {
  color: #ff4219;
}
.page-subscriptionProductsPage .banner-xsp .message,
.page-accountXtraSavingsPlus .banner-xsp .message,
.page-asmAccountXtraSavingsPlus .banner-xsp .message,
.page-accountXtraSavingsPlusCards .banner-xsp .message,
.page-accountXtraSavingsPlusAddCard .banner-xsp .message,
.page-accountXtraSavingsPlusCancel .banner-xsp .message,
.page-accountXtraSavingsPlusChange .banner-xsp .message {
  color: #161C23;
  font-size: 11px;
  line-height: 1.27em;
  padding: 0 32px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp .message,
  .page-accountXtraSavingsPlus .banner-xsp .message,
  .page-asmAccountXtraSavingsPlus .banner-xsp .message,
  .page-accountXtraSavingsPlusCards .banner-xsp .message,
  .page-accountXtraSavingsPlusAddCard .banner-xsp .message,
  .page-accountXtraSavingsPlusCancel .banner-xsp .message,
  .page-accountXtraSavingsPlusChange .banner-xsp .message {
    padding: 0;
  }
}
.page-subscriptionProductsPage .banner-xsp--subscribed .banner__image,
.page-accountXtraSavingsPlus .banner-xsp--subscribed .banner__image,
.page-asmAccountXtraSavingsPlus .banner-xsp--subscribed .banner__image,
.page-accountXtraSavingsPlusCards .banner-xsp--subscribed .banner__image,
.page-accountXtraSavingsPlusAddCard .banner-xsp--subscribed .banner__image,
.page-accountXtraSavingsPlusCancel .banner-xsp--subscribed .banner__image,
.page-accountXtraSavingsPlusChange .banner-xsp--subscribed .banner__image {
  background-image: url("/_ui/responsive/common/images/xtra-savings/xsp-banner-image-subscribed.png");
  width: calc(100% - 830px);
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp--subscribed .banner__image,
  .page-accountXtraSavingsPlus .banner-xsp--subscribed .banner__image,
  .page-asmAccountXtraSavingsPlus .banner-xsp--subscribed .banner__image,
  .page-accountXtraSavingsPlusCards .banner-xsp--subscribed .banner__image,
  .page-accountXtraSavingsPlusAddCard .banner-xsp--subscribed .banner__image,
  .page-accountXtraSavingsPlusCancel .banner-xsp--subscribed .banner__image,
  .page-accountXtraSavingsPlusChange .banner-xsp--subscribed .banner__image {
    background-image: url("/_ui/responsive/common/images/xtra-savings/xsp-banner-image-subscribed-mobile.png");
    height: 100%;
    left: auto;
    width: 55%;
    z-index: 1;
  }
}
.page-subscriptionProductsPage .banner-xsp--subscribed .banner__body,
.page-accountXtraSavingsPlus .banner-xsp--subscribed .banner__body,
.page-asmAccountXtraSavingsPlus .banner-xsp--subscribed .banner__body,
.page-accountXtraSavingsPlusCards .banner-xsp--subscribed .banner__body,
.page-accountXtraSavingsPlusAddCard .banner-xsp--subscribed .banner__body,
.page-accountXtraSavingsPlusCancel .banner-xsp--subscribed .banner__body,
.page-accountXtraSavingsPlusChange .banner-xsp--subscribed .banner__body {
  z-index: 2;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp--subscribed .banner__body,
  .page-accountXtraSavingsPlus .banner-xsp--subscribed .banner__body,
  .page-asmAccountXtraSavingsPlus .banner-xsp--subscribed .banner__body,
  .page-accountXtraSavingsPlusCards .banner-xsp--subscribed .banner__body,
  .page-accountXtraSavingsPlusAddCard .banner-xsp--subscribed .banner__body,
  .page-accountXtraSavingsPlusCancel .banner-xsp--subscribed .banner__body,
  .page-accountXtraSavingsPlusChange .banner-xsp--subscribed .banner__body {
    padding: 24px 16px;
  }
}
.page-subscriptionProductsPage .banner-xsp--subscribed .banner__title,
.page-accountXtraSavingsPlus .banner-xsp--subscribed .banner__title,
.page-asmAccountXtraSavingsPlus .banner-xsp--subscribed .banner__title,
.page-accountXtraSavingsPlusCards .banner-xsp--subscribed .banner__title,
.page-accountXtraSavingsPlusAddCard .banner-xsp--subscribed .banner__title,
.page-accountXtraSavingsPlusCancel .banner-xsp--subscribed .banner__title,
.page-accountXtraSavingsPlusChange .banner-xsp--subscribed .banner__title {
  font-size: 36px;
  max-width: 382px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .banner-xsp--subscribed .banner__title,
  .page-accountXtraSavingsPlus .banner-xsp--subscribed .banner__title,
  .page-asmAccountXtraSavingsPlus .banner-xsp--subscribed .banner__title,
  .page-accountXtraSavingsPlusCards .banner-xsp--subscribed .banner__title,
  .page-accountXtraSavingsPlusAddCard .banner-xsp--subscribed .banner__title,
  .page-accountXtraSavingsPlusCancel .banner-xsp--subscribed .banner__title,
  .page-accountXtraSavingsPlusChange .banner-xsp--subscribed .banner__title {
    font-size: 18px;
    max-width: 196px;
  }
}
.page-subscriptionProductsPage .plans-table-desktop,
.page-accountXtraSavingsPlus .plans-table-desktop,
.page-asmAccountXtraSavingsPlus .plans-table-desktop,
.page-accountXtraSavingsPlusCards .plans-table-desktop,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop,
.page-accountXtraSavingsPlusCancel .plans-table-desktop,
.page-accountXtraSavingsPlusChange .plans-table-desktop {
  overflow-x: auto;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .plans-table-desktop,
  .page-accountXtraSavingsPlus .plans-table-desktop,
  .page-asmAccountXtraSavingsPlus .plans-table-desktop,
  .page-accountXtraSavingsPlusCards .plans-table-desktop,
  .page-accountXtraSavingsPlusAddCard .plans-table-desktop,
  .page-accountXtraSavingsPlusCancel .plans-table-desktop,
  .page-accountXtraSavingsPlusChange .plans-table-desktop {
    display: none;
  }
  .page-subscriptionProductsPage .plans-table-desktop .plans-table,
  .page-accountXtraSavingsPlus .plans-table-desktop .plans-table,
  .page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table,
  .page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table,
  .page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table,
  .page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table,
  .page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table {
    width: 1000px;
  }
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table thead,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table thead,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table thead,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table thead,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table thead,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table thead,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table thead {
  border-bottom: 1px solid #DFE3E8;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table thead tr:first-child td,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table thead tr:first-child td,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table thead tr:first-child td,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table thead tr:first-child td,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table thead tr:first-child td,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table thead tr:first-child td,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table thead tr:first-child td {
  background-color: transparent;
  width: 11%;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table thead tr:first-child td:nth-child(1),
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table thead tr:first-child td:nth-child(1),
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table thead tr:first-child td:nth-child(1),
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table thead tr:first-child td:nth-child(1),
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table thead tr:first-child td:nth-child(1),
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table thead tr:first-child td:nth-child(1),
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table thead tr:first-child td:nth-child(1) {
  width: 61%;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table thead tr:first-child td.is-selected,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table thead tr:first-child td.is-selected,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table thead tr:first-child td.is-selected,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table thead tr:first-child td.is-selected,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table thead tr:first-child td.is-selected,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table thead tr:first-child td.is-selected,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table thead tr:first-child td.is-selected {
  background-color: #ff4219;
  border-radius: 15px 15px 0 0;
  width: 17%;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table thead tr:first-child td.is-selected .best-value-text,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table thead tr:first-child td.is-selected .best-value-text,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table thead tr:first-child td.is-selected .best-value-text,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table thead tr:first-child td.is-selected .best-value-text,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table thead tr:first-child td.is-selected .best-value-text,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table thead tr:first-child td.is-selected .best-value-text,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table thead tr:first-child td.is-selected .best-value-text {
  display: block;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table thead tr td,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table thead tr td,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table thead tr td,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table thead tr td,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table thead tr td {
  background-color: #F4F6F8;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table thead tr td:last-child,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td:last-child,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td:last-child,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table thead tr td:last-child,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table thead tr td:last-child,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table thead tr td:last-child,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table thead tr td:last-child {
  border-radius: 0 15px 15px 0;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table thead tr td.is-selected,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td.is-selected,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td.is-selected,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table thead tr td.is-selected,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table thead tr td.is-selected,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table thead tr td.is-selected,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table thead tr td.is-selected {
  background-color: #ff4219;
  border-radius: 0 0 15px 15px;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table thead tr td.is-selected::before,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td.is-selected::before,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td.is-selected::before,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table thead tr td.is-selected::before,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table thead tr td.is-selected::before,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table thead tr td.is-selected::before,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table thead tr td.is-selected::before {
  background-color: #F4F6F8;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .name,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .name,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .name,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .name,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .name,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .name,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .name {
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 800;
  line-height: 1em;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price,
.page-subscriptionProductsPage .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price-extra,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price-extra,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price-extra,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price-extra,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price-extra,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price-extra,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table thead tr td.is-selected .plans-table__plan .price-extra {
  color: #FFFFFF;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table tbody,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table tbody,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tbody,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tbody,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tbody,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tbody,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tbody {
  border-bottom: 1px solid #DFE3E8;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table tbody tr td,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table tbody tr td,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tbody tr td,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tbody tr td,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tbody tr td,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tbody tr td,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tbody tr td {
  padding: 16px 44px;
  text-align: center;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table tbody tr td.is-selected,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table tbody tr td.is-selected,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tbody tr td.is-selected,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tbody tr td.is-selected,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tbody tr td.is-selected,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tbody tr td.is-selected,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tbody tr td.is-selected {
  background-color: rgba(255, 236, 232, 0.5);
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table tbody tr:nth-child(even),
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table tbody tr:nth-child(even),
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tbody tr:nth-child(even),
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tbody tr:nth-child(even),
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tbody tr:nth-child(even),
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tbody tr:nth-child(even),
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tbody tr:nth-child(even) {
  background-color: #F4F6F8;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table tfoot tr td,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table tfoot tr td,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tfoot tr td,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tfoot tr td,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tfoot tr td,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tfoot tr td,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tfoot tr td {
  padding: 16px 15px;
  text-align: center;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table tfoot tr td.is-selected,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table tfoot tr td.is-selected,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tfoot tr td.is-selected,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tfoot tr td.is-selected,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tfoot tr td.is-selected,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tfoot tr td.is-selected,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tfoot tr td.is-selected {
  background-color: rgba(255, 236, 232, 0.5);
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table tfoot tr td.is-selected .button,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table tfoot tr td.is-selected .button,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tfoot tr td.is-selected .button,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tfoot tr td.is-selected .button,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tfoot tr td.is-selected .button,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tfoot tr td.is-selected .button,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tfoot tr td.is-selected .button {
  display: inline-block;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table tfoot tr td.message,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table tfoot tr td.message,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tfoot tr td.message,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tfoot tr td.message,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tfoot tr td.message,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tfoot tr td.message,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tfoot tr td.message {
  padding: 19px;
  text-align: left;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table tr td,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table tr td,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tr td,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tr td,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tr td,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tr td,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tr td {
  padding: 0;
  position: relative;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table tr td.benefit,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table tr td.benefit,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tr td.benefit,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tr td.benefit,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tr td.benefit,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tr td.benefit,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tr td.benefit {
  color: #161C23;
  font-size: 18px;
  line-height: 1.22em;
  text-align: left;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .plans-table-desktop .plans-table tr td.benefit,
  .page-accountXtraSavingsPlus .plans-table-desktop .plans-table tr td.benefit,
  .page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tr td.benefit,
  .page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tr td.benefit,
  .page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tr td.benefit,
  .page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tr td.benefit,
  .page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tr td.benefit {
    font-size: 16px;
  }
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table tr td.have,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table tr td.have,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tr td.have,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tr td.have,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tr td.have,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tr td.have,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tr td.have {
  color: #38A8AE;
  font-size: 24px;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table tr td.dont-have,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table tr td.dont-have,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table tr td.dont-have,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table tr td.dont-have,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table tr td.dont-have,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table tr td.dont-have,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tr td.dont-have {
  color: #FF4218;
  font-size: 24px;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table .best-value-text,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table .best-value-text,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table .best-value-text,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table .best-value-text,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table .best-value-text,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table .best-value-text,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table .best-value-text {
  color: #FFFFFF;
  display: none;
  font-weight: 700;
  line-height: 1em;
  padding: 18px 5px 0;
  text-align: center;
  text-transform: uppercase;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__title,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__title,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__title,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__title,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__title,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__title,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__title {
  background-color: #f4f6f8;
  border-radius: 15px 0 0 15px;
  height: 100%;
  left: 0;
  padding: 53px 47px 16px;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__choose-plan,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__choose-plan,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__choose-plan,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__choose-plan,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__choose-plan,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__choose-plan,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__choose-plan {
  color: #F42C00;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.5em;
  margin: 0 0 38px;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .plans-table-desktop .plans-table__choose-plan,
  .page-accountXtraSavingsPlus .plans-table-desktop .plans-table__choose-plan,
  .page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__choose-plan,
  .page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__choose-plan,
  .page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__choose-plan,
  .page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__choose-plan,
  .page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__choose-plan {
    font-size: 18px;
  }
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__benefits,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__benefits,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__benefits,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__benefits,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__benefits,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__benefits,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__benefits {
  margin: 0;
  color: #161C23;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.16em;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .plans-table-desktop .plans-table__benefits,
  .page-accountXtraSavingsPlus .plans-table-desktop .plans-table__benefits,
  .page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__benefits,
  .page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__benefits,
  .page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__benefits,
  .page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__benefits,
  .page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__benefits {
    font-size: 18px;
  }
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__plan,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__plan,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__plan,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__plan,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__plan,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__plan,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__plan {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 26px 10px 16px;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__plan .custom-radio,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__plan .custom-radio,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__plan .custom-radio,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__plan .custom-radio,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__plan .custom-radio,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__plan .custom-radio,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__plan .custom-radio {
  padding-left: 0;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark {
  border-color: #38A8AE;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark::after,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark::after,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark::after,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark::after,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark::after,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark::after,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__plan .custom-radio input:checked ~ .checkmark::after {
  background-color: #38A8AE;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__plan .custom-radio .checkmark,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__plan .custom-radio .checkmark,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__plan .custom-radio .checkmark,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__plan .custom-radio .checkmark,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__plan .custom-radio .checkmark,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__plan .custom-radio .checkmark,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__plan .custom-radio .checkmark {
  position: relative;
  display: block;
  height: 20px;
  width: 20px;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__plan .custom-radio .checkmark::after,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__plan .custom-radio .checkmark::after,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__plan .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__plan .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__plan .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__plan .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__plan .custom-radio .checkmark::after {
  height: 10px;
  width: 10px;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__plan .name,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__plan .name,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__plan .name,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__plan .name,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__plan .name,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__plan .name,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__plan .name {
  color: #161C23;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 700;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__plan .price,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__plan .price,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__plan .price,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__plan .price,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__plan .price,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__plan .price,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__plan .price {
  color: #F42C00;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__plan .price .value,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__plan .price .value,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__plan .price .value,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__plan .price .value,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__plan .price .value,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__plan .price .value,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__plan .price .value {
  font-size: 36px;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table__plan .price-extra,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table__plan .price-extra,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table__plan .price-extra,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table__plan .price-extra,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table__plan .price-extra,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table__plan .price-extra,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table__plan .price-extra {
  color: #F42C00;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table .message-text,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table .message-text,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table .message-text,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table .message-text,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table .message-text,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table .message-text,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table .message-text {
  color: #161C23;
  font-size: 14px;
  line-height: 1.28em;
  max-width: 595px;
  width: 100%;
}
.page-subscriptionProductsPage .plans-table-desktop .plans-table .button,
.page-accountXtraSavingsPlus .plans-table-desktop .plans-table .button,
.page-asmAccountXtraSavingsPlus .plans-table-desktop .plans-table .button,
.page-accountXtraSavingsPlusCards .plans-table-desktop .plans-table .button,
.page-accountXtraSavingsPlusAddCard .plans-table-desktop .plans-table .button,
.page-accountXtraSavingsPlusCancel .plans-table-desktop .plans-table .button,
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table .button {
  background-color: #ff4219;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  display: none;
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
  margin: 0 auto;
  max-width: 180px;
  padding: 14px 5px;
  text-align: center;
  width: 100%;
}
.page-subscriptionProductsPage .plans-table-mobile,
.page-accountXtraSavingsPlus .plans-table-mobile,
.page-asmAccountXtraSavingsPlus .plans-table-mobile,
.page-accountXtraSavingsPlusCards .plans-table-mobile,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile,
.page-accountXtraSavingsPlusCancel .plans-table-mobile,
.page-accountXtraSavingsPlusChange .plans-table-mobile {
  display: none;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .plans-table-mobile,
  .page-accountXtraSavingsPlus .plans-table-mobile,
  .page-asmAccountXtraSavingsPlus .plans-table-mobile,
  .page-accountXtraSavingsPlusCards .plans-table-mobile,
  .page-accountXtraSavingsPlusAddCard .plans-table-mobile,
  .page-accountXtraSavingsPlusCancel .plans-table-mobile,
  .page-accountXtraSavingsPlusChange .plans-table-mobile {
    display: block;
  }
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__title,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__title,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__title,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__title,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__title,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__title,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__title {
  color: #ff4219;
  font-size: 18px;
  font-weight: 800;
  line-height: 1em;
  margin-bottom: 16px;
  text-align: center;
  text-transform: uppercase;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plans,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plans,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plans,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plans,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plans,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plans,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plans {
  height: 100%;
  width: 100%;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan {
  padding-bottom: 20px;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #FFECE8;
  border-radius: 15px;
  box-shadow: 0px 8px 16px rgba(33, 43, 54, 0.15);
  color: #161C23;
  margin: 0 auto;
  padding: 24px 31px;
  position: relative;
  -webkit-transition: 0.3s linear background-color;
  -o-transition: 0.3s linear background-color;
  transition: 0.3s linear background-color;
  width: 81%;
  z-index: 2;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .best-value-text,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .best-value-text,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .best-value-text,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .best-value-text,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .best-value-text,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .best-value-text,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .best-value-text {
  font-size: 18px;
  font-weight: 700;
  line-height: 0.88em;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .custom-radio,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .custom-radio,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .custom-radio,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .custom-radio,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .custom-radio,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .custom-radio,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .custom-radio {
  padding-left: 0;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark {
  border-color: #38A8AE;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark::after,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark::after,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark::after,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark::after,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark::after,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark::after,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .custom-radio input:checked ~ .checkmark::after {
  background-color: #38A8AE;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark {
  position: relative;
  display: block;
  height: 20px;
  width: 20px;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark::after,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark::after,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .custom-radio .checkmark::after {
  height: 10px;
  width: 10px;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .name,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .name,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .name,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .name,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .name,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .name,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .name {
  font-size: 48px;
  line-height: 0.75em;
  font-weight: 800;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .price,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .price,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .price,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .price,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .price,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .price,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .price {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.75em;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .price .value,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .price .value,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .price .value,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .price .value,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .price .value,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .price .value,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .price .value {
  font-size: 48px;
  line-height: 1.79em;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .price-extra,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .price-extra,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .price-extra,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .price-extra,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .price-extra,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .price-extra,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .price-extra {
  font-size: 18px;
  font-weight: 700;
  line-height: 0.88em;
  margin-bottom: 32px;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .button,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .button,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .button,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .button,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .button,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .button,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .button {
  background-color: #FFFFFF;
  border-radius: 100px;
  border: 0;
  color: #ff4219;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 8px;
  padding: 14px 16px;
  text-align: center;
  width: 100%;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .button.is-current-plan,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .button.is-current-plan,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .button.is-current-plan,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .button.is-current-plan,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .button.is-current-plan,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .button.is-current-plan,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .button.is-current-plan {
  background-color: #FFECE8;
  width: auto;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .tell-me-more,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .tell-me-more,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .tell-me-more,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .tell-me-more,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .tell-me-more,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .tell-me-more,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .tell-me-more {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: transparent;
  border: 0;
  color: #161C23;
  padding: 10px;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .tell-me-more .text,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .tell-me-more .text,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .tell-me-more .text,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .tell-me-more .text,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .tell-me-more .text,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .tell-me-more .text,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .tell-me-more .text {
  font-size: 14px;
  font-weight: 600;
  line-height: 0.85em;
  margin-right: 11px;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__details .tell-me-more .icon,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .tell-me-more .icon,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__details .tell-me-more .icon,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__details .tell-me-more .icon,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__details .tell-me-more .icon,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__details .tell-me-more .icon,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .tell-me-more .icon {
  font-size: 10px;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__benefits,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__benefits,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__benefits,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__benefits,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__benefits,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__benefits,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__benefits {
  display: none;
  margin-top: -15px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__benefits__title,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__benefits__title,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__benefits__title,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__benefits__title,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__benefits__title,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__benefits__title,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__benefits__title {
  background-color: #F4F6F8;
  border-radius: 15px;
  color: #161C23;
  font-size: 24px;
  font-weight: 700;
  line-height: 1em;
  margin: 0;
  padding: 36px 13px 18px;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__benefits__item,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__benefits__item,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__benefits__item,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__benefits__item,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__benefits__item,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__benefits__item,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__benefits__item {
  color: #161C23;
  display: block;
  font-size: 14px;
  line-height: 1.14em;
  padding: 12px 16px;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan__benefits__item:nth-child(even),
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan__benefits__item:nth-child(even),
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan__benefits__item:nth-child(even),
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan__benefits__item:nth-child(even),
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan__benefits__item:nth-child(even),
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan__benefits__item:nth-child(even),
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__benefits__item:nth-child(even) {
  background-color: #F4F6F8;
  border-radius: 5px;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details {
  background-color: #ff4219;
  color: #FFFFFF;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details .tell-me-more,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details .tell-me-more,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details .tell-me-more,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details .tell-me-more,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details .tell-me-more,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details .tell-me-more,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan.swiper-slide-active .plans-table__plan__details .tell-me-more {
  color: #FFFFFF;
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__details .tell-me-more .icon,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__details .tell-me-more .icon,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__details .tell-me-more .icon,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__details .tell-me-more .icon,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__details .tell-me-more .icon,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__details .tell-me-more .icon,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__details .tell-me-more .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.page-subscriptionProductsPage .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__benefits,
.page-accountXtraSavingsPlus .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__benefits,
.page-asmAccountXtraSavingsPlus .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__benefits,
.page-accountXtraSavingsPlusCards .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__benefits,
.page-accountXtraSavingsPlusAddCard .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__benefits,
.page-accountXtraSavingsPlusCancel .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__benefits,
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan.show-benefits .plans-table__plan__benefits {
  display: block;
}
.page-subscriptionProductsPage .my-plan,
.page-accountXtraSavingsPlus .my-plan,
.page-asmAccountXtraSavingsPlus .my-plan,
.page-accountXtraSavingsPlusCards .my-plan,
.page-accountXtraSavingsPlusAddCard .my-plan,
.page-accountXtraSavingsPlusCancel .my-plan,
.page-accountXtraSavingsPlusChange .my-plan {
  color: #161C23;
}
.page-subscriptionProductsPage .my-plan__header,
.page-accountXtraSavingsPlus .my-plan__header,
.page-asmAccountXtraSavingsPlus .my-plan__header,
.page-accountXtraSavingsPlusCards .my-plan__header,
.page-accountXtraSavingsPlusAddCard .my-plan__header,
.page-accountXtraSavingsPlusCancel .my-plan__header,
.page-accountXtraSavingsPlusChange .my-plan__header {
  margin-bottom: 31px;
}
.page-subscriptionProductsPage .my-plan__global-alerts .global-alerts .alert,
.page-accountXtraSavingsPlus .my-plan__global-alerts .global-alerts .alert,
.page-asmAccountXtraSavingsPlus .my-plan__global-alerts .global-alerts .alert,
.page-accountXtraSavingsPlusCards .my-plan__global-alerts .global-alerts .alert,
.page-accountXtraSavingsPlusAddCard .my-plan__global-alerts .global-alerts .alert,
.page-accountXtraSavingsPlusCancel .my-plan__global-alerts .global-alerts .alert,
.page-accountXtraSavingsPlusChange .my-plan__global-alerts .global-alerts .alert {
  border-radius: 5px;
  border: 0;
  font-size: 14px;
  letter-spacing: -0.0357em;
  line-height: 1.28em;
  margin: 0 0 24px;
  padding: 9px 13px;
  position: relative;
  width: 100%;
}
.page-subscriptionProductsPage .my-plan__global-alerts .global-alerts .alert-warning,
.page-accountXtraSavingsPlus .my-plan__global-alerts .global-alerts .alert-warning,
.page-asmAccountXtraSavingsPlus .my-plan__global-alerts .global-alerts .alert-warning,
.page-accountXtraSavingsPlusCards .my-plan__global-alerts .global-alerts .alert-warning,
.page-accountXtraSavingsPlusAddCard .my-plan__global-alerts .global-alerts .alert-warning,
.page-accountXtraSavingsPlusCancel .my-plan__global-alerts .global-alerts .alert-warning,
.page-accountXtraSavingsPlusChange .my-plan__global-alerts .global-alerts .alert-warning {
  background-color: #C6E7D1;
  color: #355A41;
  padding-left: 48px;
}
.page-subscriptionProductsPage .my-plan__global-alerts .global-alerts .alert-warning::after,
.page-accountXtraSavingsPlus .my-plan__global-alerts .global-alerts .alert-warning::after,
.page-asmAccountXtraSavingsPlus .my-plan__global-alerts .global-alerts .alert-warning::after,
.page-accountXtraSavingsPlusCards .my-plan__global-alerts .global-alerts .alert-warning::after,
.page-accountXtraSavingsPlusAddCard .my-plan__global-alerts .global-alerts .alert-warning::after,
.page-accountXtraSavingsPlusCancel .my-plan__global-alerts .global-alerts .alert-warning::after,
.page-accountXtraSavingsPlusChange .my-plan__global-alerts .global-alerts .alert-warning::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #3DA960;
  content: "\e927";
  font-family: "shoprite-icon";
  font-size: 22px;
  left: 13px;
  position: absolute;
  top: 50%;
}
.page-subscriptionProductsPage .my-plan__global-alerts .global-alerts .alert-warning .close,
.page-accountXtraSavingsPlus .my-plan__global-alerts .global-alerts .alert-warning .close,
.page-asmAccountXtraSavingsPlus .my-plan__global-alerts .global-alerts .alert-warning .close,
.page-accountXtraSavingsPlusCards .my-plan__global-alerts .global-alerts .alert-warning .close,
.page-accountXtraSavingsPlusAddCard .my-plan__global-alerts .global-alerts .alert-warning .close,
.page-accountXtraSavingsPlusCancel .my-plan__global-alerts .global-alerts .alert-warning .close,
.page-accountXtraSavingsPlusChange .my-plan__global-alerts .global-alerts .alert-warning .close {
  color: #355A41;
  opacity: 1;
}
.page-subscriptionProductsPage .my-plan__global-alerts .global-alerts .alert-danger,
.page-accountXtraSavingsPlus .my-plan__global-alerts .global-alerts .alert-danger,
.page-asmAccountXtraSavingsPlus .my-plan__global-alerts .global-alerts .alert-danger,
.page-accountXtraSavingsPlusCards .my-plan__global-alerts .global-alerts .alert-danger,
.page-accountXtraSavingsPlusAddCard .my-plan__global-alerts .global-alerts .alert-danger,
.page-accountXtraSavingsPlusCancel .my-plan__global-alerts .global-alerts .alert-danger,
.page-accountXtraSavingsPlusChange .my-plan__global-alerts .global-alerts .alert-danger {
  color: #9c4f4f;
}
.page-subscriptionProductsPage .my-plan__global-alerts .global-alerts .alert-dismissable .close,
.page-accountXtraSavingsPlus .my-plan__global-alerts .global-alerts .alert-dismissable .close,
.page-asmAccountXtraSavingsPlus .my-plan__global-alerts .global-alerts .alert-dismissable .close,
.page-accountXtraSavingsPlusCards .my-plan__global-alerts .global-alerts .alert-dismissable .close,
.page-accountXtraSavingsPlusAddCard .my-plan__global-alerts .global-alerts .alert-dismissable .close,
.page-accountXtraSavingsPlusCancel .my-plan__global-alerts .global-alerts .alert-dismissable .close,
.page-accountXtraSavingsPlusChange .my-plan__global-alerts .global-alerts .alert-dismissable .close {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 13px;
  top: 50%;
}
.page-subscriptionProductsPage .my-plan__title,
.page-accountXtraSavingsPlus .my-plan__title,
.page-asmAccountXtraSavingsPlus .my-plan__title,
.page-accountXtraSavingsPlusCards .my-plan__title,
.page-accountXtraSavingsPlusAddCard .my-plan__title,
.page-accountXtraSavingsPlusCancel .my-plan__title,
.page-accountXtraSavingsPlusChange .my-plan__title {
  color: #161C23;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.0208em;
  line-height: 1em;
  margin: 0 0 36px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__title,
  .page-accountXtraSavingsPlus .my-plan__title,
  .page-asmAccountXtraSavingsPlus .my-plan__title,
  .page-accountXtraSavingsPlusCards .my-plan__title,
  .page-accountXtraSavingsPlusAddCard .my-plan__title,
  .page-accountXtraSavingsPlusCancel .my-plan__title,
  .page-accountXtraSavingsPlusChange .my-plan__title {
    font-size: 18px;
    margin: 0 0 16px;
  }
}
.page-subscriptionProductsPage .my-plan__your-plan,
.page-accountXtraSavingsPlus .my-plan__your-plan,
.page-asmAccountXtraSavingsPlus .my-plan__your-plan,
.page-accountXtraSavingsPlusCards .my-plan__your-plan,
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan,
.page-accountXtraSavingsPlusCancel .my-plan__your-plan,
.page-accountXtraSavingsPlusChange .my-plan__your-plan {
  background-color: #ff4219;
  border-radius: 15px;
  color: #FFFFFF;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 29px;
  background-image: url("/_ui/responsive/common/images/xtra-savings/xsp-logo.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 30px);
  background-size: auto 100%;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__your-plan,
  .page-accountXtraSavingsPlus .my-plan__your-plan,
  .page-asmAccountXtraSavingsPlus .my-plan__your-plan,
  .page-accountXtraSavingsPlusCards .my-plan__your-plan,
  .page-accountXtraSavingsPlusAddCard .my-plan__your-plan,
  .page-accountXtraSavingsPlusCancel .my-plan__your-plan,
  .page-accountXtraSavingsPlusChange .my-plan__your-plan {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background-image: none;
    padding: 5px 25px;
  }
}
.page-subscriptionProductsPage .my-plan__your-plan .your-plan,
.page-accountXtraSavingsPlus .my-plan__your-plan .your-plan,
.page-asmAccountXtraSavingsPlus .my-plan__your-plan .your-plan,
.page-accountXtraSavingsPlusCards .my-plan__your-plan .your-plan,
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan .your-plan,
.page-accountXtraSavingsPlusCancel .my-plan__your-plan .your-plan,
.page-accountXtraSavingsPlusChange .my-plan__your-plan .your-plan {
  width: 100%;
}
.page-subscriptionProductsPage .my-plan__your-plan .title,
.page-accountXtraSavingsPlus .my-plan__your-plan .title,
.page-asmAccountXtraSavingsPlus .my-plan__your-plan .title,
.page-accountXtraSavingsPlusCards .my-plan__your-plan .title,
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan .title,
.page-accountXtraSavingsPlusCancel .my-plan__your-plan .title,
.page-accountXtraSavingsPlusChange .my-plan__your-plan .title {
  display: block;
  font-size: 18px;
  line-height: 1.22em;
  margin-bottom: 8px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__your-plan .title,
  .page-accountXtraSavingsPlus .my-plan__your-plan .title,
  .page-asmAccountXtraSavingsPlus .my-plan__your-plan .title,
  .page-accountXtraSavingsPlusCards .my-plan__your-plan .title,
  .page-accountXtraSavingsPlusAddCard .my-plan__your-plan .title,
  .page-accountXtraSavingsPlusCancel .my-plan__your-plan .title,
  .page-accountXtraSavingsPlusChange .my-plan__your-plan .title {
    display: inline-block;
    font-size: 14px;
    margin-right: 8px;
  }
}
.page-subscriptionProductsPage .my-plan__your-plan .plan,
.page-accountXtraSavingsPlus .my-plan__your-plan .plan,
.page-asmAccountXtraSavingsPlus .my-plan__your-plan .plan,
.page-accountXtraSavingsPlusCards .my-plan__your-plan .plan,
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan .plan,
.page-accountXtraSavingsPlusCancel .my-plan__your-plan .plan,
.page-accountXtraSavingsPlusChange .my-plan__your-plan .plan {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.16em;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__your-plan .plan,
  .page-accountXtraSavingsPlus .my-plan__your-plan .plan,
  .page-asmAccountXtraSavingsPlus .my-plan__your-plan .plan,
  .page-accountXtraSavingsPlusCards .my-plan__your-plan .plan,
  .page-accountXtraSavingsPlusAddCard .my-plan__your-plan .plan,
  .page-accountXtraSavingsPlusCancel .my-plan__your-plan .plan,
  .page-accountXtraSavingsPlusChange .my-plan__your-plan .plan {
    display: inline-block;
    font-size: 14px;
  }
}
.page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan,
.page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan,
.page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan,
.page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan,
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan,
.page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan,
.page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto;
  position: relative;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan,
  .page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan,
  .page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan,
  .page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan,
  .page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan,
  .page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan,
  .page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan {
    margin-bottom: 11px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
  }
}
.page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan__button,
.page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__button,
.page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__button,
.page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan__button,
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan__button,
.page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan__button,
.page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: transparent;
  border: 0;
  color: #FFFFFF;
  cursor: pointer;
  padding: 0;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan__button,
  .page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__button,
  .page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__button,
  .page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan__button,
  .page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan__button,
  .page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan__button,
  .page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan__button {
    display: inline-block;
  }
}
.page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan__button .icon,
.page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__button .icon,
.page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__button .icon,
.page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan__button .icon,
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan__button .icon,
.page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan__button .icon,
.page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan__button .icon {
  font-size: 16px;
  margin-right: 8px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan__button .icon,
  .page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__button .icon,
  .page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__button .icon,
  .page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan__button .icon,
  .page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan__button .icon,
  .page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan__button .icon,
  .page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan__button .icon {
    margin-right: 2.58px;
  }
}
.page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan__button .text,
.page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__button .text,
.page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__button .text,
.page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan__button .text,
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan__button .text,
.page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan__button .text,
.page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan__button .text {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: underline;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan__button .text,
  .page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__button .text,
  .page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__button .text,
  .page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan__button .text,
  .page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan__button .text,
  .page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan__button .text,
  .page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan__button .text {
    font-size: 14px;
    line-height: 1em;
  }
}
.page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan__options,
.page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__options,
.page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__options,
.page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan__options,
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan__options,
.page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan__options,
.page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan__options {
  display: none;
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0px 8px 16px rgba(33, 43, 54, 0.15);
  padding: 16px;
  position: absolute;
  right: 0;
  top: calc(100% + 19px);
  z-index: 2;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan__options,
  .page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__options,
  .page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__options,
  .page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan__options,
  .page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan__options,
  .page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan__options,
  .page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan__options {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    right: auto;
  }
}
.page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan__options::after,
.page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__options::after,
.page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__options::after,
.page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan__options::after,
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan__options::after,
.page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan__options::after,
.page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan__options::after {
  border-bottom: 13px solid #FFFFFF;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 13px solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  position: absolute;
  right: 25px;
  width: 0;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan__options::after,
  .page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__options::after,
  .page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__options::after,
  .page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan__options::after,
  .page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan__options::after,
  .page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan__options::after,
  .page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan__options::after {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    rigth: auto;
  }
}
.page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan__option,
.page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__option,
.page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__option,
.page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan__option,
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan__option,
.page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan__option,
.page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan__option {
  background-color: #161C23;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 14px 22.5px;
  white-space: nowrap;
  width: 100%;
}
.page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan__option:not(:last-child),
.page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__option:not(:last-child),
.page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan__option:not(:last-child),
.page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan__option:not(:last-child),
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan__option:not(:last-child),
.page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan__option:not(:last-child),
.page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan__option:not(:last-child) {
  margin-bottom: 8px;
}
.page-subscriptionProductsPage .my-plan__your-plan .manage-my-plan.show-options .manage-my-plan__options,
.page-accountXtraSavingsPlus .my-plan__your-plan .manage-my-plan.show-options .manage-my-plan__options,
.page-asmAccountXtraSavingsPlus .my-plan__your-plan .manage-my-plan.show-options .manage-my-plan__options,
.page-accountXtraSavingsPlusCards .my-plan__your-plan .manage-my-plan.show-options .manage-my-plan__options,
.page-accountXtraSavingsPlusAddCard .my-plan__your-plan .manage-my-plan.show-options .manage-my-plan__options,
.page-accountXtraSavingsPlusCancel .my-plan__your-plan .manage-my-plan.show-options .manage-my-plan__options,
.page-accountXtraSavingsPlusChange .my-plan__your-plan .manage-my-plan.show-options .manage-my-plan__options {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.page-subscriptionProductsPage .my-plan__body__header,
.page-accountXtraSavingsPlus .my-plan__body__header,
.page-asmAccountXtraSavingsPlus .my-plan__body__header,
.page-accountXtraSavingsPlusCards .my-plan__body__header,
.page-accountXtraSavingsPlusAddCard .my-plan__body__header,
.page-accountXtraSavingsPlusCancel .my-plan__body__header,
.page-accountXtraSavingsPlusChange .my-plan__body__header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 16px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body__header,
  .page-accountXtraSavingsPlus .my-plan__body__header,
  .page-asmAccountXtraSavingsPlus .my-plan__body__header,
  .page-accountXtraSavingsPlusCards .my-plan__body__header,
  .page-accountXtraSavingsPlusAddCard .my-plan__body__header,
  .page-accountXtraSavingsPlusCancel .my-plan__body__header,
  .page-accountXtraSavingsPlusChange .my-plan__body__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.page-subscriptionProductsPage .my-plan__body__header .title,
.page-accountXtraSavingsPlus .my-plan__body__header .title,
.page-asmAccountXtraSavingsPlus .my-plan__body__header .title,
.page-accountXtraSavingsPlusCards .my-plan__body__header .title,
.page-accountXtraSavingsPlusAddCard .my-plan__body__header .title,
.page-accountXtraSavingsPlusCancel .my-plan__body__header .title,
.page-accountXtraSavingsPlusChange .my-plan__body__header .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5em;
  margin: 0 auto 0 0;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body__header .title,
  .page-accountXtraSavingsPlus .my-plan__body__header .title,
  .page-asmAccountXtraSavingsPlus .my-plan__body__header .title,
  .page-accountXtraSavingsPlusCards .my-plan__body__header .title,
  .page-accountXtraSavingsPlusAddCard .my-plan__body__header .title,
  .page-accountXtraSavingsPlusCancel .my-plan__body__header .title,
  .page-accountXtraSavingsPlusChange .my-plan__body__header .title {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.page-subscriptionProductsPage .my-plan__body__header .question-free-trial,
.page-accountXtraSavingsPlus .my-plan__body__header .question-free-trial,
.page-asmAccountXtraSavingsPlus .my-plan__body__header .question-free-trial,
.page-accountXtraSavingsPlusCards .my-plan__body__header .question-free-trial,
.page-accountXtraSavingsPlusAddCard .my-plan__body__header .question-free-trial,
.page-accountXtraSavingsPlusCancel .my-plan__body__header .question-free-trial,
.page-accountXtraSavingsPlusChange .my-plan__body__header .question-free-trial {
  position: relative;
}
.page-subscriptionProductsPage .my-plan__body__header .question-free-trial__text,
.page-accountXtraSavingsPlus .my-plan__body__header .question-free-trial__text,
.page-asmAccountXtraSavingsPlus .my-plan__body__header .question-free-trial__text,
.page-accountXtraSavingsPlusCards .my-plan__body__header .question-free-trial__text,
.page-accountXtraSavingsPlusAddCard .my-plan__body__header .question-free-trial__text,
.page-accountXtraSavingsPlusCancel .my-plan__body__header .question-free-trial__text,
.page-accountXtraSavingsPlusChange .my-plan__body__header .question-free-trial__text {
  cursor: pointer;
  font-size: 18px;
  line-height: 1.22em;
  text-decoration: underline;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body__header .question-free-trial__text,
  .page-accountXtraSavingsPlus .my-plan__body__header .question-free-trial__text,
  .page-asmAccountXtraSavingsPlus .my-plan__body__header .question-free-trial__text,
  .page-accountXtraSavingsPlusCards .my-plan__body__header .question-free-trial__text,
  .page-accountXtraSavingsPlusAddCard .my-plan__body__header .question-free-trial__text,
  .page-accountXtraSavingsPlusCancel .my-plan__body__header .question-free-trial__text,
  .page-accountXtraSavingsPlusChange .my-plan__body__header .question-free-trial__text {
    font-size: 14px;
  }
}
.page-subscriptionProductsPage .my-plan__body__header .question-free-trial__message,
.page-accountXtraSavingsPlus .my-plan__body__header .question-free-trial__message,
.page-asmAccountXtraSavingsPlus .my-plan__body__header .question-free-trial__message,
.page-accountXtraSavingsPlusCards .my-plan__body__header .question-free-trial__message,
.page-accountXtraSavingsPlusAddCard .my-plan__body__header .question-free-trial__message,
.page-accountXtraSavingsPlusCancel .my-plan__body__header .question-free-trial__message,
.page-accountXtraSavingsPlusChange .my-plan__body__header .question-free-trial__message {
  background-color: #FEF7E8;
  border-radius: 3px;
  border: 1px solid #FF8E32;
  box-shadow: 0px 1px 0px #FF8E32;
  color: #FF8E32;
  display: none;
  font-size: 14px;
  line-height: 1.14em;
  padding: 12px 13px 17px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 186px;
  z-index: 3;
}
.page-subscriptionProductsPage .my-plan__body__header .question-free-trial__message::before,
.page-accountXtraSavingsPlus .my-plan__body__header .question-free-trial__message::before,
.page-asmAccountXtraSavingsPlus .my-plan__body__header .question-free-trial__message::before,
.page-accountXtraSavingsPlusCards .my-plan__body__header .question-free-trial__message::before,
.page-accountXtraSavingsPlusAddCard .my-plan__body__header .question-free-trial__message::before,
.page-accountXtraSavingsPlusCancel .my-plan__body__header .question-free-trial__message::before,
.page-accountXtraSavingsPlusChange .my-plan__body__header .question-free-trial__message::before {
  border-bottom: 8px solid #FF8E32;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 8px solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  left: 20px;
  position: absolute;
  width: 0;
  z-index: 1;
}
.page-subscriptionProductsPage .my-plan__body__header .question-free-trial__message::after,
.page-accountXtraSavingsPlus .my-plan__body__header .question-free-trial__message::after,
.page-asmAccountXtraSavingsPlus .my-plan__body__header .question-free-trial__message::after,
.page-accountXtraSavingsPlusCards .my-plan__body__header .question-free-trial__message::after,
.page-accountXtraSavingsPlusAddCard .my-plan__body__header .question-free-trial__message::after,
.page-accountXtraSavingsPlusCancel .my-plan__body__header .question-free-trial__message::after,
.page-accountXtraSavingsPlusChange .my-plan__body__header .question-free-trial__message::after {
  border-bottom: 6.5px solid #FEF7E8;
  border-left: 6.5px solid transparent;
  border-right: 6.5px solid transparent;
  border-top: 6.5px solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  left: 21px;
  position: absolute;
  width: 0;
  z-index: 2;
}
.page-subscriptionProductsPage .my-plan__body__header .question-free-trial__message strong,
.page-accountXtraSavingsPlus .my-plan__body__header .question-free-trial__message strong,
.page-asmAccountXtraSavingsPlus .my-plan__body__header .question-free-trial__message strong,
.page-accountXtraSavingsPlusCards .my-plan__body__header .question-free-trial__message strong,
.page-accountXtraSavingsPlusAddCard .my-plan__body__header .question-free-trial__message strong,
.page-accountXtraSavingsPlusCancel .my-plan__body__header .question-free-trial__message strong,
.page-accountXtraSavingsPlusChange .my-plan__body__header .question-free-trial__message strong {
  font-weight: 700;
}
.page-subscriptionProductsPage .my-plan__body__header .question-free-trial__message p:not(:last-child),
.page-accountXtraSavingsPlus .my-plan__body__header .question-free-trial__message p:not(:last-child),
.page-asmAccountXtraSavingsPlus .my-plan__body__header .question-free-trial__message p:not(:last-child),
.page-accountXtraSavingsPlusCards .my-plan__body__header .question-free-trial__message p:not(:last-child),
.page-accountXtraSavingsPlusAddCard .my-plan__body__header .question-free-trial__message p:not(:last-child),
.page-accountXtraSavingsPlusCancel .my-plan__body__header .question-free-trial__message p:not(:last-child),
.page-accountXtraSavingsPlusChange .my-plan__body__header .question-free-trial__message p:not(:last-child) {
  margin-bottom: 20px;
}
.page-subscriptionProductsPage .my-plan__body__header .question-free-trial.show-message .question-free-trial__message,
.page-accountXtraSavingsPlus .my-plan__body__header .question-free-trial.show-message .question-free-trial__message,
.page-asmAccountXtraSavingsPlus .my-plan__body__header .question-free-trial.show-message .question-free-trial__message,
.page-accountXtraSavingsPlusCards .my-plan__body__header .question-free-trial.show-message .question-free-trial__message,
.page-accountXtraSavingsPlusAddCard .my-plan__body__header .question-free-trial.show-message .question-free-trial__message,
.page-accountXtraSavingsPlusCancel .my-plan__body__header .question-free-trial.show-message .question-free-trial__message,
.page-accountXtraSavingsPlusChange .my-plan__body__header .question-free-trial.show-message .question-free-trial__message {
  display: block;
}
.page-subscriptionProductsPage .my-plan__body__header--add-card,
.page-accountXtraSavingsPlus .my-plan__body__header--add-card,
.page-asmAccountXtraSavingsPlus .my-plan__body__header--add-card,
.page-accountXtraSavingsPlusCards .my-plan__body__header--add-card,
.page-accountXtraSavingsPlusAddCard .my-plan__body__header--add-card,
.page-accountXtraSavingsPlusCancel .my-plan__body__header--add-card,
.page-accountXtraSavingsPlusChange .my-plan__body__header--add-card {
  margin-bottom: 50px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body__header--add-card,
  .page-accountXtraSavingsPlus .my-plan__body__header--add-card,
  .page-asmAccountXtraSavingsPlus .my-plan__body__header--add-card,
  .page-accountXtraSavingsPlusCards .my-plan__body__header--add-card,
  .page-accountXtraSavingsPlusAddCard .my-plan__body__header--add-card,
  .page-accountXtraSavingsPlusCancel .my-plan__body__header--add-card,
  .page-accountXtraSavingsPlusChange .my-plan__body__header--add-card {
    margin-bottom: 16px;
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards {
  margin-bottom: 32px;
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .title,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .title,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .title,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .title,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .title,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .title,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.22em;
  margin: 0 0 24px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .title,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .title,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .title,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .title,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .title,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .title,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .title {
    font-size: 14px;
    margin-bottom: 16px;
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards:not(:empty),
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards:not(:empty),
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards:not(:empty),
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards:not(:empty),
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards:not(:empty),
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards:not(:empty),
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards:not(:empty) {
  margin-bottom: 27px;
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #F4F6F8;
  border-radius: 15px;
  padding: 19px 26px;
  position: relative;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px;
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card:not(:last-child),
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card:not(:last-child),
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card:not(:last-child),
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card:not(:last-child),
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card:not(:last-child),
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card:not(:last-child),
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card:not(:last-child) {
  margin-bottom: 20px;
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card .custom-radio,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card .custom-radio,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card .custom-radio,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card .custom-radio,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card .custom-radio,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card .custom-radio,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card .custom-radio {
  padding-left: 0;
  margin: 0;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card .custom-radio,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card .custom-radio,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card .custom-radio,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card .custom-radio,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card .custom-radio,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card .custom-radio,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card .custom-radio {
    margin-bottom: 17px;
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark {
  border-color: #38A8AE;
  display: block;
  height: 20px;
  position: relative;
  width: 20px;
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark::after,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark::after,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card .custom-radio .checkmark::after {
  background-color: #38A8AE;
  height: 10px;
  width: 10px;
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__name,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__name,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__name,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__name,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__name,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__name,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__name {
  color: #161C23;
  font-size: 18px;
  line-height: 1.22em;
  font-weight: 600;
  margin-left: 18px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__name,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__name,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__name,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__name,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__name,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__name,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__name {
    font-size: 14px;
    margin-bottom: 17px;
    width: calc(100% - 38px);
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__default,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__default,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__default,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__default,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__default,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__default,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__default {
  background-color: #B3CC59;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 4px 15px;
  text-align: center;
  width: 84px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__default,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__default,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__default,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__default,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__default,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__default,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__default {
    order: 1;
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__cvv,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__cvv,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__cvv,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__cvv,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__cvv,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__cvv,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__cvv {
  background: #FFFFFF;
  border: 0;
  border-radius: 100px;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.1);
  color: #161C23;
  font-size: 14px;
  margin-left: auto;
  padding: 6px 0;
  text-align: center;
  text-transform: uppercase;
  width: 72px;
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__cvv::placeholder,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__cvv::placeholder,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__cvv::placeholder,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__cvv::placeholder,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__cvv::placeholder,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__cvv::placeholder,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__cvv::placeholder {
  color: #C4CDD5;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__cvv,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__cvv,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__cvv,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__cvv,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__cvv,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__cvv,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__cvv {
    margin-bottom: 16px;
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__what,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__what,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__what,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__what,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__what,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__what,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__what {
  font-size: 14px;
  line-height: 1.57em;
  color: #161C23;
  margin-left: 16px;
  text-decoration: underline;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__what,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__what,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__what,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__what,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__what,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__what,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__what {
    margin-bottom: 16px;
    margin-right: auto;
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__logo,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__logo,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__logo,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__logo,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__logo,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__logo,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__logo {
  margin-left: 94px;
  width: 52px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__logo,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__logo,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__logo,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__logo,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__logo,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__logo,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__logo {
    display: none;
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__logo img,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__logo img,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__logo img,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__logo img,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__logo img,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__logo img,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__logo img {
  width: 100%;
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__delete,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__delete,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__delete,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__delete,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__delete,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__delete,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__delete {
  background-color: transparent;
  border: 0;
  color: #ff4219;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.22em;
  margin-left: 53px;
  padding: 0;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card__delete,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__delete,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card__delete,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card__delete,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card__delete,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card__delete,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card__delete {
    margin: 0 auto;
    width: 100%;
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card--default .card__default,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card--default .card__default,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card--default .card__default,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card--default .card__default,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card--default .card__default,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card--default .card__default,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card--default .card__default {
  margin-left: auto;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card--default .card__default,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card--default .card__default,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card--default .card__default,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card--default .card__default,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card--default .card__default,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card--default .card__default,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card--default .card__default {
    position: absolute;
    bottom: 16px;
    right: 16px;
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card--default .card__cvv,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card--default .card__cvv,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card--default .card__cvv,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card--default .card__cvv,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card--default .card__cvv,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card--default .card__cvv,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card--default .card__cvv {
  margin-left: 24px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .cards .card--default .card__cvv,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card--default .card__cvv,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .cards .card--default .card__cvv,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .cards .card--default .card__cvv,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .cards .card--default .card__cvv,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .cards .card--default .card__cvv,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .cards .card--default .card__cvv {
    margin-left: auto;
  }
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .add-new,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .add-new,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .add-new,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .add-new,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .add-new {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .add-new__message,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new__message,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new__message,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .add-new__message,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .add-new__message,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .add-new__message,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .add-new__message {
  display: block;
  margin-bottom: 10px;
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .add-new__button,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new__button,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new__button,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .add-new__button,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .add-new__button,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .add-new__button,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .add-new__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  color: #161C23;
  text-decoration: none;
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .add-new__button .icon,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new__button .icon,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new__button .icon,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .add-new__button .icon,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .add-new__button .icon,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .add-new__button .icon,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .add-new__button .icon {
  font-size: 16px;
  margin-right: 36px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .add-new__button .icon,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new__button .icon,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new__button .icon,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .add-new__button .icon,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .add-new__button .icon,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .add-new__button .icon,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .add-new__button .icon {
    margin-right: 21px;
  }
}
.page-subscriptionProductsPage .my-plan__body .your-saved-cards .add-new__button .text,
.page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new__button .text,
.page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new__button .text,
.page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .add-new__button .text,
.page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .add-new__button .text,
.page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .add-new__button .text,
.page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .add-new__button .text {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.22em;
  text-decoration: underline;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .your-saved-cards .add-new__button .text,
  .page-accountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new__button .text,
  .page-asmAccountXtraSavingsPlus .my-plan__body .your-saved-cards .add-new__button .text,
  .page-accountXtraSavingsPlusCards .my-plan__body .your-saved-cards .add-new__button .text,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .your-saved-cards .add-new__button .text,
  .page-accountXtraSavingsPlusCancel .my-plan__body .your-saved-cards .add-new__button .text,
  .page-accountXtraSavingsPlusChange .my-plan__body .your-saved-cards .add-new__button .text {
    font-size: 14px;
  }
}
.page-subscriptionProductsPage .my-plan__body .add-card,
.page-accountXtraSavingsPlus .my-plan__body .add-card,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.page-subscriptionProductsPage .my-plan__body .add-card__image,
.page-accountXtraSavingsPlus .my-plan__body .add-card__image,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__image,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__image,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__image,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__image,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__image {
  margin-right: 10%;
  width: 44%;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .my-plan__body .add-card__image,
  .page-accountXtraSavingsPlus .my-plan__body .add-card__image,
  .page-asmAccountXtraSavingsPlus .my-plan__body .add-card__image,
  .page-accountXtraSavingsPlusCards .my-plan__body .add-card__image,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__image,
  .page-accountXtraSavingsPlusCancel .my-plan__body .add-card__image,
  .page-accountXtraSavingsPlusChange .my-plan__body .add-card__image {
    margin-bottom: 25px;
    margin-right: 0;
    width: 100%;
  }
}
.page-subscriptionProductsPage .my-plan__body .add-card__image .customer-cards,
.page-accountXtraSavingsPlus .my-plan__body .add-card__image .customer-cards,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__image .customer-cards,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__image .customer-cards,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__image .customer-cards,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__image .customer-cards,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__image .customer-cards {
  display: block;
  width: 100%;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form {
  width: 46%;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .my-plan__body .add-card__form,
  .page-accountXtraSavingsPlus .my-plan__body .add-card__form,
  .page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form,
  .page-accountXtraSavingsPlusCards .my-plan__body .add-card__form,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form,
  .page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form,
  .page-accountXtraSavingsPlusChange .my-plan__body .add-card__form {
    width: 100%;
  }
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__header,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__header,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__header,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__header,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__header,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__header,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 23px;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__header .title,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__header .title,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__header .title,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__header .title,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__header .title,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__header .title,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__header .title {
  font-size: 18px;
  line-height: 1.22em;
  font-weight: 700;
  margin: 0 auto 0 0;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .add-card__form__header .title,
  .page-accountXtraSavingsPlus .my-plan__body .add-card__form__header .title,
  .page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__header .title,
  .page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__header .title,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__header .title,
  .page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__header .title,
  .page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__header .title {
    font-size: 14px;
  }
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__header .default-card .form-group,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__header .default-card .form-group,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__header .default-card .form-group,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__header .default-card .form-group,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__header .default-card .form-group,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__header .default-card .form-group,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__header .default-card .form-group {
  margin: 0;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__header .default-card .custom-checkbox,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__header .default-card .custom-checkbox,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__header .default-card .custom-checkbox,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__header .default-card .custom-checkbox,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__header .default-card .custom-checkbox,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__header .default-card .custom-checkbox,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__header .default-card .custom-checkbox {
  font-weight: 700;
  padding-left: 32px;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__body .instructions,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__body .instructions,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__body .instructions,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__body .instructions,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__body .instructions,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__body .instructions,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__body .instructions {
  display: block;
  font-size: 18px;
  line-height: 1.22em;
  margin-bottom: 24px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .add-card__form__body .instructions,
  .page-accountXtraSavingsPlus .my-plan__body .add-card__form__body .instructions,
  .page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__body .instructions,
  .page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__body .instructions,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__body .instructions,
  .page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__body .instructions,
  .page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__body .instructions {
    font-size: 14px;
    margin-bottom: 16px;
  }
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row {
  margin-bottom: 16px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .add-card__form__row,
  .page-accountXtraSavingsPlus .my-plan__body .add-card__form__row,
  .page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row,
  .page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row,
  .page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row,
  .page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row {
    margin-bottom: 8px;
  }
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row label,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row label,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row label,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row label,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row label,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row label,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row label {
  display: block;
  margin: 0;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row .form-group,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row .form-group,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row .form-group,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row .form-group,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row .form-group,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row .form-group,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row .form-group {
  margin: 0;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row .form-group .form-control,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row .form-group .form-control,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row .form-group .form-control,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row .form-group .form-control,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row .form-group .form-control,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row .form-group .form-control,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row .form-group .form-control {
  border: 1px solid #DFE3E8;
  border-radius: 100px;
  color: #161C23;
  font-size: 14px;
  height: auto;
  line-height: 1em;
  padding: 14px 16px;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row .form-group .form-control::placeholder,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row .form-group .form-control::placeholder,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row .form-group .form-control::placeholder,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row .form-group .form-control::placeholder,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row .form-group .form-control::placeholder,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row .form-group .form-control::placeholder,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row .form-group .form-control::placeholder {
  color: #919EAB;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row .form-group .help-block,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row .form-group .help-block,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row .form-group .help-block,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row .form-group .help-block,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row .form-group .help-block,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row .form-group .help-block,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row .form-group .help-block {
  color: #e51f34;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin: 15px 0;
  text-align: center;
  text-transform: none;
  width: 100%;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row .message,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row .message,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row .message,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row .message,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row .message,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row .message,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row .message {
  display: block;
  font-size: 14px;
  line-height: 1.22em;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .add-card__form__row .message,
  .page-accountXtraSavingsPlus .my-plan__body .add-card__form__row .message,
  .page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row .message,
  .page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row .message,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row .message,
  .page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row .message,
  .page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row .message {
    text-align: center;
  }
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--card-type,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--card-type,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--card-type,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--card-type,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--card-type {
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--card-type .card-type,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--card-type .card-type,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--card-type .card-type,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--card-type .card-type,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--card-type .card-type {
  overflow: hidden;
  position: relative;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--card-type .card-type:not(:last-child),
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type:not(:last-child),
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type:not(:last-child),
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--card-type .card-type:not(:last-child),
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--card-type .card-type:not(:last-child),
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--card-type .card-type:not(:last-child),
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--card-type .card-type:not(:last-child) {
  margin-right: 20px;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--card-type .card-type::after,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type::after,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type::after,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--card-type .card-type::after,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--card-type .card-type::after,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--card-type .card-type::after,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--card-type .card-type::after {
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark {
  border-color: #38A8AE;
  height: 20px;
  top: 50%;
  width: 20px;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark::after,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark::after,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark::after,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--card-type .card-type .custom-radio .checkmark::after {
  background-color: #38A8AE;
  height: 10px;
  width: 10px;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--card-type .card-type--visa,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type--visa,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type--visa,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--card-type .card-type--visa,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--card-type .card-type--visa,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--card-type .card-type--visa,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--card-type .card-type--visa {
  height: 44px;
  width: 98px;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--card-type .card-type--visa::after,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type--visa::after,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type--visa::after,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--card-type .card-type--visa::after,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--card-type .card-type--visa::after,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--card-type .card-type--visa::after,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--card-type .card-type--visa::after {
  background-image: url("/_ui/responsive/common/images/xtra-savings/visa-logo.png");
  height: 44px;
  width: 65px;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--card-type .card-type--master,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type--master,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type--master,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--card-type .card-type--master,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--card-type .card-type--master,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--card-type .card-type--master,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--card-type .card-type--master {
  height: 44px;
  width: 95px;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--card-type .card-type--master::after,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type--master::after,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--card-type .card-type--master::after,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--card-type .card-type--master::after,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--card-type .card-type--master::after,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--card-type .card-type--master::after,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--card-type .card-type--master::after {
  background-image: url("/_ui/responsive/common/images/xtra-savings/mastercard-logo.png");
  height: 44px;
  width: 62px;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--expiry-date,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--expiry-date,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--expiry-date,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--expiry-date,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--expiry-date {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--expiry-date .form-group,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--expiry-date .form-group,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--expiry-date .form-group,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--expiry-date .form-group,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--expiry-date .form-group {
  width: 48%;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .add-card__form__row--expiry-date .form-group,
  .page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group,
  .page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group,
  .page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--expiry-date .form-group,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--expiry-date .form-group,
  .page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--expiry-date .form-group,
  .page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--expiry-date .form-group {
    width: 100%;
  }
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--expiry-date .form-group:first-child,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group:first-child,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group:first-child,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--expiry-date .form-group:first-child,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--expiry-date .form-group:first-child,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--expiry-date .form-group:first-child,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--expiry-date .form-group:first-child {
  margin-right: 4%;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .add-card__form__row--expiry-date .form-group:first-child,
  .page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group:first-child,
  .page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group:first-child,
  .page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--expiry-date .form-group:first-child,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--expiry-date .form-group:first-child,
  .page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--expiry-date .form-group:first-child,
  .page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--expiry-date .form-group:first-child {
    margin-bottom: 8px;
    margin-right: 0;
  }
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--expiry-date .form-group .control,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group .control,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group .control,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--expiry-date .form-group .control,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--expiry-date .form-group .control,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--expiry-date .form-group .control,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--expiry-date .form-group .control {
  position: relative;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--expiry-date .form-group .control::after,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group .control::after,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group .control::after,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--expiry-date .form-group .control::after,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--expiry-date .form-group .control::after,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--expiry-date .form-group .control::after,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--expiry-date .form-group .control::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #212B36;
  content: "\e929";
  font-family: "shoprite-icon";
  font-size: 10px;
  position: absolute;
  right: 17px;
  top: 50%;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--expiry-date .form-group .control select,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group .control select,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--expiry-date .form-group .control select,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--expiry-date .form-group .control select,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--expiry-date .form-group .control select,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--expiry-date .form-group .control select,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--expiry-date .form-group .control select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--cvv .form-group input,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--cvv .form-group input,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--cvv .form-group input,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--cvv .form-group input,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--cvv .form-group input,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--cvv .form-group input,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--cvv .form-group input {
  width: 94px;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--button,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--button,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--button,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--button,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--button,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--button,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--button {
  margin-bottom: 12px;
}
.page-subscriptionProductsPage .my-plan__body .add-card__form__row--button .save-card,
.page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--button .save-card,
.page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--button .save-card,
.page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--button .save-card,
.page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--button .save-card,
.page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--button .save-card,
.page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--button .save-card {
  background-color: #ff4219;
  border: 0;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 14px 16px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .add-card__form__row--button .save-card,
  .page-accountXtraSavingsPlus .my-plan__body .add-card__form__row--button .save-card,
  .page-asmAccountXtraSavingsPlus .my-plan__body .add-card__form__row--button .save-card,
  .page-accountXtraSavingsPlusCards .my-plan__body .add-card__form__row--button .save-card,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .add-card__form__row--button .save-card,
  .page-accountXtraSavingsPlusCancel .my-plan__body .add-card__form__row--button .save-card,
  .page-accountXtraSavingsPlusChange .my-plan__body .add-card__form__row--button .save-card {
    width: 100%;
  }
}
.page-subscriptionProductsPage .my-plan__body .terms-conditions,
.page-accountXtraSavingsPlus .my-plan__body .terms-conditions,
.page-asmAccountXtraSavingsPlus .my-plan__body .terms-conditions,
.page-accountXtraSavingsPlusCards .my-plan__body .terms-conditions,
.page-accountXtraSavingsPlusAddCard .my-plan__body .terms-conditions,
.page-accountXtraSavingsPlusCancel .my-plan__body .terms-conditions,
.page-accountXtraSavingsPlusChange .my-plan__body .terms-conditions {
  font-size: 14px;
  line-height: 1.28em;
  margin-bottom: 32px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .terms-conditions,
  .page-accountXtraSavingsPlus .my-plan__body .terms-conditions,
  .page-asmAccountXtraSavingsPlus .my-plan__body .terms-conditions,
  .page-accountXtraSavingsPlusCards .my-plan__body .terms-conditions,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .terms-conditions,
  .page-accountXtraSavingsPlusCancel .my-plan__body .terms-conditions,
  .page-accountXtraSavingsPlusChange .my-plan__body .terms-conditions {
    margin-bottom: 24px;
  }
}
.page-subscriptionProductsPage .my-plan__body .terms-conditions input[type="checkbox"],
.page-accountXtraSavingsPlus .my-plan__body .terms-conditions input[type="checkbox"],
.page-asmAccountXtraSavingsPlus .my-plan__body .terms-conditions input[type="checkbox"],
.page-accountXtraSavingsPlusCards .my-plan__body .terms-conditions input[type="checkbox"],
.page-accountXtraSavingsPlusAddCard .my-plan__body .terms-conditions input[type="checkbox"],
.page-accountXtraSavingsPlusCancel .my-plan__body .terms-conditions input[type="checkbox"],
.page-accountXtraSavingsPlusChange .my-plan__body .terms-conditions input[type="checkbox"] {
  margin: 0 16px 0 0;
}
.page-subscriptionProductsPage .my-plan__body .buttons .start-button,
.page-accountXtraSavingsPlus .my-plan__body .buttons .start-button,
.page-asmAccountXtraSavingsPlus .my-plan__body .buttons .start-button,
.page-accountXtraSavingsPlusCards .my-plan__body .buttons .start-button,
.page-accountXtraSavingsPlusAddCard .my-plan__body .buttons .start-button,
.page-accountXtraSavingsPlusCancel .my-plan__body .buttons .start-button,
.page-accountXtraSavingsPlusChange .my-plan__body .buttons .start-button {
  background-color: #ff4219;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  margin-right: 40px;
  padding: 14px 16px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .buttons .start-button,
  .page-accountXtraSavingsPlus .my-plan__body .buttons .start-button,
  .page-asmAccountXtraSavingsPlus .my-plan__body .buttons .start-button,
  .page-accountXtraSavingsPlusCards .my-plan__body .buttons .start-button,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .buttons .start-button,
  .page-accountXtraSavingsPlusCancel .my-plan__body .buttons .start-button,
  .page-accountXtraSavingsPlusChange .my-plan__body .buttons .start-button {
    margin-bottom: 8px;
    width: 100%;
  }
}
.page-subscriptionProductsPage .my-plan__body .buttons .no-thanks-link,
.page-accountXtraSavingsPlus .my-plan__body .buttons .no-thanks-link,
.page-asmAccountXtraSavingsPlus .my-plan__body .buttons .no-thanks-link,
.page-accountXtraSavingsPlusCards .my-plan__body .buttons .no-thanks-link,
.page-accountXtraSavingsPlusAddCard .my-plan__body .buttons .no-thanks-link,
.page-accountXtraSavingsPlusCancel .my-plan__body .buttons .no-thanks-link,
.page-accountXtraSavingsPlusChange .my-plan__body .buttons .no-thanks-link {
  color: #161C23;
  font-size: 18px;
  line-height: 1.22em;
  text-decoration: underline;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__body .buttons .no-thanks-link,
  .page-accountXtraSavingsPlus .my-plan__body .buttons .no-thanks-link,
  .page-asmAccountXtraSavingsPlus .my-plan__body .buttons .no-thanks-link,
  .page-accountXtraSavingsPlusCards .my-plan__body .buttons .no-thanks-link,
  .page-accountXtraSavingsPlusAddCard .my-plan__body .buttons .no-thanks-link,
  .page-accountXtraSavingsPlusCancel .my-plan__body .buttons .no-thanks-link,
  .page-accountXtraSavingsPlusChange .my-plan__body .buttons .no-thanks-link {
    display: block;
    font-size: 14px;
    text-align: center;
    width: 100%;
  }
}
.page-subscriptionProductsPage .my-plan__cancel-plan,
.page-accountXtraSavingsPlus .my-plan__cancel-plan,
.page-asmAccountXtraSavingsPlus .my-plan__cancel-plan,
.page-accountXtraSavingsPlusCards .my-plan__cancel-plan,
.page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan,
.page-accountXtraSavingsPlusCancel .my-plan__cancel-plan,
.page-accountXtraSavingsPlusChange .my-plan__cancel-plan {
  color: #161C23;
}
.page-subscriptionProductsPage .my-plan__cancel-plan__title,
.page-accountXtraSavingsPlus .my-plan__cancel-plan__title,
.page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__title,
.page-accountXtraSavingsPlusCards .my-plan__cancel-plan__title,
.page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__title,
.page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__title,
.page-accountXtraSavingsPlusChange .my-plan__cancel-plan__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5em;
  margin: 0 0 10px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__cancel-plan__title,
  .page-accountXtraSavingsPlus .my-plan__cancel-plan__title,
  .page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__title,
  .page-accountXtraSavingsPlusCards .my-plan__cancel-plan__title,
  .page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__title,
  .page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__title,
  .page-accountXtraSavingsPlusChange .my-plan__cancel-plan__title {
    font-size: 14px;
    line-height: 1.28em;
    margin-bottom: 16px;
  }
}
.page-subscriptionProductsPage .my-plan__cancel-plan__message,
.page-accountXtraSavingsPlus .my-plan__cancel-plan__message,
.page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__message,
.page-accountXtraSavingsPlusCards .my-plan__cancel-plan__message,
.page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__message,
.page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__message,
.page-accountXtraSavingsPlusChange .my-plan__cancel-plan__message {
  font-size: 18px;
  line-height: 1.22em;
  margin-bottom: 24px;
  max-width: 720px;
  width: 100%;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__cancel-plan__message,
  .page-accountXtraSavingsPlus .my-plan__cancel-plan__message,
  .page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__message,
  .page-accountXtraSavingsPlusCards .my-plan__cancel-plan__message,
  .page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__message,
  .page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__message,
  .page-accountXtraSavingsPlusChange .my-plan__cancel-plan__message {
    font-size: 14px;
    line-height: 1.28em;
    margin-bottom: 34px;
  }
}
.page-subscriptionProductsPage .my-plan__cancel-plan__message strong,
.page-accountXtraSavingsPlus .my-plan__cancel-plan__message strong,
.page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__message strong,
.page-accountXtraSavingsPlusCards .my-plan__cancel-plan__message strong,
.page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__message strong,
.page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__message strong,
.page-accountXtraSavingsPlusChange .my-plan__cancel-plan__message strong {
  font-weight: 700;
}
.page-subscriptionProductsPage .my-plan__cancel-plan__note,
.page-accountXtraSavingsPlus .my-plan__cancel-plan__note,
.page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__note,
.page-accountXtraSavingsPlusCards .my-plan__cancel-plan__note,
.page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__note,
.page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__note,
.page-accountXtraSavingsPlusChange .my-plan__cancel-plan__note {
  font-size: 18px;
  line-height: 1.22em;
  margin-bottom: 32px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__cancel-plan__note,
  .page-accountXtraSavingsPlus .my-plan__cancel-plan__note,
  .page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__note,
  .page-accountXtraSavingsPlusCards .my-plan__cancel-plan__note,
  .page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__note,
  .page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__note,
  .page-accountXtraSavingsPlusChange .my-plan__cancel-plan__note {
    font-size: 14px;
    line-height: 1.28em;
    margin-bottom: 16px;
  }
}
.page-subscriptionProductsPage .my-plan__cancel-plan__note__title,
.page-accountXtraSavingsPlus .my-plan__cancel-plan__note__title,
.page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__note__title,
.page-accountXtraSavingsPlusCards .my-plan__cancel-plan__note__title,
.page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__note__title,
.page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__note__title,
.page-accountXtraSavingsPlusChange .my-plan__cancel-plan__note__title {
  font-size: 18px;
  line-height: 1.22em;
  font-weight: 700;
  margin: 0 0 16px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__cancel-plan__note__title,
  .page-accountXtraSavingsPlus .my-plan__cancel-plan__note__title,
  .page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__note__title,
  .page-accountXtraSavingsPlusCards .my-plan__cancel-plan__note__title,
  .page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__note__title,
  .page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__note__title,
  .page-accountXtraSavingsPlusChange .my-plan__cancel-plan__note__title {
    font-size: 14px;
    line-height: 1.28em;
    margin-bottom: 8px;
  }
}
.page-subscriptionProductsPage .my-plan__cancel-plan__note__list,
.page-accountXtraSavingsPlus .my-plan__cancel-plan__note__list,
.page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__note__list,
.page-accountXtraSavingsPlusCards .my-plan__cancel-plan__note__list,
.page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__note__list,
.page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__note__list,
.page-accountXtraSavingsPlusChange .my-plan__cancel-plan__note__list {
  margin: 0 0 32px;
  padding-left: 30px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__cancel-plan__note__list,
  .page-accountXtraSavingsPlus .my-plan__cancel-plan__note__list,
  .page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__note__list,
  .page-accountXtraSavingsPlusCards .my-plan__cancel-plan__note__list,
  .page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__note__list,
  .page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__note__list,
  .page-accountXtraSavingsPlusChange .my-plan__cancel-plan__note__list {
    margin-bottom: 16px;
  }
}
.page-subscriptionProductsPage .my-plan__cancel-plan__note__list li,
.page-accountXtraSavingsPlus .my-plan__cancel-plan__note__list li,
.page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__note__list li,
.page-accountXtraSavingsPlusCards .my-plan__cancel-plan__note__list li,
.page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__note__list li,
.page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__note__list li,
.page-accountXtraSavingsPlusChange .my-plan__cancel-plan__note__list li {
  margin-bottom: 0;
}
.page-subscriptionProductsPage .my-plan__cancel-plan__note__list li:not(:last-child),
.page-accountXtraSavingsPlus .my-plan__cancel-plan__note__list li:not(:last-child),
.page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__note__list li:not(:last-child),
.page-accountXtraSavingsPlusCards .my-plan__cancel-plan__note__list li:not(:last-child),
.page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__note__list li:not(:last-child),
.page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__note__list li:not(:last-child),
.page-accountXtraSavingsPlusChange .my-plan__cancel-plan__note__list li:not(:last-child) {
  margin-bottom: 20px;
}
.page-subscriptionProductsPage .my-plan__cancel-plan__button,
.page-accountXtraSavingsPlus .my-plan__cancel-plan__button,
.page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__button,
.page-accountXtraSavingsPlusCards .my-plan__cancel-plan__button,
.page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__button,
.page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__button,
.page-accountXtraSavingsPlusChange .my-plan__cancel-plan__button {
  background-color: #161C23;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 14px 25.5px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .my-plan__cancel-plan__button,
  .page-accountXtraSavingsPlus .my-plan__cancel-plan__button,
  .page-asmAccountXtraSavingsPlus .my-plan__cancel-plan__button,
  .page-accountXtraSavingsPlusCards .my-plan__cancel-plan__button,
  .page-accountXtraSavingsPlusAddCard .my-plan__cancel-plan__button,
  .page-accountXtraSavingsPlusCancel .my-plan__cancel-plan__button,
  .page-accountXtraSavingsPlusChange .my-plan__cancel-plan__button {
    text-align: center;
    width: 100%;
  }
}
.page-subscriptionProductsPage .cancel-plan-modal,
.page-accountXtraSavingsPlus .cancel-plan-modal,
.page-asmAccountXtraSavingsPlus .cancel-plan-modal,
.page-accountXtraSavingsPlusCards .cancel-plan-modal,
.page-accountXtraSavingsPlusAddCard .cancel-plan-modal,
.page-accountXtraSavingsPlusCancel .cancel-plan-modal,
.page-accountXtraSavingsPlusChange .cancel-plan-modal {
  background-color: rgba(22, 28, 35, 0.4);
  display: none;
  height: 100%;
  left: 0;
  padding: 32px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.page-subscriptionProductsPage .cancel-plan-modal__content,
.page-accountXtraSavingsPlus .cancel-plan-modal__content,
.page-asmAccountXtraSavingsPlus .cancel-plan-modal__content,
.page-accountXtraSavingsPlusCards .cancel-plan-modal__content,
.page-accountXtraSavingsPlusAddCard .cancel-plan-modal__content,
.page-accountXtraSavingsPlusCancel .cancel-plan-modal__content,
.page-accountXtraSavingsPlusChange .cancel-plan-modal__content {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 32px;
  max-width: 392px;
  width: 100%;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .cancel-plan-modal__content,
  .page-accountXtraSavingsPlus .cancel-plan-modal__content,
  .page-asmAccountXtraSavingsPlus .cancel-plan-modal__content,
  .page-accountXtraSavingsPlusCards .cancel-plan-modal__content,
  .page-accountXtraSavingsPlusAddCard .cancel-plan-modal__content,
  .page-accountXtraSavingsPlusCancel .cancel-plan-modal__content,
  .page-accountXtraSavingsPlusChange .cancel-plan-modal__content {
    padding: 24px 25px;
  }
}
.page-subscriptionProductsPage .cancel-plan-modal__title,
.page-accountXtraSavingsPlus .cancel-plan-modal__title,
.page-asmAccountXtraSavingsPlus .cancel-plan-modal__title,
.page-accountXtraSavingsPlusCards .cancel-plan-modal__title,
.page-accountXtraSavingsPlusAddCard .cancel-plan-modal__title,
.page-accountXtraSavingsPlusCancel .cancel-plan-modal__title,
.page-accountXtraSavingsPlusChange .cancel-plan-modal__title {
  color: #ff4219;
  font-size: 16px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 16px;
  text-transform: uppercase;
}
.page-subscriptionProductsPage .cancel-plan-modal__asm-title,
.page-accountXtraSavingsPlus .cancel-plan-modal__asm-title,
.page-asmAccountXtraSavingsPlus .cancel-plan-modal__asm-title,
.page-accountXtraSavingsPlusCards .cancel-plan-modal__asm-title,
.page-accountXtraSavingsPlusAddCard .cancel-plan-modal__asm-title,
.page-accountXtraSavingsPlusCancel .cancel-plan-modal__asm-title,
.page-accountXtraSavingsPlusChange .cancel-plan-modal__asm-title {
  font-size: 16px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 16px;
}
.page-subscriptionProductsPage .cancel-plan-modal__text,
.page-accountXtraSavingsPlus .cancel-plan-modal__text,
.page-asmAccountXtraSavingsPlus .cancel-plan-modal__text,
.page-accountXtraSavingsPlusCards .cancel-plan-modal__text,
.page-accountXtraSavingsPlusAddCard .cancel-plan-modal__text,
.page-accountXtraSavingsPlusCancel .cancel-plan-modal__text,
.page-accountXtraSavingsPlusChange .cancel-plan-modal__text {
  color: #212B36;
  font-size: 14px;
  line-height: 1.28em;
  margin-bottom: 16px;
}
.page-subscriptionProductsPage .cancel-plan-modal__buttons,
.page-accountXtraSavingsPlus .cancel-plan-modal__buttons,
.page-asmAccountXtraSavingsPlus .cancel-plan-modal__buttons,
.page-accountXtraSavingsPlusCards .cancel-plan-modal__buttons,
.page-accountXtraSavingsPlusAddCard .cancel-plan-modal__buttons,
.page-accountXtraSavingsPlusCancel .cancel-plan-modal__buttons,
.page-accountXtraSavingsPlusChange .cancel-plan-modal__buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.page-subscriptionProductsPage .cancel-plan-modal__button,
.page-accountXtraSavingsPlus .cancel-plan-modal__button,
.page-asmAccountXtraSavingsPlus .cancel-plan-modal__button,
.page-accountXtraSavingsPlusCards .cancel-plan-modal__button,
.page-accountXtraSavingsPlusAddCard .cancel-plan-modal__button,
.page-accountXtraSavingsPlusCancel .cancel-plan-modal__button,
.page-accountXtraSavingsPlusChange .cancel-plan-modal__button {
  background-color: #FFFFFF;
  border-radius: 50px;
  border: 1px solid #919EAB;
  color: #454F5B;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  padding: 9px;
  text-align: center;
  width: 100%;
}
.page-subscriptionProductsPage .cancel-plan-modal__button:not(:last-child),
.page-accountXtraSavingsPlus .cancel-plan-modal__button:not(:last-child),
.page-asmAccountXtraSavingsPlus .cancel-plan-modal__button:not(:last-child),
.page-accountXtraSavingsPlusCards .cancel-plan-modal__button:not(:last-child),
.page-accountXtraSavingsPlusAddCard .cancel-plan-modal__button:not(:last-child),
.page-accountXtraSavingsPlusCancel .cancel-plan-modal__button:not(:last-child),
.page-accountXtraSavingsPlusChange .cancel-plan-modal__button:not(:last-child) {
  margin-right: 8px;
}
.page-subscriptionProductsPage .cancel-plan-modal__button--yes,
.page-accountXtraSavingsPlus .cancel-plan-modal__button--yes,
.page-asmAccountXtraSavingsPlus .cancel-plan-modal__button--yes,
.page-accountXtraSavingsPlusCards .cancel-plan-modal__button--yes,
.page-accountXtraSavingsPlusAddCard .cancel-plan-modal__button--yes,
.page-accountXtraSavingsPlusCancel .cancel-plan-modal__button--yes,
.page-accountXtraSavingsPlusChange .cancel-plan-modal__button--yes {
  background-color: #161C23;
  border-color: #161C23;
  color: #FFFFFF;
}
.page-subscriptionProductsPage .cancel-plan-modal.show-modal,
.page-accountXtraSavingsPlus .cancel-plan-modal.show-modal,
.page-asmAccountXtraSavingsPlus .cancel-plan-modal.show-modal,
.page-accountXtraSavingsPlusCards .cancel-plan-modal.show-modal,
.page-accountXtraSavingsPlusAddCard .cancel-plan-modal.show-modal,
.page-accountXtraSavingsPlusCancel .cancel-plan-modal.show-modal,
.page-accountXtraSavingsPlusChange .cancel-plan-modal.show-modal {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-subscriptionProductsPage .xsp-faq,
.page-accountXtraSavingsPlus .xsp-faq,
.page-asmAccountXtraSavingsPlus .xsp-faq,
.page-accountXtraSavingsPlusCards .xsp-faq,
.page-accountXtraSavingsPlusAddCard .xsp-faq,
.page-accountXtraSavingsPlusCancel .xsp-faq,
.page-accountXtraSavingsPlusChange .xsp-faq {
  color: #161C23;
}
.page-subscriptionProductsPage .xsp-faq__title,
.page-accountXtraSavingsPlus .xsp-faq__title,
.page-asmAccountXtraSavingsPlus .xsp-faq__title,
.page-accountXtraSavingsPlusCards .xsp-faq__title,
.page-accountXtraSavingsPlusAddCard .xsp-faq__title,
.page-accountXtraSavingsPlusCancel .xsp-faq__title,
.page-accountXtraSavingsPlusChange .xsp-faq__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5em;
  margin: 0 0 32px;
  padding: 0 45px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .xsp-faq__title,
  .page-accountXtraSavingsPlus .xsp-faq__title,
  .page-asmAccountXtraSavingsPlus .xsp-faq__title,
  .page-accountXtraSavingsPlusCards .xsp-faq__title,
  .page-accountXtraSavingsPlusAddCard .xsp-faq__title,
  .page-accountXtraSavingsPlusCancel .xsp-faq__title,
  .page-accountXtraSavingsPlusChange .xsp-faq__title {
    font-size: 18px;
    line-height: 2em;
    margin-bottom: 16px;
    padding: 0;
  }
}
.page-subscriptionProductsPage .xsp-faq__item:not(:last-child),
.page-accountXtraSavingsPlus .xsp-faq__item:not(:last-child),
.page-asmAccountXtraSavingsPlus .xsp-faq__item:not(:last-child),
.page-accountXtraSavingsPlusCards .xsp-faq__item:not(:last-child),
.page-accountXtraSavingsPlusAddCard .xsp-faq__item:not(:last-child),
.page-accountXtraSavingsPlusCancel .xsp-faq__item:not(:last-child),
.page-accountXtraSavingsPlusChange .xsp-faq__item:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .xsp-faq__item:not(:last-child),
  .page-accountXtraSavingsPlus .xsp-faq__item:not(:last-child),
  .page-asmAccountXtraSavingsPlus .xsp-faq__item:not(:last-child),
  .page-accountXtraSavingsPlusCards .xsp-faq__item:not(:last-child),
  .page-accountXtraSavingsPlusAddCard .xsp-faq__item:not(:last-child),
  .page-accountXtraSavingsPlusCancel .xsp-faq__item:not(:last-child),
  .page-accountXtraSavingsPlusChange .xsp-faq__item:not(:last-child) {
    margin-bottom: 8px;
  }
}
.page-subscriptionProductsPage .xsp-faq__item .question,
.page-accountXtraSavingsPlus .xsp-faq__item .question,
.page-asmAccountXtraSavingsPlus .xsp-faq__item .question,
.page-accountXtraSavingsPlusCards .xsp-faq__item .question,
.page-accountXtraSavingsPlusAddCard .xsp-faq__item .question,
.page-accountXtraSavingsPlusCancel .xsp-faq__item .question,
.page-accountXtraSavingsPlusChange .xsp-faq__item .question {
  background-color: #F4F6F8;
  border-radius: 100px;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.22em;
  padding: 16px 64px 16px 45px;
  position: relative;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .xsp-faq__item .question,
  .page-accountXtraSavingsPlus .xsp-faq__item .question,
  .page-asmAccountXtraSavingsPlus .xsp-faq__item .question,
  .page-accountXtraSavingsPlusCards .xsp-faq__item .question,
  .page-accountXtraSavingsPlusAddCard .xsp-faq__item .question,
  .page-accountXtraSavingsPlusCancel .xsp-faq__item .question,
  .page-accountXtraSavingsPlusChange .xsp-faq__item .question {
    font-size: 14px;
    line-height: 1.57em;
    padding: 16px 48px 16px 24px;
  }
}
.page-subscriptionProductsPage .xsp-faq__item .question::after,
.page-accountXtraSavingsPlus .xsp-faq__item .question::after,
.page-asmAccountXtraSavingsPlus .xsp-faq__item .question::after,
.page-accountXtraSavingsPlusCards .xsp-faq__item .question::after,
.page-accountXtraSavingsPlusAddCard .xsp-faq__item .question::after,
.page-accountXtraSavingsPlusCancel .xsp-faq__item .question::after,
.page-accountXtraSavingsPlusChange .xsp-faq__item .question::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\e929";
  font-family: "shoprite-icon";
  font-size: 13px;
  position: absolute;
  right: 37px;
  top: 50%;
}
.page-subscriptionProductsPage .xsp-faq__item .answer,
.page-accountXtraSavingsPlus .xsp-faq__item .answer,
.page-asmAccountXtraSavingsPlus .xsp-faq__item .answer,
.page-accountXtraSavingsPlusCards .xsp-faq__item .answer,
.page-accountXtraSavingsPlusAddCard .xsp-faq__item .answer,
.page-accountXtraSavingsPlusCancel .xsp-faq__item .answer,
.page-accountXtraSavingsPlusChange .xsp-faq__item .answer {
  display: none;
  font-size: 18px;
  line-height: 1.22em;
  padding: 16px 45px;
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .xsp-faq__item .answer,
  .page-accountXtraSavingsPlus .xsp-faq__item .answer,
  .page-asmAccountXtraSavingsPlus .xsp-faq__item .answer,
  .page-accountXtraSavingsPlusCards .xsp-faq__item .answer,
  .page-accountXtraSavingsPlusAddCard .xsp-faq__item .answer,
  .page-accountXtraSavingsPlusCancel .xsp-faq__item .answer,
  .page-accountXtraSavingsPlusChange .xsp-faq__item .answer {
    font-size: 14px;
    line-height: 1.57em;
    padding: 16px 24px;
  }
}
.page-subscriptionProductsPage .xsp-faq__item.show-answer .question::after,
.page-accountXtraSavingsPlus .xsp-faq__item.show-answer .question::after,
.page-asmAccountXtraSavingsPlus .xsp-faq__item.show-answer .question::after,
.page-accountXtraSavingsPlusCards .xsp-faq__item.show-answer .question::after,
.page-accountXtraSavingsPlusAddCard .xsp-faq__item.show-answer .question::after,
.page-accountXtraSavingsPlusCancel .xsp-faq__item.show-answer .question::after,
.page-accountXtraSavingsPlusChange .xsp-faq__item.show-answer .question::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.page-subscriptionProductsPage .xsp-faq__item.show-answer .answer,
.page-accountXtraSavingsPlus .xsp-faq__item.show-answer .answer,
.page-asmAccountXtraSavingsPlus .xsp-faq__item.show-answer .answer,
.page-accountXtraSavingsPlusCards .xsp-faq__item.show-answer .answer,
.page-accountXtraSavingsPlusAddCard .xsp-faq__item.show-answer .answer,
.page-accountXtraSavingsPlusCancel .xsp-faq__item.show-answer .answer,
.page-accountXtraSavingsPlusChange .xsp-faq__item.show-answer .answer {
  display: block;
}
.page-subscriptionProductsPage .savings-xsp .more-savings,
.page-accountXtraSavingsPlus .savings-xsp .more-savings,
.page-asmAccountXtraSavingsPlus .savings-xsp .more-savings,
.page-accountXtraSavingsPlusCards .savings-xsp .more-savings,
.page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings,
.page-accountXtraSavingsPlusCancel .savings-xsp .more-savings,
.page-accountXtraSavingsPlusChange .savings-xsp .more-savings {
  background: #FEF4ED;
  border-radius: 15px;
  margin-bottom: 15px;
  padding: 15px 30px 23px;
  position: relative;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .savings-xsp .more-savings,
  .page-accountXtraSavingsPlus .savings-xsp .more-savings,
  .page-asmAccountXtraSavingsPlus .savings-xsp .more-savings,
  .page-accountXtraSavingsPlusCards .savings-xsp .more-savings,
  .page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings,
  .page-accountXtraSavingsPlusCancel .savings-xsp .more-savings,
  .page-accountXtraSavingsPlusChange .savings-xsp .more-savings {
    padding: 24px 13px;
  }
}
.page-subscriptionProductsPage .savings-xsp .more-savings__title,
.page-accountXtraSavingsPlus .savings-xsp .more-savings__title,
.page-asmAccountXtraSavingsPlus .savings-xsp .more-savings__title,
.page-accountXtraSavingsPlusCards .savings-xsp .more-savings__title,
.page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings__title,
.page-accountXtraSavingsPlusCancel .savings-xsp .more-savings__title,
.page-accountXtraSavingsPlusChange .savings-xsp .more-savings__title {
  color: #161C23;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.33em;
  margin: 0 auto 13px;
  max-width: 630px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .savings-xsp .more-savings__title,
  .page-accountXtraSavingsPlus .savings-xsp .more-savings__title,
  .page-asmAccountXtraSavingsPlus .savings-xsp .more-savings__title,
  .page-accountXtraSavingsPlusCards .savings-xsp .more-savings__title,
  .page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings__title,
  .page-accountXtraSavingsPlusCancel .savings-xsp .more-savings__title,
  .page-accountXtraSavingsPlusChange .savings-xsp .more-savings__title {
    font-size: 16px;
    line-height: 1.25em;
    margin-bottom: 28px;
  }
}
.page-subscriptionProductsPage .savings-xsp .more-savings__legend,
.page-accountXtraSavingsPlus .savings-xsp .more-savings__legend,
.page-asmAccountXtraSavingsPlus .savings-xsp .more-savings__legend,
.page-accountXtraSavingsPlusCards .savings-xsp .more-savings__legend,
.page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings__legend,
.page-accountXtraSavingsPlusCancel .savings-xsp .more-savings__legend,
.page-accountXtraSavingsPlusChange .savings-xsp .more-savings__legend {
  position: absolute;
  right: 36px;
  top: 8px;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .savings-xsp .more-savings__legend,
  .page-accountXtraSavingsPlus .savings-xsp .more-savings__legend,
  .page-asmAccountXtraSavingsPlus .savings-xsp .more-savings__legend,
  .page-accountXtraSavingsPlusCards .savings-xsp .more-savings__legend,
  .page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings__legend,
  .page-accountXtraSavingsPlusCancel .savings-xsp .more-savings__legend,
  .page-accountXtraSavingsPlusChange .savings-xsp .more-savings__legend {
    display: none;
  }
}
.page-subscriptionProductsPage .savings-xsp .more-savings__legend .item,
.page-accountXtraSavingsPlus .savings-xsp .more-savings__legend .item,
.page-asmAccountXtraSavingsPlus .savings-xsp .more-savings__legend .item,
.page-accountXtraSavingsPlusCards .savings-xsp .more-savings__legend .item,
.page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings__legend .item,
.page-accountXtraSavingsPlusCancel .savings-xsp .more-savings__legend .item,
.page-accountXtraSavingsPlusChange .savings-xsp .more-savings__legend .item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.page-subscriptionProductsPage .savings-xsp .more-savings__legend .item:not(:last-child),
.page-accountXtraSavingsPlus .savings-xsp .more-savings__legend .item:not(:last-child),
.page-asmAccountXtraSavingsPlus .savings-xsp .more-savings__legend .item:not(:last-child),
.page-accountXtraSavingsPlusCards .savings-xsp .more-savings__legend .item:not(:last-child),
.page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings__legend .item:not(:last-child),
.page-accountXtraSavingsPlusCancel .savings-xsp .more-savings__legend .item:not(:last-child),
.page-accountXtraSavingsPlusChange .savings-xsp .more-savings__legend .item:not(:last-child) {
  margin-bottom: 8px;
}
.page-subscriptionProductsPage .savings-xsp .more-savings__legend .item__icon,
.page-accountXtraSavingsPlus .savings-xsp .more-savings__legend .item__icon,
.page-asmAccountXtraSavingsPlus .savings-xsp .more-savings__legend .item__icon,
.page-accountXtraSavingsPlusCards .savings-xsp .more-savings__legend .item__icon,
.page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings__legend .item__icon,
.page-accountXtraSavingsPlusCancel .savings-xsp .more-savings__legend .item__icon,
.page-accountXtraSavingsPlusChange .savings-xsp .more-savings__legend .item__icon {
  margin-right: 10px;
}
.page-subscriptionProductsPage .savings-xsp .more-savings__legend .item__text,
.page-accountXtraSavingsPlus .savings-xsp .more-savings__legend .item__text,
.page-asmAccountXtraSavingsPlus .savings-xsp .more-savings__legend .item__text,
.page-accountXtraSavingsPlusCards .savings-xsp .more-savings__legend .item__text,
.page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings__legend .item__text,
.page-accountXtraSavingsPlusCancel .savings-xsp .more-savings__legend .item__text,
.page-accountXtraSavingsPlusChange .savings-xsp .more-savings__legend .item__text {
  color: #161C23;
  font-size: 12px;
  line-height: 1.33em;
}
.page-subscriptionProductsPage .savings-xsp .more-savings__legend .item--redeemed .item__icon,
.page-accountXtraSavingsPlus .savings-xsp .more-savings__legend .item--redeemed .item__icon,
.page-asmAccountXtraSavingsPlus .savings-xsp .more-savings__legend .item--redeemed .item__icon,
.page-accountXtraSavingsPlusCards .savings-xsp .more-savings__legend .item--redeemed .item__icon,
.page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings__legend .item--redeemed .item__icon,
.page-accountXtraSavingsPlusCancel .savings-xsp .more-savings__legend .item--redeemed .item__icon,
.page-accountXtraSavingsPlusChange .savings-xsp .more-savings__legend .item--redeemed .item__icon {
  color: #3DA960;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  font-size: 12px;
}
.page-subscriptionProductsPage .savings-xsp .more-savings__legend .item--available .item__icon,
.page-accountXtraSavingsPlus .savings-xsp .more-savings__legend .item--available .item__icon,
.page-asmAccountXtraSavingsPlus .savings-xsp .more-savings__legend .item--available .item__icon,
.page-accountXtraSavingsPlusCards .savings-xsp .more-savings__legend .item--available .item__icon,
.page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings__legend .item--available .item__icon,
.page-accountXtraSavingsPlusCancel .savings-xsp .more-savings__legend .item--available .item__icon,
.page-accountXtraSavingsPlusChange .savings-xsp .more-savings__legend .item--available .item__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 100%;
  color: #EC6707;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  font-size: 7px;
  height: 12px;
  width: 12px;
}
.page-subscriptionProductsPage .savings-xsp .more-savings__list,
.page-accountXtraSavingsPlus .savings-xsp .more-savings__list,
.page-asmAccountXtraSavingsPlus .savings-xsp .more-savings__list,
.page-accountXtraSavingsPlusCards .savings-xsp .more-savings__list,
.page-accountXtraSavingsPlusAddCard .savings-xsp .more-savings__list,
.page-accountXtraSavingsPlusCancel .savings-xsp .more-savings__list,
.page-accountXtraSavingsPlusChange .savings-xsp .more-savings__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.page-subscriptionProductsPage .savings-xsp .saving,
.page-accountXtraSavingsPlus .savings-xsp .saving,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving,
.page-accountXtraSavingsPlusCards .savings-xsp .saving,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving,
.page-accountXtraSavingsPlusChange .savings-xsp .saving {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-subscriptionProductsPage .savings-xsp .saving__circle,
.page-accountXtraSavingsPlus .savings-xsp .saving__circle,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__circle,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__circle,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__circle,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__circle,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__circle {
  position: relative;
}
.page-subscriptionProductsPage .savings-xsp .saving__circle__logo,
.page-accountXtraSavingsPlus .savings-xsp .saving__circle__logo,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__circle__logo,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__circle__logo,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__circle__logo,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__circle__logo,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__circle__logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translate(10px, 10px);
  -ms-transform: translate(10px, 10px);
  transform: translate(10px, 10px);
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #ff4219;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  font-size: 16px;
  height: 29px;
  left: 0;
  position: absolute;
  top: 0;
  width: 29px;
  z-index: 1;
}
.page-subscriptionProductsPage .savings-xsp .saving__circle__content,
.page-accountXtraSavingsPlus .savings-xsp .saving__circle__content,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__circle__content,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__circle__content,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__circle__content,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__circle__content,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__circle__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 50%;
}
.page-subscriptionProductsPage .savings-xsp .saving__circle__content .value,
.page-accountXtraSavingsPlus .savings-xsp .saving__circle__content .value,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__circle__content .value,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__circle__content .value,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__circle__content .value,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__circle__content .value,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__circle__content .value {
  color: #F42C00;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -0.008em;
  line-height: 0.47em;
  margin-bottom: 10px;
}
.page-subscriptionProductsPage .savings-xsp .saving__circle__content .value--type-b,
.page-accountXtraSavingsPlus .savings-xsp .saving__circle__content .value--type-b,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__circle__content .value--type-b,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__circle__content .value--type-b,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__circle__content .value--type-b,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__circle__content .value--type-b,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__circle__content .value--type-b {
  font-size: 24px;
  letter-spacing: -0.012em;
  line-height: 0.70em;
  margin-bottom: 4px;
}
.page-subscriptionProductsPage .savings-xsp .saving__circle__content .text,
.page-accountXtraSavingsPlus .savings-xsp .saving__circle__content .text,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__circle__content .text,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__circle__content .text,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__circle__content .text,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__circle__content .text,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__circle__content .text {
  color: #161C23;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.0241em;
  line-height: 1em;
}
.page-subscriptionProductsPage .savings-xsp .saving__circle__content .days-left,
.page-accountXtraSavingsPlus .savings-xsp .saving__circle__content .days-left,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__circle__content .days-left,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__circle__content .days-left,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__circle__content .days-left,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__circle__content .days-left,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__circle__content .days-left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  color: #ff4219;
  margin-bottom: 5px;
}
.page-subscriptionProductsPage .savings-xsp .saving__circle__content .days-left__value,
.page-accountXtraSavingsPlus .savings-xsp .saving__circle__content .days-left__value,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__circle__content .days-left__value,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__circle__content .days-left__value,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__circle__content .days-left__value,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__circle__content .days-left__value,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__circle__content .days-left__value {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -0.008em;
  line-height: 0.4722em;
  margin-right: 2px;
}
.page-subscriptionProductsPage .savings-xsp .saving__circle__content .days-left__text,
.page-accountXtraSavingsPlus .savings-xsp .saving__circle__content .days-left__text,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__circle__content .days-left__text,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__circle__content .days-left__text,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__circle__content .days-left__text,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__circle__content .days-left__text,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__circle__content .days-left__text {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.0241em;
  line-height: 1em;
  text-align: left;
}
.page-subscriptionProductsPage .savings-xsp .saving__progress,
.page-accountXtraSavingsPlus .savings-xsp .saving__progress,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__progress,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__progress,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__progress,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__progress,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__progress {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  height: 130px;
  width: 130px;
}
.page-subscriptionProductsPage .savings-xsp .saving__progress__base,
.page-accountXtraSavingsPlus .savings-xsp .saving__progress__base,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__progress__base,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__progress__base,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__progress__base,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__progress__base,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__progress__base,
.page-subscriptionProductsPage .savings-xsp .saving__progress__fill,
.page-accountXtraSavingsPlus .savings-xsp .saving__progress__fill,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__progress__fill,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__progress__fill,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__progress__fill,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__progress__fill,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__progress__fill {
  background-color: #FFFFFF;
  stroke-dashoffset: 0;
  stroke-width: 8px;
  stroke: #ff4219;
}
.page-subscriptionProductsPage .savings-xsp .saving__progress__base,
.page-accountXtraSavingsPlus .savings-xsp .saving__progress__base,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__progress__base,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__progress__base,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__progress__base,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__progress__base,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__progress__base {
  opacity: 0.2;
}
.page-subscriptionProductsPage .savings-xsp .saving__progress__fill,
.page-accountXtraSavingsPlus .savings-xsp .saving__progress__fill,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving__progress__fill,
.page-accountXtraSavingsPlusCards .savings-xsp .saving__progress__fill,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving__progress__fill,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving__progress__fill,
.page-accountXtraSavingsPlusChange .savings-xsp .saving__progress__fill {
  stroke-linecap: round;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.page-subscriptionProductsPage .savings-xsp .saving--type-a .saving__circle__logo,
.page-accountXtraSavingsPlus .savings-xsp .saving--type-a .saving__circle__logo,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving--type-a .saving__circle__logo,
.page-accountXtraSavingsPlusCards .savings-xsp .saving--type-a .saving__circle__logo,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving--type-a .saving__circle__logo,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving--type-a .saving__circle__logo,
.page-accountXtraSavingsPlusChange .savings-xsp .saving--type-a .saving__circle__logo {
  color: #3DA960;
  font-size: 29px;
}
.page-subscriptionProductsPage .savings-xsp .saving--type-a .saving__circle__content .value,
.page-accountXtraSavingsPlus .savings-xsp .saving--type-a .saving__circle__content .value,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving--type-a .saving__circle__content .value,
.page-accountXtraSavingsPlusCards .savings-xsp .saving--type-a .saving__circle__content .value,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving--type-a .saving__circle__content .value,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving--type-a .saving__circle__content .value,
.page-accountXtraSavingsPlusChange .savings-xsp .saving--type-a .saving__circle__content .value {
  color: #B3CC59;
}
.page-subscriptionProductsPage .savings-xsp .saving--type-a .saving__progress__base,
.page-accountXtraSavingsPlus .savings-xsp .saving--type-a .saving__progress__base,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving--type-a .saving__progress__base,
.page-accountXtraSavingsPlusCards .savings-xsp .saving--type-a .saving__progress__base,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving--type-a .saving__progress__base,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving--type-a .saving__progress__base,
.page-accountXtraSavingsPlusChange .savings-xsp .saving--type-a .saving__progress__base,
.page-subscriptionProductsPage .savings-xsp .saving--type-a .saving__progress__fill,
.page-accountXtraSavingsPlus .savings-xsp .saving--type-a .saving__progress__fill,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving--type-a .saving__progress__fill,
.page-accountXtraSavingsPlusCards .savings-xsp .saving--type-a .saving__progress__fill,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving--type-a .saving__progress__fill,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving--type-a .saving__progress__fill,
.page-accountXtraSavingsPlusChange .savings-xsp .saving--type-a .saving__progress__fill {
  stroke: #B3CC59;
}
.page-subscriptionProductsPage .savings-xsp .saving--type-b .saving__circle__logo,
.page-accountXtraSavingsPlus .savings-xsp .saving--type-b .saving__circle__logo,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving--type-b .saving__circle__logo,
.page-accountXtraSavingsPlusCards .savings-xsp .saving--type-b .saving__circle__logo,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving--type-b .saving__circle__logo,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving--type-b .saving__circle__logo,
.page-accountXtraSavingsPlusChange .savings-xsp .saving--type-b .saving__circle__logo {
  color: #D62700;
}
.page-subscriptionProductsPage .savings-xsp .saving--type-b .saving__circle__content .value,
.page-accountXtraSavingsPlus .savings-xsp .saving--type-b .saving__circle__content .value,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving--type-b .saving__circle__content .value,
.page-accountXtraSavingsPlusCards .savings-xsp .saving--type-b .saving__circle__content .value,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving--type-b .saving__circle__content .value,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving--type-b .saving__circle__content .value,
.page-accountXtraSavingsPlusChange .savings-xsp .saving--type-b .saving__circle__content .value {
  color: #D62700;
}
.page-subscriptionProductsPage .savings-xsp .saving--type-b .saving__progress__base,
.page-accountXtraSavingsPlus .savings-xsp .saving--type-b .saving__progress__base,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving--type-b .saving__progress__base,
.page-accountXtraSavingsPlusCards .savings-xsp .saving--type-b .saving__progress__base,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving--type-b .saving__progress__base,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving--type-b .saving__progress__base,
.page-accountXtraSavingsPlusChange .savings-xsp .saving--type-b .saving__progress__base,
.page-subscriptionProductsPage .savings-xsp .saving--type-b .saving__progress__fill,
.page-accountXtraSavingsPlus .savings-xsp .saving--type-b .saving__progress__fill,
.page-asmAccountXtraSavingsPlus .savings-xsp .saving--type-b .saving__progress__fill,
.page-accountXtraSavingsPlusCards .savings-xsp .saving--type-b .saving__progress__fill,
.page-accountXtraSavingsPlusAddCard .savings-xsp .saving--type-b .saving__progress__fill,
.page-accountXtraSavingsPlusCancel .savings-xsp .saving--type-b .saving__progress__fill,
.page-accountXtraSavingsPlusChange .savings-xsp .saving--type-b .saving__progress__fill {
  stroke: #D62700;
}
.page-subscriptionProductsPage .js-ajax-carousel-content-container,
.page-accountXtraSavingsPlus .js-ajax-carousel-content-container,
.page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container,
.page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container,
.page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container,
.page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container,
.page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background: #FEF4ED;
  border-radius: 15px;
  padding: 28px 40px;
  position: relative;
}
.page-subscriptionProductsPage .js-ajax-carousel-content-container .owl-item,
.page-accountXtraSavingsPlus .js-ajax-carousel-content-container .owl-item,
.page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .owl-item,
.page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .owl-item,
.page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .owl-item,
.page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .owl-item,
.page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .owl-item {
  width: 200px !important;
}
.page-subscriptionProductsPage .js-ajax-carousel-content-container .owl-item .item-product.product-ga,
.page-accountXtraSavingsPlus .js-ajax-carousel-content-container .owl-item .item-product.product-ga,
.page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .owl-item .item-product.product-ga,
.page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .owl-item .item-product.product-ga,
.page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .owl-item .item-product.product-ga,
.page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .owl-item .item-product.product-ga,
.page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .owl-item .item-product.product-ga {
  width: 200px !important;
}
.page-subscriptionProductsPage .js-ajax-carousel-content-container .owl-item .item-product__image,
.page-accountXtraSavingsPlus .js-ajax-carousel-content-container .owl-item .item-product__image,
.page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .owl-item .item-product__image,
.page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .owl-item .item-product__image,
.page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .owl-item .item-product__image,
.page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .owl-item .item-product__image,
.page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .owl-item .item-product__image {
  align-self: center;
  width: 170px;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .js-ajax-carousel-content-container,
  .page-accountXtraSavingsPlus .js-ajax-carousel-content-container,
  .page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container,
  .page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container,
  .page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container,
  .page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container,
  .page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container {
    padding: 24px;
  }
}
@media (max-width: 636px) {
  .page-subscriptionProductsPage .js-ajax-carousel-content-container,
  .page-accountXtraSavingsPlus .js-ajax-carousel-content-container,
  .page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container,
  .page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container,
  .page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container,
  .page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container,
  .page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container {
    margin-left: -25px;
    margin-right: -25px;
    border-radius: 0;
  }
}
.page-subscriptionProductsPage .js-ajax-carousel-content-container .timer-card,
.page-accountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card,
.page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card,
.page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .timer-card,
.page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .timer-card,
.page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .timer-card,
.page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .timer-card {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 34%;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .js-ajax-carousel-content-container .timer-card,
  .page-accountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card,
  .page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card,
  .page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .timer-card,
  .page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .timer-card,
  .page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .timer-card,
  .page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .timer-card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 16px;
    width: 100%;
  }
}
.page-subscriptionProductsPage .js-ajax-carousel-content-container .timer-card__timer,
.page-accountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__timer,
.page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__timer,
.page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .timer-card__timer,
.page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .timer-card__timer,
.page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .timer-card__timer,
.page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .timer-card__timer {
  margin-bottom: 20px;
  margin-right: 0;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .js-ajax-carousel-content-container .timer-card__timer,
  .page-accountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__timer,
  .page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__timer,
  .page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .timer-card__timer,
  .page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .timer-card__timer,
  .page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .timer-card__timer,
  .page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .timer-card__timer {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.page-subscriptionProductsPage .js-ajax-carousel-content-container .timer-card__card,
.page-accountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__card,
.page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__card,
.page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .timer-card__card,
.page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .timer-card__card,
.page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .timer-card__card,
.page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .timer-card__card {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  max-width: 200px;
  width: 100%;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .js-ajax-carousel-content-container .timer-card__card,
  .page-accountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__card,
  .page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__card,
  .page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .timer-card__card,
  .page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .timer-card__card,
  .page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .timer-card__card,
  .page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .timer-card__card {
    max-width: none;
  }
}
.page-subscriptionProductsPage .js-ajax-carousel-content-container .timer-card__image,
.page-accountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__image,
.page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__image,
.page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .timer-card__image,
.page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .timer-card__image,
.page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .timer-card__image,
.page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .timer-card__image {
  height: auto;
  margin-right: 10px;
  width: 56px;
}
.page-subscriptionProductsPage .js-ajax-carousel-content-container .timer-card__title,
.page-accountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__title,
.page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__title,
.page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .timer-card__title,
.page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .timer-card__title,
.page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .timer-card__title,
.page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .timer-card__title {
  font-size: 12px;
  width: calc(100% - 66px);
}
.page-subscriptionProductsPage .js-ajax-carousel-content-container .timer-card__valid,
.page-accountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__valid,
.page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .timer-card__valid,
.page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .timer-card__valid,
.page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .timer-card__valid,
.page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .timer-card__valid,
.page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .timer-card__valid {
  margin-top: 10px;
  width: 100%;
}
.page-subscriptionProductsPage .js-ajax-carousel-content-container .carousel__component--carousel,
.page-accountXtraSavingsPlus .js-ajax-carousel-content-container .carousel__component--carousel,
.page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .carousel__component--carousel,
.page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .carousel__component--carousel,
.page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .carousel__component--carousel,
.page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .carousel__component--carousel,
.page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .carousel__component--carousel {
  width: 66%;
}
@media (max-width: 1024px) {
  .page-subscriptionProductsPage .js-ajax-carousel-content-container .carousel__component--carousel,
  .page-accountXtraSavingsPlus .js-ajax-carousel-content-container .carousel__component--carousel,
  .page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .carousel__component--carousel,
  .page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .carousel__component--carousel,
  .page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .carousel__component--carousel,
  .page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .carousel__component--carousel,
  .page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .carousel__component--carousel {
    width: 100%;
  }
}
.page-subscriptionProductsPage .js-ajax-carousel-content-container .carousel__component--carousel .item-product,
.page-accountXtraSavingsPlus .js-ajax-carousel-content-container .carousel__component--carousel .item-product,
.page-asmAccountXtraSavingsPlus .js-ajax-carousel-content-container .carousel__component--carousel .item-product,
.page-accountXtraSavingsPlusCards .js-ajax-carousel-content-container .carousel__component--carousel .item-product,
.page-accountXtraSavingsPlusAddCard .js-ajax-carousel-content-container .carousel__component--carousel .item-product,
.page-accountXtraSavingsPlusCancel .js-ajax-carousel-content-container .carousel__component--carousel .item-product,
.page-accountXtraSavingsPlusChange .js-ajax-carousel-content-container .carousel__component--carousel .item-product {
  background-color: #FFFFFF;
}
.page-accountXtraSavingsPlus .banner-xsp {
  margin-top: 0;
}
@media (min-width: 637px) {
  .page-accountXtraSavingsPlus .banner-xsp .banner__image {
    background-image: url("/_ui/responsive/common/images/xtra-savings/xsp-banner-image-my-account.png");
    height: calc(100% - 50px);
    width: calc(100% - 470px);
  }
  .page-accountXtraSavingsPlus .banner-xsp .banner__body {
    padding: 34px 32px 24px;
  }
  .page-accountXtraSavingsPlus .banner-xsp .banner__title {
    font-size: 42px;
    margin-bottom: 13px;
    max-width: 460px;
  }
  .page-accountXtraSavingsPlus .banner-xsp .banner__subtitle {
    font-size: 18px;
  }
  .page-accountXtraSavingsPlus .banner-xsp .banner__subscription {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .page-accountXtraSavingsPlus .banner-xsp .banner__button {
    margin-bottom: 8px;
  }
  .page-accountXtraSavingsPlus .banner-xsp--subscribed .banner__image {
    background-image: url("/_ui/responsive/common/images/xtra-savings/xsp-banner-image-subscribed.png");
    height: 100%;
    width: calc(100% - 480px);
  }
  .page-accountXtraSavingsPlus .banner-xsp--subscribed .banner__body {
    z-index: 2;
  }
  .page-accountXtraSavingsPlus .banner-xsp--subscribed .banner__title {
    font-size: 36px;
    max-width: 382px;
  }
}
.page-accountXtraSavingsPlusChange .plans-table-desktop .plans-table tfoot tr td.is-current-plan .button {
  background-color: #FFECE8;
  color: #ff4219;
}
.page-accountXtraSavingsPlusChange .plans-table-mobile .plans-table__plan__details .button.is-current-plan {
  background-color: #FFECE8;
  width: auto;
}
.cancel-card {
  border: 1px solid #c4cdd5;
  border-radius: 10px;
  color: #454f5b;
  line-height: normal;
  margin-bottom: 20px;
  height: 85px;
}
.cancel-card__body {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.cancel-card__body .title {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.cancel-card__body .plan-status {
  font-size: 18px;
  font-weight: 700;
  font-family: Open Sans;
}
.cancel-card__button-stop {
  background-color: #DB504A;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 12px 22.5px;
  margin-top: 15px;
  margin-left: 50px;
}
@media (max-width: 636px) {
  .cancel-card__button-stop {
    text-align: center;
    width: 100%;
  }
}
.cancel-card__button-reactivate {
  background-color: #38A8AE;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 14px 16px;
  margin-top: 15px;
  margin-left: 50px;
}
@media (max-width: 636px) {
  .cancel-card__button-reactivate {
    text-align: center;
    width: 100%;
  }
}
.cancel-card__button-active {
  background-color: #57B364;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 7px 15.5px;
  cursor: default;
}
@media (max-width: 636px) {
  .cancel-card__button-active {
    text-align: center;
    width: 100%;
  }
}
.cancel-card__button-stopped {
  background-color: #DB504A;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 7px 15.5px;
  cursor: default;
}
@media (max-width: 636px) {
  .cancel-card__button-stopped {
    text-align: center;
    width: 100%;
  }
}
.cancel-plan-asm-modal {
  background-color: rgba(22, 28, 35, 0.4);
  display: none;
  height: 100%;
  left: 0;
  padding: 32px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.cancel-plan-asm-modal__content {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 32px;
  max-width: 470px;
  height: 240px;
  width: 100%;
}
@media (max-width: 636px) {
  .cancel-plan-asm-modal__content {
    padding: 24px 25px;
  }
}
.cancel-plan-asm-modal__title {
  color: #ff4219;
  font-size: 16px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 16px;
  text-transform: uppercase;
  margin-left: 10px;
}
.cancel-plan-asm-modal__asm-title {
  font-size: 16px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 16px;
}
.cancel-plan-asm-modal__text {
  color: #212B36;
  font-size: 14px;
  line-height: 1.28em;
  margin-bottom: 16px;
}
.cancel-plan-asm-modal__buttons {
  display: flex;
  flex-direction: column;
}
.cancel-plan-asm-modal__button {
  background-color: #FFFFFF;
  border-radius: 50px;
  border: 1px solid #919EAB;
  color: #454F5B;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  padding: 9px;
  text-align: center;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 10px;
}
.cancel-plan-asm-modal__button:not(:last-child) {
  margin-right: 8px;
}
.cancel-plan-asm-modal__button--yes {
  background-color: #161C23;
  border-color: #161C23;
  color: #FFFFFF;
}
.cancel-plan-asm-modal.show-modal {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.xtra-plan {
  margin-left: 15px;
}
.my-plan__asm-plan {
  background-color: #00FF00;
  border-radius: 15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 29px;
  height: 85px;
}
@media (max-width: 636px) {
  .my-plan__asm-plan {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background-image: none;
    padding: 5px 25px;
  }
}
.my-plan__asm-plan .your-plan {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
.my-plan__asm-plan .your-plan::before {
  position: absolute;
  left: -15px;
  top: 5px;
  background-image: url(/_ui/responsive/common/images/xtra-savings/icon-xtrasavingplus.png);
  background-repeat: no-repeat;
  background-size: 100px;
  display: inline-block;
  width: 110px;
  height: 90px;
  content: "";
}
.my-plan__asm-plan .title {
  font-size: 15px;
  font-weight: 900;
  line-height: 1.22em;
  margin-bottom: 8px;
  margin-left: 20px;
}
@media (max-width: 636px) {
  .my-plan__asm-plan .title {
    display: inline-block;
    font-size: 14px;
    margin-right: 8px;
  }
}
.my-plan__asm-plan .plan {
  font-size: 15px;
  font-weight: 900;
  line-height: 1.16em;
}
@media (max-width: 636px) {
  .my-plan__asm-plan .plan {
    display: inline-block;
    font-size: 14px;
  }
}
.my-plan .plan-empty {
  display: block;
  width: 250px;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.16em;
  text-align: center;
}
.xtra-saving-asm-title {
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
}
.xtra-saving-section-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.status-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
}
.product__facet {
  margin: 0;
  padding: 0;
}
.product__facet .facet .facet:before,
.product__facet .facet .facet:after {
  display: table;
  content: " ";
}
.product__facet .facet .facet:after {
  clear: both;
}
.product__facet .facet .facet:before,
.product__facet .facet .facet:after {
  display: table;
  content: " ";
}
.product__facet .facet .facet:after {
  clear: both;
}
.product__facet .facet .facet:after {
  content: "";
  clear: both;
  display: table;
}
.product__facet .facet .facet:after {
  content: "";
  clear: both;
  display: table;
}
.product__facet .facet .facet:last-child {
  margin: 0;
}
.product__facet .facet .facet__name {
  font-size: 18px;
  font-weight: bold;
  color: #3c3c3c;
}
.product__facet .facet .facet__list {
  padding-left: 0;
  list-style: none;
  margin: 10px 0;
}
.product__facet .facet .facet__list li {
  padding: 0;
}
.product__facet .facet .facet__list li:not(:last-child) {
  margin-bottom: 6px;
}
.product__facet .facet .facet__list label {
  cursor: pointer;
  font-weight: normal;
  display: block;
  margin: 0;
}
.product__facet .facet .facet__list__mark {
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #cccccc;
  display: inline-block;
  height: 16px;
  margin-right: 5px;
  margin-top: -3px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.product__facet .facet .facet__list__checkbox:checked + .facet__list__label .facet__list__mark {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-text-stroke: 0.5px white;
  color: #555;
  font-size: 10px;
}
.product__facet .facet .facet__list__checkbox:checked + .facet__list__label .facet__list__mark:before {
  content: "\e013";
  vertical-align: middle;
}
.product__facet .facet .facet__list__checkbox:focus + .facet__list__label .facet__list__mark {
  border: 1px solid #0068b3;
  -webkit-box-shadow: inset 0 0  0 1px @check-box-bg;
  box-shadow: inset 0 0  0 1px @check-box-bg;
}
.product__facet .facet .facet__list__text {
  color: #454F5B;
  font-size: 14px;
  line-height: 1.5em;
  text-transform: capitalize;
}
.product__facet .facet .facet__list.facet__list--hidden {
  display: none;
}
.product__facet .facet .facet__values__more {
  display: block;
}
.product__facet .facet .facet__values__less {
  display: none;
}
.product__facet .facet .facet__form {
  padding-top: 10px;
}
.product__facet .facet .facet__form .input-group {
  background-color: #ffffff;
  min-height: 32px;
  border: 1px solid #cccccc;
}
.product__facet .facet .facet__form .input-group .form-control {
  border: 0 none;
  height: 32px;
  box-shadow: none;
}
.product__facet .facet .facet__form .input-group .btn {
  width: 40px;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.product__facet .facet .facet__form .input-group .btn .glyphicon-search {
  color: #3c3c3c;
  font-size: 17px;
  top: 0;
}
.product__facet .facet .facet__form .line-text {
  margin: 20px 0;
}
.product__facet .facet .facet__form__hidden {
  display: none;
}
.product__facet .facet .facet__results__hidden {
  display: none;
}
.product__facet .facet .facet__input-search {
  background: #FFFFFF;
  border: 1px solid #C4CDD5;
  border-radius: 3px;
  height: 40px;
  margin-bottom: 16px;
  overflow: hidden;
  position: relative;
}
.product__facet .facet .facet__input-search .icon {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #454F5B;
  font-size: 18px;
  left: 14px;
  position: absolute;
  top: 50%;
}
.product__facet .facet .facet__input-search input {
  border: 0;
  color: #919EAB;
  font-size: 14px;
  height: inherit;
  overflow: hidden;
  padding-left: 46px;
  padding-right: 42px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.product__facet .facet .facet__input-search__btn-clean {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: transparent;
  border: 0;
  color: #454F5B;
  cursor: pointer;
  display: none;
  font-size: 14.4px;
  padding: 0;
  position: absolute;
  right: 17px;
  top: 50%;
}
.product__facet .facet .facet__input-search.is-writing .facet__input-search__btn-clean {
  display: block;
}
@media (max-width: 1280px) {
  .product__facet {
    margin: 0;
    border: 0 none;
  }
  #colorbox .product__facet {
    display: block !important;
  }
  .product__facet .facet {
    border: 0;
    float: none;
    margin: 0;
    width: 100%;
  }
  .product__facet .facet .facet__name {
    background: transparent;
    padding: 0;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
  }
  .product__facet .facet .facet__name .facet__arrow {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
  }
  .product__facet .facet .facet__name .facet__arrow:before {
    content: "\e080";
  }
  .product__facet .facet .facet__values {
    display: none;
  }
  .product__facet .facet.active .facet__arrow:before {
    content: "\e114";
  }
  .product__facet .facet.active .facet__values {
    display: block;
  }
}
/*sidebar categories*/
.categories-sidebar {
  margin: 0 20px 10px 20px;
  border-radius: 3px;
}
.categories-sidebar--special {
  margin: 0;
}
.categories-sidebar--special .product-categories {
  border-radius: 3px 3px 0 0;
  padding: 16px;
}
@media (max-width: 636px) {
  .categories-sidebar--special .product-categories {
    padding: 0;
  }
}
.categories-sidebar--special .product-categories.facet .categories:not(:last-child) {
  margin-bottom: 8px;
}
.categories-sidebar--special .product-categories.facet .categories .facet__list {
  margin: 0;
}
.categories-sidebar--special .product-categories.facet .categories .facet__list li {
  padding: 0;
}
.categories-sidebar--special .product-categories.facet .categories .facet__list li .special-facet {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5em;
}
.categories-sidebar--special .product-categories #xtraSavingInSites .special-facet {
  color: #ff4219;
}
.categories-sidebar--special .product-categories #xtraSavingInSites .special-facet .switch input:checked + .slider.round {
  background-color: #ff4219;
  border-color: #ff4219;
}
.categories-sidebar--special .product-categories #regularSaveInSites .special-facet {
  color: #e51f34;
}
.categories-sidebar--special .product-categories #regularSaveInSites .special-facet .switch input:checked + .slider.round {
  background-color: #e51f34;
  border-color: #e51f34;
}
.categories-sidebar--special .browse-all-stores {
  background-color: #ECF0F4;
  border: 1px solid #C4CDD5;
  border-radius: 0 0 3px 3px;
  color: #212B36;
  font-size: 12px;
  line-height: 1.33em;
  padding: 16px 100px 16px 16px;
  position: relative;
}
.categories-sidebar--special .browse-all-stores .title {
  display: block;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 700;
  margin-bottom: 1px;
}
.categories-sidebar--special .browse-all-stores .text {
  display: block;
}
.categories-sidebar--special .browse-all-stores .switch {
  position: absolute;
  right: 16px;
  top: 16px;
}
.categories-sidebar--special .browse-all-stores .switch input:checked + .slider.round {
  background-color: #38a8ae;
  border-color: #38a8ae;
}
.product-categories {
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  padding: 15px 10px 0 10px;
  margin-bottom: -1px;
}
.product-categories hr {
  margin-bottom: 10px;
}
.dividing-line-hr {
  margin: 0 -10px 10px;
  border: 1px solid #c4cdd5;
}
.categories-text {
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  color: #000;
  margin: 0 0 10px;
  text-transform: capitalize;
}
.categories-text.red {
  color: #e51f34;
}
.categories-text.orange {
  color: #ff4219;
}
.list-group.toggle-switch li {
  padding: 7px 0;
}
/*toggle switch*/
.switch {
  display: inline-block;
  float: right;
  height: 24px;
  position: relative;
  width: 44px;
}
.switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
.switch input:checked + .slider.round {
  background-color: #919eab;
}
.switch input:checked + .slider.round::before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  background-color: #FFFFFF;
}
.switch input:focus + .slider .round {
  box-shadow: 0 0 1px #FFFFFF;
}
.switch .slider.round {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #FFFFFF;
  border-radius: 34px;
  border: 1px solid #919eab;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.switch .slider.round::before {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #919eab;
  border-radius: 50%;
  bottom: 3px;
  content: "";
  height: 16px;
  left: 4px;
  position: absolute;
  width: 16px;
}
/*end of toggle switch*/
/*ul*/
.list-group.categories {
  margin-bottom: 10px;
}
/*search*/
.search-brand {
  border: 1px solid #ccc;
  padding: 10px;
}
.search-brand input {
  border: none;
}
.search-brand-btn {
  background-color: transparent;
  border: none;
}
.search-brand-btn svg {
  transform: none;
}
/*li*/
.list-group.categories li {
  text-decoration: none;
  display: block;
  font-size: 13px;
}
.checkbox.categories label {
  text-decoration-line: underline;
  text-transform: none;
  color: #454f5b;
}
.badge.categories {
  background-color: transparent;
  color: #ccc;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.view-all-tag {
  text-align: center;
  margin-bottom: 10px;
}
.view-all-tag a {
  color: #454F5B;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.view-all-tag svg {
  margin-left: 10px;
}
.border-categories-sidemenu {
  border-bottom: 2px solid #ccc;
  margin: 5px -10px;
}
/*rotate svg*/
.rotate-svg-categories {
  margin-top: -5px;
}
.rotate-svg-categories svg {
  transform: rotate(180deg);
}
.collapsed svg {
  transform: none;
}
.filter-result {
  border-radius: 3px;
  border: 1px solid #ccc;
  margin: 0 20px 10px 20px;
  padding: 15px 10px 0 10px;
}
.filter-result .facet__name {
  color: #161C23;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 1.5em;
  margin-bottom: 16px;
}
.filter-result .facet__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.filter-result .facet__list li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #ECF0F4;
  border-radius: 3px;
  color: #161C23;
  font-size: 12px;
  line-height: 0.75em;
  margin-bottom: 8px;
  margin-right: 7px;
  padding: 5px 8px !important;
}
.filter-result .facet__list li .facet__list__remove {
  cursor: pointer;
}
.filter-result .facet__list li .icon {
  color: #161C23;
  font-size: 8px;
  margin-right: 8px;
}
.panel-collapse#brand a,
.panel-collapse#allCategories a {
  color: #454F5B;
  font-weight: 600;
}
@media only screen and (min-width: 320px) and (max-width: 636px) {
  .categories-sidebar {
    margin: 10px 3px 10px;
    padding: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
  }
  .show-desktop {
    display: none;
  }
  .show-mobile {
    display: block;
  }
  .show-categories-sidebar {
    display: block;
    position: fixed;
    z-index: 2;
    overflow: auto;
    background-color: white;
    top: 0;
    right: 0;
    width: 90%;
  }
  .categories-facets-overlay {
    left: 0 !important;
    width: 100% !important;
  }
  .categories-facets-overlay#cboxOverlay {
    height: 100%;
  }
  .categories-facets-overlay#colorbox {
    right: 0 !important;
    width: 95% !important;
    left: auto !important;
  }
  .categories-facets-overlay #cboxContent {
    width: 95% !important;
    top: 0;
    right: -10px;
    height: 100% !important;
  }
  .categories-facets-overlay.sort-by #cboxContent {
    height: 270px !important;
  }
  .categories-facets-overlay #cboxWrapper {
    width: 100% !important;
    height: 100% !important;
  }
  .categories-facets-overlay #cboxLoadedContent {
    width: 98% !important;
    padding: 0 !important;
    position: relative;
  }
  .categories-facets-overlay.filter#colorbox {
    height: 100% !important;
    overflow: auto;
  }
  .categories-facets-overlay.filter #cboxLoadedContent {
    margin-top: 0;
  }
  .categories-facets-overlay.sort-by#colorbox {
    height: 270px !important;
  }
  .categories-facets-overlay.sort-by #cboxLoadedContent {
    height: 100% !important;
    margin-top: 25px;
    position: relative;
  }
  .categories-facets-overlay #cboxClose {
    left: 13px;
  }
  .categories-facets-overlay #cboxTitle {
    display: none !important;
  }
  .categories-facets-overlay select[multiple] {
    height: 250px;
  }
  .categories-facets-overlay .shoprite-icon-close {
    color: #454f5b;
  }
  .categories-facets-overlay .filter-applied-facets {
    margin: 10px 10px 10px 10px;
  }
  .categories-facets-overlay .facet-filter-actions {
    margin: 10px 10px 10px 10px;
  }
  .categories-facets-overlay .facet-filter-actions .filter-text {
    font-size: 17px;
    padding-left: 10px;
    color: #454f5b;
    font-weight: 600;
  }
  .categories-facets-overlay .facet-filter-actions .done-close-btn {
    font-size: 14px;
    color: #38a8ae;
    font-weight: 600;
    border: none;
    background-color: transparent;
  }
  .categories-facets-overlay .facet-filter-actions .hr-strong {
    border-bottom: 1px solid #ccc;
    border-top: none;
  }
}
@media only screen and (min-width: 637px) and (max-width: 1280px) {
  .categories-sidebar {
    margin: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
  }
  .show-mobile {
    display: block;
  }
  .show-categories-sidebar {
    display: block;
    position: fixed;
    z-index: 2;
    overflow: auto;
    background-color: white;
    top: 0;
    right: 0;
    width: 35%;
  }
  .categories-facets-overlay {
    left: 0 !important;
    width: 100% !important;
  }
  .categories-facets-overlay#colorbox {
    right: 0 !important;
    width: 300px !important;
    left: auto !important;
  }
  .categories-facets-overlay #cboxContent {
    border-top: 1px solid #ccc;
    width: 286px !important;
    height: 100% !important;
  }
  .categories-facets-overlay #cboxLoadedContent {
    width: 280px !important;
    padding: unset;
    margin-top: 0;
    position: relative;
  }
  .categories-facets-overlay .facet-filter-actions {
    margin: 10px 10px 10px 10px;
  }
  .categories-facets-overlay .facet-filter-actions .filter-text {
    font-size: 17px;
    padding-left: 10px;
    color: #454f5b;
    font-weight: 600;
  }
  .categories-facets-overlay .facet-filter-actions .done-close-btn {
    font-size: 14px;
    color: #38a8ae;
    font-weight: 600;
    border: none;
    background-color: transparent;
  }
  .categories-facets-overlay .facet-filter-actions .hr-strong {
    border-bottom: 1px solid #ccc;
    border-top: none;
  }
  .categories-facets-overlay .filter-applied-facets {
    margin: 10px 10px 10px 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 636px) and all and (-ms-high-contrast: active), only screen and (min-width: 320px) and (max-width: 636px) and (-ms-high-contrast: none) {
  .categories-facets-overlay {
    left: 0 !important;
    width: 100% !important;
  }
  .categories-facets-overlay#colorbox {
    right: 0 !important;
    width: 95% !important;
    left: auto !important;
  }
  .categories-facets-overlay #cboxContent {
    width: 95% !important;
    top: 0;
    right: -10px;
  }
  .categories-facets-overlay.sort-by #cboxContent {
    height: 270px !important;
  }
  .categories-facets-overlay #cboxWrapper {
    width: 100% !important;
  }
  .categories-facets-overlay #cboxLoadedContent {
    width: 98% !important;
    padding: 0 !important;
  }
  .categories-facets-overlay.filter#colorbox {
    height: 100% !important;
    overflow: auto;
  }
  .categories-facets-overlay.filter #cboxLoadedContent {
    height: 500px !important;
    margin-top: 0;
  }
  .categories-facets-overlay.sort-by#colorbox {
    height: 270px !important;
  }
  .categories-facets-overlay.sort-by #cboxLoadedContent {
    height: 100% !important;
    margin-top: 25px;
  }
  .categories-facets-overlay #cboxClose {
    left: 13px;
  }
  .categories-facets-overlay #cboxTitle {
    display: none !important;
  }
  .categories-facets-overlay select[multiple] {
    height: 250px;
  }
  .categories-facets-overlay .shoprite-icon-close {
    color: #454f5b;
  }
  .categories-facets-overlay .show-mobile {
    display: block;
  }
  .categories-facets-overlay .filter-applied-facets {
    margin: 10px 10px 10px 10px;
  }
  .categories-facets-overlay .facet-filter-actions {
    margin: 10px 10px 10px 10px;
  }
  .categories-facets-overlay .facet-filter-actions .filter-text {
    font-size: 17px;
    padding-left: 10px;
    color: #454f5b;
    font-weight: 600;
  }
  .categories-facets-overlay .facet-filter-actions .done-close-btn {
    font-size: 14px;
    color: #38a8ae;
    font-weight: 600;
    border: none;
    background-color: transparent;
  }
  .categories-facets-overlay .facet-filter-actions .hr-strong {
    border-bottom: 1px solid #ccc;
    border-top: none;
  }
}
@media only screen and (min-width: 637px) and (max-width: 1024px) and all and (-ms-high-contrast: active), only screen and (min-width: 637px) and (max-width: 1024px) and (-ms-high-contrast: none) {
  .categories-facets-overlay {
    top: 165px !important;
    left: 0 !important;
    width: 100% !important;
  }
  .categories-facets-overlay#colorbox {
    right: 0 !important;
    width: 300px !important;
    left: auto !important;
    top: 151px !important;
  }
  .categories-facets-overlay #cboxContent {
    width: 286px !important;
  }
  .categories-facets-overlay #cboxLoadedContent {
    width: 280px !important;
    padding: 0 !important;
  }
}
@media (max-width: 636px) {
  .filter-applied-facets {
    margin: 10px 3px;
    padding: 0 10px;
    border: 1px solid #ccc;
    overflow: hidden;
  }
  .filter-applied-facets .facet__list__text {
    font-weight: 700;
  }
}
.sort-refine-bar {
  padding: 5px 0;
}
.sort-refine-bar .form-group select {
  width: auto;
}
.sort-refine-bar .form-group .control-label svg {
  margin-right: 10px;
}
:-ms-fullscreen,
:root select::-ms-expand {
  border: none;
  background-color: transparent;
}
.js-show-facets {
  width: 20px;
  background-color: transparent;
  border: none;
  color: #929292;
  font-size: 15px;
}
.form-control-sort-by {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.42857143;
  color: #3c3c3c;
  background: none;
  border: none;
}
.pagination-bar {
  background-color: #F9F9F9;
}
.pagination-bar .pagination-toolbar {
  padding-left: 20px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .pagination-bar .pagination-toolbar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.pagination-bar .form-group {
  margin: 0;
  float: right;
  font-size: 15px;
}
.pagination-bar .pagination-bar-results {
  margin-top: 25px;
  padding: 0 20px;
  color: #3c3c3c;
}
.pagination-bar.bottom .pagination-toolbar {
  padding-top: 5px;
}
@media (max-width: 636px) {
  .pagination-bar.top {
    display: none;
  }
}
.pagination-wrap {
  float: left;
  transform: translateX(50%);
}
.total-number-of-results span {
  font-weight: 600;
}
.sortForm1 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 1024px) {
  .pagination-bar button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 636px) {
  .sort-refine-bar .form-group {
    padding-top: 9px;
  }
  .sort-refine-bar .form-group select {
    width: 100%;
  }
}
@media (max-width: 1024px) and (min-width: 637px) {
  .sort-refine-bar .form-group {
    padding-top: 9px;
  }
  .sort-refine-bar .form-group select {
    height: 48px;
  }
}
.control-label.js-open-sort {
  margin: 0;
}
@media (max-width: 636px) {
  .sortForm1 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .sortForm1 .control-label.js-open-sort {
    color: #3c3c3c;
    margin: 0;
  }
  .js-show-facets {
    padding: 10px 0;
  }
}
.form-control-sort-by {
  display: inline-block;
}
@media (max-width: 636px) {
  .form-control-sort-by {
    display: unset;
    height: auto;
    padding: 0;
  }
}
@media (max-width: 1024px) and (min-width: 637px) {
  .sort-refine-bar .pagination {
    float: left !important;
  }
  .sort-refine-bar .form-group {
    padding: 0;
  }
  .sort-refine-bar .form-group select {
    height: 40px;
  }
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .js-show-facets {
    padding: 5px 15px;
    float: right;
  }
  #product-facet {
    display: block !important;
  }
  .facet-filter-actions {
    display: none;
  }
  .product__facet .facet .facet__values {
    display: block;
  }
}
.simple-pagination-header-cnt {
  margin-bottom: 16px;
}
.simple-pagination-header-cnt .sort-refine-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.simple-pagination-header-cnt .sort-refine-bar .total-number-of-results {
  margin: 8px 0;
}
.simple-pagination-header-cnt .sort-refine-bar .total-number-of-results strong {
  font-weight: 700;
}
.item__list {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
}
.item__list .item__list--item {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
}
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap,
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap:after {
  background-color: #f4f4f4;
}
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap .order-form-scroll.down {
  bottom: 0;
  z-index: 9999;
}
.item__list .item__list--item:last-child {
  padding-right: 30px;
}
.item__list .item__list--item .btn-group.open .dropdown-menu {
  padding: 0;
}
.item__list .item__list--item .btn-group.open .dropdown-menu li {
  margin: 0;
}
.item__list .item__list--item .btn-group.open .dropdown-menu li:first-child {
  border-bottom: 1px solid #e5e5e5;
}
.item__list .item__list--item .btn-group.open a {
  padding: 18px 35px 18px 25px;
}
.item__list .item__list--item .item__configurations--display .btn {
  padding-left: 0;
}
.item__list .item__list--item .item__configurations--display .btn:hover {
  color: #003c66;
}
.item__list .item__list--header {
  padding-left: 0;
  list-style: none;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.item__list .item__list--header li {
  display: table-cell;
  background-color: #142939;
  color: #7f919e;
  font-size: 13px;
  text-transform: uppercase;
  padding: 7px 10px;
}
.item__list .item__list--header li:last-child {
  padding-right: 30px;
}
.item__list .item__toggle {
  font-size: 15px;
  width: 25px;
}
.item__list .item__toggle > * {
  cursor: pointer;
}
.item__list .item__toggle .open .glyphicon:before {
  content: "\e113";
}
.item__list .item__image {
  width: 136px;
  padding: 0 20px;
}
.item__list .item__image img {
  max-width: 96px;
}
.item__list .item__name {
  font-size: 16px;
  font-weight: 700;
}
.item__list .item__quantity {
  text-align: center;
}
.item__list .item__quantity .form-control {
  display: inline-block;
  width: 60px;
  height: 40px;
  text-align: center;
}
.item__list .item__delivery .item__delivery--label {
  text-transform: uppercase;
  color: #929292;
  font-weight: 700;
}
.item__list .item__total--column {
  text-align: right;
}
.item__list .item__total {
  font-size: 15px;
  font-weight: 700;
  text-align: right;
  padding-left: 0;
}
.item__list .item__remove,
.item__list .item__menu {
  width: 45px;
  text-align: right;
}
.item__list .item__remove .btn,
.item__list .item__menu .btn {
  font-size: 25px;
  background-color: transparent;
  padding: 0;
  border: 0;
  color: #0068b3;
}
.item__list .item__remove .btn .glyphicon,
.item__list .item__menu .btn .glyphicon {
  top: 4px;
}
.item__list #cartOrderGridForm .product-grid-container table {
  background-color: #f4f4f4;
}
.item__list #cartOrderGridForm .product-grid-container table th {
  background-color: #e4e4e4;
  color: #3c3c3c;
}
.item__list .promo {
  font-size: 14px;
  font-weight: 700;
  color: #00a651;
}
.item__list .promo ul {
  padding-left: 0;
  list-style: none;
}
.item__list .out-of-stock {
  color: #ed1c24;
}
.item__list .read-only-grid .grid-row > td {
  border-bottom: 1px solid #d9d9d9;
}
.item__list .read-only-grid .grid-prod-img {
  width: 100px;
  padding: 25px 40px 20px 45px;
  vertical-align: top;
}
.item__list .read-only-grid .grid-prod-img + td {
  padding-bottom: 5px;
}
.item__list .read-only-grid .grid-variant,
.item__list .read-only-grid .grid-size {
  font-weight: 700;
}
.item__list .read-only-grid .grid-variant + .grid-variant:before,
.item__list .read-only-grid .grid-size + .grid-variant:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #cccccc;
}
.item__list .read-only-grid .grid-prod-info {
  display: inline-block;
  padding-top: 0;
  padding-right: 40px;
}
.item__list .read-only-grid .grid-qty .grid-qty-label {
  font-size: 12px;
  text-transform: uppercase;
}
.item__list .read-only-grid .grid-price:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #cccccc;
}
@media (min-width: 1025px) {
  .item__list > li .add-to-cart-order-form-wrap {
    border-bottom: 1px solid #e5e5e5;
  }
  .item__list .item__list--item {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .item__list .item__list--item .item__sku__input,
  .item__list .item__list--item .item__toggle,
  .item__list .item__list--item .item__image,
  .item__list .item__list--item .item__info,
  .item__list .item__list--item .item__price,
  .item__list .item__list--item .item__quantity,
  .item__list .item__list--item .item__delivery,
  .item__list .item__list--item .item__total,
  .item__list .item__list--item .item__remove,
  .item__list .item__list--item .item__menu,
  .item__list .item__list--item .item__quantity__total {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
  }
  .item__list .item__info {
    width: 35%;
    padding: 0 10px;
  }
  .item__list .item__delivery {
    padding-left: 3%;
  }
}
@media (min-width: 637px) {
  .item__list #cartOrderGridForm {
    max-height: 460px;
    overflow: scroll;
  }
  .item__list #cartOrderGridForm table tr:first-child > th:first-child,
  .item__list #cartOrderGridForm table tr > td:first-child {
    border-right: 0;
    padding-left: 40px;
  }
}
@media (max-width: 1024px) {
  .item__list {
    border-top: 1px solid #e5e5e5;
    margin-top: 0;
    clear: both;
  }
  .item__list .item__toggle .glyphicon {
    width: 50px;
    height: 50px;
  }
  .item__list .item__image {
    float: left;
    margin: 0;
  }
  .item__list .item__price .visible-xs {
    display: inline !important;
  }
  .item__list .item__remove,
  .item__list .item__menu {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 0;
    margin: 0;
  }
  .item__list .item__remove .btn,
  .item__list .item__menu .btn {
    text-align: center;
    width: 50px;
    height: 50px;
  }
  .item__list .item__total {
    float: right;
  }
  .item__list .item__quantity__total {
    clear: both;
    float: none;
    width: auto;
    padding-right: 20px;
  }
  .item__list .item__quantity__total > .details {
    cursor: pointer;
  }
  .item__list .item__quantity__total .qty {
    line-height: 42px;
    padding-top: 10px;
  }
  .item__list .item__quantity__total .qty:before,
  .item__list .item__quantity__total .qty:after {
    display: table;
    content: " ";
  }
  .item__list .item__quantity__total .qty:after {
    clear: both;
  }
  .item__list .item__quantity__total .qty:before,
  .item__list .item__quantity__total .qty:after {
    display: table;
    content: " ";
  }
  .item__list .item__quantity__total .qty:after {
    clear: both;
  }
  .item__list .item__quantity__total .qty:after {
    content: "";
    clear: both;
    display: table;
  }
  .item__list .item__quantity__total .qty:after {
    content: "";
    clear: both;
    display: table;
  }
  .item__list .item__quantity__total .qty label {
    float: left;
    margin: 0 10px 0 0;
  }
  .item__list .item__quantity__total .qty input {
    float: left;
    width: 70px;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 10px;
  }
  .item__list .item__quantity__total .qty .qtyValue {
    float: left;
  }
  .item__list .item__quantity__total .qty .glyphicon {
    float: right;
    line-height: 40px;
    padding-left: 5px;
  }
  .item__list .item__quantity__total .open .qty .glyphicon:before {
    content: "\e114";
  }
  .item__list #cartOrderGridForm .product-grid-container {
    font-size: 14px;
    margin: 0;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-detail {
    padding-left: 20px;
    padding-top: 10px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-detail img {
    padding-right: 10px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-select {
    padding-top: 22px;
    padding-right: 20px;
    vertical-align: top;
  }
  .item__list #cartOrderGridForm .product-grid-container > table {
    border-bottom: 1px solid #d9d9d9;
  }
  .item__list #cartOrderGridForm .product-grid-container > table tr td {
    border-bottom: none;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary {
    background-color: transparent;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary > td {
    padding: 0 20px 20px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary .variant-summary-items {
    border: none;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary table tr td {
    padding: 0 10px 0 0;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary table tr td:last-child {
    padding: 0;
  }
  .item__list .read-only-grid .grid-prod-img {
    padding-left: 20px;
    padding-right: 30px;
  }
  .item__list .read-only-grid .grid-variant {
    display: block;
  }
  .item__list .read-only-grid .grid-variant + .grid-variant:before {
    content: none;
  }
  .item__list--item {
    position: relative;
  }
  .item__list--item > div {
    margin-left: 136px;
    padding: 0 80px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.account-orderdetail .item__list {
  clear: both;
  margin-top: 0;
}
.cart-header {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 10px;
}
@media (max-width: 1280px) {
  .cart-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart-header.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.cart-header .cart-headline {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding: 0;
}
.cart-header .cart-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.cart-header .cart__id--label {
  font-size: 18px;
  font-weight: 600;
  padding: 0 5px 0 10px;
}
.cart-header .cart__id--label:before {
  content: "|";
  position: relative;
  left: -2px;
  color: #929292;
  font-weight: 400;
  vertical-align: top;
}
.cart-header .cart__id--label .cart__id {
  padding-left: 5px;
}
.cart-top-bar {
  background: #f4f4f4;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .cart-top-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart-top-bar a.help {
  font-size: 13px;
  position: relative;
  padding-right: 25px;
}
.cart-top-bar a.help .glyphicon {
  color: #0068b3;
  font-size: 1.5em;
  position: absolute;
  right: 0;
  top: -1px;
}
.cart-top-bar .help-popup-content-holder {
  display: none;
}
.cart-restoration-bar {
  background: #F2F4F7;
  margin-bottom: 20px;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .cart-restoration-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.help-popup-content strong {
  display: block;
  margin-bottom: 15px;
}
.cart__content {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 1025px) {
  .cart__content .gpt-cnt {
    width: 100%;
    margin: 0;
  }
}
.cart__content.wrapper-row {
  margin-left: 0;
  margin-right: 0;
}
.cart__content.wrapper-row .top-border:first-child {
  padding-left: 0;
}
.cart__content.wrapper-row .top-border:last-child {
  padding-right: 0;
}
.cart__top--totals {
  text-align: right;
  font-size: 15px;
  margin-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .cart__top--totals {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart__top--totals .cart__top--amount {
  margin-left: 5px;
}
.cart__top--totals .cart__top--amount:before {
  content: "|";
  position: relative;
  left: -2px;
  color: #929292;
  font-weight: 400;
  top: -1px;
}
.cart__actions.border {
  border-bottom: 1px solid #e5e5e5;
}
.cart__actions,
.cart__actions--top {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 32px;
}
@media (max-width: 1280px) {
  .cart__actions,
  .cart__actions--top {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1024px) {
  .cart__actions,
  .cart__actions--top {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }
}
.item__list__cart {
  margin-top: 15px;
  margin-bottom: 10px;
}
.item__list__cart table td {
  padding: 0;
}
.item__list__cart > table tbody > .entry-group-header > th {
  background-color: #e4e4e4;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  padding-right: 35px;
}
.item__list__cart > table tbody > .entry-group-header a {
  color: #0068b3;
}
.item__list__cart > table table td {
  background-color: #f4f4f4;
}
.item__list__cart > table table tbody > .entry-group-header > th {
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 35px;
}
@media (min-width: 1025px) {
  .item__list__cart .item__remove,
  .item__list__cart .item__menu {
    width: 60px;
  }
}
.item__list__cart .item__list--item {
  border-top: 1px solid #e5e5e5;
}
.item__list__cart .item__list--item .item__image {
  padding: 10px;
}
@media (min-width: 1025px) {
  .item__list__cart .item__list--item .item__remove,
  .item__list__cart .item__list--item .item__menu {
    padding-right: 26px;
  }
}
.item__list__cart .item__list--item .item__menu {
  overflow: visible;
}
.item__list__cart .item__list--item .item__menu .dropdown-menu {
  padding: 5px 0;
}
.item__list__cart .item__list--item .item__total {
  text-align: left;
}
.item__list__cart .item__list--item .btn-group {
  position: relative;
}
.item__list__cart .item__list--item .btn-group .open .dropdown-menu {
  padding: 0;
}
.item__list__cart .item__list--item .btn-group .open .dropdown-menu li {
  margin: 0;
  border-top: 1px solid #e5e5e5;
}
.item__list__cart .item__list--item .btn-group .open .dropdown-menu li:first-child {
  border: none;
}
.item__list__cart .item__list--item .btn-group .open a {
  padding: 18px 35px 18px 25px;
}
.item__list__cart .item__list--comment {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.item__list__cart .item__list--comment .item__comment {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .item__list__cart .item__list--comment .item__comment {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.item__list__cart .item__list--comment .item__comment textarea {
  min-height: inherit;
  resize: none;
  margin-bottom: 20px;
}
.item__list__cart .item__list--comment .item__comment--role {
  margin-top: 38px;
}
.item__list__cart .item__list--comment .item__comment--author {
  font-weight: bold;
}
.item__list__cart .item__quantity {
  text-align: left;
}
.item__list__cart .notification.has-error {
  padding: 0 30px;
  text-align: center;
  margin-top: 10px;
}
.item__list__cart .item__configurations {
  margin: 10px 0;
}
@media (max-width: 636px) {
  .item__list__cart .item__configuration--entry {
    margin-bottom: 5px;
  }
}
.item__list__cart .item__configurations--edit .btn {
  padding-left: 0;
}
.item__list__cart .item__configurations--edit .btn:hover {
  color: #003c66;
}
.cart__head--link:after {
  content: "|";
  position: relative;
  left: 5px;
  color: #929292;
  font-weight: 400;
  vertical-align: top;
}
.cart__head--link:first-child:after {
  content: "";
  position: relative;
  left: 0;
  color: #929292;
  font-weight: 400;
  vertical-align: top;
}
.save__cart--link,
.new__cart--link,
.cart__quotes--link {
  text-align: right;
  margin-top: 12px;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  white-space: nowrap;
  float: right;
  padding: 0 5px;
}
@media (max-width: 1024px) {
  .save__cart--link,
  .new__cart--link,
  .cart__quotes--link {
    text-align: left;
  }
}
@media (max-width: 636px) {
  .save__cart--link,
  .new__cart--link,
  .cart__quotes--link {
    text-align: center;
    margin-top: 0;
  }
}
.export__cart--link {
  text-align: left;
  width: 100%;
  margin-top: 15px;
  padding-right: 20px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  display: inline-block;
  white-space: nowrap;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .export__cart--link {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 636px) {
  .export__cart--link {
    padding-top: 5px;
  }
}
.cart-totals {
  font-size: 18px;
  line-height: 2em;
  margin-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1280px) {
  .cart-totals {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.cart-totals .cart-totals-left {
  padding-left: 50px;
}
.cart-totals .cart-totals-right {
  font-weight: bold;
  padding-left: 0;
  padding-right: 60px;
}
.cart-totals .cart-price {
  font-weight: bold;
}
.cart-totals .discount {
  color: #00a651;
}
.cart-totals .quote-discount-link {
  text-transform: uppercase;
}
.cart-totals .grand-total {
  font-size: 22px;
  text-transform: uppercase;
  line-height: 1.3em;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
}
.cart-totals .cart-totals-taxes {
  clear: both;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5em;
  padding-right: 60px;
  padding-left: 55px;
}
@media (max-width: 1024px) and (min-width: 637px) {
  .cart-totals .cart-totals-left,
  .cart-totals .cart-totals-right,
  .cart-totals .cart-totals-taxes {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 636px) {
  .cart-totals .cart-totals-left,
  .cart-totals .cart-totals-right,
  .cart-totals .cart-totals-taxes {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 636px) {
  .cart__actions {
    margin: 0;
  }
  .cart__actions .pull-right {
    float: none !important;
  }
  .cart__actions .row {
    margin: 0;
  }
}
.cartpotproline,
.cartproline {
  font-size: 18px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .cartpotproline,
  .cartproline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cartpotproline .info,
.cartproline .info {
  font-size: 14px;
}
.promotion {
  font-size: 14px;
  font-weight: bold;
  color: #00a651;
}
.error-details-section .action {
  text-align: center;
  margin: 10px 0;
}
@media (max-width: 636px) {
  .cartpotproline,
  .cartproline {
    padding: 10px 20px 25px;
  }
  .btn--continue-shopping,
  .btn--continue-checkout,
  .btn-create-quote {
    margin-bottom: 15px;
  }
  .doFlowSelectedChange {
    margin-top: 20px;
  }
}
#cboxContent .cart_popup_error_msg {
  margin-bottom: 20px;
}
.content__empty .content {
  margin: 0 auto;
  width: 50%;
}
.login-page__headline,
.user-register__headline {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
}
.login-page__headline.border,
.user-register__headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.login-right-content-slot {
  margin-right: 30px;
  margin-left: 10px;
}
@media (max-width: 1024px) {
  .login-right-content-slot {
    margin-left: 20px;
    margin-right: 20px;
  }
}
form .forgotten-password {
  margin-bottom: 25px;
}
.forgotten-password.alert {
  padding-left: 0;
  padding-right: 0;
}
.forgotten-password .description {
  margin-bottom: 10px;
}
#colorbox .forgotten-password .btn-primary {
  margin-top: 35px;
}
.register-form-action,
.login-form-action {
  margin-top: 35px;
}
.forgotten-password + .login-form-action {
  margin-top: 0;
}
.alert-dismissable .close,
.alert-dismissible .close {
  right: 0;
}
.register__container {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .register__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 636px) {
  .login-form-action .btn-default {
    margin-top: 30px;
  }
}
@media (max-width: 636px) {
  .login-section .forgotten-password,
  .register-section .forgotten-password {
    margin-bottom: 45px;
  }
}
.page-register .main__inner-wrapper .global-alerts {
  display: none;
}
.page-register .main__inner-wrapper .error-alert {
  display: none;
  padding: 15px 10px;
  margin: 0 0 10px 0;
  background-color: #cb6178;
  border-radius: 4px;
  font-size: 12px;
  color: #FFFFFF;
}
.page-register .main__inner-wrapper .error-alert.hasErrors {
  display: block;
}
.page-register .main__inner-wrapper .error-alert span.glyphicon {
  font-size: 15px;
}
.login-section .warn-message {
  color: red;
  display: flex;
}
.login-section .warn-message__icon {
  font-size: 22px;
}
.login-section .warn-message__text {
  padding-top: 7.5px;
  line-height: 22px;
}
.promo-alerts__submenu .warn-message__icon,
.promo-alerts__submenu .warn-message__text {
  display: inline-block;
}
.create__password {
  font-size: 13px;
  padding: 10px;
  text-align: left;
  position: relative;
  background-color: #dff3f4;
  border-radius: 3px;
}
.create__password p {
  color: #454f5b;
  margin: 5px 0 0;
  text-align: left;
}
.create__password a {
  font-size: 13px;
  justify-content: flex-start;
}
.create__password img {
  position: absolute;
  right: 15px;
  top: 33px;
}
.login-page {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  min-height: 100vh;
  padding: 146px 0;
}
@media (max-width: 636px) {
  .login-page {
    padding: 0;
  }
}
.login-page__registration {
  display: block;
  margin: 0 auto;
  max-width: 450px;
}
.login-page .profile__menu__start-here__image {
  display: none;
}
.login-page .error-alert {
  margin-bottom: 20px;
}
.login-page .error-alert .error-message {
  color: #e51f34;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-top: 7px;
  text-align: center;
  text-transform: none;
  width: 100%;
}
.login-page .error-alert.hasErrors {
  margin-top: 30px;
}
.login-page__content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.login-page__side {
  max-width: 450px;
  padding: 32px 64px;
  position: relative;
  width: 100%;
}
@media (max-width: 1024px) {
  .login-page__side {
    padding: 32px 24px;
  }
}
.login-page__side:first-child {
  border-right: 1px solid #C4CDD5;
  margin-right: -1px;
}
@media (max-width: 636px) {
  .login-page__side:first-child {
    display: none;
  }
}
.login-page__side:last-child {
  border-left: 1px solid #C4CDD5;
}
@media (max-width: 636px) {
  .login-page__side:last-child {
    border-left: 0;
  }
}
.login-page__side .login-section .sr-switch__label {
  width: calc(100% - 56px);
}
.login-page__pagination {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  margin-bottom: 25px;
  position: absolute;
  text-align: center;
  top: 32px;
}
@media (max-width: 636px) {
  .login-page__pagination {
    right: 9px;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.login-page__pagination .text {
  background-color: #DFE3E8;
  border-radius: 10px;
  color: #161C23;
  display: inline-block;
  font-size: 12px;
  height: 22px;
  letter-spacing: -0.5px;
  line-height: 22px;
  min-width: 41px;
  padding: 0 9px;
}
.login-page__pagination .text strong {
  font-weight: 700;
}
.login-page__logo,
.login-page__logo-mobile {
  margin-bottom: 7px;
  max-width: 164px;
  width: 100%;
}
.login-page__logo .full-mobile-image,
.login-page__logo-mobile .full-mobile-image {
  margin: 0;
}
.login-page__card {
  display: block;
  width: 140px;
  margin: 0 auto;
}
.login-page__logoRegistration {
  display: block;
  width: 230px;
  margin: 0 auto 25px auto;
}
.login-page__success {
  width: 134px;
  display: block;
  margin: -40px auto 0 auto;
}
.login-page__success img {
  width: 100%;
}
.login-page__XSCard {
  margin: -35px auto 0 auto;
  position: relative;
}
.login-page__XSCard img {
  width: 100%;
  height: auto;
  border-radius: 45px;
}
.login-page__XSCard-Number {
  font-size: 28px;
  position: absolute;
  top: 68%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 390px) {
  .login-page__XSCard-Number {
    top: 67%;
    font-size: 25px;
  }
}
.login-page__logo-mobile {
  display: none;
}
@media (max-width: 636px) {
  .login-page__logo-mobile {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    left: 50%;
    position: absolute;
    top: 32px;
  }
}
.login-page__xtra-savings__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 15px;
}
.login-page__xtra-savings__title {
  color: #161C23;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0;
  text-transform: uppercase;
  width: calc(100% - 120px);
}
.login-page__xtra-savings__title strong {
  color: #ff4219;
  display: block;
  font-weight: 800;
}
.login-page__xtra-savings__logo {
  width: 120px;
}
.login-page__xtra-savings__logo img {
  width: 100%;
}
.login-page__xtra-savings__features {
  color: #161C23;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.005em;
  line-height: 1.25em;
}
.login-page__xtra-savings__features strong {
  color: #ff4219;
  font-weight: 600;
}
.login-page__xtra-savings__features ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 14px;
}
.login-page__xtra-savings__features ul li {
  padding-left: 26px;
  position: relative;
}
.login-page__xtra-savings__features ul li:last-child {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42em;
}
.login-page__xtra-savings__features ul li:not(:last-child) {
  margin-bottom: 9px;
}
.login-page__xtra-savings__features ul li:not(:last-child)::before {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 11px;
  height: 19px;
  left: 0;
  position: absolute;
  top: 0;
  width: 19px;
}
.login-page__back:link,
.login-page__back:visited {
  color: #454F5B;
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  margin-bottom: 26px;
  text-decoration: none;
}
@media (max-width: 636px) {
  .login-page__back {
    margin-bottom: 43px;
  }
}
.login-page .form-section__block {
  padding: 0;
}
.login-page .form-section__block--xtra-savings {
  border-radius: 5px;
  margin-bottom: 32px;
}
.login-page .form-section__block--shoprite-card {
  border-radius: 10px;
}
.login-page .form-section__block--link-footer {
  font-size: 14px;
  letter-spacing: -0.3px;
  line-height: 1.35em;
  padding: 24px 0 0;
  text-align: center;
}
.login-page .form-section__block--link-footer a:link,
.login-page .form-section__block--link-footer a:visited {
  color: #38a8ae;
}
.login-page .form-section__block--buttons .sr-button:not(:last-child) {
  margin-bottom: 16px;
}
.login-page .form-section__row .form-group {
  margin-bottom: 25px;
}
.login-page .form-section__row--box {
  background-color: rgba(56, 168, 174, 0.1);
  border-radius: 5px;
  color: #212B36;
  font-size: 14px;
  line-height: 1.28em;
  margin-bottom: 32px;
  padding: 13px 24px 16px;
}
.login-page .form-section__row.keep-sign-in .form-group {
  height: 24px;
  margin-bottom: 0;
}
.login-page .form-section__row.keep-sign-in .form-group .sr-switch__label {
  margin-bottom: 0;
}
.login-page .form-section__row .four-digits-inputs input.used,
.login-page .form-section__row .four-digits-inputs input:focus {
  padding-top: 0;
}
.login-page .form-section__row .keep-sign-in .form-group {
  margin-bottom: 0;
}
.login-page .form-section__row .keep-sign-in .sr-switch {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.login-page .form-section__row .keep-sign-in .sr-switch__label {
  margin-bottom: 0;
  width: auto;
}
.login-page .form-section__title {
  color: #161C23;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.16em;
  margin: 0 auto 32px;
  max-width: 270px;
  width: 100%;
}
.login-page .form-section__title strong {
  color: #38a8ae;
  font-weight: 700;
}
.login-page .form-section__title--type-b {
  margin-bottom: 16px;
}
.login-page .form-section__subtitle {
  margin: 0 auto 24px;
  max-width: 300px;
  text-align: center;
  width: 100%;
}
.login-page .form-section .said-passport-number {
  position: relative;
}
.login-page .form-section .said-passport-number .form-section__link {
  position: absolute;
  top: 8px;
  right: 16px;
}
.login-page .form-section .said-passport-number .form-section__link__button {
  letter-spacing: -0.3px;
  line-height: 1.07em;
  min-width: 70px;
  max-width: 90px;
  padding: 0;
  text-align: right;
}
.login-page .form-section .checkers-card .sr-switch__slider {
  top: -14px;
}
.login-page .form-section .checkers-card.shoprite-card-used .form-section__block--shoprite-card {
  background-color: transparent;
  background-image: url("/_ui/responsive/common/images/shoprite/bg-crossbanner-shoprite.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.login-page .form-section .checkers-card.shoprite-card-used .form-section__block--shoprite-card.CHECKERS {
  background-image: url("/_ui/responsive/common/images/shoprite/bg-crossbanner-checkers.png");
}
.login-page .form-section .checkers-card.shoprite-card-used .form-section__block--xtra-savings {
  background-color: #ECF0F4;
}
.login-page .form-section .checkers-card.shoprite-card-used .shoprite-card__logo-top__image {
  background-image: url("/_ui/responsive/common/images/shoprite-card-xtra-savings-active.png");
}
.login-page .form-section .checkers-card.shoprite-card-used .shoprite-card__logo-top__image.CHECKERS {
  background-image: url("/_ui/responsive/common/images/shoprite-card-xtra-savings.png");
}
.login-page .form-section .checkers-card.shoprite-card-used .shoprite-card__logo-bottom__image {
  background-image: url("/_ui/responsive/common/images/shoprite-card-logo-active.png");
}
.login-page .form-section .checkers-card.shoprite-card-used .shoprite-card__logo-bottom__image.CHECKERS {
  background-image: url("/_ui/responsive/common/images/shoprite/checkers-card-logo-active.png");
}
.login-page .form-section .checkers-card.shoprite-card-used .shoprite-card .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #FEF102;
  border-color: #FEF102;
}
.login-page .form-section .checkers-card.shoprite-card-used .shoprite-card .sr-switch input:checked ~ .sr-switch__slider::before {
  background-color: #892890;
}
.login-page .form-section .checkers-card.shoprite-card-used .shoprite-card .sr-switch.CHECKERS input:checked ~ .sr-switch__slider {
  background-color: #38A8AE;
  border-color: #38A8AE;
}
.login-page .form-section .checkers-card.shoprite-card-used .shoprite-card .sr-switch.CHECKERS input:checked ~ .sr-switch__slider::before {
  background-color: #FFFFFF;
}
.login-page .form-section .checkers-card.shoprite-card-used .xtra-savings-card__title {
  color: #637381;
}
.login-page .form-section .checkers-card.shoprite-card-used .xtra-savings-card__title strong {
  color: #161C23;
}
.login-page .form-section .checkers-card.shoprite-card-used .xtra-savings-card__inputs .form-section__input {
  border-color: #919EAB;
}
.login-page .form-section .checkers-card.shoprite-card-used .xtra-savings-card__inputs .form-section__input[disabled] {
  background-color: #FFFFFF;
}
.login-page .form-section .shoprite-card {
  padding: 12px 21px 16px;
  position: relative;
}
.login-page .form-section .shoprite-card .sr-switch {
  right: 16px;
  position: absolute;
  top: 34px;
  width: 44px;
}
.login-page .form-section .shoprite-card .sr-switch__label {
  width: 100%;
}
.login-page .form-section .shoprite-card__logo-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.login-page .form-section .shoprite-card__logo-top__image {
  background-image: url("/_ui/responsive/common/images/shoprite-card-xtra-savings.png");
  background-size: cover;
  display: block;
  height: 54px;
  width: 152px;
}
.login-page .form-section .shoprite-card__input {
  margin-bottom: 26px;
}
.login-page .form-section .shoprite-card__input input {
  background-color: #FFFFFF;
  border-radius: 3px;
  border: 0;
  color: #161C23;
  font-size: 18px;
  font-weight: 600;
  height: 45px;
  line-height: 45px;
  padding: 0 18px;
  text-align: center;
  width: 100%;
}
.login-page .form-section .shoprite-card__logo-bottom {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.login-page .form-section .shoprite-card__logo-bottom__image {
  background-image: url("/_ui/responsive/common/images/shoprite-card-logo.png");
  background-size: cover;
  display: block;
  height: 11px;
  width: 78px;
}
.login-page .form-section .shoprite-card__logo-bottom__image.CHECKERS {
  background-image: url("/_ui/responsive/common/images/shoprite/checkers-card-logo.png");
  height: 12px;
  width: 79px;
}
.login-page .form-section .xtra-savings-card {
  padding: 33px 23px 24px;
  position: relative;
}
.login-page .form-section .xtra-savings-card__logo {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  top: 8px;
  width: 65px;
  z-index: 1;
}
.login-page .form-section .xtra-savings-card__title {
  color: #000000;
  margin-bottom: 29px;
  position: relative;
  z-index: 2;
}
.login-page .form-section .xtra-savings-card__title strong {
  color: #ff4219;
  font-weight: 700;
}
.login-page .form-section .xtra-savings-card__inputs .form-section__input {
  height: 48px;
  line-height: 48px;
  margin: 0;
  padding: 0;
  max-width: 56px;
}
@media (max-width: 636px) {
  .login-page .form-section .xtra-savings-card__inputs .form-section__input {
    max-width: 49px;
  }
}
.login-page .form-section .xtra-savings-card--cards-page {
  padding: 25px 25px 24px;
}
.login-page .form-section .xtra-savings-card--cards-page .xtra-savings-card__title {
  margin-bottom: 21px;
}
.login-page .form-section .xtra-savings-card--cards-page .xtra-savings-card__inputs .form-section__input {
  max-width: 60px;
}
.login-page .form-section__terms-conditions {
  margin: 0;
  padding: 24px 20px 27px;
}
.login-page .form-section__terms-conditions .sr-switch__label a:link,
.login-page .form-section__terms-conditions .sr-switch__label a:visited {
  display: initial;
}
.login-page .form-section__send-me-updates {
  border-bottom: 1px solid #C4CDD5;
  border-top: 1px solid #C4CDD5;
  padding: 20px 20px 24px;
}
.login-page .form-section__send-me-updates .option {
  margin-bottom: 16px;
}
.login-page .form-section__send-me-updates .option .sr-switch {
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
}
.login-page .form-section__send-me-updates .option .sr-switch__slider {
  margin-right: 16px;
}
.login-page .form-section__send-me-updates .option .sr-switch__label {
  color: #161C23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.28em;
}
.login-page .form-section__send-me-updates .types {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding-left: 60px;
}
.login-page .form-section__send-me-updates .types__item .sr-switch {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.login-page .form-section__send-me-updates .types__item .sr-switch label {
  margin-right: 0;
}
.login-page .form-section__send-me-updates .types__item .sr-switch__slider {
  margin: 0;
}
.login-page .form-section__send-me-updates .types__item .sr-switch__label {
  color: #161C23;
  font-size: 14px;
  letter-spacing: -0.005em;
  text-align: center;
}
.login-page .form-section__send-me-updates .types__item:not(:last-child) {
  margin-right: 20px;
}
.login-page .form-section__preference-title {
  margin: 0 0 24px;
  font-weight: 700;
  text-align: center;
}
.login-page .form-section__preference-section {
  margin-bottom: 32px;
  padding: 0 20px;
}
.login-page .form-section span.sr-error:empty,
.login-page .form-section .info-error:empty {
  margin: 0;
}
.login-page__about-yourself-header {
  margin-bottom: 32px;
  padding: 0 5px;
  text-align: center;
}
.login-page__about-yourself-header .form-section__title {
  margin-bottom: 16px;
}
.login-page__about-yourself-header p {
  margin: 0;
}
.login-page .select-store {
  color: #161C23;
  margin-bottom: 24px;
  text-align: center;
}
.login-page .select-store .store-search-field {
  background-color: #ECF0F4;
  border-radius: 5px;
  padding: 21px 16px;
}
.login-page .select-store .store-search-field p {
  margin-bottom: 19px;
}
.login-page .select-store .store-search-field input {
  background-color: #FFFFFF;
}
.login-page .select-store .store-search-field .store-finder-location-wrap .store-search-icon {
  font-size: 18px;
}
.login-page .select-store .store-search-field .store-finder-location-wrap .store-finder-location-btn {
  font-size: 14px;
}
.login-page .select-store .store-search-field .store-finder-location-wrap .store-finder-location-btn img {
  margin-left: 10px;
  width: 22px;
}
.login-page .confirmation-register {
  background-image: url("/_ui/responsive/common/images/register-confirmation-confetti.png");
  background-position: 20px 0;
  background-repeat: no-repeat;
  background-size: calc(100% - 40px);
  padding: 75px 7px 0;
}
.login-page .confirmation-register__verify-account {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: rgba(56, 168, 174, 0.1);
  border-radius: 5px;
  color: #148181;
  font-size: 14px;
  letter-spacing: -0.116667px;
  line-height: 1.28em;
  margin-bottom: 24px;
  padding: 14px 22px;
}
.login-page .confirmation-register__verify-account .icon {
  color: #148181;
  font-size: 22px;
  margin-right: 20px;
}
.login-page .confirmation-register__verify-account .text {
  text-align: left;
}
.login-page .confirmation-register__verify-account a:link,
.login-page .confirmation-register__verify-account a:visited {
  color: #38a8ae;
  text-decoration: underline;
}
.login-page__link-button,
.login-page__link-button:link,
.login-page__link-button:visited {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  border-radius: 5px;
  border: 1px solid #919EAB;
  color: #212B36;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.1px;
  line-height: 1em;
  margin-bottom: 8px;
  min-height: 48px;
  padding: 12px;
  text-align: center;
  width: 100%;
}
.login-page__link-button .icon {
  font-size: 21px;
  margin-left: 13px;
}
.login-page__link-button--xtra-savings,
.login-page__link-button--xtra-savings:link,
.login-page__link-button--xtra-savings:visited {
  background-color: #ff4219;
  border-color: #ff4219;
  color: #FFFFFF;
}
.login-page .sr-button.primary-color.fp-button-resend-link {
  background-color: #38a8ae;
  border: 1px solid #38a8ae;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.login-page .confirmation-register__text {
  margin: 0 auto 25px;
  max-width: 235px;
  text-align: center;
}
.login-page .register-cards .form-section__title {
  margin-bottom: 16px;
  max-width: 260px;
}
.login-page .register-cards .form-section__subtitle {
  max-width: none;
}
.login-page .divider-or {
  color: #161C23;
  display: block;
  font-size: 10px;
  font-weight: 700;
  margin: 8px 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.login-page .divider-or span {
  background-color: #FFFFFF;
  display: inline-block;
  padding: 0 9px;
  position: relative;
}
.login-page .divider-or::before {
  background-color: #DFE3E8;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
.login-page .cookie-consent {
  color: #212B36;
  font-size: 14px;
  letter-spacing: -0.0214em;
  line-height: 1.28em;
  margin-top: 24px;
  text-align: center;
}
.login-page .cookie-consent__learn-more {
  color: #212B36;
  text-decoration: underline;
}
body.page-loginCreatePasswordSetPassword .login-page .form-section__title {
  margin-bottom: 24px;
  max-width: 240px;
}
.page-loginConsent .global-alerts {
  display: none;
}
.control {
  font-family: arial;
  display: block;
  position: relative;
  margin-right: 35px;
  margin-bottom: 5px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 16px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control_indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 24px;
  width: 24px;
  background: #F4F6F8;
  border-radius: 3px;
  border: 1px solid #919EAB;
}
.control:hover input ~ .control_indicator {
  background: #def4f5;
}
.control input:focus ~ .control_indicator {
  background: #F4F6F8;
}
.control input:checked ~ .control_indicator {
  background: #def4f5;
  border: 0;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
  background: #def4f5;
}
.control input:disabled ~ .control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control_indicator:after {
  box-sizing: unset;
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control_indicator:after {
  display: block;
}
.control-checkbox .control_indicator:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #38A8AE;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
  border-color: #f8f4f6;
}
.form-group-checkbox {
  display: inline-block;
  margin: 0;
}
.form-group-checkbox .control-checkbox {
  height: 24px;
}
.types-checkbox {
  margin-left: 30px;
  display: none;
}
.types__item-checkbox {
  display: inline-block;
  margin-right: 15px;
}
.types__item-checkbox .form-group-checkbox {
  margin-right: 30px;
}
.types__item-checkbox .form-group-checkbox .form-group {
  margin: 0;
}
.types__item-checkbox .form-group-checkbox .form-group label {
  margin: 0;
}
.types__item-checkbox .sr-switch__label {
  vertical-align: super;
}
.phone-prefix {
  margin-bottom: 0 !important;
}
.phone-prefix .form-group {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.phone-prefix .form-group .sr-error {
  margin-bottom: 0 !important;
}
.phone-prefix .form-group .input-prefix {
  border: 1px solid #c4cdd5;
  border-radius: 4px;
  caret-color: #38a8ae;
  color: #454f5b;
  font-size: 14px;
  height: 46px;
  line-height: normal;
  outline: none;
  width: 12%;
  display: inline-block;
  padding: 13px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  color: #637381;
}
.phone-prefix .form-group .input-prefix__input {
  display: inline-block;
  width: 88%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.phone-prefix .form-group .label-prefix {
  left: 65px;
}
.page-digitalCardRegistration .form-section__terms-conditions .sr-switch__label a {
  display: inline-block;
}
.checkout-login {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .checkout-login {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-login .headline {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
}
.checkout-login .headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.checkout-login .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}
.checkout__new-account {
  text-align: center;
  background-color: #f4f4f4;
  border-top: 1px solid #e5e5e5;
  padding: 20px 0 55px;
}
.checkout__new-account .accountActions-bottom {
  margin-top: 35px;
}
.checkout__new-account__headling {
  font-size: 24px;
  font-weight: bold;
}
.checkout__new-account__form {
  text-align: left;
  margin-top: 25px;
}
@media (max-width: 636px) {
  .checkout__new-account {
    margin-right: -10px;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .checkout__new-account.wrapper-row {
    margin-left: 0;
    margin-right: 0;
  }
  .checkout__new-account.wrapper-row .top-border:first-child {
    padding-left: 0;
  }
  .checkout__new-account.wrapper-row .top-border:last-child {
    padding-right: 0;
  }
}
@media (max-width: 636px) and (min-width: 1025px) {
  .checkout__new-account .gpt-cnt {
    width: 100%;
    margin: 0;
  }
}
.checkout-headline {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding-left: 30px;
}
.checkout-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 1280px) {
  .checkout-headline {
    padding-left: 20px;
  }
}
@media (max-width: 1024px) {
  .checkout-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-headline span {
  color: #cccccc;
  margin-right: 5px;
  top: 2px;
}
.checkout-summary-headline {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding-right: 30px;
}
.checkout-summary-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 1280px) {
  .checkout-summary-headline {
    padding-right: 20px;
  }
}
@media (max-width: 1024px) {
  .checkout-summary-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-summary-headline span {
  color: #cccccc;
  margin-right: 5px;
  top: 2px;
}
@media (max-width: 636px) {
  .checkout-summary-headline {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-body-styling {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-steps {
  padding-left: 30px;
}
.checkout-steps .step-head {
  background: #f4f4f4;
  color: #3c3c3c;
  border: 1px solid #cccccc;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  display: table;
  width: 100%;
  padding: 10px 20px 10px 40px;
  height: 49px;
  counter-increment: checkout;
}
.checkout-steps .step-head:before {
  content: counter(checkout) '.';
  position: absolute;
  left: 3px;
  top: 0;
  width: 50px;
  text-align: center;
  line-height: 49px;
}
.checkout-steps .step-head + .step-head {
  margin-top: 10px;
}
.checkout-steps .step-head.active {
  background: #e4e4e4;
  color: #3c3c3c;
  border-color: #cccccc;
}
.checkout-steps .step-head .title {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}
.checkout-steps .step-head .edit {
  color: #0068b3;
  font-size: 20px;
  display: table-cell;
  vertical-align: top;
}
.checkout-steps .step-body .step-body-form {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection {
  margin-bottom: 5px;
}
.checkout-steps .step-body .checkout-next {
  margin: 30px 0;
}
.checkout-steps .step-body hr {
  margin: 0 -20px;
  border-color: #cccccc;
}
.checkout-steps .step-body .checkout-indent .headline {
  font-size: 20px;
  padding-bottom: 15px;
  padding-top: 30px;
}
@media (max-width: 1280px) {
  .checkout-steps {
    padding-left: 20px;
  }
}
@media (max-width: 636px) {
  .checkout-steps {
    padding-left: 20px;
    padding-right: 20px;
  }
  .checkout-steps .step-head {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .checkout-steps .step-head:before {
    line-height: 68px;
  }
}
.checkout-shipping {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
  padding-top: 0;
  padding-bottom: 10px;
}
.checkout-shipping .checkout-shipping-items .checkout-shipping-items-header {
  text-transform: uppercase;
  padding: 25px 0 10px 0;
  font-size: 16px;
  font-weight: 700;
}
.checkout-shipping .checkout-shipping-items > div {
  padding-bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkout-shipping .checkout-shipping-items ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .checkout-shipping-items ul li {
  padding-top: 6px;
  line-height: 18px;
}
.checkout-shipping .checkout-shipping-items ul li:first-child {
  padding-top: 1px;
}
.checkout-shipping .checkout-shipping-items ul li .name {
  font-weight: 700;
}
@media (max-width: 1280px) {
  .checkout-shipping .checkout-shipping-items .qty {
    text-align: right;
  }
  .checkout-shipping .checkout-shipping-items .checkout-pickup-items {
    padding-bottom: 0;
  }
}
.checkout-paymentmethod {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
  padding-top: 0;
}
.step-body .checkout-paymentmethod hr {
  margin-top: 25px;
}
#addressbook,
#savedpayments,
#savedpaymentsbody {
  display: none;
  padding-bottom: 20px;
}
#colorbox #addressbook,
#colorbox #savedpayments,
#colorbox #savedpaymentsbody {
  display: block;
}
#addressbook ul,
#savedpayments ul,
#savedpaymentsbody ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
#addressbook ul li,
#savedpayments ul li,
#savedpaymentsbody ul li {
  padding: 10px 0;
}
.checkout-order-summary {
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .checkout-order-summary {
    padding-right: 20px;
  }
}
@media (max-width: 1024px) {
  .checkout-order-summary {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.checkout-order-summary .checkout-order-summary-list {
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #cccccc;
  margin: 0;
}
@media (min-width: 637px) {
  .checkout-order-summary .checkout-order-summary-list:first-of-type .checkout-order-summary-list-heading {
    padding-top: 15px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading:only-child {
    border-bottom: 0;
  }
}
.checkout-order-summary .checkout-order-summary-list li {
  padding: 20px;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  display: table;
  content: " ";
}
.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  display: table;
  content: " ";
}
.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:after {
  content: "";
  clear: both;
  display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
  content: "";
  clear: both;
  display: table;
}
.checkout-order-summary .checkout-order-summary-list li:nth-child(2n + 3) {
  background-color: #f4f4f4;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
  background-color: #142939 !important;
  color: #ffffff;
  padding: 15px 20px;
  border-bottom: 1px solid #142939;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading > div {
  float: left;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
  font-weight: 700;
  padding-right: 5px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 85%;
}
.checkout-order-summary .checkout-order-summary-list .thumb {
  float: left;
  margin-right: 20px;
  width: 65px;
}
.checkout-order-summary .checkout-order-summary-list .thumb img {
  width: 100%;
  height: auto;
}
.checkout-order-summary .checkout-order-summary-list .price {
  float: right;
  margin-left: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details {
  font-size: 14px;
  margin-left: 85px;
}
.checkout-order-summary .checkout-order-summary-list .details .name {
  font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details .qty span {
  font-size: 13px;
  color: #929292;
  font-weight: 600;
  text-transform: uppercase;
  padding-right: 10px;
}
.checkout-order-summary .checkout-order-summary-list .updateQuantityProduct-toggle {
  float: right;
}
.checkout-order-summary .checkout-order-summary-list .stock-status {
  clear: both;
  padding: 10px 0;
  font-size: 13px;
}
@media (max-width: 1024px) {
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
    width: 100%;
  }
}
.checkout-order-summary .subtotals {
  font-size: 18px;
  margin-top: 30px;
}
.checkout-order-summary .subtotals .subtotal,
.checkout-order-summary .subtotals .shipping,
.checkout-order-summary .subtotals .subtotals__item--state-discount,
.checkout-order-summary .subtotals .tax,
.checkout-order-summary .subtotals .totals {
  padding: 5px 0;
}
.checkout-order-summary .subtotals .subtotal span,
.checkout-order-summary .subtotals .shipping span,
.checkout-order-summary .subtotals .subtotals__item--state-discount span,
.checkout-order-summary .subtotals .tax span,
.checkout-order-summary .subtotals .totals span {
  float: right;
  font-weight: 600;
}
.checkout-order-summary .subtotals .totals {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #cccccc;
}
.checkout-order-summary .subtotals .realTotals {
  font-size: 14px;
}
.subtotals__item--state-discount {
  color: #00a651;
}
.label-spacing {
  padding-right: 5px;
}
@media (max-width: 636px) {
  .place-order-form {
    padding: 0 20px;
  }
  .checkout-order-summary {
    padding: 30px 20px 15px;
    border: 1px solid #cccccc;
    border-top: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .checkout-order-summary .checkout-order-summary-list {
    padding-left: 0;
    list-style: none;
    border: none;
    padding: 0;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
    background-color: transparent !important;
    color: #3c3c3c;
    padding: 25px 20px;
    border-color: #cccccc;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
    text-transform: uppercase;
    font-size: 16px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-items {
    border-bottom: 1px solid #cccccc;
  }
  .checkout-order-summary .subtotals {
    padding: 0 20px;
  }
}
.checkout-review {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-review .checkout-order-summary .subtotals {
  margin-top: 0;
}
.place-order-form .checkbox {
  margin: 25px 0 40px;
}
.place-order-form .checkbox label {
  font-size: 14px;
  color: #3c3c3c;
  text-transform: none;
}
.btn-close-terms-and-conditions {
  margin: 30px 0;
}
@media (min-width: 637px) {
  .place-order-form .checkbox {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-help {
  text-align: center;
  border: 1px solid #cccccc;
  font-size: 15px;
  padding: 10px;
  margin-top: 60px;
}
@media (max-width: 636px) {
  .checkout-help {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-success {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .checkout-success {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-success__body {
  margin: 30px 0 55px;
  text-align: center;
}
.checkout-success__body__headline {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.termsAndConditions-section {
  padding-bottom: 20px;
}
label.terms {
  margin: 15px 0;
}
fieldset#cardDate > .control-label,
fieldset#startDate > .control-label {
  font-weight: bold;
  margin-bottom: 5px;
}
fieldset#cardDate .form-group .control-label,
fieldset#startDate .form-group .control-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
  margin-top: 100px;
  padding: 0;
}
@media (max-width: 1024px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 130px;
  }
}
@media (max-width: 636px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 170px;
  }
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row {
  border-top: 1px solid #e5e5e5;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row:nth-child(2n+2) {
  background: #f4f4f4;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-prod-info {
  display: inline-block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
  padding: 10px 10px 15px;
  vertical-align: top;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td > span {
  display: block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td.grid-prod-img {
  padding-left: 40px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant,
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-size {
  font-weight: bold;
  min-width: 80px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant {
  display: block;
  font-size: 16px;
}
@media (max-width: 636px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
    padding: 10px 15px 15px;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td:nth-child(2n+2) {
    background-color: transparent;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info {
    display: block;
    text-align: left;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info span {
    display: inline-block;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-price {
    float: right;
  }
}
body.page-storefinderPage .main__inner-wrapper.wrap,
body.page-storeFinderListingPage .main__inner-wrapper.wrap,
body.page-storefinderdetailsPage .main__inner-wrapper.wrap {
  max-width: none;
  padding: 0;
}
body.page-storefinderPage .main__inner-wrapper > .container-fluid,
body.page-storeFinderListingPage .main__inner-wrapper > .container-fluid,
body.page-storefinderdetailsPage .main__inner-wrapper > .container-fluid {
  padding: 0;
}
@media (min-width: 637px) {
  body.page-storefinderPage .main__inner-wrapper > .container-fluid,
  body.page-storeFinderListingPage .main__inner-wrapper > .container-fluid,
  body.page-storefinderdetailsPage .main__inner-wrapper > .container-fluid {
    min-height: 858px;
  }
}
body.page-storefinderPage .footer,
body.page-storeFinderListingPage .footer,
body.page-storefinderdetailsPage .footer {
  margin-top: 0;
}
@media (max-width: 636px) {
  body.page-storefinderPage .breadcrumb.hidden-xs,
  body.page-storeFinderListingPage .breadcrumb.hidden-xs,
  body.page-storefinderdetailsPage .breadcrumb.hidden-xs {
    display: block !important;
  }
  body.page-storefinderPage .breadcrumb.hidden-lg,
  body.page-storeFinderListingPage .breadcrumb.hidden-lg,
  body.page-storefinderdetailsPage .breadcrumb.hidden-lg {
    display: none;
  }
}
@media (max-width: 636px) {
  body.page-storefinderdetailsPage .breadcrumb.hidden-xs li:last-child {
    display: none;
  }
}
body.page-storefinderPage .main__inner-wrapper.wrap,
body.page-storeFinderListingPage .main__inner-wrapper.wrap {
  overflow: hidden;
  position: relative;
}
body.page-storefinderPage .main__inner-wrapper.wrap #store-finder-map,
body.page-storeFinderListingPage .main__inner-wrapper.wrap #store-finder-map {
  position: static !important;
}
body.page-storefinderPage .main__inner-wrapper.wrap .preferred-store-search-results,
body.page-storeFinderListingPage .main__inner-wrapper.wrap .preferred-store-search-results {
  border-bottom: none;
}
body.page-storefinderPage .main__inner-wrapper.wrap .nav-store-your,
body.page-storeFinderListingPage .main__inner-wrapper.wrap .nav-store-your {
  border-radius: 0 0 10px 10px;
}
.store-details-content-wrapper,
.store-finder-search-wrapper {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
}
@media (min-width: 637px) {
  .store-details-content-wrapper,
  .store-finder-search-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    padding: 0 15px;
  }
}
.store-details-content-wrapper .store-details-content,
.store-finder-search-wrapper .store-details-content,
.store-details-content-wrapper .js-store-search-filed,
.store-finder-search-wrapper .js-store-search-filed {
  z-index: 1;
  background-color: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 16px rgba(33, 43, 54, 0.15);
  box-shadow: 0px 8px 16px rgba(33, 43, 54, 0.15);
}
@media (min-width: 637px) {
  .store-details-content-wrapper .store-details-content,
  .store-finder-search-wrapper .store-details-content,
  .store-details-content-wrapper .js-store-search-filed,
  .store-finder-search-wrapper .js-store-search-filed {
    width: 368px;
    margin: 32px;
  }
}
.store-details-content-wrapper .store-details-content .store-search-field,
.store-finder-search-wrapper .store-details-content .store-search-field,
.store-details-content-wrapper .js-store-search-filed .store-search-field,
.store-finder-search-wrapper .js-store-search-filed .store-search-field {
  background-color: transparent;
}
.store-totals-wrap {
  display: table;
  width: 100%;
  border-top: thin solid #DFE3E8;
}
.store-totals-wrap > * {
  display: table-cell;
  padding: 26px 40px 8px;
}
.store-totals-wrap + .store-listing-results .nav-store-your-results:first-child {
  border-top: none;
}
.store-totals__title {
  font-weight: 800;
  font-size: 14px;
  padding-right: 0;
}
.store-totals__value {
  text-align: right;
  font-size: 14px;
  padding-left: 0;
}
.store-totals__value span {
  font-weight: 700;
}
.load-more-btn-wrap .loading-icon {
  text-align: center;
  padding-bottom: 30px;
}
.load-more-btn-wrap .loading-icon img {
  width: 60px;
}
.store-listing-results .nav-store-your-results {
  border: none;
}
.store-listing-results .no-store-found {
  text-align: center;
}
.store-listing-results .title {
  cursor: pointer;
}
.store-finder-filters-overlay {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  background-color: #161C23;
  opacity: 0.4;
  height: 100%;
  display: none;
  z-index: 2;
}
@media (max-width: 636px) {
  .store-finder-filters-overlay {
    display: none !important;
  }
}
@media (min-width: 637px) {
  .store-details-map-wrapper,
  .store-finder-map-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 636px) {
  .store-finder-map-wrapper {
    display: none;
  }
}
.store-finder-filters {
  background: white;
  padding: 25px 16px 40px;
  left: 0;
}
@media (min-width: 637px) {
  .store-finder-filters {
    position: absolute;
    width: calc(100% - 20px);
    top: 90px;
    margin: 0 10px 0;
    border-radius: 10px;
    z-index: 3;
  }
}
@media (max-width: 636px) {
  .store-finder-filters {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: 0;
    z-index: 13;
  }
}
.store-finder-filters .sr-switch__label {
  width: 100%;
  text-align: right;
}
.store-finder-filters .sr-switch__slider {
  display: inline-block;
}
@media (min-width: 637px) {
  .store-finder-filters .sr-switch__slider {
    margin-left: 24px;
  }
}
@media (max-width: 636px) {
  .store-finder-filters .sr-switch__slider {
    margin-left: 16px;
  }
}
.store-finder-filters .sr-switch__text {
  float: left;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 637px) {
  .store-finder-filters .sr-switch__text {
    margin-left: 24px;
  }
}
@media (max-width: 636px) {
  .store-finder-filters .sr-switch__text {
    margin-left: 16px;
  }
}
.store-finder-filters__title {
  font-weight: 800;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 637px) {
  .store-finder-filters__title {
    margin-bottom: 34px;
  }
}
@media (max-width: 636px) {
  .store-finder-filters__title {
    margin-bottom: 50px;
  }
}
.store-finder-filters__button {
  margin-top: 20px;
}
.store-finder-filters__button-filter {
  background-color: #38a8ae;
  border-radius: 50px;
  border: 0;
  color: #ffffff;
  font-size: 14px;
  padding: 8px 20px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
  display: block;
  margin: 0 auto;
}
.store-finder-filters__button-filter:disabled {
  background-color: #dfe3e8;
  color: #919EAB;
}
@media (max-width: 636px) {
  .store-finder-filters__button-filter {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
  }
}
.store-finder-filters__button-reset {
  position: absolute;
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  background-color: transparent;
}
@media (min-width: 637px) {
  .store-finder-filters__button-reset {
    top: 26px;
    left: 26px;
    text-decoration: underline;
    padding: 0;
    border: none;
    color: #38a8ae;
  }
}
@media (max-width: 636px) {
  .store-finder-filters__button-reset {
    top: 16px;
    right: 16px;
    border: thin solid #C4CDD5;
    border-radius: 50px;
    color: #161C23;
    padding: 8px 20px;
    height: 40px;
  }
}
.store-finder-filters__close {
  background-color: #DFE3E8;
  border-radius: 50%;
  border: 0;
  color: #212B36;
  font-size: 12px;
  height: 40px;
  position: absolute;
  top: 16px;
  width: 40px;
}
@media (min-width: 637px) {
  .store-finder-filters__close {
    right: 16px;
  }
}
@media (max-width: 636px) {
  .store-finder-filters__close {
    left: 16px;
  }
}
#storeFinder {
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  #storeFinder {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#storeFinder #storelocator-query {
  height: 48px;
}
.headline {
  font-size: 18px;
  margin-bottom: 10px;
}
.store__finder--search #storeFinderForm {
  margin-bottom: 10px;
}
.store__finder {
  display: none;
  padding: 0;
}
.store__finder .store__finder--pagination {
  line-height: 48px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.store__finder .store__finder--pagination:before,
.store__finder .store__finder--pagination:after {
  display: table;
  content: " ";
}
.store__finder .store__finder--pagination:after {
  clear: both;
}
.store__finder .store__finder--pagination:before,
.store__finder .store__finder--pagination:after {
  display: table;
  content: " ";
}
.store__finder .store__finder--pagination:after {
  clear: both;
}
.store__finder .store__finder--pagination:after {
  content: "";
  clear: both;
  display: table;
}
.store__finder .store__finder--pagination:after {
  content: "";
  clear: both;
  display: table;
}
.store__finder .store__finder--navigation,
.store__finder .store__finder--details {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  padding: 0;
}
.store__finder .store__finder--navigation {
  overflow: hidden;
  height: 561px;
}
@media (min-width: 637px) {
  .store__finder .store__finder--navigation {
    padding-right: 10px;
  }
}
.store__finder .store__finder--map {
  width: 100%;
  height: 200px;
}
.store__finder .stores-nearby {
  margin-bottom: 10px;
}
.store__finder .store__finder--navigation-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
  border: 1px solid #ddd;
  position: relative;
}
.store__finder .store__finder--navigation-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
  text-align: center;
  line-height: 56px;
}
.store__finder .store__finder--navigation-list li.loading .glyphicon {
  color: #ff4444;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.store__finder .store__finder--navigation-list .list__entry {
  height: 56px;
}
.store__finder .store__finder--navigation-list .list__entry:last-child label {
  border: 0;
}
.store__finder .store__finder--navigation-list .list__entry input {
  display: none;
}
.store__finder .store__finder--navigation-list .list__entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 14px 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
}
.store__finder .store__finder--navigation-list .list__entry label:hover {
  background: #f2f2f2;
}
.store__finder .store__finder--navigation-list .list__entry input:checked + label {
  background: #0068b3;
  color: #fff !important;
}
.store__finder .store__finder--navigation-list .list__entry input:checked + label:after {
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -1px;
  background: transparent;
  border: 14px solid transparent;
  border-right-color: #fff;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.store__finder .store__finder--navigation-list .list__entry .entry__info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.store__finder .store__finder--navigation-list .list__entry .entry__name {
  display: block;
}
.store__finder .store__finder--navigation-list .list__entry .entry__city {
  display: block;
  font-weight: normal;
}
.store__finder .store__finder--navigation-list .list__entry .entry__distance {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}
.store__finder .store__finder--navigation-list .list__entry .entry__distance span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.store__finder .store__finder--details .store__finder--details-back {
  margin-bottom: 20px;
  display: none !important;
}
@media (max-width: 636px) {
  .store__finder .store__finder--details .store__finder--details-back {
    display: inline-block !important;
  }
}
.store__finder .store__finder--details .store__finder--details-image {
  width: 112px;
  float: left;
  margin-right: 10px;
}
.store__finder .store__finder--details .store__finder--details-image img {
  width: 100%;
  height: auto;
}
.store__finder .store__finder--details .store__finder--details-info {
  margin-left: 122px;
}
.store__finder .store__finder--details .info__name {
  font-weight: bold;
}
.store__finder .store__finder--details hr {
  clear: both;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 1px;
  position: relative;
  border: 0;
}
.store__finder .store__finder--details hr:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  height: 1px;
  right: 0;
  left: 0;
  background: #ddd;
}
.store__finder .store__finder--details .store__finder--details-map {
  background: #eee;
}
.store__finder .store__finder--details .store__finder--details-openings dl dt {
  text-align: left !important;
  width: 60px;
}
.store__finder .store__finder--details .store__finder--details-openings dl dd {
  margin-left: 60px;
}
.store__finder .store__finder--details .store__finder--details-openings ul {
  padding-left: 0;
  list-style: none;
}
@media (max-width: 636px) {
  .store__finder .back__to__storelist {
    margin-bottom: 10px;
  }
  .store__finder .store__finder--panel {
    width: 200%;
    margin: 0;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .store__finder .store__finder--panel > * {
    padding: 0;
  }
  .store__finder .store__finder--panel .store__finder--details {
    display: none;
  }
  .store__finder .store__finder--pagination {
    line-height: 20px;
  }
  .store__finder.show-store .store__finder--pagination {
    color: rgba(0, 0, 0, 0);
    height: 46px;
  }
  .store__finder.show-store .store__finder--pagination * {
    display: none;
  }
  .store__finder.show-store .store__finder--panel {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .store__finder.show-store .store__finder--panel .store__finder--navigation {
    padding-right: 20px;
  }
  .store__finder.show-store .store__finder--panel .store__finder--details {
    display: block;
  }
}
.preferred-store-search-results {
  border-bottom: thin solid #DFE3E8;
}
@media (max-width: 636px) {
  .store-finder-wrap {
    position: inherit;
  }
  .header__your-store .store-results-wrap .js-store-results {
    text-align: left;
  }
  .js-store-search-filed .js-close-btn {
    visibility: hidden;
  }
  .header-store-wrapper .js-store-search-filed {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
  }
  .header-store-wrapper .js-store-search-filed .store-text-mobile {
    text-align: left;
    padding-right: 60px;
  }
  .header-store-wrapper .js-store-search-filed .store-results-wrap {
    overflow: unset;
    max-height: unset;
  }
  .header-store-wrapper .js-store-search-filed .js-close-btn {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 26px;
    color: #525B66;
    cursor: pointer;
    display: none;
    visibility: visible;
  }
  .header-store-wrapper .mobile-store-menu {
    position: absolute;
  }
  .js-store-finder-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    opacity: 0.5;
    z-index: 2;
    display: none;
  }
}
.form-finder-header-button {
  width: 49%;
  float: left;
  margin-right: 5px;
}
.form-finder-header-button:last-of-type {
  margin-right: 0;
}
.form-finder-header-button.btn-green {
  background-color: #38a8ae;
  color: white;
  border: 1px solid #38a8ae;
}
#store-details-map,
#store-finder-map {
  width: 100%;
  height: 100%;
}
#store-finder-map {
  height: 100vh;
}
#store-finder-map .gm-style-iw.gm-style-iw-c button.gm-ui-hover-effect {
  visibility: hidden;
}
#store-finder-map .gm-style-iw-d {
  margin: -12px -18px -12px -12px;
}
#store-finder-map .infowindow-cnt {
  max-width: 300px;
}
#store-finder-map .infowindow-cnt .infowindow-text-cnt {
  padding: 0 12px 12px;
}
#store-finder-map .infowindow-cnt .infowindow-img {
  max-width: 100%;
}
#store-finder-map .infowindow-cnt h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
#store-finder-map .infowindow-cnt .info-cnt {
  color: #919eab;
  margin-bottom: 1px;
}
#store-finder-map .infowindow-cnt .info-cnt span {
  vertical-align: middle;
}
#store-finder-map .infowindow-cnt .info-cnt .rate-icon {
  max-height: 14px;
  max-width: 14px;
  vertical-align: unset;
}
#store-finder-map .infowindow-cnt .status-cnt {
  margin-top: 8px;
}
#store-finder-map .infowindow-cnt .status-cnt .open {
  color: #3DA960;
}
#store-finder-map .infowindow-cnt .status-cnt .closed {
  color: #e51f34;
}
.b-border-bold-grey {
  border-bottom: thin solid #DFE3E8;
}
.sl-bg-grey {
  background-color: #f4f6f8;
}
.sl-container {
  padding: 10px 0;
}
@media (max-width: 636px) {
  .sl-container small {
    font-size: 15px;
  }
}
.sl-container .sl-address .aligned-icons img {
  margin-right: 12px;
  margin-top: 3px;
  align-self: flex-start;
}
@media (min-width: 636px) {
  .main__inner-wrapper > .sl-container {
    padding: 15px 20px;
  }
}
@media (max-width: 636px) {
  .main__inner-wrapper > .sl-container.row {
    margin: 0 -20px;
  }
}
.sl-container.sl-address table td,
.sl-container.sl-address table td th {
  padding: 5px;
}
.sl-container table td,
.sl-container table th {
  padding: 2px 3px;
  vertical-align: top;
}
.sl-container .upper-title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  margin-top: 15px;
}
.sl-container .store-details-buttons {
  padding: 10px 0;
}
.sl-container button.store-button {
  border: none;
  background-color: transparent;
  padding: 15px 3px;
  font-weight: 600;
  color: #454f5a;
  text-align: center;
  font-size: 13px;
  line-height: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float: left;
  margin-left: 10px;
  width: calc(25% - 10px);
}
.sl-container button.store-button:first-child {
  margin-left: 0;
}
.sl-container button.store-button i,
.sl-container button.store-button svg {
  font-size: 22px;
  display: block;
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: 0 auto 10px;
}
.sl-container button.store-button.set-preferred-store i {
  position: relative;
}
.sl-container button.store-button.set-preferred-store i span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #C4CDD5;
  border-radius: 20px;
  z-index: -1;
}
.sl-container button.store-button.set-preferred-store.active i,
.sl-container button.store-button.set-preferred-store:hover i {
  color: #ffffff;
}
.sl-container button.store-button.set-preferred-store.active i span,
.sl-container button.store-button.set-preferred-store:hover i span {
  border-color: #ffffff;
  background-color: #38a8ae;
}
.sl-container button.store-button img {
  display: block;
  clear: both;
  text-align: center;
  margin: 0 auto 10px auto;
}
.sl-container button.store-button:hover {
  background-color: #38a8ae;
  color: #ffffff;
}
.sl-container button.store-button:hover svg g {
  fill: #fff;
}
.sl-container button.store-button.active img,
.sl-container button.store-button:hover img {
  fill: #fff;
  -webkit-filter: brightness(5);
  filter: brightness(5);
}
.sl-container button.store-button .glyphicon {
  font-size: 20px;
  margin-bottom: 12px;
}
@media (max-width: 636px) {
  #store-details-map {
    height: 150px !important;
  }
}
@media (min-width: 637px) {
  .store-details-content-wrapper .store-details-content {
    width: 415px;
  }
}
.store-details-content-wrapper .store-details-content .nav-store-your-hours-simple,
.store-details-content-wrapper .store-details-content > div {
  padding: 24px 38px;
}
.store-details-content-wrapper .store-details-content .trading-hours-schedule,
.store-details-content-wrapper .store-details-content .sl-address {
  padding: 0 38px 24px;
}
.store-details-content-wrapper .store-details-content .title__heading {
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
}
.store-details-content-wrapper .store-details-content .title__heading svg {
  height: auto;
}
.store-details-content-wrapper .store-details-content .small-title {
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}
.store-details-content-wrapper .store-details-content .sl-trading-hours {
  padding: 0;
}
.store-details-content-wrapper .store-details-content .sl-trading-hours .panel {
  padding: 0;
  margin-bottom: 0;
}
.store-details-content-wrapper .store-details-content .sl-trading-hours .trading-hours-schedule {
  padding-bottom: 12px;
}
.store-details-content-wrapper .store-details-content .panel-header {
  position: relative;
  cursor: pointer;
}
.store-details-content-wrapper .store-details-content .panel-header:after {
  color: #212B36;
  content: "\e92c";
  font-family: "shoprite-icon";
  font-size: 14px;
  position: absolute;
  right: 36px;
  top: calc(50% - 8px);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.store-details-content-wrapper .store-details-content .panel-header.collapsed:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.store-details-content-wrapper .store-details-content .nav-store-your-hours-simple {
  margin: 0;
  font-size: 14px;
}
.store-details-content-wrapper .store-details-content .nav-store-your-hours-simple > * {
  vertical-align: middle;
}
.store-details-content-wrapper .store-details-content .nav-store-your-hours-simple span {
  line-height: 18px;
}
.store-details-content-wrapper .store-details-content .nav-store-your-hours-simple svg {
  margin-right: 18px;
}
.store-details-content-wrapper .store-details-content .nav-store-your-hours-simple img {
  max-width: 120px;
  width: 100%;
  max-height: 16px;
  object-fit: contain;
  object-position: 0 50%;
}
@media (min-width: 637px) {
  .store-details-content-wrapper .store-details-content .nav-store-your-hours-simple img {
    margin-right: 40px;
  }
}
.store-details-content-wrapper .store-details-content .sl-address > div:not(:last-child) {
  margin-bottom: 20px;
}
.store-details-content-wrapper .store-details-content .sl-address .aligned-icons,
.store-details-content-wrapper .store-details-content .sl-address .aligned-icons .telephone {
  color: #161C23;
}
.store-details-content-wrapper .store-details-content .sl-address .aligned-icons .name {
  font-weight: 600;
}
.store-details-content-wrapper .store-details-content .sl-address .aligned-icons.address svg {
  margin-top: 8px;
}
.store-details-content-wrapper .store-details-content .sl-address .aligned-icons svg {
  margin-right: 26px;
}
.text-blueish {
  color: #38a8ae;
}
.title svg {
  height: 14px;
  vertical-align: baseline;
}
.title h4 {
  font-weight: 700;
}
.sl-grid-btn {
  padding: 10px 20px;
  line-height: 1.1em;
  font-size: 1em;
}
.sl-grid-btn svg {
  margin-bottom: 10px;
}
.sl-grid-btn .glyphicon {
  font-size: 20px;
  margin-bottom: 15px;
}
.sl-trading-hours table {
  width: 100%;
  font-size: 1em;
  margin-bottom: 10px;
}
.sl-trading-hours td {
  color: #212B36;
}
.sl-trading-hours .text-blueish {
  color: #38a8ae;
}
.sl-trading-hours .today-hours td {
  color: #38a8ae;
  font-weight: 700;
}
.sl-trading-hours table tr.active td {
  color: #38a8ae;
  font-weight: bold;
}
.sl-trading-hours th,
.sl-trading-hours th:last-child {
  background-color: transparent;
  text-align: left;
  text-transform: none;
  color: #000000;
  font-weight: 800;
  height: 22px;
}
.sl-trading-hours th,
.sl-trading-hours td {
  text-align: left;
  font-size: 14px;
}
.sl-page hr {
  margin-top: 5px;
  margin-bottom: 10px;
  border-width: 4px;
  border-color: #dfe3e8;
}
.sl-page hr.thin {
  border-width: 2px;
}
.sl-container ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sl-title table {
  width: 100%;
}
.sl-title .location-indicator {
  vertical-align: middle;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  text-align: right;
}
.sl-title .location-indicator svg g {
  fill: #38a8ae;
}
.sl-title .location-indicator span {
  display: block;
}
.sl-title .title {
  padding: 0;
  margin: 0;
}
.sl-title .title__heading {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 636px) {
  .sl-title .title__heading {
    font-size: 20px;
  }
}
.sl-map-btn {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 3px;
  background: #fff;
  margin-bottom: 25px;
  color: #3c3c3c;
}
.contact-store-button .popover {
  top: -83px;
  left: 190px;
  display: block;
  background-color: #38a8ae;
  color: #ffffff;
}
.contact-store-button .popover.top > .arrow::after {
  bottom: 2px;
  margin-left: -10px;
  border-top-color: #38a8ae;
  left: 85%;
}
.contact-store-button .popover-content {
  padding: 9px 14px;
  width: 210px;
  text-align: center;
  vertical-align: center;
}
.text-grayish {
  color: #647380;
}
.controls-wrapper > div {
  display: inline-block;
}
.controls-wrapper .zoom-center,
.controls-wrapper .zoom-in,
.controls-wrapper .zoom-out {
  margin: 5px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.controls-wrapper .zoom-center {
  background-image: url("/_ui/responsive/common/images/icons/ShareLocation.svg");
}
.controls-wrapper .zoom-in {
  background-image: url("/_ui/responsive/common/images/icons/ZoomIn.svg");
}
.controls-wrapper .zoom-out {
  background-image: url("/_ui/responsive/common/images/icons/ZoomOut.svg");
}
.zoom-controls {
  padding: 20px;
  width: 100%;
  text-align: right;
}
@media (min-width: 1440px) {
  .zoom-controls {
    max-width: 1440px;
    -webkit-transform: translateX(calc((1440px - 100vw)/2));
    -ms-transform: translateX(calc((1440px - 100vw)/2));
    transform: translateX(calc((1440px - 100vw)/2));
  }
}
@media (max-width: 636px) {
  .store-details-buttons.row {
    margin: 0;
  }
}
.store-details-buttons .popover {
  top: -83px;
  left: 190px;
  display: block;
  background-color: #38a8ae;
  color: #ffffff;
}
.store-details-buttons .popover.top > .arrow:after {
  bottom: 2px;
  margin-left: -10px;
  border-top-color: #38a8ae;
  left: 85%;
}
.store-details-buttons .popover-content {
  padding: 9px 14px;
  width: 200px;
  height: 60px;
  text-align: center;
  vertical-align: center;
}
@media (max-width: 1366px) and (min-width: 1024px) {
  .sl-container button.store-button {
    font-size: 11px;
    padding: 15px 0;
  }
  .nav-store-your-options .sl-container {
    margin: 0 -10px;
  }
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #212b36;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 14px;
  height: 14px;
}
#cboxTopCenter {
  height: 14px;
}
#cboxTopRight {
  width: 14px;
  height: 14px;
}
#cboxBottomLeft {
  width: 14px;
}
#cboxBottomCenter {
  height: 43px;
}
#cboxBottomRight {
  width: 14px;
}
#cboxMiddleLeft {
  width: 14px;
}
#cboxMiddleRight {
  width: 14px;
}
#cboxContent {
  background: #fff;
  overflow: visible;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxCurrent {
  position: absolute;
  bottom: -25px;
  left: 58px;
  font-weight: bold;
  color: #7C7C7C;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxPrevious {
  left: 0;
  background-position: -51px -25px;
}
#cboxPrevious:hover {
  background-position: -51px 0;
}
#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}
#cboxNext:hover {
  background-position: -75px 0;
}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0;
  right: 27px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0;
}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0;
}
#cboxTitle {
  background: transparent;
  position: absolute;
  top: 0;
  padding: 43px 40px 15px;
  height: 88px;
  display: table;
  width: 100%;
}
#cboxTitle .headline {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  width: 100%;
  vertical-align: middle;
}
#cboxClose {
  background: transparent;
  border: 0 none;
  color: #000000;
  font-size: 20px;
  padding: 0;
  position: absolute;
  right: 15px;
  top: 17px;
}
#cboxLoadedContent {
  margin-top: 88px;
  padding: 15px 40px 30px 40px;
}
#cboxLoadedContent .add-to-cart-item {
  margin-bottom: 40px;
}
#cboxLoadedContent .addressEntry + .addressEntry,
#cboxLoadedContent .saved-payment-entry + .saved-payment-entry {
  margin-top: 55px;
}
#cboxLoadedContent .addressEntry ul,
#cboxLoadedContent .saved-payment-entry ul {
  margin-top: -10px;
  margin-bottom: 20px;
}
#cboxLoadedContent .modal-details {
  line-height: 1.8em;
}
#cboxLoadedContent .modal-actions {
  margin-top: 20px;
}
#cboxLoadedContent .modal-actions .btn {
  margin-top: 20px;
}
@media (max-width: 636px) {
  #cboxTitle {
    height: 112px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #cboxTitle:before,
  #cboxTitle:after {
    display: table;
    content: " ";
  }
  #cboxTitle:after {
    clear: both;
  }
  #cboxTitle:before,
  #cboxTitle:after {
    display: table;
    content: " ";
  }
  #cboxTitle:after {
    clear: both;
  }
  #cboxTitle:after {
    content: "";
    clear: both;
    display: table;
  }
  #cboxTitle:after {
    content: "";
    clear: both;
    display: table;
  }
  #cboxLoadedContent {
    margin-top: 112px;
    padding: 15px 20px 30px 20px;
  }
  #cboxLoadedContent .addressEntry ul {
    margin-top: -25px;
  }
}
.modal__top {
  padding-bottom: 32px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d9d9d9;
}
.modal__top .modal__top--label {
  color: #3c3c3c;
  font-weight: bold;
  font-style: italic;
}
.modal__top .modal__top--text {
  font-style: italic;
}
.modal__text--bold {
  font-weight: bold;
}
.modal__bottom {
  margin-bottom: 40px;
  font-size: 15px;
}
.quote-discount__modal--label {
  font-size: 15px;
  font-weight: 600;
  color: #3c3c3c;
  text-transform: capitalize;
  vertical-align: middle;
  display: table-cell;
  height: 40px;
}
.quote-discount__modal--input {
  margin-bottom: 17px;
  width: 100%;
}
.quote-discount__modal--input input[type=number] {
  -moz-appearance: textfield;
}
.quote-discount__modal--input input[type=number]::-webkit-inner-spin-button,
.quote-discount__modal--input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quote-discount__modal--input__label {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  padding-right: 10px;
  width: 25px;
  text-align: right;
}
.quote-discount__modal--original__total {
  font-size: 15px;
  font-style: italic;
  border-bottom: 1px solid #d9d9d9;
  color: #3c3c3c;
  padding-bottom: 13px;
  margin-bottom: 9px;
  margin-top: 10px;
}
.quote-discount__modal--new__total {
  color: #3c3c3c;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 47px;
}
.price del {
  color: #000;
  font-weight: bold;
}
.price ins {
  color: #3c3c3c;
  text-decoration: none;
}
a.price ins:hover,
a.price ins:focus {
  color: #232323;
}
.price.msrp {
  color: #666;
}
.account-home .account-home-section {
  margin-bottom: 20px;
}
.account-home .account-home-section .account-home-section-header {
  background: #f2f4f7;
  padding: 10px;
  text-transform: uppercase;
}
.account-home .account-home-section .account-home-section-content {
  height: 100px;
  padding: 10px;
  border: 1px solid #f2f4f7;
  border-top: 0;
}
.account-home .account-home-section .account-home-section-content ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
@media (max-width: 1024px) {
  .account-home .account-home-section {
    margin-bottom: 10px;
  }
  .account-home .account-home-section .account-home-section-content {
    height: auto;
    padding: 0;
  }
  .account-home .account-home-section .account-home-section-content ul li a {
    padding: 10px;
    display: block;
  }
  .account-home .account-home-section .account-home-section-content ul li + li {
    border-top: 1px solid #eee;
  }
}
@media (min-width: 1400px) {
  .account-section {
    margin: 0 auto;
    width: 1400px;
  }
}
.account-section .pagination-bar {
  margin: 15px 0 0;
}
.account-section .pagination-bar .pagination-toolbar {
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  border-bottom: none;
}
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .account-section .pagination-bar .pagination-toolbar .sort-refine-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar form {
  padding: 0;
}
.account-section .pagination-bar .pagination-bar-results {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  border-top: 1px solid #cccccc;
}
@media (max-width: 1280px) {
  .account-section .pagination-bar .pagination-bar-results {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 636px) {
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #cccccc;
  }
}
.account-section .pagination-bar.bottom .pagination-toolbar {
  padding-top: 5px;
  border: none;
}
@media (max-width: 636px) {
  .account-section .pagination-bar .pagination-toolbar {
    margin: 0;
  }
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #cccccc;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-overview-table,
  .account-section div.responsive-table {
    margin-right: -10px;
    margin-left: -10px;
  }
  .account-section .account-overview-table.wrapper-row,
  .account-section div.responsive-table.wrapper-row {
    margin-left: 0;
    margin-right: 0;
  }
  .account-section .account-overview-table.wrapper-row .top-border:first-child,
  .account-section div.responsive-table.wrapper-row .top-border:first-child {
    padding-left: 0;
  }
  .account-section .account-overview-table.wrapper-row .top-border:last-child,
  .account-section div.responsive-table.wrapper-row .top-border:last-child {
    padding-right: 0;
  }
}
@media (max-width: 636px) and (min-width: 1025px) {
  .account-section .account-overview-table .gpt-cnt,
  .account-section div.responsive-table .gpt-cnt {
    width: 100%;
    margin: 0;
  }
}
.account-section .addressBackBtn,
.account-section .orderTopBackBtn {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.account-section .account-section-header {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  text-transform: capitalize;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.account-section .account-section-header.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 1280px) {
  .account-section .account-section-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-header.account-section-header-secondary {
  color: #3c3c3c;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  padding-bottom: 10px;
}
.account-section .account-section-header.no-border {
  border-bottom: none;
}
.account-section .account-section-header .account-section-header-add {
  font-size: 14px;
  font-weight: 700;
  margin-top: 4px;
}
.account-section .account-section-header__subheadline {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
  text-transform: none;
}
.account-section .account-orderdetail + .account-section-content .pagination-bar {
  margin-top: 0;
}
.account-section .container-lg .account-section-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .account-section .container-lg .account-section-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1281px) {
  .account-section .container-lg .account-section-content {
    padding: 0;
  }
}
@media (min-width: 1281px) {
  .account-section .container-lg .account-section-content .account-section-form {
    padding: 0 5px;
  }
}
.account-section .account-section-content .item__list--item .item__total {
  padding-right: 30px;
}
.account-section .account-section-content .account-section-header {
  color: #3c3c3c;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  text-transform: capitalize;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.account-section .account-section-content .account-section-header.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 1280px) {
  .account-section .account-section-content .account-section-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .account-section-header.no-border {
  border-bottom: none;
}
.account-section .account-section-content .account-section-header .container-lg {
  float: none;
  padding: 0 10px;
}
@media (min-width: 1281px) {
  .account-section .account-section-content .account-section-header .container-lg {
    padding: 0;
  }
}
@media (min-width: 1281px) {
  .account-section .account-section-content .back-link .container-lg {
    padding: 0;
  }
}
.account-section .account-section-content .account-section-form {
  margin: 40px 0;
}
.account-section .account-section-content .account-section-form .accountActions {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1024px) {
  .account-section .account-section-content .account-section-form .accountButtons:last-child {
    padding-top: 20px;
  }
}
.account-section .account-section-content .account-section-form form {
  padding: 0;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list {
  list-style-type: none;
  width: 100%;
  position: relative;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list li {
  border-top: 1px solid #cccccc;
  width: 100%;
  display: inline-flex;
  align-items: center;
  height: 4em;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list li:last-child {
  border-bottom: 1px solid #cccccc;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list li .toggle-switch {
  position: absolute;
  right: 0;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list label {
  margin-bottom: 0;
}
.account-section .account-section-content .consent-management-intro {
  padding-bottom: 10px;
}
.account-section .account-section-content .consent-management-list {
  max-width: 100%;
  line-height: 1.6;
  padding: 0;
}
.account-section .account-section-content .consent-management-list__item {
  border: 1px solid #cccccc;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  list-style-type: none;
}
@media (max-width: 1024px) {
  .account-section .account-section-content .consent-management-list__item {
    border-left: 0 none;
    border-right: 0 none;
    margin-left: -20px;
    margin-right: -20px;
  }
}
.account-section .account-section-content .consent-management-list__title {
  padding: 25px 15px 18px 62px;
  display: block;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
}
.account-section .account-section-content .consent-management-list__title:before {
  font-family: 'Glyphicons Halflings', sans-serif;
  content: '\e114';
  font-size: 16px;
  position: absolute;
  left: 20px;
  top: 23px;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.account-section .account-section-content .consent-management-list__title:hover,
.account-section .account-section-content .consent-management-list__title:focus {
  cursor: pointer;
  outline: none;
}
.account-section .account-section-content .is-expanded .consent-management-list__title:before {
  content: "\e113";
}
.account-section .account-section-content .consent-management-list__label {
  width: 85%;
  color: #3c3c3c;
  font-size: 15px;
}
@media (max-width: 1024px) {
  .account-section .account-section-content .consent-management-list__label {
    width: 75%;
    font-size: 14px;
  }
}
.account-section .account-section-content .consent-management-list__content-inner {
  padding: 0 40px 10px 65px;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .account-section .account-section-content .consent-management-list__content-inner {
    font-size: 14px;
  }
}
.account-section .account-section-content .consent-management-list__content {
  transition: height 0.3s ease-out;
  height: 0;
  overflow: hidden;
}
.account-section .account-section-content form {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .account-section .account-section-content form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content form .accountActions-bottom {
  padding: 0;
}
.account-section .account-section-content #quoteForm {
  padding: 0;
}
.account-section .account-section-content #addNewPermissionForm .account-select-form {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .account-section .account-section-content #addNewPermissionForm .account-select-form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content.content-empty {
  margin: 45px 0;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .account-section .account-section-content.content-empty {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .help-block {
  font-size: 14px;
  font-weight: normal;
  color: #fd7b7b;
}
.account-section .account-section-content .account-orderhistory-pagination {
  padding-top: 10px;
}
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar .sort-refine-bar {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .account-section .account-section-content .account-orderhistory-pagination .pagination-bar .sort-refine-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar form {
  padding: 0;
}
.account-section .account-section-content .account-orderhistory-pagination .account-orderhistory-pagination-text {
  line-height: 32px;
}
.account-section .account-section-content .account-orderhistory-pagination .pager {
  margin: 0;
}
.account-section .account-section-content .account-orderhistory-sort {
  background: #f2f4f7;
  padding: 10px;
}
.account-section .account-section-content table > tbody > tr > td:nth-child(2) a {
  font-weight: 600;
}
.account-section .account-section-content .accountActions {
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
}
.account-section .account-section-content .cart-voucher form,
.account-section .account-section-content .cart-items form,
.account-section .account-section-content .item-action form {
  padding: 0;
}
@media (min-width: 1025px) {
  .account-section .account-section-content .item__btn {
    margin-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .account-section .account-section-content .item__btn {
    margin-top: 20px;
  }
}
.account-section .account-section-content .disable-link,
.account-section .account-section-content .enable-link {
  display: inline-block;
  text-align: right;
  margin: 25px 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}
@media (max-width: 636px) {
  .account-section .account-section-content .disable-link,
  .account-section .account-section-content .enable-link {
    text-align: center;
    float: none;
    padding-right: 0 !important;
    width: 100%;
  }
}
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .enable-link button {
  background: transparent;
  border: 0 none;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
}
.account-section .account-section-content .disable-link button[disabled],
.account-section .account-section-content .enable-link button[disabled] {
  color: #929292;
}
.account-section .account-section-content .disable-link form,
.account-section .account-section-content .enable-link form {
  display: inline-block;
}
.account-section .account-section-content .enable-link + .disable-link,
.account-section .account-section-content .disable-link + .enable-link,
.account-section .account-section-content .disable-link + .disable-link,
.account-section .account-section-content .enable-link + .enable-link {
  padding-left: 20px;
  position: relative;
}
.account-section .account-section-content .enable-link + .disable-link:before,
.account-section .account-section-content .disable-link + .enable-link:before,
.account-section .account-section-content .disable-link + .disable-link:before,
.account-section .account-section-content .enable-link + .enable-link:before {
  content: "";
  display: block;
  position: absolute;
  height: 24px;
  width: 1px;
  left: 10px;
  background: #cccccc;
  top: 0;
}
@media (max-width: 636px) {
  .account-section .account-section-content .enable-link + .disable-link:before,
  .account-section .account-section-content .disable-link + .enable-link:before,
  .account-section .account-section-content .disable-link + .disable-link:before,
  .account-section .account-section-content .enable-link + .enable-link:before {
    display: none;
  }
}
@media (max-width: 636px) {
  .account-section .account-section-content .enable-link + .disable-link,
  .account-section .account-section-content .disable-link + .enable-link,
  .account-section .account-section-content .disable-link + .disable-link,
  .account-section .account-section-content .enable-link + .enable-link {
    padding-left: 0;
  }
}
.account-section .account-section-content .disable-link a,
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .disable-link form {
  color: #ed1c24;
}
@media (max-width: 636px) {
  .account-section .account-section-content .remove-item-column {
    position: absolute;
    right: -4px;
    top: -5px;
    width: auto;
  }
  .account-section .account-section-content .restore-item-column {
    position: absolute;
    right: -4px;
    top: 50px;
    width: auto;
  }
}
.account-section .account-section-content .restore-item-link {
  text-transform: uppercase;
  font-weight: 700;
}
.account-section .account-section-content .restore-item-link .glyphicon-share-alt {
  font-size: 24px;
  padding: 13px;
  transform: scale(-1, 1);
  margin-right: 13px;
}
.account-section .account-section-content .edit-item-link {
  margin-top: 10px;
  display: block;
}
.account-section .account-section-content .remove-item-link .glyphicon-remove {
  font-size: 21px;
  padding: 0 14px;
}
@media (max-width: 636px) {
  .account-section .account-section-content .remove-item-link .glyphicon-remove {
    padding: 14px;
    margin-right: 20px;
  }
}
.account-section .account-section-content .saved__carts__overview--table .responsive-table-item {
  position: relative;
  padding-right: 35px;
}
@media (min-width: 637px) {
  .account-section .account-section-content .saved-cart .saved-cart-name {
    width: 15%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
  }
  .account-section .account-section-content .saved-cart .saved-cart-description {
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
  }
}
.account-section .account-section-action {
  margin-top: 20px;
}
@media (max-width: 636px) {
  .account-section .account-section-action .row {
    margin: 0;
  }
  .account-section .account-section-action .btn-primary {
    margin-bottom: 20px;
  }
}
.account-section .accountActions-bottom {
  clear: both;
  margin-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .account-section .accountActions-bottom {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 636px) {
  .account-section .accountActions-bottom .btn-primary {
    margin-bottom: 20px;
  }
}
.account-section .cancel-panel .orderBackBtn {
  padding-right: 0;
}
@media (max-width: 1024px) {
  .account-section .cancel-panel .orderBackBtn {
    padding-right: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 637px) {
  .account-section .cancel-panel {
    padding-left: 0;
  }
}
.account-section .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}
.account-section .account-consignment {
  margin-top: 20px;
}
.account-section .account-list.account-addressbook ul,
.account-section .account-list.account-paymentdetails ul {
  margin-bottom: 30px;
}
.account-section .account-list ul {
  padding-left: 0;
  list-style: none;
  display: inline-block;
  width: 90%;
}
.account-section .account-list ul li {
  text-overflow: ellipsis;
  overflow: hidden;
}
.account-section .account-list .account-list-header {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #f4f4f4;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 1.5;
  margin-top: -1px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .account-section .account-list .account-list-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-list .account-list-header .account-list-header-add {
  font-size: 15px;
  line-height: 2;
  font-weight: 600;
  position: relative;
  top: 2px;
}
.account-section .account-list .account-cards {
  border-left: 1px solid #cccccc;
  padding: 0 10px;
}
.account-section .account-list .account-cards.card-select {
  border-top: 1px solid #cccccc;
}
.account-section .account-list .account-cards .account-cards-actions {
  display: inline-block;
  width: 10%;
}
.account-section .account-list .account-cards .account-cards-actions .glyphicon {
  font-size: 24px;
  margin-bottom: 20px;
}
.account-section .account-list .account-cards .account-cards-actions .edit-item .glyphicon {
  margin-top: 3px;
}
@media (min-width: 637px) {
  .account-section .account-list .account-cards .row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .account-section .account-list .account-cards .row:before {
    content: none;
  }
  .account-section .account-list .account-cards .row:after {
    content: '';
  }
}
.account-section .account-list .account-cards .card,
.account-section .account-list .account-cards .search-empty {
  list-style: none;
  border-left: 0;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 30px 30px 25px;
  margin-bottom: 0;
  min-height: 150px;
  clear: both;
}
.account-section .account-list .account-cards .card span,
.account-section .account-list .account-cards .search-empty span {
  padding: 0;
  text-align: right;
}
.account-section .account-list .account-cards .card > ul > li,
.account-section .account-list .account-cards .search-empty > ul > li {
  margin-bottom: 3px;
}
.account-section .account-list .account-cards .card > ul > li:first-child,
.account-section .account-list .account-cards .search-empty > ul > li:first-child {
  text-transform: uppercase;
  font-weight: 600;
}
.account-section .account-list .account-cards .card .action-links,
.account-section .account-list .account-cards .search-empty .action-links {
  float: right;
  height: 50px;
  width: 50px;
  margin-right: -15px;
  margin-top: -15px;
  text-align: right;
}
.account-section .account-list .account-cards .card .action-links .glyphicon-remove,
.account-section .account-list .account-cards .search-empty .action-links .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links .glyphicon-pencil,
.account-section .account-list .account-cards .search-empty .action-links .glyphicon-pencil {
  font-size: 20px;
  color: #929292;
  padding-right: 15px;
  padding-top: 15px;
}
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-pencil,
.account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-pencil {
  color: #0068b3;
}
@media (max-width: 1280px) {
  .account-section .account-list .account-cards .card,
  .account-section .account-list .account-cards .search-empty {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-list .account-set-default-address {
  position: absolute;
  left: 25px;
  bottom: 25px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #0068b3;
  background: transparent;
  padding: 0;
  border: 0 none;
}
@media (max-width: 636px) {
  .account-section .account-list .account-set-default-address {
    left: 20px;
  }
}
.account-section .continue__shopping,
.account-section .orderBackBtn {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .account-section .continue__shopping,
  .account-section .orderBackBtn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 636px) {
  .account-section .account-list .account-cards {
    border: none;
  }
  .account-section .account-list .account-cards .card {
    border-left: 0;
    border-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-list .account-cards .card:first-child {
    margin: 0;
  }
  .account-section .account-list .account-cards .selected:first-child {
    border-left: none;
  }
}
.account-address-removal-popup .address {
  margin-top: 20px;
}
.account-address-removal-popup .btn {
  margin-top: 10px;
}
.savedcart_restore_confirm_modal .restore-current-cart-form {
  margin-top: 40px;
}
.not-active {
  pointer-events: none;
  cursor: default;
  font-weight: normal !important;
  color: black !important;
}
.bottom-header-padding {
  padding: 0 30px;
}
.account-section-top-title h1.bottom-header-padding {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.42857143;
  padding: 0 30px;
  margin: 0 auto;
}
.account-page-description-padding {
  padding-bottom: 15px;
}
.account-section-top-title {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  padding: 25px 20px;
  background-color: #38a8ae;
  margin: 0 -25px 20px;
}
.account-section-top-title h1 {
  font-size: 25px;
  font-weight: 700;
  margin: 0;
  color: #fff;
  padding: 0;
}
.communication-preferences {
  max-width: 366px;
  width: 100%;
}
@media (max-width: 636px) {
  .communication-preferences {
    max-width: 100%;
  }
}
.communication-preferences__top-title {
  color: #161c23;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.0208em;
  line-height: 1em;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.communication-preferences__error-alert {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #e1f2f3;
  border-radius: 5px;
  color: #148181;
  margin-bottom: 20px;
  padding: 12px 40px 12px 9px;
  width: 100%;
}
.communication-preferences__error-alert .icon {
  font-size: 22px;
  margin-right: 9px;
}
.communication-preferences__error-alert .text {
  font-size: 14px;
  letter-spacing: -0.0357em;
  line-height: 1.14em;
}
.communication-preferences__block {
  margin-bottom: 20px;
}
.communication-preferences__block--communication-preferences {
  margin-bottom: 24px;
}
.communication-preferences__block--personal-interests {
  margin-bottom: 15px;
}
.communication-preferences__main-title {
  border-bottom: 1px solid #C4CDD5;
  color: #212B36;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.125em;
  margin-bottom: 24px;
  padding-bottom: 18px;
}
.communication-preferences__title {
  color: #212B36;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.125em;
}
.communication-preferences__text {
  border-bottom: 1px solid #dfe3e8;
  color: #637381;
  padding: 5px 0 16px 0;
  margin-bottom: 25px;
}
.communication-preferences__table {
  border: 0;
  width: 100%;
}
.communication-preferences__table__row .sr-switch__label {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  width: 100%;
}
.communication-preferences__table__row .sr-switch__text {
  color: #212B36;
  font-size: 14px;
  font-weight: 700;
}
.communication-preferences__table__row:not(:last-child) {
  margin-bottom: 8px;
}
.communication-preferences__buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.communication-preferences__button {
  background-color: white;
  border-radius: 5px;
  border: 1px solid #dfe3e8;
  color: #4A4A4A;
  font-size: 15px;
  padding: 11px 0;
  width: calc((100% - 16px) / 2);
}
@media (max-width: 636px) {
  .communication-preferences__button {
    width: 100%;
  }
}
.communication-preferences__button:disabled {
  background-color: #dfe3e8;
  color: #a5b1bc;
}
.communication-preferences__button--update {
  background-color: #38a8ae;
  border: none;
  color: #fff;
}
.communication-preferences__button--update:disabled {
  background-color: #dfe3e8;
  color: #a5b1bc;
}
@media (max-width: 636px) {
  .communication-preferences__button--cancel {
    margin-bottom: 8px;
  }
}
.communication-preferences .form-section__send-me-updates .option {
  margin-bottom: 16px;
}
.communication-preferences .form-section__send-me-updates .option .sr-switch__label {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.communication-preferences .form-section__send-me-updates .option .sr-switch__slider {
  margin-right: 16px;
}
.communication-preferences .form-section__send-me-updates .option .sr-switch__label {
  color: #161C23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.28em;
}
.communication-preferences .form-section__send-me-updates .option .sr-switch__label .sr-switch__text {
  max-width: 300px;
}
.communication-preferences .form-section__send-me-updates .types {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding-left: 60px;
}
.communication-preferences .form-section__send-me-updates .types__item .sr-switch {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.communication-preferences .form-section__send-me-updates .types__item .sr-switch__label {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.communication-preferences .form-section__send-me-updates .types__item .sr-switch__slider {
  margin: 0 0 8px;
}
.communication-preferences .form-section__send-me-updates .types__item .sr-switch__text {
  color: #161C23;
  font-size: 14px;
  letter-spacing: -0.005em;
  text-align: center;
}
.communication-preferences .form-section__send-me-updates .types__item:not(:last-child) {
  margin-right: 30px;
}
.communication-preferences .form-section__preference {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 6px 10px 10px;
}
.verify-mobile-otp {
  max-width: 400px;
  width: 100%;
}
.account-wrap .communication-preferences .form-section__block {
  padding: 0 0 30px 0;
  border-bottom: 1px solid #dfe3e8;
}
.account-wrap .swipe-for-good__title {
  color: #ff4219;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: bold;
}
.account-wrap .form-section__grid {
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8px;
}
@media (max-width: 636px) {
  .account-wrap .form-section__grid {
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
  }
}
.account-grid {
  max-width: 600px;
  width: 100%;
}
.account-grid__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.account-grid__title {
  color: #892890;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.0208em;
  text-transform: uppercase;
}
.account-grid__subtitle {
  color: #161c23;
  font-size: 14px;
  line-height: 1.28em;
  margin: 0 0 27px;
  max-width: 468px;
  width: 100%;
}
.account-grid__subtitle strong {
  font-weight: 700;
}
.account-grid__title-icon {
  height: auto;
}
.account-grid__how-it-works {
  background-color: rgba(254, 241, 52, 0.15);
  border-radius: 10px;
  margin-bottom: 24px;
  padding: 8px 32px 15px;
}
.account-grid__how-it-works__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.account-grid__how-it-works__title {
  color: #892890;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.0277em;
  line-height: 1em;
  margin: 0 11px 0 0;
  text-transform: uppercase;
}
.account-grid__how-it-works__title-icon {
  height: auto;
  width: 62px;
}
.account-grid__how-it-works__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.account-grid__how-it-works__list li {
  color: #161c23;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.0214em;
  line-height: 1.14em;
  min-height: 25px;
  padding-left: 30px;
  position: relative;
  text-transform: uppercase;
}
.account-grid__how-it-works__list li:not(:last-child) {
  margin-bottom: 3px;
}
.account-grid__how-it-works__list li::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  color: #401e6b;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 11.6px;
  height: 20px;
  left: 0;
  position: absolute;
  top: -3px;
  width: 20px;
}
.account-grid__how-it-works__list li strong {
  color: #892890;
  font-weight: 800;
}
.account-grid__send {
  background-color: #f3eaf4;
  border-radius: 10px;
  margin-bottom: 24px;
  padding: 16px 24px;
}
.account-grid__send__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.account-grid__send__title {
  color: #401e6b;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.005em;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .account-grid__send__title {
    margin-bottom: 5px;
  }
}
.account-grid__send__subtitle {
  color: #161c23;
  font-size: 14px;
  line-height: 1.28em;
  margin: 0;
}
@media (max-width: 636px) {
  .account-grid__send__subtitle {
    font-size: 12px;
  }
}
.account-grid__send .sr-switch__slider {
  background-color: #FFFFFF;
  margin: 0;
}
.account-grid__send .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #892890;
  border-color: #892890;
}
.account-grid__send .sr-switch input:checked ~ .sr-switch__slider::before {
  background-color: #feef35;
}
.account-grid__send__your-number {
  background-color: #FFFFFF;
  border-radius: 10px;
  margin-top: 14px;
  max-width: 382px;
  padding: 10px 16px;
  position: relative;
  width: 100%;
}
@media (max-width: 636px) {
  .account-grid__send__your-number {
    padding: 14px 16px;
  }
}
.account-grid__send__your-number__title {
  background-color: #f3eaf4;
  border-radius: 40px;
  color: #892890;
  font-size: 8px;
  font-weight: 800;
  left: 13px;
  padding: 3px 7px;
  position: absolute;
  text-transform: uppercase;
  top: -8.5px;
}
.account-grid__send__your-number__change {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.account-grid__send__your-number__number {
  color: #212b36;
  font-size: 20px;
  letter-spacing: -0.005em;
  font-weight: 800;
  line-height: 1em;
}
@media (max-width: 636px) {
  .account-grid__send__your-number__number {
    margin-bottom: 8px;
    width: 100%;
  }
}
.account-grid__send__your-number__button,
.account-grid__send__your-number__button:link,
.account-grid__send__your-number__button:visited {
  background-color: transparent;
  border-radius: 50px;
  border: 1px solid #892890;
  color: #892890;
  font-size: 12px;
  font-weight: 800 !important;
  outline: none;
  padding: 5px 11px;
  text-transform: uppercase;
}
.account-grid__message-success {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #c6e7d1;
  border-radius: 10px;
  margin-bottom: 21px;
  padding: 11px 15px;
}
.account-grid__message-success .icon {
  height: auto;
  margin-right: 13px;
  width: 22px;
}
.account-grid__message-success .text {
  color: #355a41;
  font-size: 14px;
  letter-spacing: -0.0357em;
  line-height: 1.28em;
}
.account-grid__message-error {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #f2dede;
  border-radius: 10px;
  margin-bottom: 21px;
  padding: 11px 15px;
}
.account-grid__message-error .text {
  color: #355a41;
  font-size: 14px;
  letter-spacing: -0.0357em;
  line-height: 1.28em;
}
.account-grid__how-qualify {
  margin-bottom: 24px;
}
.account-grid__how-qualify__title {
  color: #401e6b;
  display: block;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.0277em;
  line-height: 1em;
  margin: 0 0 11px;
  text-align: center;
  text-transform: uppercase;
}
.account-grid__how-qualify__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: #fffde1;
  border-radius: 10px;
  padding: 13px 30px 35px;
}
@media (max-width: 636px) {
  .account-grid__how-qualify__content {
    padding: 11px 22px 35px;
  }
}
.account-grid__how-qualify .step {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-right: 2%;
  width: 49%;
}
@media (max-width: 636px) {
  .account-grid__how-qualify .step {
    margin-bottom: 10px;
    margin-right: 0;
    width: 100%;
  }
}
.account-grid__how-qualify .step:nth-child(2n) {
  margin-right: 0;
}
@media (max-width: 636px) {
  .account-grid__how-qualify .step:last-child {
    margin-bottom: 0;
  }
}
.account-grid__how-qualify .step__number {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  border: solid 2px rgba(137, 40, 144, 0.2);
  color: #401e6b;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 800;
  height: 20px;
  letter-spacing: -0.025em;
  line-height: 0;
  margin-right: 10px;
  text-align: center;
  width: 20px;
}
.account-grid__how-qualify .step__text {
  color: #401e6b;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.0214em;
  line-height: 1em;
  margin-right: 11px;
  text-transform: uppercase;
}
.account-grid__how-qualify .step__text strong {
  color: #892890;
  font-weight: 800;
}
.account-grid__how-qualify .step__icon {
  flex-shrink: 0;
  height: auto;
}
.account-grid__how-qualify .step--1 .step__icon {
  width: 56px;
}
.account-grid__how-qualify .step--2 .step__icon {
  width: 74px;
}
.account-grid__how-qualify__footer {
  margin-top: -16px;
  text-align: center;
}
.account-grid__how-qualify__button,
.account-grid__how-qualify__button:link,
.account-grid__how-qualify__button:visited {
  background-color: #8b1a76;
  border-radius: 50px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 800;
  padding: 6px 34px;
  text-decoration: none;
  text-transform: uppercase;
}
.account-grid__how-qualify__button:hover,
.account-grid__how-qualify__button:active {
  color: #FFFFFF;
}
.account-grid__auto-settings {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 636px) {
  .account-grid__auto-settings {
    order: 2;
  }
}
.account-grid__auto-settings__icon {
  height: auto;
  margin-right: 15px;
  width: 22px;
}
.account-grid__auto-settings__text {
  color: #212b36;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.16em;
  padding-right: 32px;
  position: relative;
}
.account-grid__auto-settings__text::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #212b36;
  content: "\e92b";
  font-family: "shoprite-icon";
  font-size: 10px;
  position: absolute;
  right: 12px;
  top: 50%;
}
.account-grid__update-button,
.account-grid__update-button:link,
.account-grid__update-button:visited {
  background-color: #401e6b;
  border-radius: 50px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 800 !important;
  height: 40px;
  line-height: 40px;
  max-width: 256px;
  outline: none;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media (max-width: 636px) {
  .account-grid__update-button,
  .account-grid__update-button:link,
  .account-grid__update-button:visited {
    margin-bottom: 26px;
    order: 1;
  }
}
.account-grid__no-card-linked {
  background-color: #f3eaf4;
  border-radius: 10px;
  color: #212b36;
  margin-bottom: 26px;
  padding: 21px 30px 24px;
  text-align: center;
}
@media (max-width: 636px) {
  .account-grid__no-card-linked {
    padding: 21px 14px 24px;
  }
}
.account-grid__no-card-linked__icon {
  color: #8b1a76;
  margin-bottom: 21px;
}
.account-grid__no-card-linked__title {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 11px;
  text-transform: uppercase;
}
.account-grid__no-card-linked__subtitle {
  font-size: 14px;
  letter-spacing: -0.0257em;
  line-height: 1.14em;
}
.account-grid__no-card-linked__subtitle strong {
  font-weight: 700;
}
.account-grid__no-card-linked__button,
.account-grid__no-card-linked__button:link,
.account-grid__no-card-linked__button:visited {
  background-color: #8b1a76;
  border-radius: 50px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
}
.account-grid__no-card-linked--valid-said .swipe-for-cover__no-card-linked__icon {
  font-size: 34px;
}
.account-grid__no-card-linked--valid-said .swipe-for-cover__no-card-linked__subtitle {
  margin-bottom: 24px;
  max-width: 347px;
}
.account-grid .form-activate__beneficiary__text {
  margin-bottom: 16px;
  display: block;
}
.account-grid .form-activate__beneficiary__text .text {
  margin-bottom: 0px;
  color: #892890;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 800;
}
.account-grid .form-activate__beneficiary__text .subtext {
  color: #161c23;
  display: block;
  font-size: 12px;
  line-height: 1.33em;
}
.account-grid .form-activate__beneficiary__content .form-section__row {
  margin-bottom: 8px;
}
.account-grid .form-activate__beneficiary__content .form-section__row .form-group {
  margin-bottom: 8px;
}
.account-grid .form-activate__beneficiary__content .form-section__input {
  color: #212b36;
  font-size: 14px;
  font-weight: 700;
}
.account-grid .form-activate__beneficiary__content .form-section__input:disabled {
  background-color: #FFFFFF;
}
.account-grid .form-activate__beneficiary__content .form-group .sr-error {
  color: red;
  font-size: 11px;
}
.account-grid .form-activate__or {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #161c23;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.0416em;
  margin-bottom: 10px;
  margin-left: 40px;
  position: relative;
  text-transform: uppercase;
}
.account-grid .form-activate__or::before {
  background-color: rgba(64, 30, 107, 0.2);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}
.account-grid .form-activate__or span {
  background-color: #f3eaf4;
  display: block;
  padding: 10px;
  position: relative;
}
@media (max-width: 636px) {
  .account-grid__save-details {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 32px;
    max-width: none;
  }
}
.account-grid__terms-conditions {
  color: #161c23;
  font-size: 14px;
  letter-spacing: -0.005em;
  line-height: 1em;
}
@media (max-width: 636px) {
  .account-grid__terms-conditions {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.account-grid__terms-conditions a:link,
.account-grid__terms-conditions a:visited {
  color: #8b1a76;
  text-decoration: underline;
}
.account-grid__provider-text {
  color: #212b36;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.16em;
  margin-top: 20px;
  width: 100%;
}
@media (min-width: 1025px) {
  .account-grid__provider-text > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
  .account-grid__provider-text .text {
    width: calc(100% - 240px);
  }
}
@media (max-width: 1024px) {
  .account-grid__provider-text > * {
    margin: 0 auto;
    display: block;
  }
  .account-grid__provider-text .text {
    text-align: center;
    margin-top: 10px;
  }
}
.account-grid__footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
@media (max-width: 636px) {
  .account-grid__footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.account-grid--airtime .account-grid__header {
  margin-bottom: 16px;
}
.account-grid--airtime .account-grid__title {
  margin: 0 17px 0 0;
}
.account-grid--airtime .account-grid__title-icon {
  width: 75px;
}
@media (max-width: 636px) {
  .account-grid--airtime .account-grid__send__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.account-grid--airtime .account-grid__no-card-linked__icon {
  font-size: 40px;
}
.account-grid--airtime .account-grid__no-card-linked__subtitle {
  margin: 0 0 24px;
}
.account-grid--airtime .account-grid__no-card-linked__button,
.account-grid--airtime .account-grid__no-card-linked__button:link,
.account-grid--airtime .account-grid__no-card-linked__button:visited {
  font-weight: 600;
  padding: 7px 30px;
}
.account-grid--swipe-for-cover .account-grid__title {
  margin: 0;
}
.account-grid--swipe-for-cover .account-grid__title-icon {
  width: 74px;
}
@media (max-width: 636px) {
  .account-grid--swipe-for-cover .account-grid__send {
    padding: 16px;
  }
}
.account-grid--swipe-for-cover .account-grid__send__title {
  line-height: 1em;
}
.account-grid--swipe-for-cover .account-grid__send .sr-switch__label {
  margin: 0;
}
.account-grid--swipe-for-cover .account-grid__no-card-linked__icon {
  font-size: 44px;
  line-height: 0;
}
.account-grid--swipe-for-cover .account-grid__no-card-linked__subtitle {
  margin: 0 auto 8px;
  max-width: 225px;
  width: 100%;
}
.account-grid--swipe-for-cover .account-grid__no-card-linked__button,
.account-grid--swipe-for-cover .account-grid__no-card-linked__button:link,
.account-grid--swipe-for-cover .account-grid__no-card-linked__button:visited {
  font-weight: 800;
  padding: 6px 30px;
  text-transform: uppercase;
}
.account-grid--swipe-for-cover .account-grid__footer {
  margin-bottom: 18px;
  padding-left: 24px;
}
@media (max-width: 636px) {
  .account-grid--swipe-for-cover .account-grid__footer {
    padding: 0 16px;
  }
}
body.page-swipeForCover .global-alerts,
body.page-communicationPreferences .global-alerts,
body.page-airtime .global-alerts,
body.page-swipeForGood .global-alerts,
body.page-preferenceAcquisitionPage .global-alerts {
  display: none;
}
.page-preferenceAcquisitionPage #cboxContent {
  border-radius: 6px;
}
.page-preferenceAcquisitionPage #cboxContent #cboxLoadedContent {
  margin-top: 32px;
  padding: 16px;
}
.page-preferenceAcquisitionPage #cboxContent #cboxLoadedContent .form-section__title {
  margin: 0 0 14px;
}
.page-preferenceAcquisitionPage #cboxContent #cboxLoadedContent .mb-3 {
  margin-bottom: 16px;
}
.page-preferenceAcquisitionPage #cboxContent #cboxLoadedContent .four-digits-inputs {
  margin: 16px 0 16px;
}
.page-preferenceAcquisitionPage #cboxContent #cboxLoadedContent .four-digits-inputs input {
  border-radius: 15px;
}
.page-preferenceAcquisitionPage #cboxContent .sr-button {
  text-transform: uppercase;
  font-weight: 800;
  padding: 11px 12px;
}
.page-preferenceAcquisitionPage #cboxContent .js-otp-submit {
  padding: 11px 12px;
  background-color: #59a6ac !important;
  color: white !important;
}
.page-preferenceAcquisitionPage #cboxContent .js-otp-submit:disabled {
  background-color: #dfe3e8 !important;
  color: #919eab !important;
}
.page-preferenceAcquisitionPage #cboxContent .form-section__title {
  color: #212B36;
}
.page-preferenceAcquisitionPage #cboxContent .action-box {
  font-size: 13px;
}
.page-preferenceAcquisitionPage #cboxContent .js-otp-cancel {
  background: white !important;
  cursor: pointer !important;
  color: #212B36 !important;
  border: 1px solid #C4CDD5 !important;
}
.page-preferenceAcquisitionPage #cboxContent .sr-error {
  color: #e51f34;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin: 15px 0;
  text-align: center;
  text-transform: none;
  width: 100%;
}
.page-preferenceAcquisitionPage #cboxContent .shoprite-icon-close {
  color: #3c3c3c;
}
.page-preferenceAcquisitionPage #cboxContent .profile-menu-title {
  color: #212B36;
}
.airtime-modal {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(22, 28, 35, 0.4);
  display: none;
  height: 100%;
  left: 0;
  padding: 16px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.airtime-modal__content {
  background-color: #FFFFFF;
  border-radius: 10px;
  max-width: 385px;
  padding: 20px 24px 24px;
  width: 100%;
}
@media (max-width: 636px) {
  .airtime-modal__content {
    padding: 20px 16px 24px;
  }
}
.airtime-modal__header {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
}
@media (max-width: 636px) {
  .airtime-modal__header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.airtime-modal__title {
  color: #401e6b;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0;
  text-transform: uppercase;
}
.airtime-modal__title-icon {
  height: auto;
  width: 57px;
}
.airtime-modal p {
  color: #161c23;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.28em;
}
.airtime-modal p strong {
  font-weight: 700;
}
.airtime-modal__buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 16px;
}
.airtime-modal__buttons--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 636px) {
  .airtime-modal__buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 24px;
  }
}
.airtime-modal__button,
.airtime-modal__button:link,
.airtime-modal__button:visited {
  background-color: #401e6b;
  border-radius: 50px;
  border: 1px solid #401e6b;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 800;
  margin: 0 4px;
  max-width: 160px;
  outline: none;
  padding: 6px 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
.airtime-modal__button--no-color,
.airtime-modal__button--no-color:link,
.airtime-modal__button--no-color:visited {
  background-color: transparent;
  border-color: #919eab;
  color: #454f5b;
  font-weight: 600;
  text-transform: none;
}
.airtime-modal.is-show {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.airtime-modal--swipe-for-cover .airtime-modal__content {
  max-width: 426px;
  padding: 33px 24px 24px;
}
.airtime-modal__error .airtime-modal__content .icon {
  color: #401e6b;
  font-size: 36px;
  margin-right: 10px;
  align-self: start;
}
.airtime-modal__error .airtime-modal__content p {
  padding-left: 50px;
}
.airtime-modal .opt-out {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.airtime-modal .opt-out__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #FCE9EB;
  border-radius: 50%;
  color: #E51F34;
  flex-shrink: 0;
  font-size: 18px;
  height: 40px;
  margin-right: 16px;
  width: 40px;
}
.airtime-modal .opt-out__text {
  margin-right: 16px;
  width: 100%;
}
.airtime-modal .opt-out__text p {
  font-size: 12px;
  letter-spacing: -0.005em;
  line-height: 1.33em;
  margin: 0;
}
.airtime-modal .opt-out__title {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 2px;
  text-transform: uppercase;
}
.airtime-modal .opt-out__buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-left: auto;
}
.airtime-modal .opt-out__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #ECF0F4;
  border-radius: 50px;
  border: 0;
  color: #212B36;
  font-size: 12px;
  font-weight: 600;
  height: 32px;
  letter-spacing: 0.025em;
  line-height: 1.08em;
  padding: 0 12px 0 9px;
}
.airtime-modal .opt-out__button:not(:last-child) {
  margin-right: 14px;
}
.airtime-modal .opt-out__button .icon {
  display: inline-block;
  font-size: 7.5px;
  font-weight: normal;
  margin-right: 8px;
  vertical-align: middle;
}
.airtime-modal .opt-out__button--no .icon {
  font-size: 9.8px;
  margin-right: 9.1px;
}
.airtime-modal--opt-out .airtime-modal__content {
  max-width: 555px;
  padding: 16px;
}
.preference-acquisition-page__header {
  background-color: #38A8AE;
  margin-left: calc(-100vw / 2 + var(--wrapWidth) / 2) !important;
  margin-right: calc(-100vw / 2 + var(--wrapWidth) / 2) !important;
  margin-bottom: 32px;
  max-width: var(--bodyWidth);
  padding: 29px 0 37px;
  width: var(--bodyWidth) !important;
}
@media (max-width: 1440px) {
  .preference-acquisition-page__header {
    margin-left: -15px !important;
    margin-right: 0 !important;
  }
}
.preference-acquisition-page__image {
  margin: 0 auto 12px;
  max-width: 146px;
  width: 100%;
}
.preference-acquisition-page__image img {
  display: block;
  width: 100%;
}
.preference-acquisition-page__body {
  margin: 0 auto;
  max-width: 866px;
  text-align: center;
  width: 100%;
}
.preference-acquisition-page__body .account-grid__message-success {
  margin: 0 auto 16px;
  max-width: 400px;
  width: 100%;
}
.preference-acquisition-page .title {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
}
.preference-acquisition-page .subtitle {
  color: #000000;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.0208em;
  line-height: 1em;
  margin: 0 0 24px;
  text-transform: uppercase;
}
.preference-acquisition-page .subtitle span {
  color: #38a8ae;
  display: block;
}
.preference-acquisition-page p {
  font-size: 14px;
  line-height: 1.14em;
  margin: 0 0 29px;
}
.preference-acquisition-page #js-preference-acquisition-form {
  margin-bottom: 22px;
}
.preference-acquisition-page #js-preference-acquisition-form .form-section h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 16px;
  text-transform: uppercase;
}
.preference-acquisition-page #js-preference-acquisition-form .form-section .js-preference-acquisition-input {
  float: none;
  margin: 0 auto;
  max-width: 288px;
  width: 100%;
}
.preference-acquisition-page #js-preference-acquisition-form .form-section .js-preference-acquisition-input .form-group .form-section__input {
  background-color: #ECF0F4;
  box-shadow: inset 0 0 0 4px #FFFFFF;
  height: 48px;
  padding: 0 16px;
}
.preference-acquisition-page #js-preference-acquisition-form .form-section .js-preference-acquisition-input .form-group .form-section__input.used {
  padding-top: 14px;
}
.preference-acquisition-page .communication-preferences {
  margin: 0 auto;
  max-width: 460px;
}
.preference-acquisition-page .communication-preferences__block--communication-preferences {
  margin-bottom: 32px;
}
.preference-acquisition-page .communication-preferences__block--communication-preferences h2 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1em;
  margin: 0 0 24px;
  text-transform: uppercase;
}
.preference-acquisition-page .communication-preferences__block--communication-preferences .form-section__send-me-updates {
  margin: 0 auto;
  max-width: 332px;
  width: 100%;
}
.preference-acquisition-page .communication-preferences__block--communication-preferences .form-section__send-me-updates .types {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.preference-acquisition-page .communication-preferences__block--communication-preferences .form-section__send-me-updates .types__item:not(:last-child) {
  margin-bottom: 16px;
  margin-right: 0;
}
.preference-acquisition-page .communication-preferences__block--communication-preferences .form-section__send-me-updates .types__item .sr-switch__label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0;
  width: 100%;
}
.preference-acquisition-page .communication-preferences__block--communication-preferences .form-section__send-me-updates .types__item .sr-switch__slider {
  flex-shrink: 0;
  margin: 0 16px 0 0;
}
.preference-acquisition-page .communication-preferences__buttons {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px;
}
@media (max-width: 636px) {
  .preference-acquisition-page .communication-preferences__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.preference-acquisition-page .communication-preferences__button {
  border-radius: 100px;
  margin: 0;
  max-width: 172px;
  width: 100%;
}
@media (max-width: 636px) {
  .preference-acquisition-page .communication-preferences__button {
    max-width: none;
  }
}
@media (max-width: 636px) {
  .preference-acquisition-page .communication-preferences__button--update {
    order: 1;
  }
}
@media (max-width: 636px) {
  .preference-acquisition-page .communication-preferences__button--cancel {
    order: 2;
  }
}
.preference-acquisition-page .communication-preferences__button--cancel:not(:disabled) {
  border-color: #38a8ae;
  color: #38a8ae;
}
.account-grid--grocery-list {
  max-width: 1124px;
  width: 100%;
}
@media (max-width: 636px) {
  .grocery-list {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.grocery-list__title {
  color: #C4CDD5;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.0445em;
  line-height: 1.58em;
  margin: 0 0 19px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .grocery-list__title {
    font-size: 20px;
    letter-spacing: -0.049em;
    line-height: 1.7415em;
  }
}
@media (max-width: 636px) {
  .grocery-list__title {
    display: none;
  }
}
.grocery-list__header {
  background-color: rgba(251, 151, 127, 0.3);
  margin-bottom: calc(14.32%);
  padding-bottom: 16.10%;
  position: relative;
}
@media (max-width: 1024px) {
  .grocery-list__header {
    margin-bottom: calc(25.56%);
    padding-bottom: 32.81%;
  }
}
@media (max-width: 636px) {
  .grocery-list__header {
    margin-bottom: calc(12%);
    padding-bottom: 40.26%;
  }
}
.grocery-list__icon {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  margin-top: 3.20%;
  top: 0;
  width: 40%;
}
@media (max-width: 1024px) {
  .grocery-list__icon {
    margin-top: 5.69%;
    width: 71.50%;
  }
}
@media (max-width: 636px) {
  .grocery-list__icon {
    margin-top: 6.93%;
    width: 71.2%;
  }
}
.grocery-list__icon img {
  display: block;
  width: 100%;
}
.grocery-list__home {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.grocery-list__subtitle {
  color: #000000;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 40px;
  letter-spacing: -0.0425em;
  line-height: 1.51em;
  margin: 0 0 5.82px;
}
@media (max-width: 1024px) {
  .grocery-list__subtitle {
    font-size: 30px;
    letter-spacing: -0.0566em;
    line-height: 2.02em;
  }
}
@media (max-width: 636px) {
  .grocery-list__subtitle {
    font-size: 20px;
    letter-spacing: -0.025em;
    line-height: 1.2em;
    margin-bottom: 9px;
  }
}
.grocery-list__empty-text {
  color: #000000;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: -0.0376em;
  line-height: 1.05em;
  margin-bottom: 26.18px;
}
@media (max-width: 1024px) {
  .grocery-list__empty-text {
    font-size: 14px;
    letter-spacing: -0.0357em;
    line-height: 1.14em;
    margin-bottom: 17px;
  }
}
.grocery-list__add-products,
.grocery-list__add-products:link,
.grocery-list__add-products:visited {
  background-color: #EA212D;
  border-radius: 50px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.42em;
  padding: 16px 45px;
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .grocery-list__add-products,
  .grocery-list__add-products:link,
  .grocery-list__add-products:visited {
    font-size: 12px;
    line-height: 1.25em;
    padding: 12px 58px;
  }
}
table {
  width: 100%;
}
table th {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #142939;
  color: #7f919e;
  padding: 8px 10px;
  vertical-align: top;
}
table th:last-child {
  text-align: right;
}
table tr.entry-group-header a {
  color: lightgrey;
}
table tr.entry-group-header a:hover {
  color: black;
}
table tr.entry-group-header .error {
  background-color: PaleVioletRed;
}
table .entry-group-error-message {
  text-transform: none;
}
table div.left-align {
  text-align: left;
}
table td {
  padding: 20px 10px;
  vertical-align: top;
}
.responsive-table th:first-child {
  padding-left: 30px;
}
@media (max-width: 1280px) {
  .responsive-table th:first-child {
    padding-left: 20px;
  }
}
.responsive-table th:last-child {
  text-align: right;
  padding-right: 30px;
}
@media (max-width: 1280px) {
  .responsive-table th:last-child {
    padding-right: 20px;
  }
}
@media (min-width: 637px) {
  .responsive-table td:nth-child(2) {
    padding-left: 20px;
  }
}
@media (min-width: 1025px) {
  .responsive-table td:nth-child(2) {
    padding-left: 30px;
  }
}
.responsive-table td:last-child {
  text-align: right;
  padding-right: 30px;
}
@media (max-width: 637px) {
  .responsive-table td:last-child {
    padding-right: 20px;
  }
}
.responsive-table-item {
  padding: 10px;
}
@media (max-width: 637px) {
  .responsive-table-item {
    padding: 10px 20px;
  }
}
.responsive-table-item:nth-child(even) {
  background-color: #f4f4f4;
}
.responsive-table-item a.responsive-table-link {
  color: #0068b3;
}
.responsive-table-item a:hover,
.responsive-table-item a:focus {
  color: #003c66;
}
.responsive-table-item td:last-child {
  text-align: right;
}
@media (max-width: 636px) {
  .responsive-table-item {
    display: block;
  }
  .responsive-table-item .status strong {
    display: block;
  }
  .responsive-table-item td {
    display: inline-block;
    width: 40%;
    padding: 3px 10px;
  }
  .responsive-table-item td:last-child {
    text-align: left;
  }
  .responsive-table-item td.responsive-table-cell {
    width: 55%;
  }
  .responsive-table-item td.responsive-table-cell-bold {
    font-weight: 600;
  }
}
.table-empty-footer {
  border-bottom: none;
}
.table-empty-footer td.dataTables_empty {
  padding: 0;
}
.table-empty-footer-content {
  border-bottom: thin solid #c4cdd5;
  padding-bottom: 60px;
  margin: 40px 0;
  text-align: center;
}
.table-empty-footer-content .icon {
  color: #919eab;
  font-size: 36px;
}
.table-empty-footer-content p {
  margin: 0;
}
.table-empty-footer-content .title {
  margin: 20px 0 12px;
}
.table-empty-footer-content button {
  background-color: #38a8ae;
  margin-top: 20px;
}
input[type="radio"],
input[type="checkbox"] {
  margin-right: 10px;
  margin-bottom: 20px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}
label {
  color: #929292;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
}
label.uncased {
  text-transform: none;
}
.help-block {
  font-style: italic;
}
.form-control:focus {
  border-color: #0068b3;
  outline: 0;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #929292;
  opacity: 1;
}
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #929292;
}
select.form-control {
  text-transform: uppercase;
  font-size: 13px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  color: #929292;
}
.has-error .control-label {
  color: #929292;
}
.has-error input.form-control {
  background: #fec3c3;
  border-color: #fd7b7b;
}
.has-error .help-block {
  font-weight: 600;
  color: #ed1c24;
}
.has-success .control-label {
  color: #929292;
}
.has-success input.form-control {
  background: transparent;
  border-color: #cccccc;
}
.has-success .help-block {
  font-weight: 600;
  color: #00a651;
}
legend {
  font-size: 18px;
  border-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.form-element-icon {
  position: relative;
}
.form-element-icon .glyphicon {
  position: absolute;
}
.form-element-icon.datepicker .glyphicon {
  top: 32px;
  right: 10px;
  color: #0068b3;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .form-element-icon.datepicker .glyphicon {
    top: 38px;
  }
}
.form-control-radio,
.form-control-checkbox {
  display: block;
}
.form-control-radio input,
.form-control-checkbox input {
  margin-bottom: 0;
  float: left;
}
.form-control-radio .form-control-label,
.form-control-checkbox .form-control-label {
  margin-left: 25px;
}
fieldset > div:last-of-type input,
fieldset > div:last-of-type label {
  margin-bottom: 0;
}
.legend {
  margin-bottom: 20px;
}
textarea {
  min-height: 245px;
}
textarea + .help-block {
  font-size: 12px;
  margin-bottom: 25px;
  text-align: right;
}
.input-sm {
  height: 40px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
}
select.input-sm {
  height: 40px;
  line-height: 40px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
/* Toggle Button */
.toggle-button {
  position: absolute;
  top: 19px;
  right: 73px;
}
.toggle-button input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.toggle-button input[type="checkbox"][disabled] ~ label {
  color: #ffffff;
  pointer-events: none;
}
.toggle-button input[type="checkbox"][disabled] ~ label .toggle-button__switch {
  opacity: 0.4;
}
.toggle-button input[type="checkbox"]:focus ~ label .toggle-button__switch,
.toggle-button input[type="checkbox"]:hover ~ label .toggle-button__switch {
  background-color: #ffffff;
  border-color: #999999;
}
.toggle-button input[type="checkbox"]:checked ~ label .toggle-button__switch {
  background-color: #0068b3;
}
.toggle-button input[type="checkbox"]:checked ~ label .toggle-button__switch:after {
  content: '\00a0';
  background-color: #ffffff;
  transform: translate3d(22px, 0, 0);
}
.toggle-button input[type="checkbox"]:checked ~ label .toggle-button__switch :before {
  content: '\00a0';
  left: 0;
}
.toggle-button label {
  user-select: none;
  position: relative;
  display: flex;
  align-items: center;
}
.toggle-button label .toggle-button__switch {
  position: relative;
  height: 33px;
  flex: 0 0 56px;
  border-radius: 60px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.toggle-button label .toggle-button__switch.is-checked {
  border-color: #0068b3;
}
.toggle-button label .toggle-button__switch:before {
  left: 28px;
  font-size: 12px;
  line-height: 23px;
  width: 28px;
  padding: 0 12px;
  content: '\00a0';
  position: absolute;
  top: 0;
}
.toggle-button label .toggle-button__switch:after {
  top: 4px;
  left: 4px;
  border-radius: 30px;
  width: 23px;
  line-height: 23px;
  font-size: 12px;
  color: #ffffff;
  background-color: #cccccc;
  content: '\00a0';
  position: absolute;
  z-index: 5;
}
.toggle-button input[type="checkbox"]:checked:focus ~ label .toggle-button__switch,
.toggle-button input[type="checkbox"]:checked:hover ~ label .toggle-button__switch {
  background-color: #1a9fff;
  border-color: #1a9fff;
}
.custom-radio {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 12px;
  padding-left: 40px;
  position: relative;
  user-select: none;
}
.custom-radio input {
  cursor: pointer;
  height: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.custom-radio input:checked ~ .checkmark::after {
  display: block;
}
.custom-radio .checkmark {
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 2px solid #909FAB;
  height: 26px;
  left: 0;
  position: absolute;
  top: 0;
  width: 26px;
}
.custom-radio .checkmark::after {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #909FAB;
  border-radius: 50%;
  content: "";
  display: none;
  height: 13px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 13px;
}
.custom-checkbox {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  color: #161C23;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.28em;
  padding-left: 40px;
  padding-top: 4px;
  position: relative;
  text-transform: none;
  user-select: none;
}
.custom-checkbox input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.custom-checkbox input:checked ~ .checkmark {
  background-color: #DEF4F5;
  border-color: #DEF4F5;
}
.custom-checkbox input:checked ~ .checkmark::after {
  display: block;
}
.custom-checkbox .checkmark {
  background-color: #F4F6F8;
  border-radius: 3px;
  border: 1px solid #919EAB;
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
}
.custom-checkbox .checkmark::after {
  content: "";
  display: none;
  left: 8px;
  top: 3px;
  width: 7px;
  height: 14px;
  border: solid #38A8AE;
  border-width: 0 3px 3px 0;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.files-uploaded {
  list-style: none;
  text-align: left;
  padding: 0;
}
.files-uploaded .file-alerts-content,
.files-uploaded .file-upload-button.hidden ~ .js-file-name {
  display: block;
  width: 100%;
  height: 40px;
  padding: 8px 4px 4px 20px;
  border-radius: 55px;
  border: thin solid #c4cdd5;
  text-align: left;
  font-weight: 600;
  background-color: #ecf0f4;
}
.files-uploaded .file-alerts-content span,
.files-uploaded .file-upload-button.hidden ~ .js-file-name span {
  width: calc(100% - 30px);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.files-uploaded .file-alerts-content:before,
.files-uploaded .file-upload-button.hidden ~ .js-file-name:before {
  content: " ";
  position: absolute;
  top: 1px;
  left: 13px;
  right: 13px;
  bottom: 13px;
  border: 3px solid #ffffff;
  border-radius: 55px;
}
.files-uploaded .js-file-alerts,
.files-uploaded .js-file-item {
  display: inline-block;
  position: relative;
  width: 49%;
  vertical-align: top;
  padding: 0 12px 12px;
}
@media (max-width: 636px) {
  .files-uploaded .js-file-alerts,
  .files-uploaded .js-file-item {
    width: 100%;
  }
}
.files-uploaded .js-file-alerts .icon-attach-wrapper {
  right: 26px;
}
.files-uploaded .file-alerts-content {
  color: #db504a;
  background-color: #ffdddb;
  border-color: #db504a;
  padding-top: 9px;
}
.files-uploaded .js-file-infos-display {
  margin: 12px -12px;
  text-align: center;
  font-size: 12px;
}
.files-uploaded .js-file-infos-display strong {
  font-weight: 600;
}
.files-uploaded .js-file-infos-display.error {
  color: #e51f34;
}
.files-uploaded .icon-attach-wrapper,
.files-uploaded .js-delete-file {
  position: absolute;
  right: 26px;
  cursor: pointer;
  top: 9px;
  font-size: 18px;
}
.files-uploaded .icon-attach-wrapper:hover,
.files-uploaded .js-delete-file:hover {
  opacity: 0.85;
}
.file-upload-button {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 40px;
  padding: 9px 4px 4px;
  border-radius: 55px;
  border: thin solid #38a8ae;
  color: #38a8ae;
  text-align: center;
  font-weight: 600;
}
.file-upload-button .js-file-placeholder i,
.file-upload-button .js-file-placeholder span {
  vertical-align: middle;
}
.file-upload-button .shoprite-icon-attach {
  margin-left: 6px;
  font-size: 18px;
  color: #212b36;
}
.file-upload-button input[type=file] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.file-upload-button:hover,
.file-upload-button span:hover {
  cursor: pointer;
}
.attachments-progress-popup-colorbox #cboxLoadedContent {
  margin-top: 0;
  padding: 32px 10px;
  width: 100%;
}
.attachments-progress-popup-colorbox .cboxTitle {
  display: none;
}
.attachments-progress-popup {
  max-width: 300px;
  width: 100%;
  margin: 15px auto;
  text-align: center;
}
.attachments-progress-popup a,
.attachments-progress-popup button {
  font-size: 14px;
  font-weight: 600;
  border-radius: 55px;
  width: 100%;
  height: 40px;
}
.attachments-progress-popup .attachments-progress-popup-uploading .title {
  margin: 14px;
  font-size: 14px;
  line-height: 1.29;
  color: #212b36;
}
.attachments-progress-popup .attachments-progress-popup-uploading button {
  margin-top: 16px;
  color: #454f5b;
  border: thin solid #c4cdd5;
  background-color: #ffffff;
}
.attachments-progress-popup img {
  width: 120px;
}
.attachments-progress-popup .attachments-progress-popup-success .title {
  color: #212b36;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 1.17;
  margin: 14px;
}
.attachments-progress-popup .attachments-progress-popup-success .message {
  color: #212b36;
  font-size: 14px;
  line-height: 1.29;
  margin-bottom: 24px;
}
.attachments-progress-popup .attachments-progress-popup-success a {
  background-color: #38a8ae;
  border: thin solid #38a8ae;
  color: #ffffff;
  display: block;
  margin-top: 24px;
  padding-top: 8px;
}
.attachments-progress-popup .attachments-progress-popup-reload {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  max-width: 290px;
  padding: 16px 5.5px;
  width: 100%;
}
.attachments-progress-popup .attachments-progress-popup-reload .title {
  margin: 14px;
  font-size: 14px;
  line-height: 1.29;
  color: #212b36;
}
.attachments-progress-popup .attachments-progress-popup-reload .image {
  margin-bottom: 14px;
  width: 120px;
}
.attachments-progress-popup .attachments-progress-popup-reload .image img {
  display: block;
  width: 100%;
}
.attachments-progress-popup .attachments-progress-popup-reload .message {
  color: #DB504A;
  font-size: 14px;
  line-height: 1.14em;
  margin-bottom: 14px;
}
.attachments-progress-popup .attachments-progress-popup-reload .message strong {
  display: block;
  font-weight: 600;
}
.attachments-progress-popup .attachments-progress-popup-reload .buttons {
  max-width: 258px;
  width: 100%;
}
.attachments-progress-popup .attachments-progress-popup-reload .buttons .btn-upload .files-uploaded {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.attachments-progress-popup .attachments-progress-popup-reload .buttons .btn-upload .files-uploaded .js-file-item {
  padding: 0;
  width: 100%;
}
.attachments-progress-popup .attachments-progress-popup-reload .buttons .btn-upload .files-uploaded .js-file-item:not(:last-child) {
  margin-bottom: 16px;
}
.attachments-progress-popup .attachments-progress-popup-reload .buttons .btn-upload .files-uploaded .file-upload-button {
  background-color: #FFDDDB;
  border-color: #DB504A;
  padding: 9px 11px 4px 14px;
}
.attachments-progress-popup .attachments-progress-popup-reload .buttons .btn-upload .files-uploaded .file-upload-button::before {
  border-radius: 55px;
  border: 3px solid #ffffff;
  bottom: 1px;
  content: " ";
  left: 1px;
  position: absolute;
  right: 1px;
  top: 1px;
}
.attachments-progress-popup .attachments-progress-popup-reload .buttons .btn-upload .files-uploaded .file-upload-button .js-file-placeholder {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.attachments-progress-popup .attachments-progress-popup-reload .buttons .btn-upload .files-uploaded .file-upload-button .js-file-placeholder span {
  color: #DB504A;
}
.attachments-progress-popup .attachments-progress-popup-reload .buttons .btn-upload .files-uploaded .file-upload-button.hidden ~ .js-file-name::before {
  bottom: 1px;
  left: 1px;
  right: 1px;
}
.attachments-progress-popup .attachments-progress-popup-reload .buttons .btn-cancel {
  background-color: #FFFFFF;
  border-radius: 55px;
  border: 1px solid #C4CDD5;
  color: #454F5B;
  font-size: 14px;
  height: 40px;
  line-height: 1.35em;
  margin-bottom: 10px;
  max-width: 258px;
  text-align: center;
  width: 100%;
}
.attachments-progress-popup progress {
  display: block;
  height: 10px;
  width: 100%;
  margin-top: 3px;
  border: 2px solid #fff;
  border-radius: 100px;
  color: #3da960;
  background: #fff;
  -webkit-appearance: none;
}
.attachments-progress-popup progress::-moz-progress-bar {
  background-color: #3da960;
  border-radius: 6px;
}
.attachments-progress-popup progress::-webkit-progress-bar {
  background-color: #fff;
}
.attachments-progress-popup progress::-webkit-progress-value {
  background-color: #3da960;
  border-radius: 6px;
}
.attachments-progress-popup .attachments-progress {
  padding: 2px 14.5px 6px 14.2px;
  border-radius: 100px;
  border: solid 1px #3da960;
  background-color: rgba(198, 231, 209, 0.3);
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  height: 40px;
}
.contact-us-error-message,
.call-us-popup-message {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.contact-us-error-message .icon,
.call-us-popup-message .icon {
  color: #DB504A;
  font-size: 32.8px;
  margin-bottom: 12.6px;
}
.contact-us-error-message .message,
.call-us-popup-message .message {
  color: #DB504A;
  font-size: 14px;
  line-height: 1.35em;
  margin-bottom: 16px;
  text-align: center;
}
.contact-us-error-message .message strong,
.call-us-popup-message .message strong {
  display: block;
  font-size: 18px;
  font-weight: 800;
}
.contact-us-error-message .btn-cancel,
.call-us-popup-message .btn-cancel {
  background-color: #FFFFFF;
  border-radius: 55px;
  border: 1px solid #C4CDD5;
  color: #454F5B;
  font-size: 14px;
  height: 40px;
  line-height: 1.35em;
  max-width: 258px;
  text-align: center;
  width: 100%;
}
.contact-us-error-message .call-us-popup-title,
.call-us-popup-message .call-us-popup-title {
  font-weight: 800;
  font-size: 21px;
  margin-top: 25px;
  margin-bottom: 0;
}
.colorbox-contact-us-error-message #cboxContent,
.colorbox-call-us-popup #cboxContent {
  border-radius: 10px;
}
.colorbox-contact-us-error-message #cboxContent #cboxLoadedContent,
.colorbox-call-us-popup #cboxContent #cboxLoadedContent {
  margin-top: 0;
  padding: 18.6px 16px 16px;
}
.textpage-faqs th:last-child {
  text-align: left;
}
/*
## landingLayout2Page
********************************************************************/
.section1 {
  margin: 10px 0;
}
.zoneA .disp-img {
  height: 108px;
  margin: 10px 0 0 0;
  border-bottom: 1px dotted #A5A5A5;
  position: relative;
}
.zoneA .disp-img:first-child {
  margin: 0;
}
.zoneA .disp-img a {
  display: block;
}
.zoneA .disp-img .title {
  display: block;
  margin-left: 106px;
  border-bottom: 1px dotted #A5A5A5;
  margin-bottom: 10px;
}
.zoneA .disp-img .thumb {
  position: absolute;
  top: 0;
}
.zoneA .disp-img .details {
  width: 124px;
  height: 96px;
  margin-left: 106px;
  display: block;
}
.zoneA .action {
  display: none;
}
.zoneB .simple_disp-img:first-child {
  margin: 0 0 10px 0;
}
#homepage_slider.stripViewer {
  position: relative;
  overflow: hidden;
  margin: 0;
}
#homepage_slider.stripViewer ul {
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  width: 1%;
  list-style-type: none;
}
#homepage_slider.stripViewer ul li {
  float: left;
}
#homepage_slider .svw {
  width: 50px;
  height: 20px;
  background-color: #ffffff;
}
#homepage_slider .svw ul {
  position: relative;
  left: -999em;
}
#homepage_slider .tooltip {
  padding: 0.5em;
  background-color: #ffffff;
  color: #000000;
  border: 5px solid #dedede;
}
.stripTransmitter {
  overflow: auto;
  padding: 0 15px;
  width: 438px !important;
  height: 51px;
  border-bottom: 1px dotted #A5A5A5;
  background-color: #eee;
}
.stripTransmitter ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}
.stripTransmitter ul li {
  width: 30px;
  float: left;
}
.stripTransmitter a {
  line-height: 47px;
  display: block;
  padding: 0 0 0 0;
  text-align: center;
  text-decoration: none;
  font-size: 1.4em;
}
.stripTransmitter a:hover,
.stripTransmitter a.current {
  font-weight: bold;
}
.tooltip {
  padding: 0.5em;
  background-color: #ffffff;
  color: #000000;
  border-bottom: 1px dotted #A5A5A5;
}
.section4 .disp-img {
  margin: 0 0 15px 0;
}
.section4 .disp-img .title {
  border-bottom: 1px solid #a5a5a5;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
  white-space: nowrap;
  display: block;
  margin: 0 0 10px 0;
}
.section4 .disp-img .thumb {
  margin: 0 0 5px 0;
  display: block;
}
.section4 .disp-img .action {
  display: none;
}
.department {
  position: relative;
}
.department__image {
  border-radius: 50%;
  height: 140px;
  margin: 0 auto 17px;
  overflow: hidden;
  position: relative;
  width: 140px;
}
@media (max-width: 636px) {
  .department__image {
    height: 120px;
    width: 120px;
  }
}
.department__image img {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.department__title {
  color: #161C23;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35em;
  text-align: center;
}
@media (max-width: 636px) {
  .department__title {
    font-size: 16px;
  }
}
.departments-carousel .js-owl-default__header {
  margin-bottom: 10px;
}
.departments-carousel .js-owl-default__title {
  color: #000000;
  display: block;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.375em;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media (max-width: 636px) {
  .departments-carousel .js-owl-default__title {
    line-height: 1em;
  }
}
.page-login header,
.page-register header {
  margin-bottom: 0;
}
@media (max-width: 636px) {
  .page-login .cookie-alert,
  .page-register .cookie-alert {
    top: 0;
  }
}
body.page-register,
body.page-loginCreatePasswordIdentification,
body.page-loginCreatePasswordLinkCard,
body.page-loginCreatePasswordOTP,
body.page-forgottenPasswordEmailVerification,
body.page-forgottenPasswordOTP,
body.page-forgottenPasswordSuccess,
body.page-loginPassword,
body.page-loginCreatePasswordConfirmation {
  background-color: #dfe3e8;
}
body.page-register .wrap,
body.page-loginCreatePasswordIdentification .wrap,
body.page-loginCreatePasswordLinkCard .wrap,
body.page-loginCreatePasswordOTP .wrap,
body.page-forgottenPasswordEmailVerification .wrap,
body.page-forgottenPasswordOTP .wrap,
body.page-forgottenPasswordSuccess .wrap,
body.page-loginPassword .wrap,
body.page-loginCreatePasswordConfirmation .wrap {
  max-width: 100%;
  padding: 0;
}
body.page-registerConfirmation .global-alerts {
  display: none;
}
body.page-login,
body.page-loginPassword,
body.page-registerConfirmation,
body.page-forgottenPasswordIdentification,
body.page-forgottenPasswordSetPassword,
body.page-forgottenPasswordEmailVerification,
body.page-forgottenPasswordSuccess,
body.page-forgottenPasswordOTP {
  background-color: #FFFFFF;
}
body.page-register {
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}
.form-section__wrap {
  margin: 0 auto;
  max-width: 320px;
  width: 100%;
}
.form-section__header {
  background-color: #38a8ae;
}
.form-section__header__content {
  background-color: #FFFFFF;
  border-bottom: 1px solid #dfe3e8;
  padding: 22px 24px;
  position: relative;
}
.form-section__header__content .logo {
  display: block;
  margin: 0 auto;
  max-width: 128.57px;
  width: 100%;
}
.form-section__back:link,
.form-section__back:visited {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #454f5b;
  font-size: 14px;
  left: 18px;
  position: absolute;
  text-decoration: none;
  top: 50%;
}
.form-section__back .icon {
  font-size: 13px;
}
.form-section__progress {
  background-color: #dfe3e8;
  height: 5px;
  position: relative;
}
.form-section__progress:after {
  background-color: #38a8ae;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
}
.form-section__progress--1of3:after {
  width: calc(100% / 3);
}
.form-section__progress--2of3:after {
  width: calc((100% / 3) * 2);
}
.form-section__progress--3of3:after {
  width: 100%;
}
.form-section__progress--login-1of4:after {
  width: 25%;
}
.form-section__progress--login-2of4:after {
  width: 50%;
}
.form-section__progress--login-3of4:after {
  width: 75%;
}
.form-section__progress--login-4of4:after {
  width: 100%;
}
.form-section__body {
  background-color: #FFFFFF;
}
.form-section__block {
  padding: 25px;
}
.form-section__block--xtra-savings {
  background-color: #ffece8;
}
.form-section__block--shoprite-card {
  background-color: #DFE3E8;
}
.form-section__block-success {
  text-align: center;
  padding: 15px 0 15px 0;
}
.form-section__block-success a {
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
}
.form-section__block-success .form-section__block-social {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  column-gap: 2%;
}
.form-section__block-success .form-section__block-social [data-smartedit-component-id="sixty60AppSlot"] {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2%;
  width: 100%;
}
.form-section__block-success .form-section__block-social .sixty60-social-item .cms-paragraph {
  margin-bottom: 15px;
}
.form-section__block-success .form-section__block-social .sixty60-social-item:first-child {
  flex-basis: 100%;
}
.form-section__block-success .form-section__block-social .sixty60-social-item:not(:first-child) {
  flex-basis: 49%;
}
.form-section__preference {
  background-color: #F3F6F8;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  min-height: 85px;
  padding: 16px 4px 10px;
  text-align: center;
  text-transform: capitalize;
}
.form-section__preference.preference-disabled {
  background-color: #c4cdd5;
  cursor: not-allowed;
}
.form-section__preference.preference-disabled .preference-text {
  color: #ffffff;
}
.form-section__preference .preference-text {
  font-weight: 600;
  line-height: 1.08em;
}
.form-section__preference-section {
  align-content: center;
}
.form-section__preference-image-container {
  margin-bottom: 10px;
  font-size: 24px;
}
.form-section__preference-image-container .preference-image {
  height: auto;
  width: auto;
  max-width: 25px;
  max-height: 25px;
}
.form-section__selected {
  background-color: #38a8ae;
}
.form-section__selected .preference-text {
  color: #ffffff;
}
.form-section__grid {
  display: inline-grid;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
}
.form-section__hr {
  background-color: #f4f6f8;
  height: 10px;
}
.form-section__title {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 30px;
  text-align: center;
}
.form-section__title-registration {
  font-weight: bold;
}
.form-section__title-success {
  margin-top: -25px;
  font-weight: bold;
}
.form-section__preference-title {
  font-size: 18px;
  font-weight: 600;
  margin: 25px 25px 0;
  text-align: left;
}
.form-section__row {
  margin-bottom: 15px;
  position: relative;
}
.form-section__row-success {
  text-align: center;
  margin-top: -20px;
  color: #454F5B;
}
.form-section__row .form-section__input:focus,
.form-section__row .form-section__input.used {
  padding-top: 20px;
}
.form-section__row .form-section__input:focus ~ label,
.form-section__row .form-section__input.used ~ label {
  color: #637381;
  font-size: 12px;
  top: 9px;
}
.form-section__row .form-section__input:focus.sr-error,
.form-section__row .form-section__input.used.sr-error {
  caret-color: #e51f34;
}
.form-section__row .form-section__input:focus.sr-error ~ label,
.form-section__row .form-section__input.used.sr-error ~ label {
  color: #e51f34;
}
.form-section__row .form-section__input.placeholder:focus ~ label,
.form-section__row .form-section__input.placeholder.used ~ label {
  opacity: 1;
}
.form-section__row .form-section__input.placeholder ~ label {
  opacity: 0;
}
.form-section__row .form-section__input.default {
  padding-top: 0 !important;
}
.form-section__row .form-section__input.default.sr-error {
  color: #e51f34;
}
.form-section .has-error .control-label {
  color: #e51f34;
}
.form-section__actions {
  position: relative;
}
.form-section__actions__buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  position: absolute;
  right: 14px;
  top: 15px;
  z-index: 1;
}
.form-section__actions__buttons > div {
  position: relative;
  margin-left: 12px;
}
.form-section__actions__buttons > div.js-action-password {
  display: none;
}
.form-section__actions__info__message {
  background-color: #38a8ae;
  border-radius: 5px;
  border: 1px solid #148181;
  color: #FFFFFF;
  font-size: 11px;
  line-height: 14px;
  padding: 12px;
  position: absolute;
  right: -22px;
  width: 250px;
  display: none;
  font-weight: 400;
}
.form-section__actions__info__message:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #148181;
  bottom: -7px;
  content: '';
  height: 0;
  position: absolute;
  right: 23px;
  width: 0;
  z-index: 2;
}
.form-section__actions__info__message:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #38a8ae;
  bottom: -6px;
  content: '';
  height: 0;
  position: absolute;
  right: 24px;
  width: 0;
  z-index: 3;
}
.form-section__actions__info__message ul {
  padding-left: 15px;
  overflow: auto;
  margin-bottom: 2px;
}
.form-section__actions__info__message ul li:before {
  content: "\2022";
  color: white;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 8px;
}
.form-section__actions__info__message ul li::marker {
  content: none;
}
.form-section__actions__info__message p {
  margin: 0;
  margin-bottom: 2px;
}
.form-section__actions__info__message p:last-child {
  margin-bottom: 0;
}
.form-section__actions__info__icon {
  color: #454f5b;
  cursor: pointer;
  font-size: 17.6px;
  line-height: 0;
}
.form-section__actions__password__icon {
  color: #454f5b;
  cursor: pointer;
  font-size: 16px;
  line-height: 0;
}
.form-section__actions__clear {
  display: none;
}
.form-section__actions__clear__icon {
  cursor: pointer;
  font-size: 16px;
  line-height: 0;
}
.form-section__actions.show-password-button .js-action-password {
  display: block;
}
.form-section__actions.is-password-valid .js-action-info .form-section__actions__info__message {
  display: none !important;
}
.form-section__actions.is-password-valid .js-action-info .form-section__actions__info__icon {
  color: #3DA960;
  cursor: auto;
}
.form-section__actions.is-password-valid .js-action-info .form-section__actions__info__icon i::before {
  content: "\e928" !important;
}
.form-section__input-container {
  position: relative;
}
.form-section__input {
  border: 1px solid #c4cdd5;
  border-radius: 4px;
  caret-color: #38a8ae;
  color: #454f5b;
  display: block;
  font-size: 14px;
  height: 46px;
  line-height: normal;
  outline: none;
  padding: 0 15px;
  width: 100%;
}
.form-section__input.active {
  padding-top: 16px;
}
.form-section__input.active + label {
  color: #637381;
  font-size: 12px;
  top: 9px;
}
.form-section__input:focus {
  border-bottom: 2px solid #c4cdd5;
  border-color: #c4cdd5;
}
.form-section__input:disabled {
  background-color: #dfe3e8;
}
.form-section__input + label {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.form-section__label {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #454f5b;
  font-size: 14px;
  font-weight: 400;
  left: 15px;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  text-transform: none;
  top: 16px;
  z-index: 0;
  will-change: top, font-size;
}
.form-section__mobile-number .prefix {
  border-right: 1px solid #c4cdd5;
  color: #454f5b;
  font-size: 14px;
  height: 46px;
  left: 0;
  line-height: 46px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 55px;
}
.form-section__mobile-number .form-section__input {
  padding-left: 70px;
}
.form-section__mobile-number .form-section__label {
  left: 70px;
}
.form-section__link {
  margin-bottom: 15px;
  text-align: center;
}
.form-section__link__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  border: 0;
  color: #38a8ae;
  font-size: 14px;
  font-weight: 400;
  outline: none;
  width: 100%;
}
.form-section__link__button .icon {
  font-size: 16px;
  margin-left: 7px;
}
.form-section__link__button:not(:last-of-type) {
  margin-bottom: 16px;
}
.form-section .xtra-savings-card {
  text-align: center;
}
.form-section .xtra-savings-card__title {
  color: #ff4219;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 20px;
}
.form-section .xtra-savings-card p {
  color: #637381;
  font-size: 14px;
  margin: 0 0 15px;
}
.form-section .xtra-savings-card__inputs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.form-section .xtra-savings-card__inputs .form-section__input {
  border: 1px solid #ff4219;
  height: 38px;
  line-height: 38px;
  max-width: 60px;
  padding: 0 12px;
  text-align: center;
  width: 100%;
}
.form-section__terms-conditions {
  margin-bottom: 18px;
}
.form-section__terms-conditions p {
  margin-bottom: 20px;
}
.form-section__terms-conditions p a {
  color: #38a8ae;
}
.form-section__terms-text {
  padding-left: 18px;
  margin-bottom: 20px;
  line-height: 15px;
  font-size: 12px;
  color: #637381;
}
.form-section__terms-text a {
  color: #38a8ae;
}
.form-section__have-account {
  background-color: #38a8ae;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  padding: 20px;
  text-align: center;
}
.form-section__have-account a:link,
.form-section__have-account a:visited {
  color: #FFFFFF;
  margin-left: 2px;
}
.form-section__have-account a:hover {
  text-decoration: underline;
}
.form-section__have-account .icon {
  display: inline-block;
  font-size: 13px;
  margin-left: 8px;
  vertical-align: middle;
}
.form-section__create-password-msg {
  background-color: #ffece8;
  padding: 15px;
  display: flex;
  align-items: center;
}
.form-section__create-password-msg a {
  color: #ff4219;
}
.form-section__create-password-msg a:hover {
  text-decoration: underline;
}
.form-section__create-password-msg div {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.0085em;
  line-height: 1.28em;
}
.form-section__forgot-password-link__button {
  margin-top: 20px;
}
.form-section .asm-not-logged {
  text-align: center;
}
.form-section .asm-not-logged p {
  color: #637381;
  font-size: 14px;
  margin: 0 0 15px;
}
.form-section span.sr-error,
.form-section .info-error {
  color: #e51f34;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin: 15px 0;
  text-align: center;
  text-transform: none;
  width: 100%;
}
.form-section .select-store .nav-store-your {
  background-color: #FFFFFF;
}
.form-section .select-store__header {
  padding: 25px;
}
.form-section .select-store__title {
  color: #212b36;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 15px;
}
.form-section .select-store__input {
  padding-right: 40px;
}
.form-section .select-store__button {
  background-color: transparent;
  border: 0;
  color: #454f5b;
  font-size: 14px;
  height: 46px;
  outline: none;
  padding: 0 15px;
  position: absolute;
  right: 0;
  top: 0;
}
.form-section .select-store__results {
  border-top: 10px solid #f4f6f8;
  padding: 15px 25px;
}
.form-section .select-store__results__title {
  color: #212b36;
  display: block;
  font-size: 11px;
  font-weight: 700;
  margin: 0;
  padding-bottom: 10px;
  position: relative;
  text-transform: uppercase;
}
.form-section .select-store__results__title:after {
  background-color: #dfe3e8;
  bottom: 0;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.form-section .select-store__store {
  border-bottom: 1px solid #c4cdd5;
  padding: 15px 0;
}
.form-section .select-store__store:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.form-section .select-store__store__row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}
.form-section .select-store__store__name {
  color: #454f5b;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.125em;
  width: 78.92%;
}
.form-section .select-store__store__km {
  color: #454f5b;
  font-size: 12px;
  text-align: right;
  width: 21.97%;
}
.form-section .select-store__store__km .icon {
  display: inline-block;
  font-size: 9px;
  margin-right: 5px;
  vertical-align: middle;
}
.form-section .select-store__store__address {
  color: #454f5b;
  font-size: 12px;
  line-height: 1.16em;
  width: 78.92%;
}
.form-section .select-store__store__schedule {
  color: #38a8ae;
  font-size: 12px;
  line-height: 1.16em;
  text-align: right;
  width: 21.97%;
}
.form-section .select-store__store__button {
  border-radius: 2px;
  border: 1px solid #c4cdd5;
  color: #454f5b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.form-section .select-store__store__button:hover {
  background-color: #c4cdd5;
  color: #FFFFFF;
}
.form-section .help-block {
  display: none;
}
.form-section .login__create-password__section {
  background-color: #ffece8;
  font-size: 13px;
  padding: 25px;
  margin-left: -25px;
  margin-right: -25px;
}
.form-section .login__create-password__section__title {
  color: #ff4219;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.030em;
  line-height: 1.33em;
  margin-bottom: 15px;
  padding-left: 47px;
  position: relative;
}
.form-section .login__create-password__section__title .icon {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 35px;
  left: 0;
  position: absolute;
  top: 50%;
}
.form-section .login__create-password__section__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin-left: 15px;
  display: -moz-grid;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 50% 45%;
  grid-column-gap: 10px;
}
.form-section .login__create-password__section__list li {
  font-size: 14px;
  font-weight: 300;
  white-space: nowrap;
  color: black;
}
.form-section .login__create-password__section__list li::before {
  color: #26ac56;
  content: "\e927";
  font-family: 'shoprite-icon';
  font-size: 12px;
  margin-right: 8px;
}
.form-section .login__create-password__section__button {
  background-color: #26ac56;
  border-radius: 4px;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.confirmation-register {
  text-align: center;
}
.confirmation-register__text {
  margin-bottom: 25px;
}
.confirmation-register__text span {
  color: #38a8ae;
}
.confirmation-register__text .url-link {
  color: #38a8ae;
}
.confirmation-register__button:link,
.confirmation-register__button:visited {
  border-radius: 3px;
  border: 1px solid #c4cdd5;
  color: #454f5b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.form-section__row .form-section__input:focus,
.form-section__row .form-section__input.used {
  padding-top: 20px;
}
.form-section__row .form-section__input:focus ~ label,
.form-section__row .form-section__input.used ~ label {
  color: #637381;
  font-size: 12px;
  top: 9px;
}
.cookie-alert__content,
body.page-login .wrap .cookie-alert__content,
body.page-register .wrap .cookie-alert__content {
  padding: 14px 0;
  max-width: 1440px;
}
@media screen and (max-width: 1920px) {
  .cookie-alert__content,
  body.page-login .wrap .cookie-alert__content,
  body.page-register .wrap .cookie-alert__content {
    padding: 14px 70px;
  }
}
@media screen and (max-width: 1024px) {
  .cookie-alert__content,
  body.page-login .wrap .cookie-alert__content,
  body.page-register .wrap .cookie-alert__content {
    padding: 14px 35px;
  }
}
@media screen and (max-width: 636px) {
  .cookie-alert__content,
  body.page-login .wrap .cookie-alert__content,
  body.page-register .wrap .cookie-alert__content {
    padding: 20px 14px;
  }
}
.page-loginCreatePasswordIdentification .global-alerts {
  display: none;
}
.page-loginCreatePasswordIdentification .create-password .form-section__title {
  margin: 0 auto 30px;
  max-width: 240px;
  width: 100%;
}
.page-loginCreatePasswordIdentification .create-password__description {
  background-color: #ffece8;
  font-size: 13px;
  margin: 0 -25px 24px;
  padding: 25px;
}
.page-loginCreatePasswordIdentification .create-password__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-loginCreatePasswordIdentification .create-password__list li {
  font-size: 14px;
  font-weight: 300;
}
.page-loginCreatePasswordIdentification .create-password__list li:not(:last-child) {
  margin-bottom: 2px;
}
.page-loginCreatePasswordIdentification .create-password__list li::before {
  color: #26ac56;
  content: "\e927";
  font-family: "shoprite-icon";
  font-size: 12px;
  margin-right: 8px;
}
.page-loginCreatePasswordIdentification .create-password .warn-message {
  color: red;
  display: flex;
}
.page-loginCreatePasswordIdentification .create-password .warn-message__icon {
  font-size: 22px;
}
.page-loginCreatePasswordIdentification .create-password .warn-message__text {
  padding-top: 7.5px;
  line-height: 22px;
}
.page-loginCreatePasswordIdentification .create-password .success-message {
  display: flex;
}
.page-loginCreatePasswordIdentification .create-password .success-message__text {
  padding-top: 7.5px;
  line-height: 22px;
}
.page-loginCreatePasswordOTP .global-alerts {
  display: none;
}
.page-loginCreatePasswordOTP .warn-message {
  color: red;
  display: flex;
}
.page-loginCreatePasswordOTP .warn-message__icon {
  font-size: 22px;
}
.page-loginCreatePasswordOTP .warn-message__text {
  padding-top: 7.5px;
  line-height: 22px;
}
.page-loginCreatePasswordOTP .button-resend-link {
  background-color: white;
  color: #3c3c3c;
  border: 1px solid #c4cdd5;
}
.registration-modal-wrapper {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  width: 311px;
  top: 90px;
  border-radius: 10px;
  z-index: 17;
  background: white;
  padding: 25px 16px 25px;
}
.registration-modal-wrapper .registration-modal-body {
  display: flex;
  flex-direction: column;
}
.registration-modal-wrapper .registration-modal-body h3 {
  font-weight: 700;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
}
.registration-modal-wrapper .registration-modal-body p {
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
}
.registration-modal-wrapper .registration-modal-body .shoprite-icon-close {
  font-size: 20px;
}
.registration-modal-wrapper .registration-modal-body .store-finder-filters__close {
  background-color: white;
  font-size: 20px;
  right: 16px;
  left: unset;
}
.registration-modal-wrapper .registration-modal-body .sr-cancel-button {
  background-color: white;
  color: #212B36;
  border: 1px solid #C4CDD5;
  margin-top: 15px;
  font-weight: 800;
}
.registration-modal-wrapper .registration-modal-body .sr-button {
  font-weight: 800;
}
.registration-modal-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: #000;
  opacity: 0.8;
}
html.is-block {
  overflow: hidden;
  width: 100%;
}
html.is-block body {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.sr-button {
  background-color: #38a8ae;
  border: 0;
  border-radius: 40px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 12px;
  text-align: center;
  width: 100%;
}
.sr-button:disabled {
  background-color: #dfe3e8;
  color: #919eab;
}
.sr-button:disabled:hover {
  background-color: #dfe3e8;
  color: #919eab;
}
.sr-button.primary-color {
  background-color: #38a8ae;
}
.sr-button.primary-color:disabled {
  background-color: #dfe3e8;
}
.sr-button.primary-color:disabled:hover {
  background-color: #dfe3e8;
  color: #919eab;
}
.sr-button.primary-color:hover {
  background-color: #38a8ae;
}
.sr-button.btn-white {
  background-color: white;
  color: #3c3c3c;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.sr-button.btn-white:hover {
  background-color: white;
  color: #3c3c3c;
}
.sr-button:hover {
  background-color: #38a8ae;
  color: #ffffff;
}
a .sr-button:hover {
  color: #FFFFFF;
}
.sr-switch {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.sr-switch input {
  display: none;
}
.sr-switch input:checked ~ .sr-switch__slider {
  background-color: #38a8ae;
  border-color: #38a8ae;
}
.sr-switch input:checked ~ .sr-switch__slider__notAvailable {
  background-color: #c4cdd5 !important;
  border-color: #c4cdd5 !important;
  cursor: not-allowed;
}
.sr-switch input:checked ~ .sr-switch__slider:before {
  background-color: #FFFFFF;
  left: 23px;
}
.sr-switch__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.sr-switch__label .sr-switch__slider__notAvailable {
  cursor: not-allowed;
}
.sr-switch__label .sr-switch__slider__notAvailable:before {
  background-color: #c4cdd5;
}
.sr-switch__slider {
  border-radius: 50px;
  border: 1px solid #c4cdd5;
  cursor: pointer;
  height: 24px;
  margin-right: 12px;
  position: relative;
  width: 44px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sr-switch__slider:before {
  background-color: #919eab;
  border-radius: 50%;
  content: '';
  height: 16px;
  left: 3px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sr-switch__label {
  color: #454f5b;
  font-size: 14px;
  font-weight: 400;
  padding: 0 !important;
  text-transform: none;
  width: 79%;
}
.sr-switch__label__text {
  line-height: 1.12em;
}
.sr-switch__label a:link,
.sr-switch__label a:visited {
  color: #38a8ae;
  display: block;
}
.sr-switch .form-group,
.sr-switch .checkbox {
  margin: 0;
}
.product-option {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  height: 48px;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
  width: 48px;
}
.product-option--under18,
.product-option--age-restriction {
  background-image: url("/_ui/responsive/common/images/badges/no-under-18.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
.product-option--xtra-savings,
.product-option--for-you {
  background-color: #ff4219;
  color: #ffffff;
  font-size: 26px;
  text-transform: uppercase;
}
.product-option--new {
  background-color: #b3cc59;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}
.product-option--promotion,
.product-option--save {
  background-color: #e51f34;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}
.product-option--liquorshop-only {
  background-image: url("/_ui/responsive/common/images/badges/LiquorShop.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0;
  width: 40px !important;
}
.product-option--img--liquorshop-only {
  width: 40px !important;
}
.product-option--sixty60-only {
  background-image: url("/_ui/responsive/common/images/badges/sixty60-only.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
.product-option--knect-only {
  background-image: url("/_ui/responsive/common/images/badges/shoprite/KnectLogo.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0;
  width: 40px !important;
}
.product-option--img--knect-only {
  width: 40px !important;
}
.product-option--img--discovery-vitality {
  height: 34px !important;
  width: 40px !important;
  margin-right: 9px !important;
}
.product-option-promo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  height: 48px;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
  width: 48px;
}
.product-option-promo--under18,
.product-option-promo--age-restriction {
  background-image: url("/_ui/responsive/common/images/badges/no-under-18.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  display: none;
}
.product-option-promo--xtra-savings {
  background-color: #ff4219;
  color: #ffffff;
  font-size: 6px;
  text-transform: uppercase;
  display: none;
}
.product-option-promo--for-you {
  background-color: #ff4219;
  color: #ffffff;
  font-size: 6px;
  text-transform: uppercase;
}
.product-option-promo--new {
  background-color: #b3cc59;
  color: #FFFFFF;
  font-size: 6px;
  font-weight: 700;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  display: none;
}
.product-option-promo--promotion,
.product-option-promo--save {
  background-color: #e51f34;
  color: #FFFFFF;
  font-size: 6px;
  font-weight: 700;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}
.product-option-promo--liquorshop-only {
  background-image: url("/_ui/responsive/common/images/badges/LiquorShop.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0;
  width: 40px !important;
  display: none;
}
.product-option-promo--img--liquorshop-only {
  width: 40px !important;
  display: none;
}
.product-option-promo--sixty60-only {
  background-image: url("/_ui/responsive/common/images/badges/sixty60-only.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0;
  width: 40px !important;
  display: none;
}
.product-option-promo--knect-only {
  background-image: url("/_ui/responsive/common/images/badges/shoprite/KnectLogo.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0;
  width: 40px !important;
}
.product-option-promo--img--knect-only {
  width: 40px !important;
}
/*OWL CAROUSEL*/
.js-owl-carousel {
  height: 0;
  overflow: hidden;
}
.js-owl-default__header,
.js-owl-exclusives__header,
.js-owl-departments__header,
.js-owl-product-gird__header,
.js-owl-special-buys__header,
.js-owl-brands__header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 6px;
  position: relative;
}
.js-owl-default__header .owl-controls,
.js-owl-exclusives__header .owl-controls,
.js-owl-departments__header .owl-controls,
.js-owl-product-gird__header .owl-controls,
.js-owl-special-buys__header .owl-controls,
.js-owl-brands__header .owl-controls {
  margin-bottom: 30px;
}
@media (max-width: 636px) {
  .js-owl-default__header .owl-controls,
  .js-owl-exclusives__header .owl-controls,
  .js-owl-departments__header .owl-controls,
  .js-owl-product-gird__header .owl-controls,
  .js-owl-special-buys__header .owl-controls,
  .js-owl-brands__header .owl-controls {
    margin-bottom: 22px;
  }
}
.js-owl-default__title,
.js-owl-exclusives__title,
.js-owl-departments__title,
.js-owl-product-gird__title,
.js-owl-special-buys__title,
.js-owl-brands__title {
  color: #38a8ae;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.0277em;
  margin: 0 0 30px;
  text-align: left;
}
@media (max-width: 636px) {
  .js-owl-default__title,
  .js-owl-exclusives__title,
  .js-owl-departments__title,
  .js-owl-product-gird__title,
  .js-owl-special-buys__title,
  .js-owl-brands__title {
    margin-bottom: 22px;
    font-size: 18px;
  }
}
.js-owl-default__view-all:link,
.js-owl-exclusives__view-all:link,
.js-owl-departments__view-all:link,
.js-owl-product-gird__view-all:link,
.js-owl-special-buys__view-all:link,
.js-owl-brands__view-all:link,
.js-owl-default__view-all:visited,
.js-owl-exclusives__view-all:visited,
.js-owl-departments__view-all:visited,
.js-owl-product-gird__view-all:visited,
.js-owl-special-buys__view-all:visited,
.js-owl-brands__view-all:visited {
  color: #38a8ae;
  font-size: 14px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: 10px;
  white-space: nowrap;
}
.js-owl-default__view-all:link:hover,
.js-owl-exclusives__view-all:link:hover,
.js-owl-departments__view-all:link:hover,
.js-owl-product-gird__view-all:link:hover,
.js-owl-special-buys__view-all:link:hover,
.js-owl-brands__view-all:link:hover,
.js-owl-default__view-all:visited:hover,
.js-owl-exclusives__view-all:visited:hover,
.js-owl-departments__view-all:visited:hover,
.js-owl-product-gird__view-all:visited:hover,
.js-owl-special-buys__view-all:visited:hover,
.js-owl-brands__view-all:visited:hover {
  color: #148181;
}
@media (max-width: 636px) {
  .js-owl-default__view-all:link,
  .js-owl-exclusives__view-all:link,
  .js-owl-departments__view-all:link,
  .js-owl-product-gird__view-all:link,
  .js-owl-special-buys__view-all:link,
  .js-owl-brands__view-all:link,
  .js-owl-default__view-all:visited,
  .js-owl-exclusives__view-all:visited,
  .js-owl-departments__view-all:visited,
  .js-owl-product-gird__view-all:visited,
  .js-owl-special-buys__view-all:visited,
  .js-owl-brands__view-all:visited {
    margin-bottom: 22px;
  }
}
.js-owl-default .carousel__item,
.js-owl-exclusives .carousel__item,
.js-owl-departments .carousel__item,
.js-owl-product-gird .carousel__item,
.js-owl-special-buys .carousel__item,
.js-owl-brands .carousel__item {
  margin: 0 6px;
  padding: 0;
}
.js-owl-default .owl-controls,
.js-owl-exclusives .owl-controls,
.js-owl-departments .owl-controls,
.js-owl-product-gird .owl-controls,
.js-owl-special-buys .owl-controls,
.js-owl-brands .owl-controls {
  position: relative;
}
.js-owl-default .owl-controls .owl-buttons,
.js-owl-exclusives .owl-controls .owl-buttons,
.js-owl-departments .owl-controls .owl-buttons,
.js-owl-product-gird .owl-controls .owl-buttons,
.js-owl-special-buys .owl-controls .owl-buttons,
.js-owl-brands .owl-controls .owl-buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 636px) {
  .js-owl-default .owl-controls .owl-buttons,
  .js-owl-exclusives .owl-controls .owl-buttons,
  .js-owl-departments .owl-controls .owl-buttons,
  .js-owl-product-gird .owl-controls .owl-buttons,
  .js-owl-special-buys .owl-controls .owl-buttons,
  .js-owl-brands .owl-controls .owl-buttons {
    display: none !important;
  }
}
.js-owl-default .owl-controls .owl-buttons .owl-prev,
.js-owl-exclusives .owl-controls .owl-buttons .owl-prev,
.js-owl-departments .owl-controls .owl-buttons .owl-prev,
.js-owl-product-gird .owl-controls .owl-buttons .owl-prev,
.js-owl-special-buys .owl-controls .owl-buttons .owl-prev,
.js-owl-brands .owl-controls .owl-buttons .owl-prev,
.js-owl-default .owl-controls .owl-buttons .owl-next,
.js-owl-exclusives .owl-controls .owl-buttons .owl-next,
.js-owl-departments .owl-controls .owl-buttons .owl-next,
.js-owl-product-gird .owl-controls .owl-buttons .owl-next,
.js-owl-special-buys .owl-controls .owl-buttons .owl-next,
.js-owl-brands .owl-controls .owl-buttons .owl-next {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: #c4cdd5;
  cursor: pointer;
  font-size: 13px;
  height: auto;
  position: relative !important;
  top: auto !important;
  width: auto;
}
.js-owl-default .owl-controls .owl-buttons .owl-prev::before,
.js-owl-exclusives .owl-controls .owl-buttons .owl-prev::before,
.js-owl-departments .owl-controls .owl-buttons .owl-prev::before,
.js-owl-product-gird .owl-controls .owl-buttons .owl-prev::before,
.js-owl-special-buys .owl-controls .owl-buttons .owl-prev::before,
.js-owl-brands .owl-controls .owl-buttons .owl-prev::before,
.js-owl-default .owl-controls .owl-buttons .owl-next::before,
.js-owl-exclusives .owl-controls .owl-buttons .owl-next::before,
.js-owl-departments .owl-controls .owl-buttons .owl-next::before,
.js-owl-product-gird .owl-controls .owl-buttons .owl-next::before,
.js-owl-special-buys .owl-controls .owl-buttons .owl-next::before,
.js-owl-brands .owl-controls .owl-buttons .owl-next::before {
  content: '';
}
.js-owl-default .owl-controls .owl-buttons .owl-prev:hover,
.js-owl-exclusives .owl-controls .owl-buttons .owl-prev:hover,
.js-owl-departments .owl-controls .owl-buttons .owl-prev:hover,
.js-owl-product-gird .owl-controls .owl-buttons .owl-prev:hover,
.js-owl-special-buys .owl-controls .owl-buttons .owl-prev:hover,
.js-owl-brands .owl-controls .owl-buttons .owl-prev:hover,
.js-owl-default .owl-controls .owl-buttons .owl-next:hover,
.js-owl-exclusives .owl-controls .owl-buttons .owl-next:hover,
.js-owl-departments .owl-controls .owl-buttons .owl-next:hover,
.js-owl-product-gird .owl-controls .owl-buttons .owl-next:hover,
.js-owl-special-buys .owl-controls .owl-buttons .owl-next:hover,
.js-owl-brands .owl-controls .owl-buttons .owl-next:hover {
  color: #212b36;
}
.js-owl-default .owl-controls .owl-buttons .owl-prev,
.js-owl-exclusives .owl-controls .owl-buttons .owl-prev,
.js-owl-departments .owl-controls .owl-buttons .owl-prev,
.js-owl-product-gird .owl-controls .owl-buttons .owl-prev,
.js-owl-special-buys .owl-controls .owl-buttons .owl-prev,
.js-owl-brands .owl-controls .owl-buttons .owl-prev {
  left: auto;
  margin-right: 22px;
}
.js-owl-default .owl-controls .owl-buttons .owl-next,
.js-owl-exclusives .owl-controls .owl-buttons .owl-next,
.js-owl-departments .owl-controls .owl-buttons .owl-next,
.js-owl-product-gird .owl-controls .owl-buttons .owl-next,
.js-owl-special-buys .owl-controls .owl-buttons .owl-next,
.js-owl-brands .owl-controls .owl-buttons .owl-next {
  margin-left: 22px;
  right: auto;
}
.js-owl-default .owl-controls .owl-pagination,
.js-owl-exclusives .owl-controls .owl-pagination,
.js-owl-departments .owl-controls .owl-pagination,
.js-owl-product-gird .owl-controls .owl-pagination,
.js-owl-special-buys .owl-controls .owl-pagination,
.js-owl-brands .owl-controls .owl-pagination {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 35px;
  top: 50%;
}
@media (max-width: 636px) {
  .js-owl-default .owl-controls .owl-pagination,
  .js-owl-exclusives .owl-controls .owl-pagination,
  .js-owl-departments .owl-controls .owl-pagination,
  .js-owl-product-gird .owl-controls .owl-pagination,
  .js-owl-special-buys .owl-controls .owl-pagination,
  .js-owl-brands .owl-controls .owl-pagination {
    display: none !important;
  }
}
.js-owl-default .owl-controls .owl-pagination .owl-page:not(:last-child),
.js-owl-exclusives .owl-controls .owl-pagination .owl-page:not(:last-child),
.js-owl-departments .owl-controls .owl-pagination .owl-page:not(:last-child),
.js-owl-product-gird .owl-controls .owl-pagination .owl-page:not(:last-child),
.js-owl-special-buys .owl-controls .owl-pagination .owl-page:not(:last-child),
.js-owl-brands .owl-controls .owl-pagination .owl-page:not(:last-child) {
  margin-right: 8px;
}
.js-owl-default .owl-controls .owl-pagination .owl-page span,
.js-owl-exclusives .owl-controls .owl-pagination .owl-page span,
.js-owl-departments .owl-controls .owl-pagination .owl-page span,
.js-owl-product-gird .owl-controls .owl-pagination .owl-page span,
.js-owl-special-buys .owl-controls .owl-pagination .owl-page span,
.js-owl-brands .owl-controls .owl-pagination .owl-page span {
  background-color: #c4cdd5;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 6px;
  width: 6px;
}
.js-owl-default .owl-controls .owl-pagination .owl-page.active span,
.js-owl-exclusives .owl-controls .owl-pagination .owl-page.active span,
.js-owl-departments .owl-controls .owl-pagination .owl-page.active span,
.js-owl-product-gird .owl-controls .owl-pagination .owl-page.active span,
.js-owl-special-buys .owl-controls .owl-pagination .owl-page.active span,
.js-owl-brands .owl-controls .owl-pagination .owl-page.active span {
  background-color: #454f5b;
}
.js-owl-default .owl-controls .owl-pagination .owl-page:not(.active) span:hover,
.js-owl-exclusives .owl-controls .owl-pagination .owl-page:not(.active) span:hover,
.js-owl-departments .owl-controls .owl-pagination .owl-page:not(.active) span:hover,
.js-owl-product-gird .owl-controls .owl-pagination .owl-page:not(.active) span:hover,
.js-owl-special-buys .owl-controls .owl-pagination .owl-page:not(.active) span:hover,
.js-owl-brands .owl-controls .owl-pagination .owl-page:not(.active) span:hover {
  background-color: #919EAB;
}
.js-owl-default.is-loaded .owl-wrapper,
.js-owl-exclusives.is-loaded .owl-wrapper,
.js-owl-departments.is-loaded .owl-wrapper,
.js-owl-product-gird.is-loaded .owl-wrapper,
.js-owl-special-buys.is-loaded .owl-wrapper,
.js-owl-brands.is-loaded .owl-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.js-owl-default.is-loaded .owl-wrapper .carousel__item,
.js-owl-exclusives.is-loaded .owl-wrapper .carousel__item,
.js-owl-departments.is-loaded .owl-wrapper .carousel__item,
.js-owl-product-gird.is-loaded .owl-wrapper .carousel__item,
.js-owl-special-buys.is-loaded .owl-wrapper .carousel__item,
.js-owl-brands.is-loaded .owl-wrapper .carousel__item {
  height: 100%;
}
.js-owl-default.is-loaded .owl-wrapper .carousel__item .item-product,
.js-owl-exclusives.is-loaded .owl-wrapper .carousel__item .item-product,
.js-owl-departments.is-loaded .owl-wrapper .carousel__item .item-product,
.js-owl-product-gird.is-loaded .owl-wrapper .carousel__item .item-product,
.js-owl-special-buys.is-loaded .owl-wrapper .carousel__item .item-product,
.js-owl-brands.is-loaded .owl-wrapper .carousel__item .item-product {
  height: inherit;
}
.js-owl-masthead {
  margin-bottom: -30px;
}
@media (max-width: 636px) {
  .js-owl-masthead {
    margin-bottom: 0;
    overflow: hidden !important;
  }
}
.js-owl-masthead .js-owl-masthead__header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 0 6px;
  position: relative;
  top: -41px;
}
.js-owl-masthead .carousel__item {
  margin: 0;
  padding: 0;
}
.js-owl-masthead .owl-controls {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #FFFFFF;
  left: 246px;
  padding: 8px 15px 8px 20px;
  position: relative;
  border-radius: 50px;
}
.js-owl-masthead .owl-controls .owl-pagination {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin: 0 25px;
}
@media (max-width: 636px) {
  .js-owl-masthead .owl-controls .owl-pagination {
    padding-left: 12px;
  }
}
.js-owl-masthead .owl-controls .owl-pagination .owl-page:not(:last-child) {
  margin-right: 8px;
}
.js-owl-masthead .owl-controls .owl-pagination .owl-page span {
  background-color: #c4cdd5;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 6px;
  width: 6px;
}
@media (max-width: 1024px) {
  .js-owl-masthead .owl-controls .owl-pagination .owl-page span {
    height: 6px;
    width: 6px;
  }
}
.js-owl-masthead .owl-controls .owl-pagination .owl-page.active span {
  background-color: #454f5b;
}
.js-owl-masthead .owl-controls .owl-pagination .owl-page:not(.active) span:hover {
  background-color: #919EAB;
}
.js-owl-masthead .owl-controls .owl-buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  left: 10px;
  margin-top: -7px;
  position: absolute;
  right: 10px;
  top: 50%;
}
.js-owl-masthead .owl-controls .owl-buttons .owl-prev,
.js-owl-masthead .owl-controls .owl-buttons .owl-next {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: #c4cdd5;
  cursor: pointer;
  font-size: 13px;
  height: auto;
  top: auto !important;
  width: auto;
}
.js-owl-masthead .owl-controls .owl-buttons .owl-prev::before,
.js-owl-masthead .owl-controls .owl-buttons .owl-next::before {
  content: '';
}
.js-owl-masthead .owl-controls .owl-buttons .owl-prev:hover,
.js-owl-masthead .owl-controls .owl-buttons .owl-next:hover {
  color: #212b36;
}
.js-owl-masthead .owl-controls .owl-buttons .owl-prev {
  margin-right: 20px;
  left: 0;
  position: absolute !important;
}
.js-owl-masthead .owl-controls .owl-buttons .owl-next {
  position: absolute !important;
  right: 0;
}
.js-owl-masthead .owl-controls.clickable {
  padding: 10px;
}
@media (max-width: 1440px) {
  .js-owl-masthead .owl-controls {
    left: 186px;
  }
}
@media (max-width: 1280px) {
  .js-owl-masthead .owl-controls {
    left: 42px;
  }
}
@media (max-width: 1024px) {
  .js-owl-masthead .owl-controls {
    left: 32px;
  }
}
@media (max-width: 636px) {
  .js-owl-masthead .js-owl-masthead__header {
    top: 10px;
  }
  .js-owl-masthead .owl-controls {
    padding: 8px 10px;
    width: 100%;
    margin-bottom: 20px;
    left: 0;
  }
  .js-owl-masthead .owl-controls .owl-pagination {
    margin: 0 auto;
  }
}
.js-owl-masthead.is-loaded .owl-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.js-owl-masthead.is-loaded .owl-wrapper .carousel__item {
  height: 100%;
}
.js-owl-masthead.is-loaded .owl-wrapper .carousel__item .item-product {
  height: inherit;
}
.exclusives-carousel .carousel__item,
.departments-carousel .carousel__item,
.carousel__component--carousel .carousel__item {
  width: 100%;
}
.departments-carousel .department a img {
  -webkit-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.departments-carousel .department a:hover img {
  backface-visibility: hidden;
  -webkit-transform: scale(1.25) translateY(-8px) translateZ(0);
  -ms-transform: scale(1.25) translateY(-8px) translateZ(0);
  transform: scale(1.25) translateY(-8px) translateZ(0);
}
.js-owl-carousel-reference .item {
  margin: 0;
  padding: 0;
}
.js-owl-brands__title {
  color: #000000;
}
.cookie-alert {
  background-color: #454f5b;
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
}
@media (max-width: 636px) {
  .cookie-alert {
    bottom: auto;
    top: 53px;
  }
}
.cookie-alert__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  color: #FFFFFF;
  padding: 14px 83px 14px 70px;
}
@media (max-width: 1024px) {
  .cookie-alert__content {
    padding: 14px 35px;
  }
}
@media (max-width: 636px) {
  .cookie-alert__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 13px 13px 18px 16px;
  }
}
.cookie-alert__icon {
  font-size: 31px;
  margin-right: 12px;
}
@media (max-width: 636px) {
  .cookie-alert__icon {
    margin-top: 3px;
  }
}
.cookie-alert__text {
  font-size: 16px;
  margin-right: auto;
  line-height: 1.375em;
}
@media (max-width: 1024px) {
  .cookie-alert__text {
    font-size: 14px;
    line-height: 1.14em;
    width: 69.49%;
  }
}
@media (max-width: 636px) {
  .cookie-alert__text {
    margin-right: 24px;
    width: auto;
  }
}
.cookie-alert__text a:link,
.cookie-alert__text a:visited {
  color: #38a8ae;
}
.cookie-alert__close-button {
  background-color: transparent;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 0;
  padding: 0;
}
@media (max-width: 636px) {
  .cookie-alert__close-button {
    margin-top: -4px;
  }
}
.cookie-alert__close-button:focus {
  outline: none;
}
/* STORE RESULTS */
.colorbox-store-finder #cboxLoadedContent {
  margin: 0;
  padding: 0;
}
.colorbox-store-finder #cboxTitle {
  display: none !important;
}
.store-results__title {
  border-bottom: 8px solid #f3f5f8;
  color: #454f5b;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.0005em;
  line-height: 1.2em;
  padding: 50px 15px 30px;
}
.store-results__title .product-not-available__store {
  color: #38a8ae;
}
.store-results__content {
  padding: 15px;
}
.store-results__subtitle {
  color: #212b36;
  display: block;
  font-size: 11px;
  font-weight: 700;
  margin: 0 0 10px;
  padding-bottom: 10px;
  position: relative;
  text-transform: uppercase;
}
.store-results__subtitle:after {
  background-color: #dfe3e8;
  bottom: 0;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.store-results .store-results-register-tmp {
  padding: 0 10px;
}
.store-results .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1em;
}
.store-results .description {
  font-size: 12px;
}
.store-results .store-working-time {
  color: #38a8ae;
  font-size: 12px;
  margin: 10px 0;
  text-align: right;
}
.store-results .store-distance {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 12px;
  line-height: 1.1;
  text-align: right;
}
.store-results hr {
  border-top: 1px solid #dfe3e8;
  display: block;
  float: left;
  margin: 15px 0;
  width: 100%;
}
.store-results form:last-child .col-sm-12 {
  margin-bottom: 15px;
}
.store-results form:last-child .col-sm-12 hr {
  display: none;
}
.store-selected__store {
  color: #38a8ae;
}
.store-selected__content {
  padding: 46px 16px 32px;
}
.store-selected__title {
  color: #212b36;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 16px;
}
.store-selected__text {
  color: #212b36;
  font-size: 14px;
  line-height: 1.14em;
  margin-bottom: 16px;
}
.store-selected__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #38a8ae;
  border-radius: 3px;
  border: 1px solid #919eab;
  color: #454f5b;
  font-size: 14px;
  font-weight: 600;
  height: 48px;
  letter-spacing: -0.5px;
  line-height: 1.14em;
  padding: 12px;
  width: 100%;
}
.store-selected__button:not(:last-child) {
  margin-bottom: 17px;
}
.store-selected__button .icon {
  font-size: 20px;
  margin-left: 14px;
}
.store-selected__button--green {
  background-color: #38a8ae;
  border-color: #38a8ae;
  color: #FFFFFF;
}
.js-accordion-mobile.is-active .js-accordion-mobile__title {
  position: relative;
}
.js-accordion-mobile.is-active .js-accordion-mobile__title::after {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: "\e929";
  font-family: "shoprite-icon";
  font-size: 10px;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 50%;
}
.js-accordion-mobile.is-show .js-accordion-mobile__title::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
/* SEARCH SITE AUTOCOMPLETE */
.search-site-autocomplete {
  border-radius: 0 0 5px 5px;
  border: 1px solid #c4cdd5;
  font-family: "Open Sans", sans-serif;
  padding: 8px 16px 16px !important;
}
.search-site-autocomplete .ui-menu-item-wrapper {
  display: block;
  padding: 1px 0;
}
.search-site-autocomplete .ui-menu-item-wrapper .title,
.search-site-autocomplete .ui-menu-item-wrapper .view-all {
  color: #49535E;
  display: block;
  margin-bottom: 6px;
  padding: 8px 0 3px;
  text-transform: uppercase;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.28125px;
  color: #161C23;
}
.search-site-autocomplete .ui-menu-item-wrapper .title:first-child,
.search-site-autocomplete .ui-menu-item-wrapper .view-all:first-child {
  padding-top: 12px;
}
.search-site-autocomplete .ui-menu-item-wrapper .result {
  color: #38a8ae;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 35px;
  letter-spacing: -0.28125px;
}
.search-site-autocomplete .ui-menu-item-wrapper .result .fw-normal {
  color: #49535E;
  font-weight: 400;
}
.search-site-autocomplete .ui-menu-item-wrapper .result .searchIcon {
  color: #38a8ae;
  background: #def4f5;
  border-radius: 50px;
  padding: 5px 7.5px;
  margin-right: 5px;
}
.search-site-autocomplete .ui-menu-item-wrapper .view-all-results {
  border-radius: 50px;
  border: 1px solid #c4cdd5;
  color: #454f5b;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin-top: 25px;
  text-align: center;
  width: 100%;
}
.search-site-autocomplete .ui-menu-item-wrapper .view-all-results:hover {
  border-color: #212b36;
  color: #212b36;
}
.search-site-autocomplete .ui-menu-item-wrapper.ui-state-active {
  background: transparent;
  border-color: #FFFFFF;
  color: #38a8ae;
  cursor: auto;
}
.search-site-autocomplete .ui-menu-item-wrapper.ui-state-active .result,
.search-site-autocomplete .ui-menu-item-wrapper.ui-state-active .view-all {
  color: #38a8ae;
  cursor: pointer;
}
.search-site-autocomplete .ui-menu-item-wrapper.ui-state-active .result .fw-normal,
.search-site-autocomplete .ui-menu-item-wrapper.ui-state-active .view-all .fw-normal {
  color: #38a8ae;
}
.store-name-autocomplete {
  text-align: left;
}
.store-name-autocomplete .search-site-autocomplete {
  left: 0 !important;
  padding: 10px 16px !important;
  top: 0 !important;
}
.store-name-autocomplete .search-site-autocomplete .ui-menu-item {
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 0;
}
.store-name-autocomplete .search-site-autocomplete .ui-menu-item:first-child {
  padding-top: 0;
}
.store-name-autocomplete .search-site-autocomplete .ui-menu-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.store-name-autocomplete .search-site-autocomplete .ui-menu-item-wrapper {
  font-weight: 700;
  cursor: pointer;
}
.store-name-autocomplete .js-store-name-autocomplete {
  left: 0;
  padding: 10px 16px;
  position: absolute;
  right: 0;
  top: 46px;
  z-index: 1;
}
.store-name-autocomplete .js-store-name-autocomplete .loading-icon {
  display: none;
  width: 60px;
}
.store-name-autocomplete .js-store-name-autocomplete .loading-icon img {
  width: 100%;
}
.store-name-autocomplete .js-store-name-autocomplete .message-error {
  display: none;
}
.store-name-autocomplete .js-store-name-autocomplete .message-error .icon {
  font-size: 25px;
  margin-bottom: 10px;
}
.store-name-autocomplete .js-store-name-autocomplete .message-error .text {
  font-size: 14px;
  font-weight: 700;
}
.store-name-autocomplete .js-store-name-autocomplete.is-searching,
.store-name-autocomplete .js-store-name-autocomplete.is-empty {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #FFFFFF;
  border: 1px solid #c5c5c5;
  height: 200px;
}
.store-name-autocomplete .js-store-name-autocomplete.is-searching .search-site-autocomplete,
.store-name-autocomplete .js-store-name-autocomplete.is-empty .search-site-autocomplete {
  display: none !important;
}
.store-name-autocomplete .js-store-name-autocomplete.is-searching .loading-icon {
  display: block;
}
.store-name-autocomplete .js-store-name-autocomplete.is-empty .message-error {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.content--full-size {
  margin-left: calc(50% - 50vw);
  max-width: 200%;
  width: 100vw;
}
@media (max-width: 636px) and (max-width: 636px) {
  body.page-privacyPolicy .main__inner-wrapper.wrap .container__full,
  body.page-termsAndConditions .main__inner-wrapper.wrap .container__full {
    padding: 0 10px;
  }
}
body.page-recipeDetailsPage .main__inner-wrapper > .wrap,
body.template-pages-account-accountLayoutPage .main__inner-wrapper > .wrap {
  overflow: visible;
}
.js-owl-moreReasonsToJoin .carousel__item {
  margin: 0 6px;
  padding: 10px 0;
}
.location-sharring-off-image {
  background-image: url("/_ui/responsive/common/images/location-sharing-off.svg");
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  margin: 0 auto;
  height: 121px;
  width: 118px;
}
.pageType-ContentPage .owl-carousel-stack-xs-wrapper {
  padding: 0;
}
.pageType-ContentPage .owl-carousel-stack-xs-wrapper .owl-item:first-child .carousel__item {
  margin-left: 0;
}
.pageType-ContentPage .owl-carousel-stack-xs-wrapper .owl-item:last-child .carousel__item {
  margin-right: 0;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .pageType-ContentPage .owl-carousel-stack-xs-wrapper .owl-item:first-child:last-child {
    min-width: 100%;
  }
}
@media (min-width: 637px) {
  .pageType-ContentPage .owl-carousel-stack-xs-wrapper .owl-item:first-child:last-child .carousel__item {
    background-color: transparent;
  }
  .pageType-ContentPage .owl-carousel-stack-xs-wrapper .owl-item:first-child:last-child .carousel__item img {
    max-width: 600px;
  }
}
@media (min-width: 637px) {
  .pageType-ContentPage .carousel__component-exclusives .js-owl-default__header {
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }
}
.page-appPage .main__inner-wrapper .content {
  font-size: 12px;
}
.page-appPage .main__inner-wrapper .content ul {
  list-style-position: inside;
}
@media (min-width: 637px) {
  .page-appPage .main__inner-wrapper .content {
    padding: 0 45px;
  }
  .page-appPage .main__inner-wrapper .content,
  .page-appPage .main__inner-wrapper .content ~ div {
    max-width: 940px;
    margin: 30px auto;
  }
  .page-appPage .main__inner-wrapper .content.banner__component--responsive,
  .page-appPage .main__inner-wrapper .content ~ div.banner__component--responsive {
    height: auto;
    padding-top: 0;
  }
  .page-appPage .main__inner-wrapper .content.banner__component--responsive img,
  .page-appPage .main__inner-wrapper .content ~ div.banner__component--responsive img {
    position: relative;
  }
}
@media (max-width: 636px) {
  .owl-carousel-stack-xs .owl-wrapper-outer {
    margin: 0;
  }
  .owl-carousel-stack-xs .owl-wrapper {
    width: 100% !important;
    display: block !important;
  }
  .owl-carousel-stack-xs .owl-item {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both;
  }
  .owl-carousel-stack-xs .owl-item + .owl-item {
    margin-top: 20px;
  }
  .pageType-ContentPage .carousel__component-exclusives {
    padding: 0;
  }
  .pageType-ContentPage .carousel__component-exclusives .carousel__item,
  .pageType-ContentPage .carousel__component-exclusives .simple-banner.full-mobile-image {
    margin: 0;
  }
  .pageType-ContentPage .owl-carousel-stack-xs-wrapper {
    margin: 15px 0 40px;
  }
  .page-appPage.pageType-ContentPage .owl-carousel-stack-xs-wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
  .pageType-ContentPage .owl-carousel-stack-xs-wrapper .carousel__item {
    margin: 0;
  }
  .pageType-ContentPage .owl-carousel-stack-xs-wrapper .owl-item + .owl-item {
    margin-top: 30px;
  }
}
.text-wrapping {
  word-break: break-word;
}
@keyframes drift-fadeZoomIn {
  0% {
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes drift-fadeZoomOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  15% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes drift-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    transform: translate(-50%, -50%) rotate(-180deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes drift-loader-before {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.2) translateX(6px);
  }
  25% {
    transform: scale(1.3) translateX(8px);
  }
  40% {
    transform: scale(1.2) translateX(6px);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.8) translateX(6px);
  }
  75% {
    transform: scale(0.7) translateX(8px);
  }
  90% {
    transform: scale(0.8) translateX(6px);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes drift-loader-after {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.2) translateX(-6px);
  }
  25% {
    transform: scale(1.3) translateX(-8px);
  }
  40% {
    transform: scale(1.2) translateX(-6px);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.8) translateX(-6px);
  }
  75% {
    transform: scale(0.7) translateX(-8px);
  }
  90% {
    transform: scale(0.8) translateX(-6px);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes drift-fadeZoomIn {
  0% {
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes drift-fadeZoomOut {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  15% {
    -webkit-transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.5);
    opacity: 0;
  }
}
@-webkit-keyframes drift-loader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@-webkit-keyframes drift-loader-before {
  0% {
    -webkit-transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(6px);
  }
  50% {
    -webkit-transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(6px);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes drift-loader-after {
  0% {
    -webkit-transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(-6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(-8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(-6px);
  }
  50% {
    -webkit-transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(-6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(-8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(-6px);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.drift-zoom-pane {
  background: rgba(0, 0, 0, 0.5);
  /* This is required because of a bug that causes border-radius to not
  work with child elements in certain cases. */
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.drift-zoom-pane.drift-opening {
  /*  animation: drift-fadeZoomIn 180ms ease-out;
    -webkit-animation: drift-fadeZoomIn 180ms ease-out;*/
}
.drift-zoom-pane.drift-closing {
  /*  animation: drift-fadeZoomOut 210ms ease-in;
    -webkit-animation: drift-fadeZoomOut 210ms ease-in;*/
}
.drift-zoom-pane.drift-inline {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 75px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
.drift-loading .drift-zoom-pane-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  animation: drift-loader-rotate 1800ms infinite linear;
  -webkit-animation: drift-loader-rotate 1800ms infinite linear;
}
.drift-zoom-pane-loader:before,
.drift-zoom-pane-loader:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
}
.drift-zoom-pane-loader:before {
  left: 0;
  animation: drift-loader-before 1800ms infinite linear;
  -webkit-animation: drift-loader-before 1800ms infinite linear;
}
.drift-zoom-pane-loader:after {
  right: 0;
  animation: drift-loader-after 1800ms infinite linear;
  -webkit-animation: drift-loader-after 1800ms infinite linear;
  animation-delay: -900ms;
  -webkit-animation-delay: -900ms;
}
.drift-bounding-box {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  z-index: 100;
}
.action-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 5px;
  text-align: center;
  width: 100%;
}
.action-box .icon {
  font-size: 22px;
  margin-right: 12px;
}
.action-box.warning {
  background: #fef7e9;
  color: #fd8e3f;
}
.action-box.otp {
  background: rgba(56, 168, 174, 0.1);
  color: #148181;
}
.action-box.grey {
  background: #f4f6f8;
}
.action-box.danger {
  background: #fde8e8;
  color: #e2233a;
  width: 100%;
}
.action-box.danger svg,
.action-box.danger g {
  fill: #d9514e;
}
.action-box .form-section__link__button {
  font-size: 13px;
  font-weight: 300;
  width: auto;
  display: inline-block;
}
.action-box svg {
  vertical-align: middle;
}
.inner-hr .inner-hr-wrap {
  width: 100%;
  height: 1px;
  background-color: #c4cdd5;
  position: relative;
  margin: 30px 0;
}
.inner-hr .inner-hr-wrap span {
  position: absolute;
  left: 50%;
  top: -9px;
  background-color: #ffffff;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
  transform: translateX(-50%);
}
.four-digits-inputs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 32px 0 16px;
}
.four-digits-inputs input {
  border: 1px solid #919EAB;
  color: #212B36;
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  padding: 0 5px;
  text-align: center;
  width: 23%;
}
.four-digits-inputs input:focus {
  border-bottom-width: 3px;
  border-color: #919EAB;
}
*:focus {
  outline: none;
}
.show-desctop {
  display: block;
}
.show-mobile {
  display: none;
}
/*breadcrumb top*/
.breadcrumb-top {
  background-color: #f4f6f8;
}
.breadcrumb.top {
  background-color: #f4f6f8;
  font-size: 12px;
  padding: 15px 5px !important;
  margin-bottom: 0 !important;
  color: #5d6671;
}
.breadcrumb.top a {
  color: #5d6671;
}
.breadcrumb.top a > svg {
  margin: 0 8px;
  vertical-align: sub;
}
.breadcrumb.top .active a {
  color: #a0abb6;
}
.breadcrumb.top > li + li:before {
  content: none !important;
}
.glyphicon.glyphicon-menu-left {
  padding: 0 10px;
}
/*top heading*/
.top-heading {
  background-color: #38a8ae;
}
.top-heading h1 {
  font-size: 28px;
  color: white;
  font-weight: 600;
  padding: 24px 0;
  margin-top: 0;
}
.subtitle {
  margin: 23px 0;
}
/*------------------------side navigation menu------------------------------------*/
/*side navigation menu for desktop*/
.sidenav {
  background-color: #ecf0f4;
  border-radius: 15px;
  overflow-x: hidden;
  padding: 0;
  list-style-type: none;
}
.sidenav li {
  color: #212b36;
  display: block;
  font-size: 16px;
  letter-spacing: -0.03125em;
  padding: 8px 20px;
  text-decoration: none;
}
.sidenav li:hover,
.sidenav li.active {
  background-color: #FFFFFF;
  font-weight: 700;
}
.sidenav li:hover a::before,
.sidenav li.active a::before {
  font-weight: 400;
}
.sidenav li:hover a::after,
.sidenav li.active a::after {
  color: #212b36;
}
.sidenav li a:link,
.sidenav li a:visited {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  color: #212b36;
  text-decoration: none;
}
.sidenav li a:active,
.sidenav li a:focus,
.sidenav li a:hover {
  color: #424a54 !important;
  text-decoration: none;
}
.sidenav li a > svg {
  margin-right: 10px;
  vertical-align: middle;
}
.sidenav li a::after {
  color: #919eab;
  content: "\e92b";
  font-family: "shoprite-icon";
  font-size: 13.4px;
  margin-left: auto;
  padding-left: 16px;
}
.sidenav li a[class^="icon-"]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: "shoprite-icon";
  font-size: 17.6px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  margin-right: 8px;
  speak: none;
  text-align: center;
  text-transform: none;
  vertical-align: middle;
  width: 32px;
}
.sidenav li a .new {
  background-color: #B3CC59;
  border-radius: 24px;
  color: #FFFFFF;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 1;
  margin-left: 10px;
  padding: 3px 4px;
  text-transform: uppercase;
}
.sidenav li a.icon-your-details::before {
  content: "\e96b";
  font-size: 15px;
}
.sidenav li a.icon-communication-interests::before {
  content: "\e964";
}
.sidenav li a.icon-manage-password::before {
  content: "\e94e";
}
.sidenav li a.icon-xtra-savings-card::before {
  content: "\e915";
}
.sidenav li a.icon-your-promo-alerts::before {
  content: "\e909";
  font-size: 18.2px;
}
.sidenav li a.icon-terms-conditions::before {
  content: "\e966";
}
.sidenav li a.icon-privacy-policy::before {
  content: "\e965";
}
.sidenav li a.icon-download-app::before {
  content: "\e944";
  font-size: 17.6px;
}
.sidenav li a.icon-sign-out::before {
  content: "\e943";
  font-size: 20px;
}
.sidenav li a.icon-free-airtime::before {
  content: "\e90d";
  font-size: 21.6px;
}
.sidenav li a.icon-grocery-list::before {
  content: "\e983";
  font-size: 20px;
}
.sidenav li a.icon-swipe-for-cover::before {
  content: "\e90b";
  font-size: 21.6px;
}
.sidenav li a.icon-digital-till-slips::before {
  content: "\e978";
  font-size: 21.6px;
}
.sidenav li a.icon-swipe-for-good::before {
  content: "\e97a";
  font-size: 21.6px;
}
.sidenav li a.icon-littleme::before {
  content: "\e920";
  font-size: 19.2px;
}
.sidenav li:last-child {
  border: none;
}
.glyphicon.glyphicon-menu-right {
  float: right;
}
.glyphicon.glyphicon-phone {
  margin-right: 10px;
}
.glyphicon.glyphicon-log-out {
  margin-right: 10px;
}
/*side navigation menu for mobile*/
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .show-desctop {
    display: none;
  }
  .show-mobile {
    display: block;
  }
}
/*side navigation menu for tablet*/
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .sidenav li {
    font-size: 13px;
    margin: 0 13px;
  }
  .sidenav li:hover {
    margin: -1px 0 0 0;
    padding: 15px 5px;
    font-size: 15px;
  }
  .sidenav > .active {
    font-size: 15px;
    font-weight: bold;
    margin: -1px 0 0 0;
    padding: 15px 5px;
  }
}
/*side navigation menu for ipad pro*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .col-md-4.col-sm-12.col-xs-12.media-pro {
    width: 100%;
  }
  .box-container {
    width: 70%;
  }
  .sidenav li:hover {
    padding: 15px 5px;
  }
  .sidenav li.active {
    padding: 15px 5px;
  }
}
/*-------------------------end of side navigation menu---------------------------*/
/* content*/
.top-border {
  border-top: 1px solid #dfe3e8;
}
.row.wrapper-row {
  margin-left: 0;
  margin-right: 0;
}
.row.wrapper-row .top-border:first-child {
  padding-left: 0;
}
.row.wrapper-row .top-border:last-child {
  padding-right: 0;
}
/*breadcrumb main*/
.breadcrumb.main {
  background-color: transparent;
  font-size: 18px;
  color: #28313c;
  margin-top: 15px;
  padding: 0;
  font-weight: 700;
}
.breadcrumb.main a {
  color: #28313c;
}
.breadcrumb.main svg {
  margin: 0 10px;
}
.breadcrumb.main > .active {
  font-size: 18px;
  color: #919eab;
}
.breadcrumb.main > .active a {
  color: #919eab;
}
.breadcrumb.main > li + li:before {
  content: none;
}
.account-wrap button {
  font-weight: 600;
}
/*YOUR DETAILS ---> account-management01*/
.account-details {
  margin-top: 20px;
  width: 85%;
  overflow: hidden;
}
.account-input {
  width: calc(50% - 10px);
  position: relative;
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
}
.account-input:nth-of-type(2n+1) {
  clear: left;
}
.update-details-btn {
  float: right;
  background-color: #38a8ae;
  width: calc(50% - 15px);
  padding: 11px 0;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  margin-right: 10px;
  margin-top: 20px;
}
.update-details-btn:disabled {
  background-color: #dfe3e8;
  color: #a5b1bc;
}
.account-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-block;
}
.account-icon.calendar {
  left: 15px;
}
.input-group-addon {
  background-color: white !important;
  border: 1px solid #c4cdd5 !important;
}
#DateOfBirth {
  padding-left: 45px;
}
.btn.btn-secondary {
  background: transparent;
  padding: 0;
}
/*popover*/
.account-icon .popover {
  top: -105px !important;
  left: -212px !important;
  display: block;
  background-color: #38a8ae;
  color: #ffffff;
  border-radius: 3px;
  border: 1px solid #148181;
  border-bottom: 2px solid #148181;
  background-clip: unset;
}
.account-icon .popover.top > .arrow::after {
  bottom: 2px;
  margin-left: -10px;
  content: " ";
  border-top-color: #38a8ae !important;
  left: 85%;
}
.account-icon .popover-content {
  padding: 10px;
  width: 258px;
}
.account-icon .popover.top > .arrow {
  bottom: -11px;
  left: 85% !important;
  border-top-color: #148181;
}
.account-icon.orange-info > .popover {
  background-color: #fcf8e3 !important;
  border-color: #ffd25c;
  color: #ff4219;
  border-bottom-width: 2px;
  border-radius: 3px;
}
.account-icon.orange-info > .popover.top > .arrow {
  border-top-color: #ffd25c;
}
.account-icon.orange-info > .popover.top > .arrow::after {
  border-top-color: #fcf8e3 !important;
}
/*CARD MANAGEMENT ---> card-management01 , card-management01-alert / card-management06 */
.card {
  width: 100%;
}
.cancel-card-btn {
  background-color: #38a8ae;
  border: 1px solid #dfe3e8;
  padding: 11px 0;
  border-radius: 5px;
  font-size: 15px;
  margin: 5px 0;
  color: white;
}
.cancel-card-btn.large {
  width: 100%;
  background-color: white;
  color: #454f5b;
}
.cancel-card-btn.small {
  width: 65%;
}
/*CARD MANAGEMENT ---> card-management02, card-management11*/
.stop-card-btn {
  background-color: #212b36;
  padding: 11px 0;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  margin: 5px 0;
}
.stop-card-btn.large {
  width: 100%;
}
.stop-card-btn.small {
  width: 65%;
}
.stop-card-btn:disabled {
  background-color: #dfe3e8;
  color: #a5b1bc;
}
.alert.alert-warning,
.alert.alert-success {
  display: flex;
  margin-top: 25px;
  width: 95%;
  padding: 10px;
  border-radius: 4px;
}
alert-success {
  background-color: #c6e7d1;
}
.alert-warning {
  background-color: #ffe7a8;
}
.stop-card-container .has-error .control-label {
  color: #e51f34;
}
.stop-card-container .has-error .help-block {
  font-size: 12px;
  font-weight: 400;
  margin-top: 7px;
  text-align: center;
  font-style: normal;
}
.stop-card-container textarea {
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #c4cdd5;
  color: #454f5b;
  font-size: 14px;
  width: 100%;
  padding: 15px;
  min-height: 140px;
}
.stop-card-container .cancel-card-btn {
  margin-bottom: 50px;
}
.stop-card-container .faq-selection {
  text-overflow: ellipsis;
  padding-right: 30px;
}
.stop-card-container .faq-selection-dropdown-svg {
  right: 10px;
}
/* CARD MANAGEMENT content stop-card  ---> card-management03, card-management03-membership*/
.stop-card-container {
  width: 42%;
}
.stop-card-password {
  width: 100%;
  padding: 13px 20px;
  color: #454f5b;
  border: 1px solid #c4cdd5;
  border-radius: 5px;
  margin-top: 20px;
  font-weight: bold;
  margin-bottom: 35px;
}
.stop-card-password:focus {
  border-bottom: 3px solid #dfe3e8;
}
.stop-card {
  position: relative;
}
.alert svg {
  margin-right: 10px;
}
.box-container {
  width: 45%;
}
.card-number {
  width: calc(25% - 3px);
  padding: 12px 0;
  text-align: center;
  border: 1px solid #c4cdd5;
  border-radius: 5px;
  color: #454f5b;
  font-size: 12px;
  margin-bottom: 5px;
}
.card-number:focus {
  border-bottom: 3px solid #dfe3e8;
}
/*help box*/
.help-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #c4cdd5;
  border-bottom: 2px solid #c4cdd5;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  width: 100%;
}
.help-box p {
  color: #454f5b;
  display: inline-block;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 15px;
  overflow: hidden;
  vertical-align: top;
}
.help-box .help-centre {
  background-color: #38a8ae;
  border-radius: 5px;
  border: none;
  color: white;
  display: inline-block;
  padding: 13px 0;
  width: 70%;
}
.hide {
  display: none;
}
.delete-customer-btn {
  float: right;
  background-color: #38a8ae;
  width: 47%;
  padding: 11px 0;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  margin-right: 10px;
  margin-top: 50px;
}
@media (min-width: 320px) and (max-width: 636px) {
  .show-desktop {
    display: none;
  }
  .show-mobile {
    display: block;
  }
  /* mobile side menu */
  .row.wrapper-row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .top-border {
    padding-right: 0 !important;
  }
  .top-border.account-wrap {
    padding-left: 0;
    padding-right: 10px;
  }
  .top-border.account-wrap .js-register-form-content.pt-2 {
    padding-top: 0;
  }
  .sidenav {
    margin-bottom: 0;
    margin-top: 10px;
  }
  .sidenav:first-child {
    margin-bottom: 0;
    margin-top: 0;
  }
  .sidenav li:hover {
    color: #424a54;
    font-size: 16px;
  }
  /* content */
  .row.wrapper-row {
    margin-left: -15px;
  }
  .top-heading {
    margin: 0 -15px 0 -15px;
  }
  .top-heading h1 {
    font-size: 24px;
    padding: 20px 15px;
  }
  /*YOUR ACCOUNT---> account-management01*/
  .account-details {
    width: 100%;
    overflow: inherit;
  }
  .update-details-btn {
    width: 100%;
    float: none;
  }
  .cancel-preferences-btn {
    width: 100%;
    float: none;
  }
  .account-input {
    width: 100%;
  }
  /*CARD MANAGEMENT  ---> card-management01 / card-management06 */
  .link-card-btn {
    width: 100%;
  }
  .cancel-card-btn.small {
    width: 100%;
  }
  /*CARD MANAGEMENT  savings to date and stop card ---> card-management02, card-management11*/
  .stop-card-btn {
    width: 100%;
    padding: 12px 0;
    font-size: 14px;
    margin: 3px 0;
  }
  /*alert*/
  .alert.alert-warning,
  .alert.alert-success.card {
    width: 100%;
  }
  .alert.card svg {
    width: 100px;
  }
  .alert-success.mobile {
    margin-top: 25px;
    width: 93%;
    transform: translateX(4%);
    padding: 10px !important;
  }
  /*CARD MANAGEMENT  stop-card  ---> card-management03*/
  .stop-card-container {
    width: 100%;
  }
  /* CARD MANAGEMENT ---> card-management07*/
  .box-container {
    width: 100%;
  }
  .use-passport {
    margin: 15px 40px;
  }
  /*help box*/
  .separate-line {
    margin-top: 30px;
  }
  .help-box {
    width: 100%;
    margin-top: 20px;
  }
  .help-centre {
    width: 80%;
    padding: 13px 0;
  }
  .delete-customer-btn {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) and all and (-ms-high-contrast: active), only screen and (min-device-width: 320px) and (max-device-width: 636px) and (-ms-high-contrast: none) {
  .show-desktop {
    display: none;
  }
  .show-mobile {
    display: block;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  /*breadcrumb top*/
  .breadcrumb.top {
    font-size: 15px;
  }
  .breadcrumb > .active {
    color: #919eab;
  }
  /*top heading*/
  .top-heading h1 {
    font-size: 27px;
  }
  /*side navigation menu*/
  .sidenav li {
    font-size: 13px;
    margin: 0 13px;
  }
  .sidenav li:hover {
    margin: -1px 0 0 0;
    padding: 15px 5px;
    font-size: 14px;
  }
  .sidenav > .active {
    font-size: 14px;
    font-weight: bold;
    margin: -1px 0 0 0;
    padding: 15px 5px;
  }
  /*content*/
  .breadcrumb.main a {
    font-size: 15px;
  }
  /*YOUR ACCOUNT ---> account-management01*/
  .stop-card-container {
    width: 50%;
  }
  .account-details {
    width: 100%;
    overflow: inherit;
  }
  /*CARD MANAGEMENT  ---> card-management01 / card-management06 */
  .info-card {
    margin-bottom: 85px;
  }
  .info-card-text {
    font-size: 12px;
    margin-top: 5px;
  }
  .link-card-btn {
    width: 80%;
    padding: 10px 0;
    font-size: 13px;
  }
  .cancel-card-btn.small {
    width: 80%;
    padding: 10px 0;
    font-size: 13px;
  }
  /*CARD MANAGEMENT  savings to date and stop card ---> card-management02, card-management11*/
  .stop-card-btn {
    width: 80%;
    padding: 10px 0;
    font-size: 14px;
    margin: 3px 0;
  }
  .info-card h1 {
    font-size: 40px;
  }
  .above-text {
    margin-top: -10px;
    word-spacing: -2px;
  }
  /*alert*/
  .alert {
    width: 95%;
    font-size: 13px;
  }
  .alert svg {
    margin-top: -5px;
  }
  /* CARD MANAGEMENT ---> card-management07*/
  .card-number {
    padding: 10px 0;
  }
  .card-number-text {
    font-size: 17px;
  }
  .box-container {
    width: 55%;
  }
  /*help box*/
  .help-box {
    margin-top: 20px;
    border-bottom: 3px solid #c4cdd5;
    padding: 20px 0;
  }
  .help-box p {
    font-size: 17px;
    margin: 5px 20px 0 20px;
    vertical-align: top;
    display: inline-block;
  }
  .help-centre {
    width: 50%;
    padding: 10px 0;
    display: inline-block;
  }
  .delete-customer-btn {
    width: 49%;
    margin-right: 0;
  }
  .manage-card-img .show-card-number {
    left: 42px;
    bottom: 33%;
    font-size: 16px;
  }
  .help-centre {
    margin-top: 10px;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .col-md-4.col-sm-12.col-xs-12.media-pro {
    width: 100%;
  }
  .box-container {
    width: 70%;
  }
  .sidenav li:hover {
    padding: 15px 5px;
  }
  .sidenav li.active {
    padding: 15px 5px;
  }
  .help-centre {
    width: 70%;
    padding: 8px 0;
    font-size: 13px;
  }
  .help-box p {
    font-size: 14px;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
  .help-centre {
    margin-top: 10px;
    width: 80%;
    font-size: 12px;
  }
}
.verify-contacts {
  border: none;
  background: none;
  box-shadow: none;
  color: #ff943d;
  display: inline-block;
  margin: 15px 0;
  font-size: 13px;
  font-weight: 400;
}
.verify-contacts:hover {
  color: #ff943d;
}
.verify-contacts i {
  color: #ff943d;
  margin-left: 8px;
  font-size: 10px;
}
.verify-details-warning {
  display: inline-flex;
  text-align: left;
  padding: 10px;
  color: #735b1b;
  background-color: #ffe7a8;
  font-weight: 500;
  width: 100%;
  margin-top: 20px;
}
.verify-details-warning svg {
  margin-right: 10px;
}
.verify-details-warning svg path {
  fill: #735b1b;
}
.verify-details-warning span {
  float: right;
  width: 90%;
}
.verify-details-warning a {
  height: 19px;
  width: 489px;
  font-weight: bold;
  color: #735b1b;
  font-size: 14px;
  letter-spacing: -0.29px;
  line-height: 19px;
  text-decoration: underline;
}
.security-verify-details {
  margin-top: 0;
  margin-bottom: 20px;
  width: 100%;
}
.email-verify-margin {
  margin-top: -15px;
}
.wrong-pw {
  color: #e51f34;
  border-radius: 4px;
  border: none;
  display: flex;
  margin-top: 25px;
  width: 62%;
  padding: 10px;
  background-color: #f2dede;
}
.card-number-used-container #cboxContent {
  border-radius: 6px;
}
.card-number-used-container #cboxLoadedContent {
  margin: 0;
  padding: 64px 16px 16px;
}
.card-number-used-container #cboxClose {
  color: #000000;
  font-size: 20px;
  padding: 0;
  right: 26px;
  top: 26px;
}
.card-number-used {
  color: #212b36;
  text-align: center;
}
.card-number-used__icon {
  display: inline-block;
  margin-bottom: 16px;
  position: relative;
}
.card-number-used__icon .icon1 {
  color: #ff4219;
  font-size: 54px;
}
.card-number-used__icon .icon2 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffe7a8;
  border-radius: 50%;
  color: #ff4219;
  font-size: 20px;
  height: 42px;
  position: absolute;
  right: -18px;
  top: -18px;
  width: 42px;
}
.card-number-used__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.08em;
  margin: 0 0 16px;
}
.card-number-used__text {
  font-size: 14px;
  line-height: 1.14em;
  margin: 0 0 24px;
}
.card-number-used__button:link,
.card-number-used__button:active,
.card-number-used__button:hover,
.card-number-used__button:visited {
  border-radius: 3px;
  border: 1px solid #919eab;
  color: #454f5b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 14px;
  text-align: center;
  text-decoration: none;
}
.card-number-used__button:not(:last-child) {
  margin-bottom: 17px;
}
.card-number-used__button--black:link,
.card-number-used__button--black:active,
.card-number-used__button--black:hover,
.card-number-used__button--black:visited {
  background-color: #212b36;
  color: #ffffff;
}
.manage-card {
  max-width: 625px;
  padding: 10px 0;
  width: 100%;
}
.manage-card .action-box {
  margin-bottom: 20px;
}
.manage-card__title {
  color: #161c23;
  font-size: 24px;
  font-weight: 800;
  margin: 0 0 24px;
  text-transform: uppercase;
}
.manage-card__body {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 32px;
}
@media (max-width: 636px) {
  .manage-card__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.manage-card__primary-card {
  background-color: #ecf0f4;
  border-radius: 10px;
  margin-right: 5.12%;
  margin-top: 32px;
  width: 57.6%;
}
@media (max-width: 1024px) {
  .manage-card__primary-card {
    margin-right: 16px;
  }
}
@media (max-width: 636px) {
  .manage-card__primary-card {
    margin-bottom: 24px;
    margin-right: 0;
    width: 100%;
  }
}
.manage-card__secondary-card {
  background-color: rgba(137, 40, 144, 0.1);
  border-radius: 10px;
  margin-top: 24px;
  width: 37.28%;
}
@media (max-width: 636px) {
  .manage-card__secondary-card {
    width: 100%;
  }
}
@media (max-width: 636px) {
  .manage-card__secondary-card {
    max-width: 233px;
    width: 100%;
  }
}
.manage-card__secondary-card .manage-card__card {
  margin-top: -24px;
  padding-bottom: 69.26%;
}
.manage-card__secondary-card .manage-card__card__barcode {
  top: 44%;
  width: 69.52%;
}
.manage-card__secondary-card .manage-card__card__owner {
  font-size: 11px;
  letter-spacing: -0.005em;
  top: 43%;
}
@media (max-width: 768px) {
  .manage-card__secondary-card .manage-card__card__owner {
    font-size: 9px;
    top: 41%;
  }
}
@media (max-width: 636px) {
  .manage-card__secondary-card .manage-card__card__owner {
    font-size: 11px;
    top: 43%;
  }
}
.manage-card__secondary-card .manage-card__card__number {
  font-size: 14px;
  top: 60%;
}
@media (max-width: 1024px) {
  .manage-card__secondary-card .manage-card__card__number {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .manage-card__secondary-card .manage-card__card__number {
    font-size: 10px;
    top: 59%;
  }
}
@media (max-width: 636px) {
  .manage-card__secondary-card .manage-card__card__number {
    font-size: 13px;
    top: 61%;
  }
}
.manage-card__secondary-card .manage-card__card-content {
  margin-top: -16px;
}
.manage-card__secondary-card .manage-card__text {
  margin-top: -6px;
}
.manage-card__secondary-card .manage-card__buttons {
  margin-left: -8px;
  width: calc(100% + 16px);
}
.manage-card__card {
  margin-top: -32px;
  padding-bottom: 67.04%;
  position: relative;
}
.manage-card__card__image {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.manage-card__card__barcode {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  top: 46%;
  width: 73.88%;
  z-index: 2;
}
@media (max-width: 1024px) {
  .manage-card__card__barcode {
    top: 47%;
  }
}
.manage-card__card__barcode img {
  display: block;
  width: 100%;
}
.manage-card__card__owner {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  left: 0;
  letter-spacing: -0.005em;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 0 2px 4px rgba(22, 28, 35, 0.5);
  top: 47%;
  z-index: 2;
}
@media (max-width: 768px) {
  .manage-card__card__owner {
    font-size: 14px;
    top: 45%;
  }
}
@media (max-width: 636px) {
  .manage-card__card__owner {
    font-size: 16px;
    top: 47%;
  }
}
.manage-card__card__number {
  color: #161c23;
  font-size: 22px;
  font-weight: 500;
  position: absolute;
  text-align: center;
  top: 65%;
  width: 100%;
  z-index: 2;
}
@media (max-width: 1024px) {
  .manage-card__card__number {
    font-size: 20px;
    top: 66%;
  }
}
@media (max-width: 768px) {
  .manage-card__card__number {
    font-size: 15px;
  }
}
@media (max-width: 636px) {
  .manage-card__card__number {
    font-size: 20px;
  }
}
.manage-card__card-content {
  padding: 0 24px 24px;
}
.manage-card__text {
  font-size: 14px;
  line-height: 1.28em;
  margin: 0 auto;
  max-width: 283px;
  text-align: center;
  width: 100%;
}
.manage-card__text p {
  margin-bottom: 16px;
}
.manage-card__buttons {
  margin: 0 auto;
  max-width: 238px;
  width: 100%;
}
.manage-card__button,
.manage-card__button:link,
.manage-card__button:visited {
  border-radius: 5px;
  border: 1px solid #919eab;
  color: #212b36;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.manage-card__button.btn-rounded,
.manage-card__button:link.btn-rounded,
.manage-card__button:visited.btn-rounded {
  border-radius: 100px;
}
.manage-card__button.btn-rounded:first-child,
.manage-card__button:link.btn-rounded:first-child,
.manage-card__button:visited.btn-rounded:first-child {
  background-color: #161B22;
  color: #fff;
}
.manage-card__button[disabled],
.manage-card__button[disabled]:hover {
  background-color: #dfe3e8 !important;
  border-color: #dfe3e8 !important;
  color: #919eab !important;
  cursor: not-allowed !important;
}
.manage-card__button:hover {
  background-color: #454f5b;
  border-color: #454f5b;
  color: #ffffff;
}
.manage-card__button:not(:last-child) {
  margin-bottom: 8px;
}
.manage-card__button--important,
.manage-card__button--important:link,
.manage-card__button--important:visited {
  background-color: #ff4219;
  border-color: #ff4219;
  color: #ffffff;
}
.manage-card__button--important:hover {
  background-color: #ff4219;
  border-color: #ff4219;
  color: #ffffff;
}
.manage-card__footer {
  border-top: 1px solid #dfe3e8;
  padding: 37px;
}
@media (max-width: 1024px) {
  .manage-card__footer {
    border: 1px solid #dfe3e8;
    padding: 16px;
  }
}
@media (max-width: 1024px) {
  .manage-card__footer {
    padding: 20px;
  }
}
.account-help-centre {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 636px) {
  .account-help-centre {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.account-help-centre__text {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.38em;
  margin-right: 16px;
}
@media (max-width: 636px) {
  .account-help-centre__text {
    margin-bottom: 16px;
    margin-right: 0;
  }
}
.account-help-centre__button,
.account-help-centre__button:link,
.account-help-centre__button:visited {
  background-color: #38a8ae;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  min-width: 218px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}
.account-help-centre__button:hover {
  background-color: #38a8ae;
  color: #ffffff;
}
.account-wrapper {
  margin-top: 32px;
}
@media (max-width: 1024px) {
  .page-stopLoyaltyCard .replace-card .stop-card-container {
    margin: 0 auto;
  }
}
.link-your-card {
  max-width: 362px;
  padding: 12px 0;
  width: 100%;
}
.link-your-card__back,
.link-your-card__back:link,
.link-your-card__back:visited {
  border: 0;
  color: #212b36;
  display: inline-block;
  font-size: 15px;
  margin-bottom: 20px;
  padding: 0;
  text-decoration: none;
}
.link-your-card__title {
  color: #212b36;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 24px;
  text-transform: uppercase;
}
.link-your-card__card {
  background-color: #fff7f2;
  border-radius: 10px;
  margin-bottom: 24px;
  padding: 25px 40px;
}
.link-your-card__card__title {
  color: #161c23;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.125em;
  margin: 0 0 21px;
  text-align: center;
}
.link-your-card__card__title strong {
  color: #ff4219;
}
.link-your-card__card__inputs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.link-your-card__card__inputs span {
  margin-top: 10px;
}
.link-your-card__card__input {
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #dfe3e8;
  color: #212b36;
  font-size: 14px;
  height: 48px;
  letter-spacing: 0.0714em;
  line-height: 48px;
  margin: 0 4px;
  max-width: 60px;
  text-align: center;
  width: 100%;
}
.link-your-card__card__input:focus,
.link-your-card__card__input.is-used {
  border-color: #ff4219;
}
.link-your-card__card__errors {
  color: red;
  text-align: center;
}
.link-your-card__buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto 32px;
  max-width: 311px;
  width: 100%;
}
.link-your-card__button,
.link-your-card__button:link,
.link-your-card__button:visited {
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid #919eab;
  color: #212b36;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.link-your-card__button:hover {
  background-color: #454f5b;
  border-color: #454f5b;
  color: #ffffff;
}
.link-your-card__button:not(:last-child) {
  margin-bottom: 8px;
}
.link-your-card__button[disabled] {
  background-color: #dfe3e8 !important;
  border-color: #dfe3e8 !important;
  color: #919eab !important;
  cursor: not-allowed;
}
.link-your-card__button[disabled]:hover {
  background-color: #dfe3e8;
  border-color: #dfe3e8;
  color: #919eab;
}
.link-your-card__button--important,
.link-your-card__button--important:link,
.link-your-card__button--important:visited {
  background-color: #ff4219;
  border-color: #ff4219;
  color: #ffffff;
}
.link-your-card__button--important:hover {
  background-color: #ff4219;
  border-color: #ff4219;
  color: #ffffff;
}
.link-your-card__footer {
  border-radius: 5px;
  border: 1px solid #dfe3e8;
  padding: 16px;
}
@media (max-width: 1024px) {
  .link-your-card__footer {
    padding: 20px;
  }
}
.link-your-card__footer .account-help-centre {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.link-your-card__footer .account-help-centre__text {
  margin-bottom: 16px;
  margin-right: 0;
}
.replace-card {
  max-width: 670px;
  width: 100%;
}
.replace-card__body {
  position: relative;
}
.replace-card .step {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #dfe3e8;
  border-radius: 10px;
  font-size: 12px;
  left: 50%;
  letter-spacing: -0.0416em;
  line-height: 1.83em;
  padding: 0 9px;
  position: absolute;
  top: 0;
}
.replace-card .step strong {
  font-weight: 700;
}
.replace-card__title {
  color: #161c23;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.0208em;
  line-height: 1em;
  margin: 0 0 17px;
  text-transform: uppercase;
}
.replace-card__text {
  color: #637381;
  font-size: 14px;
  line-height: 1.28em;
  margin-bottom: 30px;
}
.replace-card__text p:last-child {
  margin-bottom: 0;
}
.replace-card__buttons {
  margin-bottom: 50px;
  max-width: 281px;
  width: 100%;
}
.replace-card__need-assistance {
  max-width: 400px;
  width: 100%;
}
.replace-card .stop-card-container {
  margin-bottom: 50px;
  max-width: 281px;
  width: 100%;
}
.replace-card__new-card {
  max-width: 400px;
  width: 100%;
}
.replace-card__new-card--shoprite .link-your-card__card {
  background-color: #fffcd7;
}
.replace-card__new-card--shoprite .link-your-card__card__title strong {
  color: #892890;
}
.replace-card__new-card--shoprite .link-your-card__card__input:focus,
.replace-card__new-card--shoprite .link-your-card__card__input.is-used {
  border-color: #892890;
}
.replace-card__new-card--shoprite .link-your-card__button--important,
.replace-card__new-card--shoprite .link-your-card__button--important:link,
.replace-card__new-card--shoprite .link-your-card__button--important:visited {
  background-color: #892890;
  border-color: #892890;
  color: #ffffff;
}
.replace-card__new-card--shoprite .link-your-card__button--important:hover {
  background-color: #892890;
  border-color: #892890;
  color: #ffffff;
}
.replace-card--stop .replace-card__body {
  max-width: 311px;
  width: 100%;
}
.replace-card--stop .replace-card__buttons {
  max-width: none;
}
.replace-card--stop .replace-card__buttons .manage-card__button,
.replace-card--stop .replace-card__buttons .manage-card__button:link,
.replace-card--stop .replace-card__buttons .manage-card__button:visited,
.replace-card--stop .replace-card__buttons .manage-card__button:over {
  border-radius: 100px;
  color: #454f5b;
  font-weight: 700;
  line-height: 1em;
  padding: 13px;
}
.replace-card--stop .replace-card__buttons .manage-card__button:not(:last-child) {
  margin-bottom: 16px;
}
.replace-card--stop .replace-card__buttons .manage-card__button--fill,
.replace-card--stop .replace-card__buttons .manage-card__button--fill:link,
.replace-card--stop .replace-card__buttons .manage-card__button--fill:visited,
.replace-card--stop .replace-card__buttons .manage-card__button--fill:hover {
  background-color: #212b36;
  border-color: #212b36;
  color: #ffffff;
}
.replace-card--stop .replace-card__need-assistance {
  margin-top: 219px;
}
.replace-card--stop-card-otp .replace-card__body {
  max-width: 311px;
  width: 100%;
}
.replace-card--stop-card-otp .replace-card__need-assistance {
  margin-top: 53px;
}
.replace-card--stop-card-otp .form-section__block {
  padding: 0;
}
.replace-card--stop-card-otp .form-section__title {
  color: #161c23;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin-bottom: 24px;
  text-align: left;
  text-transform: uppercase;
}
.replace-card--stop-card-otp .four-digits-inputs .form-section__input.used {
  background-color: #ecf0f4;
  box-shadow: inset 0 0 0 3px #ffffff;
  color: #212b36;
  font-weight: 700;
}
.replace-card--stop-card-otp .js-otp-remaining-time {
  margin-bottom: 32px;
}
.replace-card--stop-card-otp .sr-button {
  border-radius: 100px;
  padding: 11px;
}
.replace-card--stop-card-otp .cancel-card-btn {
  background-color: #161c23;
  border-color: #161c23;
  border-radius: 100px;
  color: #ffffff;
  font-size: 14px;
  line-height: 1em;
  margin: 0;
  padding: 13px;
}
.replace-card--stop-card-otp #passwordVerificationForm .row {
  margin: 0;
}
.replace-card--stop-card-otp #passwordVerificationForm .form-section__input {
  border-radius: 100px;
}
.replace-card--stop-card-otp #passwordVerificationForm .js-register-validate {
  border-radius: 100px;
}
.replace-card--link-your-card .replace-card__body {
  max-width: 362px;
  width: 100%;
}
.replace-card--link-your-card .replace-card__need-assistance {
  margin-top: 87px;
}
.replace-card--link-your-card .link-your-card__card {
  margin-bottom: 24px;
  padding: 25px;
}
.replace-card--link-your-card .link-your-card__card__title {
  margin: 0 auto 21px;
  max-width: 240px;
  width: 100%;
}
.replace-card--link-your-card .link-your-card__button {
  border-radius: 100px;
}
.replace-card--link-your-card .link-your-card__button:not(:last-child) {
  margin-bottom: 16px;
}
.sidenav li.icon-terms-conditions,
.sidenav li.icon-privacy-policy,
.sidenav li.icon-sign-out {
  background-color: #ffffff;
  position: relative;
}
.sidenav li.icon-terms-conditions {
  padding-top: 26px;
}
.sidenav li.icon-terms-conditions::before {
  background-color: #ecf0f4;
  border-radius: 0 0 15px 15px;
  content: '';
  height: 18px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.sidenav .title {
  color: #212b36;
  display: block;
  font-size: 18px;
  font-weight: 800;
  padding: 20px;
  text-transform: uppercase;
}
.sidenav .login-page__xtra-savings__title {
  margin: 30px auto 0;
  width: 100%;
}
.sidenav .login-page__xtra-savings__title .no-strong {
  font-weight: normal;
}
.sidenav .foxcards-cnt {
  max-width: 300px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto -35px;
  flex-direction: row;
}
.sidenav .foxcards-cnt .foxcard img {
  margin: 0 auto;
  max-width: 225px;
  width: 100%;
  min-width: 210px;
}
.sidenav .foxcards-cnt .foxcard p {
  max-width: 225px;
  width: 100%;
  min-width: 210px;
  text-align: center;
  margin: 0 auto;
  transform: translateY(-52px);
}
.sidenav .foxcards-cnt.has-secondary-foxcard {
  transform: translateY(35px);
  margin: -15px auto 0;
}
.sidenav .foxcards-cnt.has-secondary-foxcard .foxcard {
  width: 75%;
  white-space: nowrap;
  z-index: 5;
}
.sidenav .foxcards-cnt.has-secondary-foxcard .foxcard.secondary-card {
  width: 25%;
  z-index: 4;
  transform: scale(0.63) translateX(-140px);
}
.sidenav .foxcards-cnt.has-secondary-foxcard .foxcard.secondary-card img {
  width: 225px;
}
@media only screen and (max-width: 1330px) {
  .sidenav .foxcards-cnt.has-secondary-foxcard {
    transform: scale(0.8) translate(-15px, 35px);
    margin: -30px auto -20px;
  }
  .sidenav .foxcards-cnt.has-secondary-foxcard .foxcard.secondary-card {
    transform: scale(0.63) translateX(-110px);
  }
}
@media only screen and (max-width: 885px) {
  .sidenav .foxcards-cnt.has-secondary-foxcard {
    transform: scale(0.7) translate(-40px, 35px);
    margin: -30px auto -30px;
  }
  .sidenav .foxcards-cnt.has-secondary-foxcard .foxcard.secondary-card {
    transform: scale(0.63) translateX(-20px);
  }
}
@media only screen and (max-width: 768px) {
  .sidenav .foxcards-cnt {
    transform: scale(0.85);
    margin: 5 auto -45px;
  }
  .sidenav .foxcards-cnt.has-secondary-foxcard .foxcard.secondary-card {
    transform: scale(0.63) translateX(-35px);
  }
}
.customer-details {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.customer-details .customer-details-row {
  background-color: #ECF0F4;
  margin-right: 5px;
  border: 1px solid #c4cdd5;
  border-radius: 4px;
  caret-color: #38a8ae;
  color: #454f5b;
  font-size: 14px;
  height: 46px;
  line-height: normal;
  outline: none;
  padding: 0 15px;
  margin-bottom: 15px;
}
.customer-details .customer-details-row label {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.customer-details .customer-details-row .border {
  border: 2px solid white;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.customer-details .customer-details-row .border label {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-left: 10px;
  margin-bottom: -10px;
}
.customer-details .customer-details-row .border span {
  margin-left: 10px;
}
.input-plan {
  font-weight: 600;
  line-height: 14px;
  font-family: Open Sans;
}
.product-frame {
  padding: 8px;
  width: 20%;
}
@media screen and (max-width: 1280px) {
  .product-frame {
    width: 25%;
  }
}
@media screen and (max-width: 1024px) {
  .product-frame {
    width: 33.33%;
  }
}
@media screen and (max-width: 636px) {
  .product-frame {
    width: 50%;
  }
}
@media screen and (max-width: 320px) {
  .product-frame {
    width: 100%;
  }
}
.separate-product-content {
  position: relative;
  border: 1px solid #ccc;
  padding: 8px 15px;
}
.product__listing.product__grid .details {
  text-overflow: unset;
  white-space: normal;
  text-align: left;
}
.product__listing.product__grid .separate-product-content .thumb img {
  width: 100%;
  max-width: none;
}
.product-badge-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  display: grid;
}
.price-product {
  font-size: 24px;
  color: #000;
  font-weight: 600;
  margin-top: 15px;
}
.price-product.save {
  color: #e51f34;
}
.price-product.save-with-card {
  margin: 0;
  color: #ff4219;
}
.price-product.save-with-card.small {
  margin-top: -6px;
  margin-bottom: 10px;
  font-size: 11px;
}
.product-description {
  font-size: 12px;
  font-weight: 600;
  color: #212b36;
}
.expiry-date {
  color: #a0abb6;
  font-size: 11px;
}
.save-card-badge {
  display: flex;
  margin-top: 10px;
  align-items: flex-start;
}
.save-card-badge p {
  color: #fff;
  background-color: #ff4219;
  padding: 0 5px 0 2px;
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 0;
  margin-left: -2px;
}
.result-for-search {
  background-color: #dfe3e8;
  padding: 20px 0;
  font-size: 20px;
  margin: 0 -25px 20px;
}
.result-for-search .bottom-header-padding .top-heading-text {
  font-size: 20px;
  padding: 0;
  margin: 0;
}
.result-for-search .bottom-header-padding .top-heading-text-result {
  font-weight: 700;
  padding: 0;
  margin: 0;
}
.department-landing-top-title {
  background-color: #38a8ae;
  margin-bottom: 20px;
  margin-left: calc(-100vw / 2 + 1410px / 2);
  margin-right: calc(-100vw / 2 + 1410px / 2);
  padding: 20px 0;
}
@media (max-width: 1440px) {
  .department-landing-top-title {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.department-landing-top-title .bottom-header-padding h1 {
  color: #ffffff;
  padding: 0;
  margin: 0;
}
body.page-allxtraSavingsPage .container-fluid {
  position: relative;
}
.all-xtra-savings-top-title {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  position: relative;
  top: -100px;
  width: 100%;
}
.all-xtra-savings-top-title__header {
  text-align: center;
}
.all-xtra-savings-top-title__title {
  color: #212B36;
  font-size: 32px;
  font-weight: 800;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.all-xtra-savings-top-title__title strong {
  color: #ff4219;
  font-weight: 800;
}
.all-xtra-savings-top-title__subtitle {
  color: #161C23;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.product-list-page {
  margin-top: 20px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .product-frame {
    width: 50%;
  }
  .product-promotion-btn span {
    padding: 0 3px;
  }
}
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .product-frame {
    width: 25%;
  }
}
.sr-date-picker-container.is-show .form-section__input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.overflow-visible {
  overflow: visible;
}
.alert {
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.alert.alert-success {
  background-color: #cce6d3;
  color: #3d5943;
  border: none;
  border-radius: 4px;
}
.alert svg {
  margin-right: 15px;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 637px) {
  .alert {
    width: 100%;
  }
}
.recipe {
  padding: 20px 0;
}
@media (max-width: 636px) {
  .recipe {
    padding-top: 0;
  }
}
.recipe__header {
  position: relative;
}
.recipe__image {
  background-size: cover;
  background-position: right;
  display: block;
  height: 366px;
  width: 100%;
}
@media print {
  .recipe__image {
    background-size: cover !important;
    background-position: right !important;
  }
}
@media (max-width: 636px) {
  .recipe__image {
    background-position: 90%;
    margin-left: -15px;
    height: 290px;
    width: calc(100% + 30px);
  }
}
.recipe__main-data {
  background-color: #FFFFFF;
  bottom: 0;
  left: 0;
  max-width: 565px;
  padding: 60px 24px 42px;
  position: absolute;
  width: 100%;
}
@media (max-width: 1280px) {
  .recipe__main-data {
    max-width: 394px;
    padding: 35px 32px 42px 25px;
  }
}
@media (max-width: 636px) {
  .recipe__main-data {
    padding: 20px 0;
    position: relative;
  }
}
.recipe__name {
  color: #212b36;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.01775em;
  line-height: 1.125em;
  margin: 0 0 15px;
}
@media print {
  .recipe__name {
    color: #FFFFFF !important;
  }
}
@media (max-width: 1280px) {
  .recipe__name {
    font-size: 32px;
    margin-bottom: 24px;
  }
}
@media (max-width: 636px) {
  .recipe__name {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.recipe__cook-data {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.recipe__cook-data__item {
  padding: 5px 40px;
  text-align: center;
}
@media (max-width: 1280px) {
  .recipe__cook-data__item {
    padding: 5px 20px;
  }
}
@media (max-width: 636px) {
  .recipe__cook-data__item {
    padding: 2px 10px;
  }
}
.recipe__cook-data__item:first-child {
  padding-left: 0;
}
.recipe__cook-data__item:last-child {
  padding-right: 0;
}
.recipe__cook-data__item:not(:last-child) {
  border-right: 1px solid #c4cdd5;
}
.recipe__cook-data__item .value {
  color: #38a8ae;
  display: block;
  font-size: 36px;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 5px;
}
@media print {
  .recipe__cook-data__item .value {
    color: #FFFFFF !important;
  }
}
.recipe__cook-data__item .text {
  color: #637381;
  display: block;
  font-size: 14px;
  line-height: 1em;
}
@media print {
  .recipe__cook-data__item .text {
    color: #FFFFFF !important;
  }
}
.recipe__cook-data__item .icon {
  display: inline-block;
  font-size: 12px;
  margin-right: 5px;
  vertical-align: middle;
}
@media print {
  .recipe__cook-data__item .icon::before {
    color: #FFFFFF !important;
  }
}
@media (max-width: 636px) {
  .recipe__cook-data__item .icon {
    margin-right: 2px;
  }
}
.recipe__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 15px auto 15px auto 15px auto;
  grid-template-areas: "desc ingr" "dire ingr" "nutr ingr" "extr ingr";
  -ms-grid-columns: 56.49% 120px 31.57%;
  grid-template-columns: 56.49% 31.57%;
  grid-column-gap: 120px;
  grid-row-gap: 15px;
  padding: 24px 24px 24px 42px;
  color: #637381;
  font-size: 14px;
  line-height: 1.35em;
  letter-spacing: -0.0178em;
}
@media (max-width: 1280px) {
  .recipe__body {
    padding-top: 32px;
  }
}
@media (max-width: 1024px) {
  .recipe__body {
    grid-template-columns: 1fr;
    grid-template-areas: "desc" "ingr" "dire" "nutr" "extr";
  }
}
@media (max-width: 636px) {
  .recipe__body {
    padding: 20px 0;
  }
}
.recipe__subtitle {
  color: #212b36;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.02375em;
  line-height: 1.5em;
  margin: 0;
}
@media (max-width: 636px) {
  .recipe__subtitle {
    font-size: 21px;
  }
}
.recipe__description {
  grid-area: desc;
  font-size: 16px;
  line-height: 1.25em;
  letter-spacing: -0.018125em;
}
.recipe__directions {
  grid-area: dire;
}
.recipe__directions ol,
.recipe__directions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.recipe__directions ol li,
.recipe__directions ul li {
  padding-left: 30px;
  position: relative;
}
.recipe__directions ol li:not(:last-child),
.recipe__directions ul li:not(:last-child) {
  margin-bottom: 11px;
}
.recipe__directions ol {
  counter-reset: direction;
}
.recipe__directions ol li::before {
  counter-increment: direction;
  content: counter(direction);
  left: 0;
  position: absolute;
  top: 0;
}
.recipe__directions ul li::before {
  background-color: #3c4551;
  border-radius: 50%;
  content: '';
  display: block;
  height: 4px;
  left: 3px;
  position: absolute;
  top: 7px;
  width: 4px;
}
.recipe__nutritional-information {
  grid-area: nutr;
}
.recipe__ingredients {
  background-color: #f4f6f8;
  padding: 30px;
  -ms-flex-item-align: baseline;
  align-self: baseline;
  grid-area: ingr;
}
@media (max-width: 636px) {
  .recipe__ingredients {
    margin-left: -15px;
    padding: 15px;
    width: calc(100% + 30px);
  }
}
.recipe__ingredients ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.recipe__ingredients ul li {
  padding-left: 13px;
  position: relative;
}
.recipe__ingredients ul li:not(:last-child) {
  margin-bottom: 11px;
}
.recipe__ingredients ul li::before {
  background-color: #3c4551;
  border-radius: 50%;
  content: '';
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 4px;
}
.recipe__ingredients ul li a {
  color: #38a8ae;
}
.recipe__ingredients strong {
  font-weight: 600;
}
.recipe__extra-data {
  grid-area: extr;
  border-top: 1px solid #dfe3e8;
  padding: 25px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.recipe__tags {
  color: #637381;
  margin-right: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1280px) {
  .recipe__tags {
    margin-bottom: 20px;
    width: 100%;
  }
}
.recipe__tags .title {
  margin-right: 10px;
}
.recipe__tags .list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.recipe__tags .list li {
  padding: 2px 0;
}
.recipe__tags .list li:not(:last-child) {
  margin-right: 8px;
}
.recipe__tags .tag {
  background-color: #dfe3e8;
  border-radius: 3px;
  color: #454f5b;
  display: block;
  font-size: 12px;
  letter-spacing: -0.0083em;
  line-height: 1.33em;
  padding: 5px 8px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  will-change: background-color;
}
.recipe__print {
  color: #454f5b;
  margin-right: 30px;
}
@media (max-width: 1280px) {
  .recipe__print {
    margin-right: auto;
  }
}
.recipe__print .button {
  background-color: transparent;
  border: 0;
  color: #454f5b;
  font-weight: 400;
  letter-spacing: -0.0357em;
  padding: 0;
}
.recipe__print .icon {
  display: inline-block;
  font-size: 18px;
  margin-left: 10px;
  vertical-align: middle;
}
.recipe__share {
  color: #454f5b;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0;
}
.recipe__share .title {
  margin-right: 8px;
}
.recipe__share .list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.recipe__share .list li:not(:last-child) {
  margin-right: 8px;
}
.recipe__share .button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #000000;
  border-radius: 50%;
  border: 0;
  color: #FFFFFF;
  height: 32px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  width: 32px;
  will-change: background-color;
}
.recipe__share .button.transparent {
  background-color: transparent;
}
.recipe__share .button.fb {
  background-color: #3b5998;
}
.recipe__share .button.fb:hover {
  background-color: #4c70ba;
}
.recipe__share .button.tw {
  background-color: #1da1f2;
}
.recipe__share .button.tw:hover {
  background-color: #4db5f5;
}
.recipe__share .button.it {
  background-color: #d93175;
}
.recipe__share .button.it:hover {
  background-color: #e15c92;
}
.recipe__share .button--border-no-radius {
  border-radius: 0;
}
.recipe .js-accordion-mobile__title::after {
  color: #454f5b;
}
.recipe .js-accordion-mobile__content {
  border-top: 1px solid #c4cdd5;
  margin-top: 15px;
  padding-top: 15px;
}
.recipes-carousel .js-owl-default__title {
  color: #454F5B;
}
.recipes-carousel__item {
  margin: 0 12px;
  width: 100%;
}
@media (max-width: 1024px) {
  .recipes-carousel__item {
    margin: 0 6px;
  }
}
.recipes-carousel__recipe {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.recipes-carousel__recipe__image {
  border-radius: 5px;
  overflow: hidden;
  padding-bottom: 74.48%;
  position: relative;
  width: 100%;
}
.recipes-carousel__recipe__image img {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: right;
  position: absolute;
  top: 0;
  width: 100%;
}
.recipes-carousel-top .recipes-carousel__recipe__image {
  padding-bottom: 41%;
}
.recipes-carousel__recipe__data {
  background-color: #FFFFFF;
  bottom: 0;
  color: #637381;
  font-size: 14px;
  letter-spacing: -0.25px;
  padding: 3px 10px;
  position: absolute;
  right: 0;
}
.recipes-carousel__recipe__time {
  margin-right: 10px;
}
.recipes-carousel__recipe__time .icon {
  font-size: 12px;
}
.recipes-carousel__recipe__servings .icon {
  font-size: 11px;
}
.recipes-carousel__recipe__caption {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 10px 0;
  text-align: left;
}
.recipes-carousel__recipe__name {
  color: #454F5B;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.33px;
  line-height: 1.27em;
  margin: 0 0 15px;
}
.recipes-carousel__recipe__name a:link,
.recipes-carousel__recipe__name a:visited,
.recipes-carousel__recipe__name a:hover,
.recipes-carousel__recipe__name a:active {
  color: #454F5B;
}
.recipes-carousel__recipe__view:link,
.recipes-carousel__recipe__view:visited {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #38a8ae;
  font-size: 12px;
  letter-spacing: -0.1px;
  line-height: 1;
  margin-top: auto;
  text-decoration: none;
}
.recipes-carousel__recipe__view:link .icon,
.recipes-carousel__recipe__view:visited .icon {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 10px;
  margin-left: 11px;
}
.recipes-carousel__recipe__view:hover,
.recipes-carousel__recipe__view:active {
  color: #38a8ae;
}
.recipes-carousel__recipe__view:hover .icon,
.recipes-carousel__recipe__view:active .icon {
  -webkit-transform: translateX(2px);
  -ms-transform: translateX(2px);
  transform: translateX(2px);
}
.recipes-carousel-top .more-recipes__recipe__extract {
  display: block;
}
.more-recipes__title {
  color: #454F5B;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.33px;
  line-height: 1.27em;
  margin: 0 0 25px;
}
@media (max-width: 1024px) {
  .more-recipes__title {
    font-size: 16px;
  }
}
.more-recipes__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
@media (max-width: 636px) {
  .more-recipes__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.more-recipes__recipe {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #DFE3E8;
  overflow: hidden;
}
.more-recipes__recipe__image {
  border-radius: 5px;
  overflow: hidden;
  padding-bottom: 65.61%;
  position: relative;
  width: 100%;
}
@media (max-width: 636px) {
  .more-recipes__recipe__image {
    padding-bottom: 80.48%;
  }
}
.more-recipes__recipe__image img {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: right;
  position: absolute;
  top: 0;
  width: 100%;
}
.more-recipes__recipe__data {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #FFFFFF;
  bottom: 0;
  color: #637381;
  font-size: 12px;
  line-height: 1em;
  padding: 5.4px;
  position: absolute;
  right: 0;
}
.more-recipes__recipe__time {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-right: 9px;
}
.more-recipes__recipe__time .icon {
  font-size: 13.2px;
  margin-right: 5px;
}
.more-recipes__recipe__servings {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.more-recipes__recipe__servings .icon {
  font-size: 13.2px;
  margin-right: 5px;
}
.more-recipes__recipe__caption {
  height: 100%;
  padding: 15px;
  text-align: center;
  width: 100%;
}
.more-recipes__recipe__name {
  color: #161C23;
  font-size: 12px;
  font-weight: 700;
  line-height: 1em;
  margin: 0;
}
.more-recipes__recipe__name a:link,
.more-recipes__recipe__name a:visited,
.more-recipes__recipe__name a:hover,
.more-recipes__recipe__name a:active {
  color: #161C23;
}
.more-recipes__recipe__extract {
  color: #637381;
  display: none;
  font-size: 14px;
  letter-spacing: -0.0178em;
  line-height: 1.35em;
}
.more-recipes__recipe__extract p:not(:last-child) {
  margin-bottom: 0;
}
.more-recipes__recipe__view:link,
.more-recipes__recipe__view:visited {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #38a8ae;
  font-size: 12px;
  letter-spacing: -0.1px;
  line-height: 1;
  margin-top: auto;
  text-decoration: none;
}
.more-recipes__recipe__view:link .icon,
.more-recipes__recipe__view:visited .icon {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 10px;
  margin-left: 11px;
}
.more-recipes__recipe__view:hover,
.more-recipes__recipe__view:active {
  color: #38a8ae;
}
.more-recipes__recipe__view:hover .icon,
.more-recipes__recipe__view:active .icon {
  -webkit-transform: translateX(2px);
  -ms-transform: translateX(2px);
  transform: translateX(2px);
}
.more-recipes__pagination .pagination-bar {
  background-color: transparent;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar {
  padding: 0;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar {
  padding: 0;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .row > div {
  padding: 0;
  width: 100%;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li {
  margin: 0 4px;
  width: auto;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li:not(:first-of-type):not(:last-of-type) {
  background-color: #C4CDD5;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li:not(:first-of-type):not(:last-of-type) span,
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li:not(:first-of-type):not(:last-of-type) a {
  text-indent: -9999px;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li.active {
  background-color: #454F5B !important;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li.pagination-prev span,
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li.pagination-next span,
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li.pagination-prev a,
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li.pagination-next a {
  color: #454F5B;
  font-size: 13px;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li.pagination-prev.disabled span,
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li.pagination-next.disabled span,
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li.pagination-prev.disabled a,
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li.pagination-next.disabled a {
  color: #C4CDD5;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li.pagination-prev {
  margin: 0 12px 0 0;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li.pagination-next {
  margin: 0 0 0 12px;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li span,
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .pagination li a {
  margin: 0;
}
.more-recipes__pagination .pagination-bar .pagination-toolbar .sort-refine-bar .total-number-of-results {
  display: none;
}
@media (min-width: 1025px) {
  .more-recipes .pagination-bar.top .sort-refine-bar {
    padding: 0;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .more-recipes .pagination-bar.top {
    margin-bottom: 10px;
  }
}
.more-recipes.top-recipes {
  padding: 0 10px;
  margin-bottom: 16px;
}
.more-recipes.top-recipes .more-recipes__grid {
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 15px;
}
@media (max-width: 636px) {
  .more-recipes.top-recipes .more-recipes__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.more-recipes.top-recipes .more-recipes__recipe__caption {
  padding: 25px 15px;
}
.more-recipes.top-recipes .more-recipes__recipe__name {
  font-size: 24px;
  line-height: 1.16em;
  margin-bottom: 12px;
}
.more-recipes.top-recipes .more-recipes__recipe__extract {
  display: block;
}
.more-recipes.top-recipes .more-recipes__recipe__view:link,
.more-recipes.top-recipes .more-recipes__recipe__view:visited {
  margin-top: auto;
}
.more-recipes .more-recipes__pagination-cnt {
  margin-top: 16px;
}
.more-recipes .more-recipes__pagination-cnt .pagination-toolbar .sort-refine-bar .row {
  display: flex;
  justify-content: center;
}
.more-recipes .more-recipes__pagination-cnt .pagination-toolbar .sort-refine-bar .row .col-sm-6,
.more-recipes .more-recipes__pagination-cnt .pagination-toolbar .sort-refine-bar .row col-md-7 {
  display: flex;
  justify-content: center;
}
/*
.recipe-banner {
  margin-left: ~"calc(-100vw / 2 + 1410px / 2)";
  margin-right: ~"calc(-100vw / 2 + 1410px / 2)";

  @media (max-width: @width-wrap) {
    margin-left: -15px;
    margin-right: -15px;
  }

  .simple-banner {
    margin: 0 0 24px;
    width: 100%;

    .banner-title {
      .transform(translate(-50%, -50%));
      color: #212B36;
      font-size: 36px;
      font-weight: 700;
      left: 50%;
      letter-spacing: -0.0277em;
      line-height: 1.05em;
      margin: 0;
      max-width: @width-wrap;
      width: 100%;
      z-index: 10;

      @media (max-width: @width-wrap) {
        padding: 0 30px;
      }

      @media (max-width: @screen-sm-max) {
        font-size: 30px;
      }

      @media (max-width: @screen-xs-max) {
        font-size: 24px;
        padding: 0 15px;
      }

      span {
        display: block;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -0.0181em;
        line-height: 1.125em;
        margin-top: 9px;

        @media (max-width: @screen-sm-max) {
          margin-top: 3px;
        }

        @media (max-width: @screen-xs-max) {
          font-size: 14px;
          margin-top: 1px;
        }
      }
    }

    picture {
      height: 100%;
      left: 0;
      object-fit: cover;
      object-position: right;
      position: absolute;
      top: 0;
      width: 100%;
    }
  }
}*/
body.page-recipeListPage .recipe-list-wrapper {
  margin-top: 20px;
}
body.page-recipeListPage .filter-result {
  border-radius: 10px;
  border: 0;
  box-shadow: 0px 8px 16px rgba(22, 28, 35, 0.1);
  margin: 0 0 16px;
  padding: 24px 16px 8px;
}
body.page-recipeListPage .filter-result .facet__name {
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 16px;
}
body.page-recipeListPage .filter-result .facet__list li {
  background-color: #D7EEEF;
  border-radius: 50px;
  color: #148181;
  font-size: 12px;
  height: 28px;
  letter-spacing: -0.025em;
  line-height: 1.08em;
  padding: 7.5px 32px 7.5px 8px !important;
  position: relative;
}
body.page-recipeListPage .filter-result .facet__list li .icon {
  color: #329292;
  font-size: 9.8px;
  line-height: 0;
  margin: 0;
}
body.page-recipeListPage .filter-result .facet__list__remove {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(56, 168, 174, 0.15);
  border-radius: 50%;
  height: 28px;
  position: absolute;
  right: 0;
  width: 28px;
}
body.page-recipeListPage .categories-sidebar {
  border-radius: 10px;
  border: 0;
  box-shadow: 0px 8px 16px rgba(22, 28, 35, 0.1);
  margin: 0 0 16px;
  padding: 24px 16px 16px;
}
body.page-recipeListPage .product-categories {
  border-radius: 0;
  border: 0;
  padding: 0;
}
body.page-recipeListPage .product-categories hr {
  display: none;
}
body.page-recipeListPage .product-categories .categories-text {
  margin-bottom: 32px;
}
body.page-recipeListPage .product-categories .facet__list {
  border: 0;
  margin-bottom: 0;
}
body.page-recipeListPage .product-categories .facet__list li:not(:last-child) {
  margin-bottom: 12px;
}
body.page-recipeListPage .product-categories .facet__list__checkbox:checked + .facet__list__label .facet__list__mark {
  background-color: #DEF4F5;
  border: 0;
  color: #38A8AE;
  font-size: 12px;
  line-height: 18px;
}
body.page-recipeListPage .product-categories .facet__list__mark {
  background-color: #F4F6F8;
  border-radius: 3px;
  border: 1px solid #919EAB;
  height: 24px;
  width: 24px;
}
body.page-recipeListPage .product-categories .view-all-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0;
  margin-top: 16px;
}
body.page-recipeListPage .product-categories .view-all-tag a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #ECF0F4;
  border-radius: 50px;
  color: #212B36;
  display: inline-block;
  padding: 9.5px 12px;
}
body.page-recipeListPage .product-categories .view-all-tag a span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.08em;
}
.article {
  font-family: "Open Sans", sans-serif;
  position: relative;
}
.article img {
  width: 100%;
  height: auto;
}
.article .content {
  position: absolute;
  top: 40px;
  left: 30px;
  width: 75%;
  text-align: left;
}
.article .content .suptitle {
  opacity: 0.6;
  color: #454f5b;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.21px;
  line-height: 17px;
  text-transform: uppercase;
}
.article .content .title {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -0.39px;
  line-height: 24px;
  color: #454f5b;
  margin-bottom: 18px;
}
.article .content .button {
  color: #454f5b;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 19px;
  text-align: center;
  padding: 8px 15px;
  border: 1px solid rgba(145, 158, 171, 0.4);
  border-radius: 3px;
  background-color: transparent;
}
.article .content .button.green-btn {
  background-color: #38a8ae;
}
.article .content .button.yellow-btn {
  background-color: #f9b01b;
}
.article .content .under-note {
  margin-top: 18px;
  opacity: 0.6;
  color: #FFFFFF;
  font-size: 12px;
  letter-spacing: -0.21px;
  line-height: 17px;
}
.article .content .under-note small {
  font-size: 12px;
}
.article.dark .content .suptitle,
.article.dark .content .title,
.article.dark .content .button {
  color: #fff;
}
.article.big-article .title {
  font-size: 32px;
  line-height: 36px;
}
.article.big-article .button {
  padding: 8px 30px;
}
.campaign-banner {
  font-family: "Open Sans", sans-serif;
  position: relative;
}
@media (max-width: 1024px) {
  .campaign-banner {
    margin-bottom: 10px;
  }
}
.campaign-banner > a {
  display: block;
  cursor: pointer;
}
.campaign-banner img {
  width: 100%;
  height: auto;
}
.campaign-banner .content {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0 20px;
}
.campaign-banner .number {
  height: 53px;
  width: 53px;
  border: 4px solid #FFFFFF;
  margin-bottom: 20px;
  display: inline-block;
  border-radius: 50%;
  font-family: "bebasneue_bold-webfont";
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 54px;
}
.campaign-banner .title {
  color: #FFFFFF;
  font-family: "bebasneue_bold-webfont";
  font-size: 28px;
  line-height: 24px;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-top: 0;
}
.campaign-banner .subtitle {
  color: #FFFFFF;
  font-size: 13px;
  letter-spacing: -0.25px;
  line-height: 18px;
  margin-top: 5px;
  padding: 0 30px;
}
.campaign-banner.green-number .number {
  color: #40c0c7;
  border-color: #40c0c7;
}
.exclusives-carousel .js-owl-default__title {
  color: #ff4219;
  font-size: 18px;
}
.special-buys-carousel .js-owl-default__title {
  color: #ffffff;
}
.xtrasaving-top-banner {
  position: relative;
}
@media (min-width: 637px) {
  .xtrasaving-top-banner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .xtrasaving-top-banner > div {
    flex-shrink: 0;
  }
}
.xtrasaving-top-banner .member-exclusive-box {
  position: relative;
  right: -65px;
  top: 55px;
}
@media (min-width: 1440px) {
  .xtrasaving-top-banner .member-exclusive-box {
    right: 725px;
  }
}
@media (min-width: 1281px) and (max-width: 1440px) {
  .xtrasaving-top-banner .member-exclusive-box {
    right: calc(710px + 15px);
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .xtrasaving-top-banner .member-exclusive-box {
    right: calc(50% + 15px);
    width: 50%;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .xtrasaving-top-banner .member-exclusive-box {
    right: calc(50% + 15px);
    width: 50%;
  }
}
@media (max-width: 636px) {
  .xtrasaving-top-banner .member-exclusive-box {
    left: 0;
    right: 0;
    top: -8px;
    margin-bottom: 30px;
  }
}
.page-extraSavingsMemberPage .xtrasaving-top-banner .member-exclusive-box {
  margin-bottom: 80px;
}
.xtrasaving-top-banner .banner__component--responsive {
  margin: 0;
  width: 100%;
}
@media (max-width: 636px) {
  .xtrasaving-top-banner .banner__component--responsive {
    width: calc(100% + 30px);
    left: -15px;
  }
  .xtrasaving-top-banner .banner__component--responsive.full-size-image-cls {
    left: unset;
  }
}
@media (min-width: 637px) and (max-width: 1440px) {
  .xtrasaving-top-banner .banner__component--responsive.full-size-image-cls {
    margin-left: -15px !important;
  }
}
.xtrasaving-top-banner .banner__component--responsive img {
  width: 100%;
}
@media (min-width: 1440px) {
  .xtrasaving-top-banner .full-size-image-cls + .member-exclusive-box {
    right: -50%;
  }
}
@media (min-width: 1281px) and (max-width: 1440px) {
  .xtrasaving-top-banner .full-size-image-cls + .member-exclusive-box {
    right: calc(-50% + 30px);
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .xtrasaving-top-banner .full-size-image-cls + .member-exclusive-box {
    right: -50%;
  }
}
@media (min-width: 637px) and (max-width: 1024px) {
  .xtrasaving-top-banner .full-size-image-cls + .member-exclusive-box {
    right: -50%;
  }
}
.xtrasaving-top-banner .savings-box {
  position: absolute;
  right: 0;
  top: 20px;
  background-color: #FFFFFF;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.2);
  width: 290px;
  padding: 24px;
}
.xtrasaving-top-banner .savings-box .orange-text {
  color: #ff4219;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.71px;
  line-height: 30px;
  display: block;
}
.xtrasaving-top-banner .savings-box strong {
  color: #000000;
  font-size: 82px;
  font-weight: 800;
  letter-spacing: -1.82px;
  line-height: 112px;
}
.xtrasaving-top-banner .savings-box strong sup {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.71px;
  line-height: 30px;
  top: -1em;
}
.xtrasaving-top-banner .savings-box .white-btn {
  background-color: #fff;
  width: 100%;
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  color: #212b36;
  font-size: 14px;
  letter-spacing: -0.39px;
  line-height: 19px;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xtrasaving-top-banner .savings-box .white-btn .card-box {
  width: 24px;
  height: 18px;
  border: 2px solid #424c59;
  border-radius: 3px;
  text-align: center;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xtrasaving-top-banner .savings-box .white-btn svg {
  width: 14px;
  height: 12px;
}
.xtrasaving-top-banner .item-product__image img {
  width: 100%;
}
:-ms-fullscreen img,
:root .item-product__image img {
  max-height: 190px;
}
.section-space {
  margin: 25px 0 45px;
}
.section-entries .section-title {
  color: #212b36;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 25px 0;
  text-align: left;
}
.section-entries .section-buttons .section-btn {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0 0 0 20px;
  font-weight: normal;
}
@media (max-width: 636px) {
  .section-entries .section-buttons .section-btn {
    border: 1px solid #c4cdd5;
    border-radius: 3px;
    width: 100%;
    padding: 10px 0;
    margin: 0 0 10px 0;
  }
}
.section-entries .section-buttons .section-btn__black {
  color: #15202c;
}
.section-entries .section-buttons .section-btn__green {
  color: #40c0c7;
}
.section-entries .number-box {
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  background-color: #FFFFFF;
  padding: 8px 8px 8px 22px;
  margin-bottom: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  z-index: 2;
  flex-flow: row-reverse;
}
@media (max-width: 636px) {
  .section-entries .number-box {
    display: block;
    padding-left: 8px;
    height: 100%;
  }
}
.section-entries .number-box:active,
.section-entries .number-box:focus {
  text-decoration: none;
  outline: none;
}
.section-entries .number-box .description {
  color: #38a8ae;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.62px;
  line-height: 28px;
  text-transform: uppercase;
  float: left;
  width: 70%;
}
@media (max-width: 636px) {
  .section-entries .number-box .description {
    font-size: 24px;
  }
}
.section-entries .number-box .number {
  float: right;
  height: 104px;
  width: 120px;
  border-radius: 3px;
  margin-left: 15px;
  background-color: #dfe3e8;
  text-align: center;
  color: #000000;
  font-size: 82px;
  font-weight: 800;
  letter-spacing: -1.82px;
  line-height: 100px;
}
@media (max-width: 636px) {
  .section-entries .number-box .number {
    margin-left: 0;
    margin-bottom: 12px;
    width: 100%;
  }
}
@media (max-width: 636px) {
  .section-entries .row {
    width: 100%;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 0 20px 0;
  }
  .section-entries .row::-webkit-scrollbar {
    display: none;
  }
  .section-entries .row .col-xs-4 {
    flex: 0 0 auto;
    width: 165px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 3px;
  }
}
.special-buys-carousel {
  position: relative;
}
.special-buys-carousel > img {
  margin-left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1024px) {
  .special-buys-carousel > img {
    transform: translateX(-25%);
  }
}
@media (max-width: 636px) {
  .special-buys-carousel > img {
    transform: none;
    width: 110%;
    margin: 0 -15px;
  }
}
.special-buys-carousel .carousel-holder {
  position: absolute;
  right: 0;
  top: 10px;
  width: 740px;
  height: 260px;
  background-color: #FE5F03;
}
@media (max-width: 1024px) {
  .special-buys-carousel .carousel-holder {
    position: relative;
    width: calc(160%);
    padding: 20px 50px 0 50px;
    left: -30px;
  }
}
.special-buys-carousel .special-buys-carousel-item {
  position: relative;
  width: 136px;
  float: left;
}
.special-buys-carousel .special-buys-carousel-item .special-buys-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  flex-flow: row wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.special-buys-carousel .special-buys-carousel-item .special-buys-content .product-name {
  color: #212b36;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-self: flex-start;
}
.special-buys-carousel .special-buys-carousel-item .special-buys-content .special-buys-text {
  color: #ff4219;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 16px;
  text-transform: uppercase;
  padding: 10px 15px;
  text-align: left;
  align-self: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.special-buys-carousel .special-buys-carousel-item .special-buys-content .product-img {
  margin-top: auto;
}
.special-buys-carousel .special-buys-carousel-item .special-buys-content .product-img img {
  width: 100%;
}
.xtra-products-block {
  text-align: center;
}
.xtra-products-block .xtra-products-tabs ul {
  text-align: center;
  background: #f4f6f8;
  border-bottom: 1px solid #c9d2d9;
  padding: 40px 0 0 0;
  position: relative;
}
.xtra-products-block .xtra-products-tabs ul li {
  list-style: none;
  display: inline-block;
  float: none;
}
.xtra-products-block .xtra-products-tabs ul li a {
  display: block;
  font-size: 16px;
  color: #212b36;
  padding: 16px 16px 10px;
  position: relative;
  border: none;
  background-color: transparent;
}
.xtra-products-block .xtra-products-tabs ul li.active {
  font-weight: bold;
}
.xtra-products-block .xtra-products-tabs ul li.active a:hover,
.xtra-products-block .xtra-products-tabs ul li.active a:focus {
  border: none;
  background: transparent;
  color: #212b36;
  outline: none;
}
.xtra-products-block .xtra-products-tabs ul li.active a:after {
  background-color: #fe5500;
  border-radius: 0 0 10px 10px;
  bottom: -3px;
  content: '';
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.xtra-products-block .xtra-products-tabs ul.non-member {
  padding-top: 0;
}
.xtra-products-block .xtra-products-tabs ul.non-member li a {
  font-size: 24px;
  text-transform: none;
}
.xtra-products-block .xtra-products-tabs ul .outer-bg {
  width: 99999px;
  height: calc(100% + 1px);
  position: absolute;
  margin-left: 50%;
  transform: translateX(-50%);
  background: #f4f6f8;
  border-bottom: 1px solid #c9d2d9;
  top: 0;
}
.xtra-products-block .xtra-products-top-bottom {
  margin: 50px 0 86px 0;
}
.xtra-products-block .line {
  border-top: 1px solid #c4cdd5;
  position: relative;
  top: 24px;
}
.xtra-products-block .btn-holder {
  background: #fff;
  display: inline-block;
  padding: 0 16px;
  position: relative;
}
.xtra-products-block .xtra-orange-btn {
  background-color: #ff4219;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 14px;
  letter-spacing: -0.39px;
  padding: 9px 30px 12px;
  border: none;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.xtra-products-block .xtra-orange-btn svg {
  margin-left: 8px;
}
.xtra-products-block .xtra-orange-btn svg path {
  fill: #fff;
}
.xtra-saving-info-box {
  margin-bottom: 20px;
}
.xtra-saving-info-box a {
  display: inline-block;
}
.xtra-saving-info-box p {
  color: #212b36;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  margin-left: 40px;
  width: 60%;
}
.xtra-saving-info-box span {
  color: #ff4219;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .xtra-saving-info {
    margin-left: 20px;
  }
  .xtra-saving-info-box p {
    width: 73%;
    font-size: 14px;
    margin-left: 20px;
  }
}
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .xtra-saving-info-box p {
    font-size: 13px;
    width: 65%;
    margin-left: 25px;
  }
}
.xtra-saving-banner-visit img {
  margin-left: 50%;
  transform: translateX(-50%);
  width: auto;
}
@media (max-width: 636px) {
  .xtra-saving-banner-visit img {
    margin-left: 0;
    transform: none;
    width: 100%;
  }
}
.xtra-saving-banner-visit .banner__component--responsive img {
  width: auto;
}
@media (max-width: 636px) {
  .xtra-saving-banner-visit .banner__component--responsive img {
    width: 110%;
    margin: 0 -15px;
  }
}
.register-online-separate-steps {
  display: inline-flex;
  transform: translatex(13%);
  text-align: center;
  margin: 45px 0 50px 0;
}
.register-online-separate-steps .register-online-steps {
  width: 16%;
}
.register-online-separate-steps .register-online-steps .title {
  font-size: 32px;
  color: #ff4219;
  font-weight: 100;
  font-family: "bebasneue_bold-webfont";
  letter-spacing: -0.79px;
  line-height: 20px;
  text-align: center;
}
.register-online-separate-steps .register-online-steps a {
  color: #ff4219;
  text-decoration: underline;
  font-weight: 700;
}
.register-online-separate-steps .register-online-steps span {
  font-weight: 700;
  font-size: 14px;
}
.register-online-separate-steps .register-online-steps-number {
  border: 1px solid #c4cdd5;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  font-family: "bebasneue_bold-webfont";
  color: #ff4219;
  font-weight: 500;
  margin: auto;
  background-color: #fff;
  font-size: 55px;
  line-height: 88px;
  text-align: center;
}
.register-online-separate-steps .register-steps-or {
  width: 3%;
}
.register-online-separate-steps .register-steps-or .or-option {
  font-family: "bebasneue_bold-webfont";
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.4px;
  margin-top: 30px;
  height: 19px;
  line-height: 22px;
  text-align: center;
  background-color: #000;
  border-radius: 3px;
}
.register-online-separate-steps .register-steps-or hr {
  width: 205px;
  margin-left: -80px;
  margin-top: -21px;
  position: absolute;
  z-index: -1;
  border-top: 1px solid #c4cdd5;
}
.box-mb {
  margin-bottom: 140px;
}
.member-exclusive-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 rgba(22, 28, 35, 0.1);
  color: #161c23;
  max-width: 712px;
  padding: 24px 20px 32px 32px;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 10;
}
@media (max-width: 1280px) {
  .member-exclusive-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 16px;
  }
}
.member-exclusive-box__left-side {
  margin-right: 20px;
  width: 50%;
}
@media (max-width: 1280px) {
  .member-exclusive-box__left-side {
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
}
.member-exclusive-box__right-side {
  margin-left: 20px;
  width: 50%;
}
@media (max-width: 1280px) {
  .member-exclusive-box__right-side {
    margin-left: 0;
    width: 100%;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .member-exclusive-box__right-side {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
  .member-exclusive-box__right-side > div,
  .member-exclusive-box__right-side > div.communication-preferences__block {
    width: 49%;
    vertical-align: top;
    display: inline-block;
  }
  .member-exclusive-box__right-side .communication-preferences__block {
    text-align: left;
  }
}
.member-exclusive-box__title {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.0208em;
  line-height: 1em;
  margin: 0 0 16px;
  text-transform: uppercase;
}
.member-exclusive-box__text {
  color: #161c23;
  font-size: 12px;
  letter-spacing: -0.03em;
  line-height: 1.33em;
  margin-bottom: 24px;
}
.member-exclusive-box__text strong {
  color: #ff4219;
  font-weight: 700;
}
.member-exclusive-box__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  color: #212b36;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.0357em;
  line-height: 1em;
  width: 100%;
}
.member-exclusive-box__button.new {
  color: #ff4219;
}
.member-exclusive-box__button .text {
  position: relative;
}
.member-exclusive-box__button .text .new {
  background-color: #ff4219;
  border-radius: 50px;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 800;
  height: 18px;
  left: 104%;
  line-height: 18px;
  padding: 0 6px;
  position: absolute;
  text-transform: uppercase;
  top: -10px;
}
.member-exclusive-box__button .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  margin-right: 8px;
  width: 32px;
}
.member-exclusive-box__button .icon img {
  width: 18px;
}
.member-exclusive-box__button:not(.new) img.icon {
  filter: brightness(0) sepia(1);
}
.member-exclusive-box__button .icon-chevron {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #919eab;
  font-size: 13.4px;
  height: 40px;
  margin-left: auto;
  width: 27px;
}
.member-exclusive-box__card {
  background-image: url("/_ui/responsive/common/images/checkers-primary-card.png");
  background-size: cover;
  padding-bottom: 67.04%;
  position: relative;
  width: 100%;
}
.member-exclusive-box__card.SHOPRITE {
  background-image: url("/_ui/responsive/common/images/shoprite-primary-card.png");
}
@media (max-width: 636px) {
  .member-exclusive-box__card {
    margin-left: -16px;
    padding-bottom: 74%;
    width: calc(100% + 32px);
  }
}
.member-exclusive-box__card__owner {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  left: 0;
  letter-spacing: -0.005em;
  line-height: 1em;
  position: absolute;
  text-align: center;
  text-shadow: 0 2px 4px rgba(22, 28, 35, 0.5);
  top: 48%;
  width: 100%;
}
.member-exclusive-box__card__number {
  color: #161C23;
  font-size: 22px;
  font-weight: 500;
  left: 0;
  position: absolute;
  text-align: center;
  top: 65%;
  width: 100%;
}
@media (max-width: 1280px) {
  .member-exclusive-box__card__number {
    font-size: 18px;
    font-weight: bold;
    top: 65%;
  }
}
@media (max-width: 1024px) {
  .member-exclusive-box__card__number {
    font-size: 23px;
    font-weight: bold;
    top: 65%;
  }
}
.member-exclusive-box .communication-preferences__block {
  margin: 0 auto;
  width: 76%;
}
@media (max-width: 1280px) {
  .member-exclusive-box .communication-preferences__block {
    width: 100%;
  }
}
.member-exclusive-box .communication-preferences__block .swipe-for-good__title {
  color: #ff4219;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.0243em;
  margin-bottom: 13px;
  text-transform: uppercase;
}
.member-exclusive-box .communication-preferences__table__row:not(:last-child) {
  margin-bottom: 6px;
}
.member-exclusive-box .communication-preferences__table__row .sr-switch__text {
  color: #212b36;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0214em;
  line-height: 1.14em;
}
.member-exclusive-box .communication-preferences__table__row .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #ff4219;
  border-color: #ff4219;
}
.member-exclusive-box .communication-preferences__table__row .sr-switch__slider {
  margin-right: 0;
}
.page-swipeForGood .communication-preferences .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #ff4219;
  border-color: #ff4219;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .register-online-separate-steps {
    display: block;
    transform: none;
    margin: 0 10px;
  }
  .register-online-separate-steps .register-online-steps {
    width: 100%;
    display: flex;
  }
  .register-online-separate-steps .steps-info {
    width: 68%;
    text-align: left;
    margin-left: 25px;
  }
  .register-online-separate-steps .register-online-steps-number {
    margin: 15px 0 0 0;
    width: 66px;
    height: 66px;
    font-size: 43px;
    transform: none;
  }
  .register-online-separate-steps .register-steps-or {
    width: 10%;
    margin: auto;
  }
  .register-online-separate-steps .register-steps-or hr {
    width: 90px;
    margin-left: -30px;
  }
}
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .register-online-separate-steps {
    transform: none;
  }
  .register-online-separate-steps .register-online-steps {
    width: 100%;
  }
  .register-online-separate-steps .register-online-steps .title {
    font-size: 18px;
  }
  .register-online-separate-steps .register-online-steps-number {
    width: 60px;
    height: 60px;
    font-size: 40px;
    margin: auto;
  }
  .register-online-separate-steps .register-steps-or {
    width: 20%;
  }
  .register-online-separate-steps .or-option {
    margin-top: 20px;
  }
}
.xtra-savings-products-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.0277em;
  text-align: left;
  color: #ff4219;
  margin: 10px 6px;
}
.slips-savings-banner {
  margin-left: calc(-100vw / 2 + 1410px / 2);
  margin-right: calc(-100vw / 2 + 1410px / 2);
  position: relative;
}
@media (max-width: 1440px) {
  .slips-savings-banner {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.slips-savings-banner__background img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.slips-savings-banner__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 57px 0 65px;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media (max-width: 1440px) {
  .slips-savings-banner__content {
    padding: 57px 15px 65px;
  }
}
@media (max-width: 636px) {
  .slips-savings-banner__content {
    padding: 20px 15px 55px;
  }
}
.slips-savings-banner__header {
  width: 33%;
}
@media (max-width: 636px) {
  .slips-savings-banner__header {
    margin-bottom: 25px;
    width: 100%;
  }
}
.slips-savings-banner__title {
  color: #ff4219;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 5px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .slips-savings-banner__title {
    font-size: 24px;
  }
}
.slips-savings-banner__text {
  color: #161c23;
  font-size: 14px;
  letter-spacing: -0.0257em;
  line-height: 1.28em;
  margin: 0;
  max-width: 220px;
  width: 100%;
}
.slips-savings-banner__data {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  width: 33%;
}
@media (max-width: 636px) {
  .slips-savings-banner__data {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 12px;
    width: 100%;
  }
}
.slips-savings-banner__data__image {
  height: auto;
  margin-right: 12px;
  width: 94px;
}
.slips-savings-banner__data__text {
  color: #161c23;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.03125em;
  line-height: 1em;
  margin-bottom: 5px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .slips-savings-banner__data__text {
    font-size: 11px;
  }
}
.slips-savings-banner__data__text strong {
  color: #ff4219;
  display: block;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.02083em;
  line-height: 1em;
  margin-top: 2px;
}
@media (max-width: 1024px) {
  .slips-savings-banner__data__text strong {
    font-size: 20px;
  }
}
.slips-and-savings {
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
}
.slips-and-savings__no-card {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid #c4cdd5;
  margin-bottom: 48px;
  padding: 48px 20px 70px;
}
.slips-and-savings__no-card .icon {
  color: #919eab;
  font-size: 40px;
  margin-bottom: 23px;
}
.slips-and-savings__no-card__title {
  color: #212b36;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 8px;
  text-transform: uppercase;
}
.slips-and-savings__no-card__subtitle {
  color: #161c23;
  font-size: 14px;
  letter-spacing: -0.0257em;
  line-height: 1.14em;
  margin: 0 0 16px;
}
.slips-and-savings__no-card__button,
.slips-and-savings__no-card__button:link,
.slips-and-savings__no-card__button:visited {
  background-color: #ff4219;
  border-radius: 50px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding: 0 30px;
  text-decoration: none;
}
.slips-and-savings__datepicker {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 20px;
  margin-top: -20px;
  position: relative;
  z-index: 1;
}
.slips-and-savings__datepicker__title {
  background-color: #FFFFFF;
  border-radius: 25px;
  color: #ff4219;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.005em;
  margin: 0;
  padding: 12px 25px;
  text-transform: uppercase;
}
.slips-and-savings__datepicker__select {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 4px 16px 0 rgba(22, 28, 35, 0.2);
  max-width: 360px;
  padding: 12px 8px 12px 15px;
  position: relative;
  width: 100%;
}
.slips-and-savings__datepicker__select:not(.is-open) {
  cursor: pointer;
}
@media (max-width: 636px) {
  .slips-and-savings__datepicker__select {
    width: 100%;
  }
}
.slips-and-savings__datepicker__select .icon-calendar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ff4219;
  font-size: 22px;
  height: 40px;
  margin-right: 12px;
  width: 40px;
}
.slips-and-savings__datepicker__select .value {
  border: 0;
  color: #212b36;
  font-size: 20px;
  letter-spacing: -0.005em;
  line-height: 1.1em;
  text-align: center;
  width: 100%;
}
@media (max-width: 636px) {
  .slips-and-savings__datepicker__select .value {
    font-size: 16px;
    line-height: 1.125em;
    text-align: left;
  }
}
.slips-and-savings__datepicker__select .value strong {
  color: #ff4219;
  font-weight: 800;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .slips-and-savings__datepicker__select .value strong:last-of-type {
    display: block;
  }
}
.slips-and-savings__datepicker__select .icon-dropdown {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #212b36;
  font-size: 10px;
  height: 40px;
  margin: 0 2px;
  width: 40px;
  cursor: pointer;
}
.slips-and-savings__datepicker__select .date-picker-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 0 0 10px 10px;
  border: 0;
  box-shadow: 0 8px 16px 0 rgba(22, 28, 35, 0.2);
  box-sizing: border-box;
  left: 0 !important;
  padding: 0;
  top: 100% !important;
  width: 100%;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .drp_top-bar,
.slips-and-savings__datepicker__select .date-picker-wrapper .date-range-length-tip {
  display: none !important;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  order: 2;
  padding: 8px 0;
  text-align: center;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table {
  float: none;
  margin: 0 auto;
  width: auto;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table tr {
  display: block;
  height: 40px;
  margin-bottom: 8px;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table tbody tr:last-of-type {
  margin-bottom: 0;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .caption {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .caption th {
  background-color: transparent;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .caption th.month-name {
  color: #212B36;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.005em;
  text-transform: uppercase;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .caption th .prev,
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .caption th .next {
  color: #454F5B;
  font-size: 13px;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .caption th .prev:hover,
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .caption th .next:hover {
  background-color: transparent;
  color: #454F5B;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .caption th .prev.disabled,
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .caption th .next.disabled {
  color: #C4CDD5;
  cursor: default;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .week-name th {
  background-color: transparent;
  color: #161C23;
  font-size: 14px;
  height: 40px;
  padding: 0;
  width: 40px;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .day {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #919eab;
  font-size: 14px;
  height: 40px;
  width: 40px;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #161C23;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .day.toMonth.valid.checked {
  font-weight: 700;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #fff7f2;
  color: #161c23;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #fff7f2 !important;
  color: #161c23 !important;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .day.real-today {
  background-color: transparent;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .day.first-date-selected,
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table .day.last-date-selected {
  background-color: #ff4219 !important;
  border-radius: 50% !important;
  color: #FFFFFF !important;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table tr td {
  position: relative;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table tr td:first-child .day.toMonth.checked,
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table tr td:first-child .day.toMonth.hovering {
  border-radius: 50% 0 0 50%;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table tr td:first-child .day.toMonth.checked.last-date-selected::before,
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table tr td:first-child .day.toMonth.hovering.last-date-selected::before {
  display: none;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table tr td:last-child .day.toMonth.checked,
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table tr td:last-child .day.toMonth.hovering {
  border-radius: 0 50% 50% 0;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table tr td:last-child .day.toMonth.checked.first-date-selected::before,
.slips-and-savings__datepicker__select .date-picker-wrapper .month-wrapper table tr td:last-child .day.toMonth.hovering.first-date-selected::before {
  display: none;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .shortcuts-buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ecf0f4;
  margin: 0;
  order: 1;
  padding: 12px;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .shortcuts-buttons a:link,
.slips-and-savings__datepicker__select .date-picker-wrapper .shortcuts-buttons a:visited {
  background-color: #dfe3e8;
  border-radius: 50px;
  color: #454f5b;
  font-size: 12px;
  font-weight: 700;
  margin: 0 4px;
  order: 2;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .slips-and-savings__datepicker__select .date-picker-wrapper .shortcuts-buttons a:link,
  .slips-and-savings__datepicker__select .date-picker-wrapper .shortcuts-buttons a:visited {
    font-size: 10px;
  }
}
.slips-and-savings__datepicker__select .date-picker-wrapper .shortcuts-buttons a:hover,
.slips-and-savings__datepicker__select .date-picker-wrapper .shortcuts-buttons a:active {
  background-color: #637381;
  color: #FFFFFF;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .shortcuts-buttons a.is-selected:link,
.slips-and-savings__datepicker__select .date-picker-wrapper .shortcuts-buttons a.is-selected:visited {
  background-color: #637381;
  color: #FFFFFF;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .shortcuts-buttons a[shortcut="custom"]:link,
.slips-and-savings__datepicker__select .date-picker-wrapper .shortcuts-buttons a[shortcut="custom"]:visited {
  order: 1;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .footer {
  display: none;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .footer-buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 8px solid #ecf0f4;
  order: 3;
  padding: 16px;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .footer-buttons .button {
  background-color: transparent;
  border-radius: 50px;
  border: 1px solid #919eab;
  color: #454f5b;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  margin: 0 4px;
  min-width: 148px;
  padding: 0 20px;
  text-align: center;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .footer-buttons .button:disabled {
  background-color: #dfe3e8;
  border-color: #dfe3e8;
  color: #a5b1bc;
}
.slips-and-savings__datepicker__select .date-picker-wrapper .footer-buttons .button--apply {
  background-color: #38a8ae;
  border-color: #38a8ae;
  color: #FFFFFF;
}
.slips-and-savings__datepicker__select.date-range-selected .date-picker-wrapper .month-wrapper table .day.toMonth.valid.checked.first-date-selected::before {
  background-color: #fff7f2;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  z-index: -1;
}
.slips-and-savings__datepicker__select.date-range-selected .date-picker-wrapper .month-wrapper table .day.toMonth.valid.checked.last-date-selected::before {
  background-color: #fff7f2;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: -1;
}
.slips-and-savings__datepicker__select.is-open {
  border-radius: 10px 10px 0 0;
}
.slips-and-savings__datepicker__select.is-open .icon-dropdown {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.slips-and-savings__slips {
  margin-bottom: 17px;
}
.slips-and-savings__slips:not(.table-empty-footer) {
  border-bottom: thin solid #c4cdd5;
}
@media (max-width: 636px) {
  .slips-and-savings__slips__filters {
    display: none;
  }
}
.slips-and-savings__slips__filters__titles {
  border-bottom: 2px solid #c4cdd5;
  padding: 12px 0;
}
.slips-and-savings__slips__filters__space {
  padding: 12px 0;
}
.slips-and-savings__slips__filters__space td {
  padding: 0;
}
.slips-and-savings__slips__filters th {
  background-color: transparent;
  padding: 12px 0;
  vertical-align: middle;
}
.slips-and-savings__slips__filters th .filter-text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  color: #161c23;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.0416em;
}
.slips-and-savings__slips__filters th .filter-text .icon {
  font-size: 11px;
  margin-left: 13px;
}
.slips-and-savings__slips__filters th.filter-check {
  width: 9%;
}
.slips-and-savings__slips__filters th.filter-date {
  padding: 0 10px;
  width: 20%;
}
.slips-and-savings__slips__filters th.filter-store {
  width: 22%;
}
.slips-and-savings__slips__filters th.filter-total {
  width: 14%;
}
.slips-and-savings__slips__filters th.filter-buttons {
  text-align: right;
  width: 26%;
}
.slips-and-savings__slips__filters__select-all {
  background-color: #ecf0f4;
  border-radius: 50px;
  border: 0;
  color: #161c23;
  font-size: 12px;
  font-weight: 700;
  line-height: 1em;
  padding: 8px 2px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.slips-and-savings__slips__filters__select-all[data-select="true"] .select {
  display: block;
}
.slips-and-savings__slips__filters__select-all[data-select="true"] .deselect {
  display: none;
}
.slips-and-savings__slips__filters__select-all[data-select="false"] .select {
  display: none;
}
.slips-and-savings__slips__filters__select-all[data-select="false"] .deselect {
  display: block;
}
.slips-and-savings__slips__filters__download-selected {
  background-color: #ecf0f4;
  border-radius: 50px;
  border: 0;
  color: #22252e;
  font-size: 12px;
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  padding: 0 19px;
  text-transform: uppercase;
}
.slips-and-savings__slips__filters__download-selected .icon {
  font-size: 9.6px;
  margin-left: 9.8px;
}
.slips-and-savings__slips__load-more {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 49px;
}
.slips-and-savings__slips__load-more .button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #ecf0f4;
  border-radius: 50px;
  border: 0;
  color: #161c23;
  font-size: 14px;
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  padding: 0 11px 0 16px;
  text-transform: uppercase;
}
.slips-and-savings__slips__load-more .button .icon {
  font-size: 11px;
  margin-left: 10px;
}
.slips-and-savings__slip {
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.slips-and-savings__slip:not(:last-child) {
  border-bottom: 1px dashed #c4cdd5;
}
.slips-and-savings__slip:hover {
  background-color: #FFFFFF;
  border-bottom: 0;
  border-radius: 10px;
  box-shadow: 0 8px 16px 0 rgba(22, 28, 35, 0.2);
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}
.slips-and-savings__slip:hover + tr td .latest {
  z-index: -1;
}
.slips-and-savings__slip td {
  max-width: 0;
  position: relative;
  padding: 18px 0;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.slips-and-savings__slip td:not(.data-store) {
  white-space: nowrap;
}
.slips-and-savings__slip td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.slips-and-savings__slip td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.slips-and-savings__slip td.data-check {
  padding-left: 24px;
  width: 9%;
}
@media (max-width: 636px) {
  .slips-and-savings__slip td.data-check {
    display: none;
  }
}
.slips-and-savings__slip td.data-check input {
  margin: 0;
}
.slips-and-savings__slip td.data-date {
  color: #161c23;
  font-size: 14px;
  letter-spacing: -0.0357em;
  line-height: 1.42em;
  padding: 0 10px;
  width: 20%;
}
@media (max-width: 636px) {
  .slips-and-savings__slip td.data-date {
    width: 65%;
  }
}
.slips-and-savings__slip td.data-date strong {
  font-weight: 700;
}
.slips-and-savings__slip td.data-store {
  width: 24%;
}
@media (max-width: 636px) {
  .slips-and-savings__slip td.data-store {
    display: none;
  }
}
.slips-and-savings__slip td.data-total {
  color: #38a8ae;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03125em;
  line-height: 1.25em;
  text-transform: uppercase;
  width: 12%;
}
@media (max-width: 636px) {
  .slips-and-savings__slip td.data-total {
    width: 25%;
  }
}
.slips-and-savings__slip td.data-buttons {
  padding-right: 16px;
  text-align: right;
  width: 26%;
}
@media (max-width: 636px) {
  .slips-and-savings__slip td.data-buttons {
    width: 10%;
  }
}
.slips-and-savings__slip td .latest {
  background-color: #ff4219;
  border-radius: 50px;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 800;
  height: 18px;
  left: 24px;
  line-height: 18px;
  padding: 0 6px;
  position: absolute;
  text-transform: uppercase;
  top: -9px;
}
.slips-and-savings__slip td .store-name {
  color: #161c23;
  display: block;
  font-size: 14px;
  letter-spacing: -0.0357em;
  line-height: 1.42em;
  padding-right: 15px;
  width: 100%;
}
.slips-and-savings__slip__download,
.slips-and-savings__slip__download:link,
.slips-and-savings__slip__download:visited {
  background-color: #ecf0f4;
  border-radius: 50px;
  border: 0;
  color: #22252e;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  margin-right: 8px;
  padding: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .slips-and-savings__slip__download,
  .slips-and-savings__slip__download:link,
  .slips-and-savings__slip__download:visited {
    display: none;
  }
}
.slips-and-savings__slip__download .icon {
  font-size: 9.6px;
  margin-left: 6.8px;
}
.slips-and-savings__slip__view-slip {
  background-color: #38a8ae;
  border-radius: 50px;
  border: 0;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .slips-and-savings__slip__view-slip {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    color: #212b36;
    font-size: 8px;
    width: 24px;
  }
}
.slips-and-savings__slip .checkbox-slip {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 22px;
  position: relative;
  user-select: none;
  width: 100%;
}
.slips-and-savings__slip .checkbox-slip:hover input ~ .checkmark {
  background-color: #38a8ae;
  border-color: #38a8ae;
}
.slips-and-savings__slip .checkbox-slip input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.slips-and-savings__slip .checkbox-slip input:checked ~ .checkmark {
  background-color: #38a8ae;
  border-color: #38a8ae;
}
.slips-and-savings__slip .checkbox-slip input:checked ~ .checkmark::after {
  display: block;
}
.slips-and-savings__slip .checkbox-slip .checkmark {
  background-color: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #919eab;
  height: 18px;
  left: 0;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px;
}
.slips-and-savings__slip .checkbox-slip .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slips-and-savings__view-more {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 47px;
}
.slips-and-savings__view-more .button,
.slips-and-savings__view-more .button:link,
.slips-and-savings__view-more .button:visited {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.0207em;
  line-height: 1em;
  margin: 0 12px;
  min-width: 207px;
  padding: 16px;
  text-transform: uppercase;
}
.slips-and-savings__view-more .button .icon,
.slips-and-savings__view-more .button:link .icon,
.slips-and-savings__view-more .button:visited .icon {
  margin-right: 16px;
  width: 40px;
}
.slips-and-savings__view-more .button--xtra-savings,
.slips-and-savings__view-more .button--xtra-savings:link,
.slips-and-savings__view-more .button--xtra-savings:visited {
  background-color: #fff7f2;
  color: #ff4219;
}
.slips-and-savings__view-more .button--deals,
.slips-and-savings__view-more .button--deals:link,
.slips-and-savings__view-more .button--deals:visited {
  background-color: #fef4f5;
  color: #e51f34;
}
@media (max-width: 636px) {
  .page-slipsAndSavingsListPage.datepicker-is-open .slips-and-savings-content {
    min-height: 300px;
  }
}
.modal-view-slip {
  box-sizing: border-box;
}
.modal-view-slip * {
  box-sizing: border-box !important;
}
.modal-view-slip #cboxMiddleLeft,
.modal-view-slip #cboxMiddleRight {
  display: none;
}
.modal-view-slip #cboxContent {
  border-radius: 10px;
  overflow: hidden;
  width: 100% !important;
}
.modal-view-slip #cboxLoadedContent {
  margin: 0;
  padding: 0;
  width: 100% !important;
}
.modal-view-slip #cboxClose {
  display: none !important;
}
.modal-view-slip #cboxTitle {
  display: none !important;
}
.slip-modal__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 2px solid #dfe3e8;
  min-height: 72px;
  padding: 16px;
}
.slip-modal__title {
  color: #161c23;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.03125em;
  line-height: 1em;
}
.slip-modal__download,
.slip-modal__download:link,
.slip-modal__download:visited {
  background-color: #ff4219;
  border-radius: 50px;
  border: 0;
  color: #FFFFFF;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  margin-right: 8px;
  padding: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
}
.slip-modal__download .icon {
  font-size: 9.6px;
  margin-left: 6.8px;
}
.slip-modal__close {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ecf0f4;
  border-radius: 50%;
  border: 0;
  color: #212b36;
  font-size: 14px;
  height: 40px;
  right: 16px;
  top: 16px;
  width: 40px;
}
.slip-modal__body {
  overflow-y: auto;
}
.slip-modal__image {
  display: block;
  width: 100%;
}
.slip-modal__error {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px;
}
.slip-modal__error .icon {
  color: #919eab;
  font-size: 36.4px;
  margin-bottom: 19px;
}
.slip-modal__error__title {
  color: #212b36;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 24px;
  text-align: center;
  text-transform: uppercase;
}
.slip-modal__error__button-close {
  background-color: #38a8ae;
  border-radius: 50px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  padding: 0 60px;
}
.no-result {
  margin: 30px auto;
  text-align: center;
  width: 30%;
  color: #454f5b;
}
.no-result h1 {
  font-size: 30px;
}
.no-result span {
  font-weight: 600;
}
.no-result p {
  font-size: 22px;
  margin-top: 30px;
}
.no-result a {
  color: #38a8ae;
  font-weight: 600;
}
.no-result-suggestion {
  font-size: 20px;
  margin-top: 30px;
}
.no-result-suggestion a {
  font-weight: 600;
}
.search-tips {
  border: 1px solid #c4cdd5;
  width: 35%;
  margin: 50px auto;
  padding: 20px 20px 20px 30px;
}
.search-tips p {
  font-size: 25px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px;
}
.search-tips li {
  padding-left: 10px;
  font-size: 15px;
  color: #454f5b;
}
.search-tips a {
  color: #38a8ae;
  font-weight: 600;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .no-result {
    width: 90%;
  }
  .no-result h1 {
    font-size: 24px;
  }
  .no-result p {
    font-size: 20px;
  }
  .no-result-suggestion {
    font-size: 16px;
  }
  .no-result-suggestion span {
    display: block;
  }
  .search-tips {
    width: 100%;
    margin: 20px auto;
  }
  .search-tips p {
    font-size: 20px;
  }
  .search-tips li {
    font-size: 14px;
  }
}
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .no-result {
    width: 48%;
  }
  .no-result h1 {
    font-size: 28px;
  }
  .no-result p {
    font-size: 20px;
  }
  .search-tips {
    width: 60%;
    padding: 10px 20px 10px 25px;
  }
}
body.page-bonusBuyDetailsPage .main__inner-wrapper.wrap {
  max-width: none;
  padding: 0;
}
.bonus-buy__header__top {
  background-color: #FCE9EB;
  padding-bottom: 28px;
  padding-top: 38px;
}
@media (max-width: 1024px) {
  .bonus-buy__header__top {
    padding-bottom: 20px;
    padding-top: 21px;
  }
}
@media (max-width: 636px) {
  .bonus-buy__header__top {
    padding-bottom: 16px;
    padding-top: 39px;
  }
}
.bonus-buy__header__top .wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 69px;
}
@media (max-width: 1280px) {
  .bonus-buy__header__top .wrap {
    padding: 0 61px;
  }
}
@media (max-width: 1024px) {
  .bonus-buy__header__top .wrap {
    padding: 0 38px;
  }
}
@media (max-width: 636px) {
  .bonus-buy__header__top .wrap {
    padding: 0 14px;
  }
}
.bonus-buy__details {
  border-bottom: 8px solid #f4f6f8;
  color: #637381;
  font-size: 14px;
  letter-spacing: -0.0085em;
  line-height: 1.14em;
  padding: 23px 0;
}
.bonus-buy__ofy-title-container {
  background-image: url("/_ui/responsive/common/images/dots-large.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 20px;
  padding: 15px 4px;
}
.bonus-buy__ofy-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #ff4219;
  border-radius: 100px;
  box-shadow: 0px 8px 16px rgba(33, 43, 54, 0.15);
  color: #ffffff;
  padding: 5px 17px;
}
.bonus-buy__ofy-title .icon {
  display: inline-block;
  font-size: 21px;
  margin-right: 11px;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
.bonus-buy__ofy-title .text {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.055em;
  text-transform: uppercase;
}
.bonus-buy__title {
  color: #E51F34;
  text-align: center;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -0.001em;
  line-height: 1em;
  margin: 0 0 8px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .bonus-buy__title {
    font-size: 36px;
  }
}
@media (max-width: 636px) {
  .bonus-buy__title {
    font-size: 20px;
    line-height: 1.1em;
  }
}
.bonus-buy__valid-date {
  color: #212B36;
  display: block;
  font-size: 14px;
  letter-spacing: -0.03125em;
  line-height: 0.875em;
}
.bonus-buy__valid-date strong {
  font-weight: 600;
}
.bonus-buy__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding-top: 15px;
}
.bonus-buy__restricted-access {
  text-decoration: line-through;
}
.bonus-buy .bonus-buy-not-available {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #f4f6f8;
  border-radius: 3px;
  border: 1px solid #919eab;
  color: #2c3436;
  margin: 16px auto 0 auto;
  max-width: 1440px;
  padding: 14px 16px;
  position: relative;
  width: 100%;
}
@media (max-width: 1024px) {
  .bonus-buy .bonus-buy-not-available {
    margin-left: 15px;
    width: calc(100% - 30px);
  }
}
@media (max-width: 636px) {
  .bonus-buy .bonus-buy-not-available {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 24px;
  }
}
.bonus-buy .bonus-buy-not-available__icon {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 31px;
  left: 0;
  position: absolute;
  top: 50%;
}
.bonus-buy .bonus-buy-not-available__text {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1em;
  padding-left: 39px;
  position: relative;
  width: 56.52%;
}
@media (max-width: 636px) {
  .bonus-buy .bonus-buy-not-available__text {
    font-size: 16px;
    margin-bottom: 16px;
    width: 100%;
  }
}
.bonus-buy .bonus-buy-not-available__store {
  color: #38a8ae;
}
.bonus-buy .bonus-buy-not-available__button {
  background-color: #38a8ae;
  border-radius: 3px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  padding: 13px 38px;
}
@media (max-width: 636px) {
  .bonus-buy .bonus-buy-not-available__button {
    width: 100%;
  }
}
.bonus-buy .bonus-buy-not-available__button:focus {
  outline: none;
}
@media (max-width: 636px) {
  .bonus-buy .bonus-buy-not-available .search-stores-with-product-range-form {
    width: 100%;
  }
}
.bonus-buy--regular .bonus-buy__header__top {
  padding-bottom: 28px;
  padding-top: 31px;
}
@media (max-width: 1024px) {
  .bonus-buy--regular .bonus-buy__header__top {
    padding-bottom: 20px;
    padding-top: 22px;
  }
}
@media (max-width: 636px) {
  .bonus-buy--regular .bonus-buy__header__top {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
.bonus-buy--xtra-savings .bonus-buy__header__top {
  background-color: #fff7f2;
  background-image: url("/_ui/responsive/common/images/x-background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  padding-bottom: 21px;
  padding-top: 38px;
}
@media (max-width: 1024px) {
  .bonus-buy--xtra-savings .bonus-buy__header__top {
    padding-bottom: 20px;
    padding-top: 21px;
  }
}
@media (max-width: 636px) {
  .bonus-buy--xtra-savings .bonus-buy__header__top {
    padding-bottom: 16px;
    padding-top: 39px;
  }
}
.bonus-buy--xtra-savings .bonus-buy__title {
  color: #ff4219;
}
.bonus-buy--ofy .bonus-buy__header__top {
  background-color: #fff7f2;
  background-image: url("/_ui/responsive/common/images/x-background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  padding-bottom: 14px;
  padding-top: 33px;
}
@media (max-width: 1024px) {
  .bonus-buy--ofy .bonus-buy__header__top {
    padding-bottom: 16px;
    padding-top: 25px;
  }
}
@media (max-width: 636px) {
  .bonus-buy--ofy .bonus-buy__header__top {
    padding-bottom: 13px;
  }
}
.bonus-buy--ofy .bonus-buy__title {
  color: #ff4219;
  margin-bottom: 16px;
}
.line-through {
  text-decoration: line-through;
}
.bonus-buy-banner {
  background-color: #FFF7F2;
  font-weight: bold;
}
.bonus-buy-banner__title {
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.001em;
  line-height: 1em;
  padding-top: 8px;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .bonus-buy-banner__title {
    font-size: 14px;
    line-height: 1.1em;
    padding: 8px 65px 8px 65px;
  }
}
.bonus-buy-banner__button {
  border-radius: 34px;
  border: 2px #ff4219 solid;
  color: #ff4219;
  font-size: 14px;
  font-weight: 600;
  padding: 13px 20px;
  text-transform: capitalize;
}
@media (max-width: 1024px) {
  .bonus-buy-banner__button {
    font-size: 14px;
  }
}
@media (max-width: 636px) {
  .bonus-buy-banner__button {
    font-size: 12px;
    line-height: 1.1em;
  }
}
.bonus-buy-banner__button:focus {
  outline: none;
}
.bonus-buy-banner__button:hover {
  background-color: #ffffff;
  color: #ff4219;
}
.bonus-buy-banner__cnt {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (max-width: 636px) {
  .bonus-buy-banner__cnt {
    flex-direction: column-reverse;
  }
}
.bonus-buy-banner__cnt > div {
  flex: 1 1 0;
  padding: 0 15px;
}
.bonus-buy-banner__img-cnt {
  text-align: right;
}
.bonus-buy-banner__img-cnt > img {
  transform: translateY(30px);
}
@media (max-width: 1024px) {
  .bonus-buy-banner__img-cnt > img {
    text-align: center;
    transform: translateY(20px);
  }
}
.bonus-buy-banner__link-cnt {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.bonus-buy-banner__link-cnt > p {
  font-size: 14px;
  padding: 0 10px;
}
@media (min-width: 636px) {
  .bonus-buy-banner__link-cnt > p {
    max-width: 320px;
    text-align: left;
    font-size: 18px;
  }
}
.bonus-buy-banner__link-cnt > p span {
  color: #ff4219;
  font-weight: 800;
  text-transform: uppercase;
}
@media (min-width: 636px) {
  .bonus-buy-banner__link-cnt > a {
    max-width: 320px;
  }
}
@media (min-width: 636px) {
  .bonus-buy-banner__link-cnt {
    align-items: start;
  }
}
/*privacy and policy*/
/*top navigation*/
.privacy-policy-breadcrumb {
  padding: 25px 0;
}
.wrap-text-center {
  text-align: center;
}
.privacy-policy-breadcrumb .breadcrumb.top {
  float: left;
  background-color: transparent;
}
.logo-component {
  display: inline-block;
  padding-right: 75px;
}
.privacy-policy-navigation-menu {
  text-align: center;
  border-top: 1px solid #c4cdd5;
  background-color: #f4f6f8;
}
.privacy-policy-navigation-menu ul {
  display: inline-flex;
  margin: 0;
  background-color: #f4f6f8;
  padding: 15px 0;
}
.privacy-policy-navigation-menu li {
  list-style: none;
  padding: 0 15px;
}
.privacy-policy-navigation-menu a {
  color: #454f5b;
  display: block;
  font-size: 14px;
  text-transform: none;
  font-weight: 700;
}
.privacy-policy-navigation-menu .active {
  position: relative;
}
.privacy-policy-navigation-menu .active::after {
  background-color: #38a8ae;
  border-radius: 0 0 10px 10px;
  top: 35px;
  content: '';
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.top-heading-sub-content {
  color: #fff;
  font-size: 15px;
}
.privacy-policy {
  width: 80%;
}
.privacy-policy.cookie {
  width: 100%;
}
.privacy-policy-hr {
  margin: 30px 0 0 20px;
  border-top: 2px solid #c4cdd5;
  padding-top: 15px;
}
.privacy-policy h3 {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 23px;
}
.privacy-policy p {
  font-size: 15px;
  margin-bottom: 25px;
}
.table-of-conetent {
  border: 1px solid #c4cdd5;
  padding: 10px 30px;
}
.table-of-conetent ul {
  padding: 0;
}
.table-of-conetent li {
  list-style: none;
  margin: 15px auto;
}
.table-of-conetent li a {
  color: #38a8ae;
  margin-left: 15px;
}
.privacy-policy-numbering {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.privacy-policy-sub-content {
  margin-left: 20px;
  margin-top: 40px;
}
.privacy-policy-sub-content h5 {
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0;
}
.content-short-description {
  display: flex;
}
.content-short-description hr {
  height: 35px;
  border: 1px solid #38a8ae;
  margin-top: 5px;
}
.content-short-description p {
  font-size: 18px;
  font-weight: 600;
  padding: 0 15px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .privacy-policy-breadcrumb .logo-component {
    padding: 0;
  }
  .privacy-policy-breadcrumb .logo-component img {
    margin-top: 10px;
  }
  .privacy-policy-navigation-menu {
    background-color: transparent;
  }
  .privacy-policy-navigation-menu ul {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    background-color: #f4f6f8;
    padding: 15px 0;
  }
  .privacy-policy-navigation-menu ul::-webkit-scrollbar,
  .privacy-policy-navigation-menu ul::-webkit-scrollbar {
    display: none;
  }
  .privacy-policy-navigation-menu li {
    margin: 0 -5px;
    flex: 0 0 auto;
  }
  .privacy-policy-navigation-menu a {
    font-size: 15px;
  }
  .privacy-policy {
    width: 100%;
  }
  .privacy-policy-hr {
    margin: 20px 0 0 0;
    padding: 15px 10px;
  }
  .privacy-policy-sub-content {
    margin-top: 40px;
    padding: 0 10px;
  }
  .privacy-policy p {
    padding: 0 5px;
  }
}
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .table-of-conetent {
    margin-left: 20px;
  }
  .privacy-policy-hr {
    margin-top: 20px;
  }
}
.articles-container .main-article-block {
  align-items: center;
}
@media (max-width: 636px) {
  .articles-container .main-article-block {
    margin-bottom: 30px;
  }
}
.articles-container .main-article-block .text-block {
  padding: 0 40px 0 10px;
  color: #637381;
}
@media (max-width: 1280px) {
  .articles-container .main-article-block .text-block {
    padding: 0 10px;
  }
}
.articles-container .main-article-block .title {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.58px;
  line-height: 32px;
  color: #454f5b;
  padding-right: 15px;
}
@media (max-width: 1280px) {
  .articles-container .main-article-block .title {
    margin-top: 5px;
    font-size: 22px;
    line-height: 24px;
  }
}
.articles-container .main-article-block .article-image {
  position: relative;
}
@media (max-width: 636px) {
  .articles-container .main-article-block .article-image {
    margin-bottom: 15px;
  }
}
.articles-container .main-article-block .article-image img {
  width: 100%;
}
.articles-container .main-article-block .article-image .recipe-ingredients {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px 10px;
}
.articles-container .recipe-ingredients {
  background-color: #ffffff;
  color: #637381;
  font-size: 14px;
  line-height: 19px;
  padding-bottom: 8px;
}
.articles-container .recipe-ingredients > span {
  display: inline-block;
  margin-right: 10px;
}
.articles-container .recipe-ingredients svg {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.articles-container .view-link {
  font-size: 12px;
  letter-spacing: -0.1px;
  line-height: 17px;
  font-weight: 300;
}
.articles-container .view-link i {
  font-size: 10px;
  margin-left: 5px;
}
.articles-container .preview-block {
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
}
.articles-container .preview-block .title {
  color: #454f5b;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
}
@media (max-width: 1280px) {
  .articles-container .preview-block .title {
    font-size: 14px;
    line-height: 17px;
    margin: 5px 0;
    padding: 10px 0 0 0;
  }
}
.articles-container .preview-block .image-holder {
  position: relative;
  display: block;
}
@media (max-width: 1280px) {
  .articles-container .preview-block .image-holder {
    width: 45%;
    float: left;
    margin-right: 12px;
  }
}
@media (max-width: 636px) {
  .articles-container .preview-block .image-holder {
    float: right;
    margin-right: 0;
    margin-left: 8px;
  }
}
.articles-container .preview-block .image-holder img {
  width: 100%;
}
.articles-container .preview-block .image-holder .recipe-ingredients {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  padding: 4px 5px;
}
@media (max-width: 1280px) {
  .articles-container .preview-block .image-holder .recipe-ingredients {
    right: auto;
    left: 0;
    font-size: 12px;
    line-height: 12px;
  }
}
.articles-container .preview-block .view-link {
  position: absolute;
  bottom: 0;
}
@media (max-width: 1280px) {
  .articles-container .preview-block .view-link {
    position: relative;
  }
}
.articles-container .article-block {
  overflow: hidden;
}
@media (max-width: 636px) {
  .articles-container .article-block {
    padding-bottom: 25px;
  }
}
.articles-container .article-block .title {
  margin-bottom: 5px;
}
@media (max-width: 636px) {
  .articles-container .article-block .title {
    font-size: 16px;
    padding-top: 0;
  }
}
.articles-container .article-block p {
  color: #637381;
  margin-bottom: 5px;
}
.articles-container .article-block .image-holder {
  float: right;
  margin-left: 30px;
}
@media (max-width: 1280px) {
  .articles-container .article-block .image-holder {
    margin-left: 10px;
    margin-right: 0;
  }
}
@media (max-width: 636px) {
  .articles-container .article-block .image-holder {
    float: left;
    margin-left: 0;
    margin-right: 15px;
  }
}
.articles-container .article-block .view-link {
  position: relative;
  bottom: auto;
}
.articles-container .main-news .article-image {
  width: 50%;
  float: left;
}
@media (max-width: 1280px) {
  .articles-container .main-news .article-image {
    float: right;
    width: 45%;
  }
}
@media (max-width: 636px) {
  .articles-container .main-news .article-image {
    float: none;
    width: 100%;
  }
}
.articles-container .main-news .text-block {
  width: 50%;
  float: left;
  padding-left: 40px;
}
@media (max-width: 1280px) {
  .articles-container .main-news .text-block {
    width: 55%;
    padding-left: 0;
    padding-right: 20px;
  }
}
@media (max-width: 636px) {
  .articles-container .main-news .text-block {
    float: none;
    width: 100%;
  }
}
.carousel__component-brands {
  background-color: #f4f6f8;
  padding: 40px 0 58px 0;
  position: relative;
}
.carousel__component-brands .outer-bg {
  width: 99999px;
  height: 100%;
  position: absolute;
  z-index: -1;
  margin-left: 50%;
  transform: translateX(-50%);
  background: #f4f6f8;
  top: 0;
}
.little-me {
  position: relative;
  z-index: 100;
}
@media (max-width: 636px) {
  .little-me {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: absolute;
    z-index: 100;
    left: 80%;
  }
}
.little-me .product {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding: 12px 0 12px 8px;
  align-items: center;
}
.little-me .product__options--promo-left {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  bottom: 20px;
}
@media (max-width: 636px) {
  .little-me .product__options--promo-left {
    bottom: 0px;
  }
}
.little-me .product__options .product-option-promo {
  height: 22px;
  width: 22px;
  z-index: 1;
  position: absolute;
}
.little-me .product__options .product-option-promo--age-restriction {
  font-size: 8px;
}
.little-me .product__options .product-option-promo--age-restriction span {
  font-size: 8px;
}
.little-me .product__options .product-option-promo--new,
.little-me .product__options .product-option-promo--promotion,
.little-me .product__options .product-option-promo--save {
  font-size: 7px;
}
.little-me .product__options .product-option-promo--xtra-savings {
  margin-right: 6px;
  font-size: 10px;
}
.little-me .product__options .product-option-promo--for-you {
  border-radius: 15px 0 0 15px;
  flex-direction: row;
  font-size: 10px;
  margin-right: 0;
  padding: 0 11px;
  width: 32px;
  height: 15px;
}
.little-me .product__options .product-option-promo--for-you .icon {
  font-size: 10px;
}
.little-me .product__options .product-option-promo--for-you .text {
  font-weight: 700;
  font-size: 5px;
  line-height: 1em;
  text-align: center;
}
.little-me .product__options .product-option-promo--img {
  border-radius: unset;
}
.little-me .product__options .product-option-promo--img img {
  width: 100%;
}
.little-me .product__image {
  flex-shrink: 0;
  margin-right: 13px;
  width: 40px;
}
.little-me .product__image img {
  width: 100%;
}
.little-me .product__price {
  flex-shrink: 0;
  margin-right: 23px;
  width: 160px;
  padding: 0 0 0 10px;
}
@media (max-width: 636px) {
  .little-me .product__price {
    margin-bottom: 4px;
    margin-right: 0;
    width: 100% !important;
  }
}
.little-me .product__price .item-product__message {
  line-height: 1em;
  margin-top: 0;
  padding: 2px 6px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .little-me .product__price .item-product__message {
    max-width: 160px;
    width: 100%;
  }
}
.little-me .product__price .item-product__message__icon {
  font-size: 13.4px;
}
.little-me .product__price .special-price__price {
  display: block;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.0325em;
  line-height: 1em;
}
.little-me .product__price .special-price__price .per-kg {
  font-size: 15px;
  font-weight: 700;
  text-transform: none;
}
.little-me .product__price .special-price__price sup {
  font-size: 16px;
  position: relative;
  top: -6px;
}
.little-me .product__price .special-price__price del.before sup {
  position: inherit;
  font-size: inherit;
}
.little-me .product__price .special-price--xs-non-member .special-price__extra {
  color: #ff4219;
  font-weight: 700;
  text-transform: uppercase;
}
.little-me .product__price .special-price--xs-non-member .special-price__extra__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 2px;
}
.little-me .product__price .special-price--xs-non-member .special-price__extra__title {
  background-color: #ff4219;
  border-radius: 0 2px 2px 0;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  height: 11px;
  line-height: 1em;
  margin-left: 14px;
  padding: 0 2px 0 2px;
  position: relative;
  white-space: nowrap;
}
.little-me .product__price .special-price--xs-non-member .special-price__extra__title::before {
  border-bottom: 5px solid transparent;
  border-right: 5px solid #ff4219;
  border-top: 6px solid transparent;
  content: '';
  height: 0;
  left: -5px;
  position: absolute;
  top: 0;
}
.little-me .product__price .special-price--xs-non-member .special-price__extra__title::after {
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 12px;
  left: -12px;
  line-height: 1;
  position: absolute;
  top: 0;
}
.little-me .product__price .special-price--xs-non-member .special-price__extra__price {
  margin-top: -2px;
}
.little-me .product__price .special-price--xs-non-member .special-price__extra__price .now {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1em;
}
.little-me .product__price .special-price--xs-non-member .special-price__extra__price .now .per-kg {
  font-size: 15px;
  font-weight: 700;
  text-transform: none;
}
.little-me .product__price .special-price--xs-non-member .special-price__extra__price .now sup {
  font-size: 16px;
  position: relative;
  top: -6px;
}
.little-me .product__price .special-price--xs-non-member .special-price__extra__text {
  display: block;
  font-size: 10px;
  margin-left: 5px;
  line-height: 1em;
  font-weight: normal;
  white-space: nowrap;
}
.little-me .product__price .special-price--xs {
  flex-wrap: wrap-reverse;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.little-me .product__price .special-price--xs .special-price__extra {
  color: #ff4219;
  font-weight: 700;
  margin-right: 5px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  text-transform: uppercase;
}
.little-me .product__price .special-price--xs .special-price__extra__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 2px;
}
.little-me .product__price .special-price--xs .special-price__extra__title {
  background-color: #ff4219;
  border-radius: 0 2px 2px 0;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  height: 11px;
  line-height: 1em;
  margin-left: 14px;
  padding: 0 2px 0 2px;
  position: relative;
  white-space: nowrap;
}
.little-me .product__price .special-price--xs .special-price__extra__title::before {
  border-bottom: 5px solid transparent;
  border-right: 5px solid #ff4219;
  border-top: 6px solid transparent;
  content: '';
  height: 0;
  left: -5px;
  position: absolute;
  top: 0;
}
.little-me .product__price .special-price--xs .special-price__extra__title::after {
  color: #ff4219;
  content: "\e96d";
  font-family: "shoprite-icon";
  font-size: 12px;
  left: -12px;
  line-height: 1;
  position: absolute;
  top: 0;
}
.little-me .product__price .special-price--xs .special-price__extra__price {
  margin-top: -2px;
}
.little-me .product__price .special-price--xs .special-price__extra__price .now {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1em;
}
.little-me .product__price .special-price--xs .special-price__extra__price .now sup {
  font-size: 16px;
  position: relative;
  top: -6px;
}
.little-me .product__price .special-price--xs .special-price__extra__text {
  display: block;
  font-size: 10px;
  margin-left: 5px;
  line-height: 1em;
  font-weight: 700;
}
.little-me .product__price .special-price--promotion .special-price__price {
  line-height: 1;
  margin-bottom: 5px;
}
.little-me .product__price .special-price--promotion .special-price__price .now {
  color: #e51f34;
}
.little-me .product__price .special-price--promotion .special-price__valid strong {
  color: #e51f34;
}
.little-me .product__price.not-available {
  max-width: 190px;
  width: 100% !important;
}
.little-me .product__description {
  margin-right: 20px;
  width: 33%;
}
@media (max-width: 636px) {
  .little-me .product__description {
    margin-right: 0;
    width: 100%;
  }
}
.little-me .product__store {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-right: 19px;
  width: 27%;
}
@media (max-width: 636px) {
  .little-me .product__store {
    margin-right: 0;
    width: 100%;
  }
}
.little-me .product__store .available-at {
  border-radius: 50px;
  border: 1px solid #38a8ae;
  color: #38a8ae;
  display: inline-block;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: -0.0625em;
  line-height: 1.25em;
  margin-bottom: 3px;
  padding: 1px 10px;
  text-transform: uppercase;
}
.little-me .product__store .name {
  color: #38a8ae;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.0416em;
  line-height: 1.16em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.little-me .product__name:link,
.little-me .product__name:visited {
  color: #161c23;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.0416em;
  line-height: 1.16em;
  margin-bottom: 4px;
  text-decoration: none;
}
.little-me .product__valid {
  color: #637381;
  display: block;
  font-size: 11px;
  line-height: 1.09em;
}
.little-me .product__buttons {
  margin-left: auto;
  flex-shrink: 0;
}
.little-me .product__remove-button {
  background-color: transparent;
  border: 0;
  color: #919eab;
  font-size: 17.6px;
  padding: 0;
}
.little-me__header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 20px;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .little-me__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.little-me__header__left-side {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.little-me__header__right-side {
  flex-shrink: 0;
  margin-left: auto;
}
.little-me__header__image {
  flex-shrink: 0;
  margin-right: 16px;
  width: 60px;
}
.little-me__header__image img {
  display: block;
  width: 100%;
}
.little-me__header__title {
  color: #212B36;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 6px;
  text-transform: uppercase;
}
.little-me__header__title strong {
  color: #E51F34;
  font-weight: 800;
}
.little-me__header__text {
  color: #161C23;
  font-size: 14px;
  letter-spacing: -0.0257em;
  line-height: 1.28em;
  margin-bottom: 9px;
}
.little-me__header .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #E51F34;
  border-color: #E51F34;
}
.little-me__header .sr-switch input:checked ~ .sr-switch__slider::before {
  background-color: #FFFFFF;
}
.little-me__header .sr-switch__label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin: 0;
}
.little-me__header .sr-switch__slider {
  background-color: #FFFFFF;
  border-color: #E51F34;
}
.little-me__header .sr-switch__slider::before {
  background-color: #E51F34;
}
.little-me__header .sr-switch__text {
  color: #161c23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.14em;
}
.little-me__header .store {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #e1f2f3;
  border-radius: 10px;
  padding: 8px 16px 8px 8px;
}
@media (max-width: 636px) {
  .little-me__header .store {
    margin-left: 0;
    width: 100%;
  }
}
.little-me__header .store::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #212b36;
  content: "\e92b";
  flex-shrink: 0;
  font-family: "shoprite-icon";
  font-size: 10.4px;
  margin-left: 17px;
}
.little-me__header .store__mark {
  margin-right: 4px;
  width: 32px;
}
.little-me__header .store__mark img {
  display: block;
  width: 100%;
}
.little-me__header .store__name {
  color: #161C23;
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.0272em;
  line-height: 1.27em;
}
.little-me__header .store__open {
  color: #161c23;
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.0272em;
  line-height: 1.27em;
}
.little-me__header .store__open strong {
  color: #38a8ae;
  font-weight: 700;
}
.little-me__title {
  color: #212b36;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 8px;
  text-transform: uppercase;
}
.little-me__subtitle {
  color: #161c23;
  font-size: 14px;
  letter-spacing: -0.0257em;
  line-height: 1.28em;
}
.little-me__section {
  background-color: #F4F6F8;
  border-radius: 20px;
  margin-bottom: 24px;
  padding: 24px;
  position: relative;
  /*&--near-you {
      &::after {
        background-color: #ecf0f4;
        bottom: 0;
        content: "";
        height: 8px;
        left: 0;
        position: absolute;
        width: 100%;

        @media (max-width: @screen-xs-max) {
          left: -15px;
          width: ~"calc(100% + 30px)";
        }
      }
    }*/
}
@media (max-width: 636px) {
  .little-me__section {
    margin-left: -10px;
    margin-right: -10px;
    padding: 24px 16px;
  }
}
.little-me__section__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .little-me__section__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}
.little-me__section__header__left-side {
  margin-right: 20px;
}
@media (max-width: 636px) {
  .little-me__section__header__left-side {
    margin-bottom: 16px;
    margin-right: 0;
  }
}
.little-me__section__header .actions-buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  flex-shrink: 0;
  margin-left: auto;
}
.little-me__section__header .actions-buttons .change-views {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #FFFFFF;
  border-radius: 50px;
  flex-shrink: 0;
  margin-right: 8px;
}
.little-me__section__header .actions-buttons .change-views__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 50%;
  border: 0;
  color: #212B36;
  flex-shrink: 0;
  height: 32px;
  padding: 0;
  width: 32px;
}
.little-me__section__header .actions-buttons .change-views__button--list {
  font-size: 10px;
}
.little-me__section__header .actions-buttons .change-views__button--grid {
  font-size: 14px;
}
.little-me__section__header .actions-buttons .change-views__button.is-active {
  background-color: #212B36;
  color: #FFFFFF;
  pointer-events: none;
}
.little-me__section__header .actions-buttons .change-views__button[disabled] {
  color: #919eab;
}
.little-me__section__header .actions-buttons .action-button {
  background-color: #FFFFFF;
  border-radius: 50px;
  border: 0;
  color: #22252e;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.08em;
  padding: 8px 11px;
}
.little-me__section__header .actions-buttons .action-button--remove {
  color: #E51F34;
  font-weight: 700;
  margin-right: 8px;
}
.little-me__section__header .actions-buttons .action-button--remove::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92e";
  font-family: "shoprite-icon";
  font-size: 6.79px;
  margin-left: 13px;
}
.little-me__section__header .actions-buttons .action-button[disabled] {
  color: #919EAB;
}
.little-me__section__title {
  color: #161c23;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0;
  padding-right: 20px;
  position: relative;
  text-transform: uppercase;
}
.little-me__section__title strong {
  color: #e51f34;
  font-weight: 800;
}
.little-me__section__title-place {
  white-space: nowrap;
  position: relative;
}
.little-me__section__text {
  color: #161c23;
  font-size: 14px;
  letter-spacing: -0.0257em;
  line-height: 1.28em;
  margin: 0;
}
.little-me__section__total-products {
  background-color: #e51f34;
  border-radius: 40px;
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  font-weight: 700;
  height: 16px;
  letter-spacing: -0.0081em;
  line-height: 16px;
  padding: 0 7px;
  position: absolute;
  right: -24px;
  top: 3px;
}
.little-me__section .product {
  background-color: #FFFFFF;
  border-radius: 10px;
  border: 0;
  box-shadow: 0px 8px 16px rgba(33, 43, 54, 0.15);
  padding: 8px 16px 8px 8px;
}
.little-me__section .product:not(:last-child) {
  border: 0;
  margin-bottom: 8px;
}
.little-me__section .product__image {
  flex-shrink: 0;
  margin-right: 14px;
  width: 50px;
}
.little-me__section .product__name:link,
.little-me__section .product__name:visited {
  font-weight: 600;
}
.little-me__section .product__valid {
  font-size: 10px;
}
.little-me__section .product__buttons .checkbox-slip {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-bottom: 24px;
  padding-left: 24px;
  position: relative;
  user-select: none;
}
.little-me__section .product__buttons .checkbox-slip input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.little-me__section .product__buttons .checkbox-slip input:checked ~ .checkmark {
  background-color: #E51F34;
  border-color: #E51F34;
}
.little-me__section .product__buttons .checkbox-slip input:checked ~ .checkmark::after {
  display: block;
}
.little-me__section .product__buttons .checkbox-slip input ~ .checkmark {
  background-color: #F4F6F8;
}
.little-me__section .product__buttons .checkbox-slip .checkmark {
  background-color: #F4F6F8;
  border-radius: 3px;
  border: 1px solid #919EAB;
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.little-me__section .product__buttons .checkbox-slip .checkmark::after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border: solid white;
  border-width: 0 2px 2px 0;
  content: "";
  display: none;
  height: 13px;
  left: 8px;
  position: absolute;
  top: 3px;
  transform: rotate(45deg);
  width: 7px;
}
.little-me__section .product-empty {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  border-radius: 5px;
  border: 1px dashed #161c23;
  color: #212B36;
  filter: drop-shadow(0px 8px 16px rgba(33, 43, 54, 0.15));
  padding: 8px;
}
.little-me__section .product-empty .icon {
  font-size: 20px;
  margin-right: 10px;
}
.little-me__section .product-empty .text {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.16em;
  text-align: center;
}
.little-me__section--at-your-store {
  background-color: #FCE9EB;
  margin-bottom: 24px;
}
.little-me__section--at-your-store .product-empty {
  border-color: #e51f34;
}
.little-me__section--all-promo-alerts .promo-alerts__section__header {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.little-me__section--all-promo-alerts .promo-alerts__section__title {
  margin-bottom: 8px;
}
.little-me__section--all-promo-alerts .product__price {
  width: 87px !important;
}
.little-me__section--all-promo-alerts .product__remove-button {
  background-color: #fce9eb !important;
  border-radius: 50%;
  color: #e51f34 !important;
  font-size: 16px !important;
  height: 32px;
  width: 32px;
}
.little-me__section.grid-view .promo-alerts__section__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
  grid-template-columns: repeat(5, 1fr);
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 8px;
}
@media (max-width: 1280px) {
  .little-me__section.grid-view .promo-alerts__section__body {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1024px) {
  .little-me__section.grid-view .promo-alerts__section__body {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .little-me__section.grid-view .promo-alerts__section__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
.little-me__section.grid-view .promo-alerts__section__body .product {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 12px 8px;
  position: relative;
}
.little-me__section.grid-view .promo-alerts__section__body .product:not(:last-child) {
  margin-bottom: 0;
}
.little-me__section.grid-view .promo-alerts__section__body .product__image {
  margin: 0 auto 16px;
  max-width: 80px;
  width: 100%;
}
.little-me__section.grid-view .promo-alerts__section__body .product__image img {
  max-height: none;
  max-width: none;
}
.little-me__section.grid-view .promo-alerts__section__body .product__options {
  bottom: auto;
  position: absolute;
  top: 12px;
}
.little-me__section.grid-view .promo-alerts__section__body .product__options--promo-right {
  left: 8px;
}
.little-me__section.grid-view .promo-alerts__section__body .product__options--promo-left {
  right: 8px;
}
.little-me__section.grid-view .promo-alerts__section__body .product__price {
  margin: 0 0 8px;
  padding: 0;
  width: 100%;
}
.little-me__section.grid-view .promo-alerts__section__body .product__description {
  margin: 0 0 16px;
  width: 100%;
}
.little-me__section.grid-view .promo-alerts__section__body .product__buttons {
  margin-top: auto;
}
.little-me__section.grid-view .promo-alerts__section__body .product-empty {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 280px;
}
.little-me__section.grid-view .promo-alerts__section__body .product-empty .icon {
  margin-bottom: 10px;
  margin-right: 0;
}
.little-me .product-not-available__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #ECF0F4;
  border-radius: 3px;
  border: 1px solid #919EAB;
  color: #161C23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 1.14em;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  width: 100%;
}
@media (max-width: 1024px) {
  .little-me .product-not-available__button {
    font-size: 12px;
    line-height: 1.08em;
    padding: 8px 9px;
  }
}
@media (max-width: 636px) {
  .little-me .product-not-available__button {
    padding: 5px 6px 5px 9px;
  }
}
.little-me .product-not-available__button span {
  width: calc(100% - 33px);
  font-size: 12px;
}
@media (max-width: 1024px) {
  .little-me .product-not-available__button span {
    width: calc(100% - 40px);
  }
}
@media (max-width: 636px) {
  .little-me .product-not-available__button span {
    width: calc(100% - 24px);
  }
}
.little-me .product-not-available__button strong {
  color: #38a8ae;
}
.little-me .product-not-available__button::after {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #38a8ae;
  border-radius: 2px;
  color: #FFFFFF;
  content: "\e92b";
  font-family: "shoprite-icon";
  font-size: 13px;
  height: 40px;
  width: 40px;
}
@media (max-width: 1024px) {
  .little-me .product-not-available__button::after {
    width: 40px;
  }
}
@media (max-width: 636px) {
  .little-me .product-not-available__button::after {
    width: 22px;
  }
}
.little-me__menu {
  padding: 5px 0;
  position: relative;
}
.little-me__menu__link:link,
.little-me__menu__link:visited {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #fce9eb;
  border-radius: 50px;
  color: #E51F34;
  margin: 0 17px;
  padding: 6px 16px;
  position: relative;
  text-decoration: none;
}
@media (max-width: 1200px) {
  .little-me__menu__link:link,
  .little-me__menu__link:visited {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    padding: 0;
    width: 36px;
  }
}
@media (max-width: 636px) {
  .little-me__menu__link:link,
  .little-me__menu__link:visited {
    margin: 0 0 0 8px;
  }
}
.little-me__menu__link:hover,
.little-me__menu__link:active {
  color: #E51F34;
}
.little-me__menu__link::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #E51F34;
  content: "\e977";
  font-family: "shoprite-icon";
  font-size: 14px;
  font-weight: 400;
  margin-right: 8px;
}
@media (max-width: 1200px) {
  .little-me__menu__link::before {
    font-size: 18px;
    margin-right: 0;
  }
}
.little-me__menu__link .text {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.08em;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .little-me__menu__link .text {
    display: none;
  }
}
.little-me__menu::before {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.little-me__menu .promo-alerts__submenu {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  backface-visibility: hidden;
  border-radius: 0;
  height: 100%;
  max-height: none;
  overflow-y: auto;
  padding: 80px 16px 20px;
  position: fixed;
  right: -350px;
  top: 0;
  width: 350px;
}
@media (max-width: 350px) {
  .little-me__menu .promo-alerts__submenu {
    right: -100%;
    width: 100%;
  }
}
.little-me__menu .promo-alerts__submenu .cookie-consent {
  font-size: 14px;
  letter-spacing: -0.0214em;
  line-height: 1.28em;
  margin-top: 18px;
  text-align: center;
}
.little-me__menu .promo-alerts__submenu .cookie-consent__learn-more {
  text-decoration: underline;
  color: #161C23;
}
.little-me__menu .promo-alerts__submenu .error-alert .error-message {
  color: #e51f34;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-top: 7px;
  text-align: center;
  text-transform: none;
  width: 100%;
}
.little-me__menu .promo-alerts__submenu .js-promo-alerts-success-message .alert-rating {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  animation-name: showAlertRatingSubmenu;
  max-width: 72%;
  padding: 12px;
  position: absolute;
  top: 44px;
}
.little-me__menu .promo-alerts__submenu .js-promo-alerts-success-message .alert-rating .text {
  font-size: 16px;
  letter-spacing: -0.005em;
  line-height: 1em;
}
.little-me__menu .promo-alerts__submenu .js-promo-alerts-success-message .alert-rating.is-hide {
  animation-name: hideAlertRatingSubmenu;
}
.little-me__menu .promo-alerts__submenu__content {
  max-height: 100%;
}
.little-me__menu .promo-alerts__submenu .view-my-alerts {
  background: #FCE9EB;
  bottom: 0;
  box-shadow: 0px -4px 15px rgba(0, 0, 0, 0.15);
  height: 74px;
  left: 0;
  padding: 16px 24px;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.little-me__menu .promo-alerts__submenu .view-my-alerts__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #E51F34;
  border-radius: 40px;
  color: #FFFFFF;
  height: 42px;
  padding: 0 10px;
  text-align: center;
  width: 100%;
}
.little-me__menu .promo-alerts__submenu .view-my-alerts__button:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 636px) {
  .little-me__menu .promo-alerts__submenu .view-my-alerts__button:not(:last-child) {
    margin-bottom: 0;
  }
}
.little-me__menu .promo-alerts__submenu .view-my-alerts__button .text {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0214em;
  line-height: 0.92em;
  margin-right: 12px;
}
.little-me__menu .promo-alerts__submenu .view-my-alerts__button .icon {
  font-size: 20px;
}
.little-me__menu .promo-alerts__submenu .view-my-alerts__button--got-it {
  display: none;
}
.little-me__menu .promo-alerts__submenu .view-my-alerts__button--got-it .icon {
  font-size: 15px;
}
.little-me__menu .promo-alerts__submenu .login-page__back {
  position: absolute;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__row {
  margin-bottom: 8px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__block {
  padding: 0;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__block--xtra-savings {
  border-radius: 10px;
  margin-bottom: 16px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__block--link-footer {
  font-weight: 600;
  margin-top: 16px;
  text-align: center;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__block--link-footer a {
  color: #38a8ae;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__block .password-rules {
  margin-bottom: 16px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__block .store-search-field {
  padding: 0 0 14px 0;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__block .nav-store-your,
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__block .nav-store-your-results {
  padding: 16px 0;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__actions__info__icon {
  color: #ff4219;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__title {
  color: #161C23;
  font-size: 18px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 21px;
  max-width: none;
  padding: 0 40px;
  text-transform: uppercase;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__input {
  border-radius: 55px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__terms-conditions {
  margin: 0;
  padding: 24px 20px 27px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__terms-conditions .sr-switch__label {
  width: 75%;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__terms-conditions .sr-switch__label a:link,
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__terms-conditions .sr-switch__label a:visited {
  display: initial;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates {
  border-bottom: 1px solid #C4CDD5;
  border-top: 1px solid #C4CDD5;
  padding: 20px 20px 24px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .option {
  margin-bottom: 16px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .option .sr-switch {
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .option .sr-switch__slider {
  margin-right: 16px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .option .sr-switch__label {
  color: #161C23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.28em;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .types {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding-left: 60px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .types__item .sr-switch {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .types__item .sr-switch label {
  margin-right: 0;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .types__item .sr-switch__slider {
  margin: 0;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .types__item .sr-switch__label {
  color: #161C23;
  font-size: 14px;
  letter-spacing: -0.005em;
  text-align: center;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__send-me-updates .types__item:not(:last-child) {
  margin-right: 20px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__preference-section {
  padding: 24px 14px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .form-section__preference-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 24px;
  text-align: center;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card {
  padding: 22px 16px 24px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__logo {
  width: 51px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__title {
  color: #161C23;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 24px;
  margin-top: -33px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__title strong {
  color: #ff4219;
  font-weight: 700;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__inputs .form-section__input.used,
.little-me__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__inputs .form-section__input:focus {
  border: 1px solid #FF4219;
  box-shadow: 0px 2px 0px #FF4219;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__inputs .form-section__input.used.sr-error,
.little-me__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__inputs .form-section__input:focus.sr-error {
  background-color: rgba(219, 80, 74, 0.3);
  border: 1px solid #FF4219;
  box-shadow: inset 0px 0px 0px 4px #FFFFFF;
  color: #DB504A;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .xtra-savings-card__inputs .info-error:empty {
  margin: 0;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .password-rule {
  color: #212B36;
  display: block;
  font-size: 12px;
  line-height: 1.16em;
  margin-bottom: 17px;
  text-align: center;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .password-rule strong {
  font-weight: 700;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .sr-button {
  background-color: #38a8ae;
  border-radius: 100px;
  color: #ffffff;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .sr-button:disabled {
  background-color: #dfe3e8;
  color: #919eab;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .said-passport-number {
  position: relative;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .said-passport-number .form-section__link {
  position: absolute;
  top: 8px;
  right: 16px;
}
.little-me__menu .promo-alerts__submenu #shrRegisterForm .said-passport-number .form-section__link__button {
  letter-spacing: -0.3px;
  line-height: 1.07em;
  min-width: 70px;
  max-width: 90px;
  padding: 0;
  text-align: right;
}
.little-me__menu .promo-alerts__submenu .confirmation-register {
  background: none;
  padding: 0;
}
.little-me__menu .promo-alerts__submenu .confirmation-register::before {
  background-image: url("/_ui/responsive/common/images/account-created-image.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 136px;
  margin: 0 auto 16px;
  width: 120px;
}
.little-me__menu .promo-alerts__submenu .confirmation-register .form-section__title {
  color: #161C23;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.16em;
  margin: 0 0 21px;
  max-width: none;
  padding: 0 40px;
  text-transform: none;
}
.little-me__menu .promo-alerts__submenu .confirmation-register__verify-account {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #E1F2F3;
  border-radius: 5px;
  color: #148181;
  margin-bottom: 16px;
  text-align: left;
  padding: 12px 13px;
}
.little-me__menu .promo-alerts__submenu .confirmation-register__verify-account .icon {
  font-size: 22px;
  margin-right: 13px;
}
.little-me__menu .promo-alerts__submenu .confirmation-register__text {
  margin-bottom: 0;
}
.little-me__menu .promo-alerts__submenu .confirmation-register ~ .login-page__link-button {
  display: none;
}
.little-me__menu .promo-alerts__submenu-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  bottom: auto;
  box-shadow: none;
  padding: 16px 16px 8px;
  top: 0;
}
.little-me__menu .promo-alerts__submenu-button .close-button {
  display: block;
}
.little-me__menu.is-show::before {
  opacity: 1;
  visibility: visible;
}
.little-me__menu.is-show .promo-alerts__menu__link {
  z-index: -1;
}
.little-me__menu.is-show .promo-alerts__submenu {
  opacity: 1;
  right: 0;
  visibility: visible;
}
.little-me .promo-alerts-logout__login {
  background-color: #ffece8;
  background-image: url("/_ui/responsive/common/images/xtra-savings/signin-background.png");
  background-position: 15px top;
  background-repeat: no-repeat;
  background-size: 187px;
  height: 100%;
  left: 0;
  padding: 56px 24px;
  position: absolute;
  top: 0;
  width: 100%;
}
.little-me .promo-alerts-logout__login .profile__menu__start-here__image {
  margin-bottom: 16px;
  text-align: center;
}
.little-me .promo-alerts-logout__login .profile__menu__start-here__image img {
  max-width: 110px;
  max-height: 110px;
}
.little-me .promo-alerts-logout__login .profile__menu__start-here__title {
  color: #212B36;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.0277em;
  line-height: 1em;
  margin: 0 auto 16px;
  max-width: 236px;
  text-align: center;
  text-transform: uppercase;
}
.little-me .promo-alerts-logout__login .profile__menu__start-here__title strong {
  color: #ff4219;
  font-weight: 800;
}
.little-me .promo-alerts-logout__login .form-section__title {
  color: #212B36;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.0277em;
  line-height: 1em;
  margin: 0 auto 16px;
  max-width: 236px;
  text-align: center;
  text-transform: uppercase;
}
.little-me .promo-alerts-logout__login .form-section__title strong {
  color: #ff4219;
  font-weight: 800;
}
.little-me .promo-alerts-logout__login .form-section__input {
  border-radius: 45px !important;
  border: 0;
}
.little-me .promo-alerts-logout__login .form-section__input.used,
.little-me .promo-alerts-logout__login .form-section__input:focus {
  border: 1px solid #FF4219;
  box-shadow: 0px 2px 0px #FF4219;
}
.little-me .promo-alerts-logout__login .form-section__input.used.sr-error,
.little-me .promo-alerts-logout__login .form-section__input:focus.sr-error {
  border: 1px solid #FF4219;
}
.little-me .promo-alerts-logout__login .form-section .sr-button {
  background-color: #ff4219;
  color: #FFFFFF;
  border-radius: 45px;
  font-weight: 700;
  padding: 14px 12px;
}
.little-me .promo-alerts-logout__login .form-section .sr-button:disabled {
  background-color: #ff4219;
  color: #FFFFFF;
  opacity: 0.3;
}
.little-me .promo-alerts-logout__login .verification-email-sent {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #161C23;
  text-align: center;
}
.little-me .promo-alerts-logout__login .verification-email-sent__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.0277em;
  line-height: 1em;
  margin: 0 0 16px;
  text-transform: uppercase;
  max-width: 203px;
  width: 100%;
}
.little-me .promo-alerts-logout__login .verification-email-sent__image {
  margin-bottom: 16px;
  width: 120px;
}
.little-me .promo-alerts-logout__login .verification-email-sent__image img {
  display: block;
  width: 100%;
}
.little-me .promo-alerts-logout__login .verification-email-sent__click {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.125em;
  margin-bottom: 8px;
}
.little-me .promo-alerts-logout__login .verification-email-sent__redirect {
  font-size: 16px;
  line-height: 1.125em;
}
.little-me .promo-alerts-logout__login .verification-email-sent__redirect a {
  color: #161C23;
  font-weight: 700;
}
.little-me .promo-alerts-logout__login .verification-email-sent__redirect .js-countdown {
  color: #38a8ae;
  font-weight: 700;
}
.little-me .promo-alerts-logout__login--verification-email {
  background: none;
}
.little-me .promo-alerts-logout__login--otp .profile__menu__start-here__image {
  display: none;
}
.little-me .promo-alerts-logout__login--otp .js-promo-alerts-otp .form-section__block {
  padding: 0;
}
.little-me .promo-alerts-logout__login--otp .js-promo-alerts-otp .form-section__link a {
  color: #161C23;
  font-weight: 600;
  text-decoration: underline;
}
.little-me .promo-alerts-logout__login--otp .js-promo-alerts-otp .profile-menu-title {
  color: #161C23;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 16px;
}
.little-me .promo-alerts-logout__login--otp .js-promo-alerts-otp .profile-menu-title .custom-link {
  color: #ff4219;
  display: block;
}
.little-me .promo-alerts-logout__login--otp .js-promo-alerts-otp .action-box.otp {
  background-color: #FFFFFF;
  border-radius: 5px;
  padding: 13px;
}
.little-me .promo-alerts-logout__login--otp .js-promo-alerts-otp #shrOneTimePinForm .four-digits-inputs {
  margin-top: 0;
}
.little-me .promo-alerts-logout__login--password .form-section__title {
  font-weight: 700;
  text-transform: none;
}
.little-me .promo-alerts-logout__login--password .form-section__title strong {
  display: block;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.little-me .promo-alerts-logout__login--password .form-section__link__button:link,
.little-me .promo-alerts-logout__login--password .form-section__link__button:visited {
  color: #161C23;
  font-weight: 600;
  text-decoration: underline;
}
.little-me .promo-alerts-logout__login--password .form-section__actions {
  margin-bottom: 0;
}
.little-me .promo-alerts-logout__login--password #loginForm {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.little-me .promo-alerts-logout__login--password #loginForm .keep-sign-in {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  order: 2;
}
.little-me .promo-alerts-logout__login--password #loginForm .keep-sign-in .sr-switch {
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  width: auto;
}
.little-me .promo-alerts-logout__login--password #loginForm .keep-sign-in .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #ff4219;
}
.little-me .promo-alerts-logout__login--password #loginForm .keep-sign-in .sr-switch input:checked ~ .sr-switch__slider::before {
  background-color: #FFFFFF;
}
.little-me .promo-alerts-logout__login--password #loginForm .keep-sign-in .sr-switch__slider {
  border-color: #ff4219;
}
.little-me .promo-alerts-logout__login--password #loginForm .keep-sign-in .sr-switch__slider::before {
  background-color: #ff4219;
}
.little-me .promo-alerts-logout__login--password #loginForm .keep-sign-in .sr-switch__label {
  color: #161C23;
  font-size: 16px;
  font-weight: 700;
  line-height: 0.875em;
  margin-bottom: 0;
}
.little-me .promo-alerts-signed {
  background-color: #ffece8;
  height: 100%;
  left: 0;
  overflow-y: auto;
  padding-bottom: 74px;
  position: absolute;
  top: 0;
  width: 100%;
}
.little-me .promo-alerts-signed__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 6px solid #FFACB5;
  padding: 27px 24px 16px;
}
.little-me .promo-alerts-signed__title {
  color: #161C23;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.0277em;
  line-height: 1em;
  margin: 0 0 32px;
  text-transform: uppercase;
  text-align: center;
}
.little-me .promo-alerts-signed__title .promo-color-text {
  color: #E51F34;
}
.little-me .promo-alerts-signed__image {
  margin-bottom: 16px;
  width: 110px;
}
.little-me .promo-alerts-signed__image img {
  display: block;
  width: 100%;
}
.little-me .promo-alerts-signed__switch .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #E51F34;
  border-color: #E51F34;
}
.little-me .promo-alerts-signed__switch .sr-switch input:checked ~ .sr-switch__slider::before {
  background-color: #FFFFFF;
}
.little-me .promo-alerts-signed__switch .sr-switch__label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  width: 100%;
}
.little-me .promo-alerts-signed__switch .sr-switch__slider {
  background-color: #FFFFFF;
  border-color: #E51F34;
}
.little-me .promo-alerts-signed__switch .sr-switch__slider::before {
  background-color: #E51F34;
}
.little-me .promo-alerts-signed__switch .sr-switch__text {
  color: #161c23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.14em;
}
.little-me .promo-alerts-signed #emailForm .form-section__row:last-of-type {
  margin-bottom: 0;
}
.little-me .promo-alerts-signed .promo-alerts-list {
  padding: 16px 24px;
}
.little-me .promo-alerts-signed .promo-alerts-list__header {
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 0;
  margin-bottom: 15px;
  padding: 0;
}
.little-me .promo-alerts-signed .promo-alerts-list__title {
  color: #212B36;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.28em;
  margin: 0;
}
.little-me .promo-alerts-signed .promo-alerts-list .promo-alerts__section__title-place {
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #FFFFFF;
  border-radius: 33px;
  color: #212B36;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.0083em;
  line-height: 0.75em;
  padding: 7.5px 8px;
}
.little-me .promo-alerts-signed .promo-alerts-list .promo-alerts__section__label {
  order: 2;
}
.little-me .promo-alerts-signed .promo-alerts-list .promo-alerts__section__total-products {
  background-color: transparent;
  color: #E51F34;
  font-size: 12px;
  font-weight: 800;
  height: auto;
  line-height: 0.75em;
  margin-right: 2px;
  order: 1;
  padding: 0;
  position: relative;
  right: auto;
  top: auto;
}
.little-me .promo-alerts-signed .promo-alerts-list__body {
  padding: 0;
}
.little-me .promo-alerts-signed .promo-alerts-list__body .product {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #FFFFFF;
  border-radius: 10px;
  border: 0;
  padding: 8px 9px 10px 12px;
}
.little-me .promo-alerts-signed .promo-alerts-list__body .product:not(:last-child) {
  margin-bottom: 8px;
}
.little-me .promo-alerts-signed .promo-alerts-list__body .product__image {
  margin-right: 14px;
  width: 60px;
}
.little-me .promo-alerts-signed .promo-alerts-list__body .product .product__options--promo-left {
  bottom: 0;
}
.little-me .promo-alerts-signed .promo-alerts-list__body .product__price {
  margin-bottom: 6px;
}
.little-me .promo-alerts-signed .promo-alerts-list__body .product__name {
  font-size: 11px;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 6px;
}
.little-me .promo-alerts-signed .promo-alerts-list__body .product__valid {
  font-size: 10px;
  line-height: 1em;
}
.little-me .promo-alerts-signed .promo-alerts-list__body .product__remove-button {
  background-color: #ECF0F4;
  border-radius: 50%;
  color: #212B36;
  font-size: 8.49px;
  height: 22px;
  width: 22px;
}
.little-me .promo-alerts-signed .promo-alerts-list__body .product__remove-button i::before {
  content: "\e92e";
}
.little-me .promo-alerts-notifications {
  background-color: #FCE9EB;
  border-radius: 10px;
  margin-bottom: 16px;
  padding: 24px 30px 24px;
}
.little-me .promo-alerts-notifications__image {
  margin-bottom: 8px;
}
.little-me .promo-alerts-notifications__image img {
  display: block;
  margin: 0 auto;
  width: 120px;
}
.little-me .promo-alerts-notifications__title {
  color: #212B36;
  display: block;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.14em;
  margin-bottom: 16px;
  text-align: center;
  text-transform: uppercase;
}
.little-me .promo-alerts-notifications__steps .step {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.little-me .promo-alerts-notifications__steps .step:not(:last-child) {
  margin-bottom: 10px;
}
.little-me .promo-alerts-notifications__steps .step__image {
  flex-shrink: 0;
  margin-right: 16px;
  width: 76px;
}
.little-me .promo-alerts-notifications__steps .step__image img {
  display: block;
  width: 100%;
}
.little-me .promo-alerts-notifications__steps .step__text {
  color: #161C23;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.14em;
}
.little-me .promo-alerts-notifications__steps .step__text strong {
  color: #E51F35;
}
.little-me__submenu {
  background-color: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 4px 16px 0 rgba(22, 28, 35, 0.2);
  max-height: 510px;
  opacity: 0;
  overflow-y: hidden;
  padding: 8px 8px 56px;
  position: absolute;
  right: 17px;
  top: 100%;
  visibility: hidden;
  width: 310px;
  z-index: 100;
}
.little-me__submenu__content {
  overflow-y: auto;
  max-height: 446px;
}
.little-me__submenu .js-promo-alerts-email-form-section .communication-preferences__error-alert {
  background-color: #FEF7E8;
  margin-bottom: 8px;
  margin-top: 16px;
  padding: 12px 13px;
}
.little-me__submenu .js-promo-alerts-email-form-section .communication-preferences__error-alert .icon {
  color: #FF8E32;
  font-size: 22px;
  margin-right: 13px;
}
.little-me__submenu .js-promo-alerts-email-form-section .communication-preferences__error-alert .text {
  color: #9F5A22;
  text-align: left;
}
.little-me__submenu .js-promo-alerts-email-form-section .form-section__input {
  background-color: #FEF7E8;
  border-radius: 45px;
  border: 1px solid #FF8E32;
  box-shadow: inset 0px 0px 0px 4px #FFFFFF;
  color: #212B36;
}
.little-me__submenu .js-promo-alerts-email-form-section .form-section__input.used,
.little-me__submenu .js-promo-alerts-email-form-section .form-section__input:focus {
  border: 1px solid #FF8E32;
  box-shadow: inset 0px 0px 0px 4px #FFFFFF;
}
.little-me__submenu .js-promo-alerts-email-form-section .form-section__input.used.sr-error,
.little-me__submenu .js-promo-alerts-email-form-section .form-section__input:focus.sr-error {
  border: 1px solid #FF4219;
}
.little-me__submenu .js-promo-alerts-email-form-section .form-section__label {
  color: #454F5B;
}
.little-me__submenu .js-promo-alerts-email-form-section .sr-button {
  background-color: #FF8E32;
  color: #FFFFFF;
  border-radius: 45px;
  font-weight: 700;
  padding: 14px 12px;
}
.little-me__submenu .js-promo-alerts-email-form-section .sr-button:disabled {
  background-color: #FF8E32;
  color: #FFFFFF;
  opacity: 0.3;
}
.little-me__submenu .promo-alerts-email {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #e1f2f3;
  border-radius: 5px;
  padding: 8px 40px 24px;
  text-align: center;
}
.little-me__submenu .promo-alerts-email__image {
  height: auto;
  margin-bottom: 6px;
  width: 54px;
}
.little-me__submenu .promo-alerts-email__text {
  color: #161c23;
  font-size: 14px;
  line-height: 1.28em;
  margin-bottom: 16px;
}
.little-me__submenu .promo-alerts-email__text strong {
  font-weight: 700;
}
.little-me__submenu .promo-alerts-email__switch {
  margin-bottom: 16px;
}
.little-me__submenu .promo-alerts-email__switch .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #E51F34;
  border-color: #E51F34;
}
.little-me__submenu .promo-alerts-email__switch .sr-switch__label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  width: 100%;
}
.little-me__submenu .promo-alerts-email__switch .sr-switch__slider {
  background-color: #FFFFFF;
}
.little-me__submenu .promo-alerts-email__switch .sr-switch__text {
  color: #161c23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.14em;
}
.little-me__submenu .promo-alerts-email__button {
  background-color: #38a8ae;
  border: 0;
  border-radius: 50px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  min-width: 200px;
  padding: 6px 10px;
}
.little-me__submenu .promo-alerts-email__button:not(:disabled):hover {
  background-color: #148181;
}
.little-me__submenu .promo-alerts-list__header {
  border-bottom: 9px solid #ecf0f4;
  padding: 20px 0;
  text-align: center;
}
.little-me__submenu .promo-alerts-list__title {
  color: #e51f34;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0;
  text-transform: uppercase;
}
.little-me__submenu .promo-alerts-list__body {
  padding: 8px 6px;
}
.little-me__submenu .promo-alerts-list__body .product__image {
  margin-right: 4px;
  width: 48px;
}
.little-me__submenu .promo-alerts-list__body .product__price {
  margin-right: 0;
  width: 100%;
}
.little-me__submenu .promo-alerts-list__body .product__description {
  margin-right: 0;
  width: 100%;
  padding: 0 0 0 10px;
}
.little-me__submenu .promo-alerts-list__body .product__remove-button {
  margin-left: 9px;
}
.little-me__submenu.logout {
  padding: 64px 16px;
}
.little-me__submenu.logout .promo-alerts__submenu-button {
  display: none;
}
.little-me__submenu .promo-alerts-signin {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.little-me__submenu .promo-alerts-signin__title {
  color: #161C23;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.125em;
  margin-bottom: 16px;
  text-align: center;
}
.little-me__submenu .promo-alerts-signin__title strong {
  font-weight: 700;
}
.little-me__submenu .promo-alerts-signin__switch {
  margin-bottom: 18px;
}
.little-me__submenu .promo-alerts-signin__switch .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #E51F35;
  border-color: #E51F35;
}
.little-me__submenu .promo-alerts-signin__switch .sr-switch__label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  width: 100%;
}
.little-me__submenu .promo-alerts-signin__switch .sr-switch__slider {
  background-color: #FFFFFF;
  border-color: #E51F35;
}
.little-me__submenu .promo-alerts-signin__switch .sr-switch__slider::before {
  background-color: #E51F35;
}
.little-me__submenu .promo-alerts-signin__switch .sr-switch__text {
  color: #161c23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.14em;
}
.little-me__submenu .promo-alerts-signin__later {
  color: #38a8ae;
  font-size: 14px;
  font-weight: 600;
  line-height: 0.85em;
  text-decoration: underline;
}
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form .communication-preferences__error-alert {
  border-radius: 5px;
  margin-bottom: 8px;
  padding: 12px;
}
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form .communication-preferences__error-alert .icon {
  margin-right: 13px;
}
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form .form-section__input {
  background-color: #ECF0F4;
  border-radius: 45px;
  border: 0;
}
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form .form-section__input.used,
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form .form-section__input:focus {
  border: 1px solid #FF4219;
  box-shadow: 0px 2px 0px #FF4219;
}
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form .form-section__input.used.sr-error,
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form .form-section__input:focus.sr-error {
  border: 1px solid #FF4219;
}
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form .form-section .sr-button {
  background-color: #E51F34;
  color: #FFFFFF;
  border-radius: 45px;
  font-weight: 700;
  padding: 14px 12px;
}
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form .form-section .sr-button:disabled {
  background-color: #E51F34;
  color: #FFFFFF;
  opacity: 0.3;
}
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form.is-verifying .communication-preferences__error-alert {
  background-color: #FEF7E8;
  color: #9F5A22;
}
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form.is-verifying .communication-preferences__error-alert .icon {
  color: #FF8E32;
}
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form.is-verifying .form-section__input.used {
  background-color: #FEF7E8;
  border: 1px solid #FF8E32;
  box-shadow: inset 0px 0px 0px 4px #FFFFFF;
}
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form.is-verifying .form-section .sr-button {
  background-color: #FF8E32;
}
.little-me__submenu .promo-alerts-signin .promo-alerts-email__form.is-verifying .form-section .sr-button:disabled {
  background-color: #FF8E32;
}
.little-me__submenu .promo-alerts-signin__or {
  background-color: #DFE3E8;
  border-radius: 20px;
  color: #161C23;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 0.75em;
  margin-bottom: 18px;
  padding: 6px 8px;
  text-transform: uppercase;
}
.little-me__submenu .promo-alerts-signin__signup {
  font-weight: 600;
  text-decoration: underline;
}
.little-me__submenu.is-empty .promo-alerts-signed {
  padding-bottom: 124px;
}
@media (max-width: 636px) {
  .little-me__submenu.is-empty .promo-alerts-signed {
    padding-bottom: 74px;
  }
}
.little-me__submenu.is-empty .promo-alerts__submenu-button {
  box-shadow: none;
}
.little-me__submenu.is-empty .view-my-alerts {
  height: 124px;
}
@media (max-width: 636px) {
  .little-me__submenu.is-empty .view-my-alerts {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    gap: 8px;
    height: 74px;
  }
}
@media (max-width: 636px) {
  .little-me__submenu.is-empty .view-my-alerts__button {
    white-space: nowrap;
    width: auto;
  }
}
.little-me__submenu.is-empty .view-my-alerts__button--got-it {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
@media (max-width: 636px) {
  .little-me__submenu.is-empty .view-my-alerts__button--got-it {
    order: 2;
  }
}
.little-me__submenu.is-empty .view-my-alerts__button--manage {
  background-color: transparent;
  border: 1px solid #161C23;
  color: #161C23;
}
@media (max-width: 636px) {
  .little-me__submenu.is-empty .view-my-alerts__button--manage {
    order: 1;
  }
}
.little-me__submenu.is-empty .view-my-alerts__button--manage .text {
  margin-right: 0;
}
.little-me__submenu.is-empty .view-my-alerts__button--manage .icon {
  display: none;
}
.little-me__info-list .info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.little-me__info-list .info:not(:last-child) {
  margin-bottom: 16px;
}
.little-me__info-list .info__image {
  height: auto;
  flex-shrink: 0;
  margin-right: 12px;
  width: 52px;
}
.little-me__info-list .info__text {
  color: #000000;
  display: block;
  font-size: 12px;
  line-height: 1.16em;
  margin-top: 4px;
}
.little-me__info-list .info__text strong {
  font-weight: 700;
}
.little-me .promo-alerts-empty-page__instructions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
.little-me .promo-alerts-empty-page__item {
  background-color: #FCE9EB;
  border-radius: 10px;
  max-width: 240px;
  padding: 24px 30px 29px;
  width: 100%;
}
.little-me .promo-alerts-empty-page__item__image {
  margin: 0 auto 16px;
  max-width: 120px;
  width: 100%;
}
.little-me .promo-alerts-empty-page__item__image img {
  display: block;
  width: 100%;
}
.little-me .promo-alerts-empty-page__item__text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.12em;
  text-align: center;
}
.little-me .promo-alerts-empty-page__item__text strong {
  color: #E51F34;
  font-weight: 700;
}
.little-me .promo-alerts-empty-page__button {
  background-color: #E51F34;
  border-radius: 40px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0214em;
  line-height: 0.92em;
  padding: 10px 25px;
}
@media (max-width: 636px) {
  .little-me .promo-alerts-empty-page__button {
    text-align: center;
    width: 100%;
  }
}
.little-me .promo-alerts-empty-page__button .text {
  display: inline-block;
  vertical-align: middle;
}
.little-me .promo-alerts-empty-page__button .icon {
  display: inline-block;
  font-size: 22.5px;
  font-weight: normal;
  margin-left: 13px;
  vertical-align: middle;
}
.little-me .promo-alerts-empty {
  padding: 16px 24px;
}
.little-me .promo-alerts-empty__header {
  margin-bottom: 16px;
}
.little-me .promo-alerts-empty__title {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.28em;
  margin: 0 0 2px;
  text-transform: uppercase;
}
.little-me .promo-alerts-empty__subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 1em;
  margin: 0;
}
.little-me .promo-alerts-empty__steps .step {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 8px;
}
.little-me .promo-alerts-empty__steps .step:not(:last-child) {
  margin-bottom: 8px;
}
.little-me .promo-alerts-empty__steps .step__image {
  flex-shrink: 0;
  margin-right: 14px;
  position: relative;
  width: 60px;
}
.little-me .promo-alerts-empty__steps .step__image img {
  display: block;
  margin-top: -8px;
  width: 100%;
}
.little-me .promo-alerts-empty__steps .step__number {
  background-color: #E51F34;
  border-radius: 40px;
  box-shadow: 0px 2px 0px rgba(174, 0, 18, 0.2);
  color: #FFFFFF;
  display: block;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25em;
  padding: 4px 6px;
  position: relative;
  text-transform: uppercase;
}
.little-me .promo-alerts-empty__steps .step__text {
  color: #161C23;
  font-size: 14px;
  line-height: 1.14em;
}
.little-me .promo-alerts-empty__steps .step__text strong {
  font-weight: 700;
}
.little-me__submenu-button {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
  box-shadow: 0 -2px 16px 0 rgba(33, 43, 54, 0.2);
  left: 0;
  padding: 12px;
  position: absolute;
  right: 0;
  z-index: 1;
}
.little-me__submenu-button .close-button {
  background-color: #ecf0f4;
  border-radius: 50%;
  border: 0;
  color: #212b36;
  display: none;
  font-size: 14px;
  height: 40px;
  padding: 0;
  width: 40px;
}
.little-me__submenu-button .view-my-alerts-button:link,
.little-me__submenu-button .view-my-alerts-button:visited {
  background-color: #fce9eb;
  border-radius: 50px;
  color: #22252e;
  font-size: 12px;
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  min-width: 182px;
  padding: 0 42px;
  position: relative;
  text-decoration: none;
}
.little-me__submenu-button .view-my-alerts-button:hover,
.little-me__submenu-button .view-my-alerts-button:active {
  color: #22252e;
}
.little-me__submenu-button .view-my-alerts-button::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #e51f34;
  content: "\e972";
  font-family: "shoprite-icon";
  font-size: 16px;
  font-weight: 400;
  left: 13px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.little-me__submenu-button .view-my-alerts-button::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #212b36;
  content: "\e92b";
  font-family: "shoprite-icon";
  font-size: 10.7px;
  font-weight: 400;
  right: 12.7px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.little-me__information {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 8px 16px 0 rgba(22, 28, 35, 0.2);
  left: 50%;
  padding: 24px;
  position: absolute;
  text-transform: uppercase;
  top: calc(100% + 17px);
  width: 458px;
  z-index: 10;
}
@media (max-width: 1024px) {
  .little-me__information {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
  }
}
@media (max-width: 636px) {
  .little-me__information {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 28px;
    position: absolute;
    right: -12px;
    width: calc(100vw - 76px);
  }
}
.little-me__information::before {
  border-bottom: 10px solid #FFFFFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 0;
}
@media (max-width: 1024px) {
  .little-me__information::before {
    left: 25px;
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .little-me__information::before {
    left: auto;
    right: 20px;
  }
}
.little-me__information__close-button {
  background-color: transparent;
  border: 0;
  color: #212b36;
  font-size: 11px;
  height: 32px;
  padding: 0;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 32px;
}
.little-me__information__image {
  flex-shrink: 0;
  height: auto;
  margin-right: 18px;
  width: 82px;
}
@media (max-width: 636px) {
  .little-me__information__image {
    margin-right: 0;
  }
}
@media (max-width: 636px) {
  .little-me__information__text {
    max-width: 211px;
    width: 100%;
  }
}
.little-me__information__new {
  background-color: #e51f34;
  border-radius: 50px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1em;
  margin-bottom: 5px;
  padding: 3px 8px;
}
@media (max-width: 636px) {
  .little-me__information__new {
    margin-bottom: 5px;
  }
}
.little-me__information__title {
  color: #161c23;
  display: block;
  font-size: 18px;
  font-weight: 800;
  line-height: 1em;
  margin: 0;
}
.little-me--page {
  max-width: 828px;
  width: 100%;
}
@media (max-width: 636px) {
  .little-me--page {
    left: auto;
    position: relative;
  }
}
@media (max-width: 636px) {
  .little-me--page .promo-alerts__section {
    margin-left: 0;
    margin-right: 0;
  }
}
.little-me--page .product__price {
  margin-bottom: 0;
  margin-right: 23px;
  width: auto !important;
  max-width: 60%;
}
@media (max-width: 1024px) {
  .little-me--page .product__price {
    max-width: 40%;
  }
}
@media (max-width: 636px) {
  .little-me--page .product__price {
    margin-right: 10px;
  }
  .little-me--page .product__price .item-product__message__text {
    font-size: 11px;
  }
}
@media (max-width: 450px) {
  .little-me--page .product__price.not-available {
    max-width: min-content;
  }
}
.little-me .remove-all-alerts {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.little-me .remove-all-alerts__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #E51F34;
  border-radius: 40px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.0214em;
  line-height: 0.92em;
  padding: 14px 22px;
}
.little-me .remove-all-alerts__button .icon {
  font-size: 20px;
  margin-left: 10px;
}
.little-me .button-default {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #38a8ae;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  line-height: 1em;
  min-width: 218px;
  padding: 0 16px;
}
.little-me__menu .promo-alerts__submenu .promo-alerts__submenu-button button {
  background-color: #FFF;
}
.little-me__menu .little-me-popup-content {
  background-color: #ffece8;
  height: 100%;
  left: 0;
  overflow-y: auto;
  padding-bottom: 74px;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #DEF4F5;
}
.little-me__menu .little-me-popup-content__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 6px solid #FFACB5;
  padding: 27px 24px 16px;
}
.little-me__menu .little-me-popup-content__title {
  color: #161C23;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.0277em;
  line-height: 1em;
  margin: 0 0 32px;
  text-transform: uppercase;
  text-align: center;
}
.little-me__menu .little-me-popup-content__title .promo-color-text {
  color: #E51F34;
}
.little-me__menu .little-me-popup-content__image {
  margin-bottom: 16px;
  width: 110px;
}
.little-me__menu .little-me-popup-content__image img {
  display: block;
  width: 100%;
}
.little-me__menu .little-me-popup-content__switch .sr-switch input:checked ~ .sr-switch__slider {
  background-color: #E51F34;
  border-color: #E51F34;
}
.little-me__menu .little-me-popup-content__switch .sr-switch input:checked ~ .sr-switch__slider::before {
  background-color: #FFFFFF;
}
.little-me__menu .little-me-popup-content__switch .sr-switch__label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  width: 100%;
}
.little-me__menu .little-me-popup-content__switch .sr-switch__slider {
  background-color: #FFFFFF;
  border-color: #E51F34;
}
.little-me__menu .little-me-popup-content__switch .sr-switch__slider::before {
  background-color: #E51F34;
}
.little-me__menu .little-me-popup-content__switch .sr-switch__text {
  color: #161c23;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.14em;
}
.little-me__menu .little-me-popup-content #emailForm .form-section__row:last-of-type {
  margin-bottom: 0;
}
.little-me__menu .little-me-popup-content .promo-alerts-list {
  padding: 16px 24px;
}
.little-me__menu .little-me-popup-content .promo-alerts-list__header {
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 0;
  margin-bottom: 15px;
  padding: 0;
}
.little-me__menu .little-me-popup-content .promo-alerts-list__title {
  color: #212B36;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.28em;
  margin: 0;
}
.little-me__menu .little-me-popup-content .promo-alerts-list .promo-alerts__section__title-place {
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #FFFFFF;
  border-radius: 33px;
  color: #212B36;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.0083em;
  line-height: 0.75em;
  padding: 7.5px 8px;
}
.little-me__menu .little-me-popup-content .promo-alerts-list .promo-alerts__section__label {
  order: 2;
}
.little-me__menu .little-me-popup-content .promo-alerts-list .promo-alerts__section__total-products {
  background-color: transparent;
  color: #E51F34;
  font-size: 12px;
  font-weight: 800;
  height: auto;
  line-height: 0.75em;
  margin-right: 2px;
  order: 1;
  padding: 0;
  position: relative;
  right: auto;
  top: auto;
}
.little-me__menu .little-me-popup-content .promo-alerts-list__body {
  padding: 0;
}
.little-me__menu .little-me-popup-content .promo-alerts-list__body .product {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #FFFFFF;
  border-radius: 10px;
  border: 0;
  padding: 8px 9px 10px 12px;
}
.little-me__menu .little-me-popup-content .promo-alerts-list__body .product:not(:last-child) {
  margin-bottom: 8px;
}
.little-me__menu .little-me-popup-content .promo-alerts-list__body .product__image {
  margin-right: 14px;
  width: 60px;
}
.little-me__menu .little-me-popup-content .promo-alerts-list__body .product .product__options--promo-left {
  bottom: 0;
}
.little-me__menu .little-me-popup-content .promo-alerts-list__body .product__price {
  margin-bottom: 6px;
}
.little-me__menu .little-me-popup-content .promo-alerts-list__body .product__name {
  font-size: 11px;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 6px;
}
.little-me__menu .little-me-popup-content .promo-alerts-list__body .product__valid {
  font-size: 10px;
  line-height: 1em;
}
.little-me__menu .little-me-popup-content .promo-alerts-list__body .product__remove-button {
  background-color: #ECF0F4;
  border-radius: 50%;
  color: #212B36;
  font-size: 8.49px;
  height: 22px;
  width: 22px;
}
.little-me__menu .little-me-popup-content .promo-alerts-list__body .product__remove-button i::before {
  content: "\e92e";
}
.little-me__menu .little-me-popup-content__header {
  border-color: #23BFC8;
  position: relative;
}
.little-me__menu .little-me-popup-content__header .js-little-me-message-cnt {
  position: absolute;
  top: 25%;
}
.little-me__menu__link:visited,
.little-me__menu__link:link {
  background-color: #E1F2F3;
  color: #38a8ae;
}
.little-me__menu__link:before {
  color: #38a8ae;
  content: "\e981";
}
.little-me__menu .promo-alerts__submenu .view-my-alerts {
  background-color: #DEF4F5;
}
.little-me__menu .promo-alerts__submenu .view-my-alerts__button {
  background-color: #38A8AD;
}
.little-me__menu .promo-alerts__submenu .view-my-alerts__button:hover {
  filter: none;
}
.little-me .little-me-alert {
  background-color: #EBFFF1;
  border-radius: 10px;
  border: 1px solid black;
  font-size: 16px;
  font-weight: 800;
  padding: 12px;
  text-align: center;
  text-transform: uppercase;
}
.little-me .little-me-alert i {
  font-size: 12px;
  margin-right: 8px;
}
.little-me .little-me-alert.little-me-alert-added {
  border-color: #3DA960;
  color: #3DA960;
}
.little-me .little-me-alert.little-me-alert-deleted {
  background-color: #fce9eb;
  border-color: red;
  color: red;
}
body.page-littleMeWishlistPage .brand-component,
body.page-littleMeWishlistSuccessPage .brand-component {
  margin: 0 auto 48px;
  max-width: 1120px;
  width: 100%;
}
@media (max-width: 636px) {
  body.page-littleMeWishlistPage .brand-component,
  body.page-littleMeWishlistSuccessPage .brand-component {
    margin-bottom: 38px;
  }
}
body.page-littleMeWishlistPage .brand-component .brand-title h3,
body.page-littleMeWishlistSuccessPage .brand-component .brand-title h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 48px;
  padding: 0;
}
@media (max-width: 636px) {
  body.page-littleMeWishlistPage .brand-component .brand-title h3,
  body.page-littleMeWishlistSuccessPage .brand-component .brand-title h3 {
    margin-bottom: 24px;
  }
}
body.page-littleMeWishlistResultsPage .main__inner-wrapper {
  max-width: none;
  padding: 0;
}
@media (max-width: 636px) {
  body.page-littleMeWishlistResultsPage .main__inner-wrapper.wrap {
    overflow: visible;
  }
}
body.page-littleMeWishlistResultsPage .little-me-account .litleme-header-cnt .full-size-image-cls {
  margin: 0 !important;
}
body.page-littleMeWishlistResultsPage .little-me-account .litleme-header-cnt .littleme-header-text-cnt {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 15px;
  width: 100%;
}
body.page-littleMeWishlistResultsPage .wishlist-results {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 15px;
  width: 100%;
}
@media (max-width: 636px) {
  body.page-littleMeWishlistResultsPage .wishlist-results .promo-alerts__section {
    margin-left: 0;
    margin-right: 0;
  }
}
.little-me-create,
.little-me-find {
  text-align: center;
}
.little-me-create .title,
.little-me-find .title {
  color: #212B36;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 32px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .little-me-create .title,
  .little-me-find .title {
    margin-bottom: 36px;
  }
}
.little-me-create .subtitle,
.little-me-find .subtitle {
  color: #161C23;
  font-size: 14px;
  line-height: 1em;
  margin: 0 0 17px;
}
.little-me-create .form,
.little-me-find .form {
  margin: 0 auto 32px;
  max-width: 448px;
  width: 100%;
}
@media (max-width: 636px) {
  .little-me-create .form,
  .little-me-find .form {
    max-width: 307px;
  }
}
.little-me-create .form .form-group,
.little-me-find .form .form-group {
  margin-bottom: 32px;
}
.little-me-create .form .form-section__input,
.little-me-find .form .form-section__input {
  border-radius: 100px;
}
.little-me-create .form input[type="date"]::-webkit-inner-spin-button,
.little-me-find .form input[type="date"]::-webkit-inner-spin-button,
.little-me-create .form input[type="date"]::-webkit-calendar-picker-indicator,
.little-me-find .form input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.little-me-create .form .sr-error,
.little-me-find .form .sr-error {
  background-color: #FFDDDB;
  border-color: #DB504A;
}
.little-me-create .form .help-block,
.little-me-find .form .help-block {
  color: #DB504A;
  font-style: normal;
  font-size: 12px;
}
.little-me-create .sr-date-picker-container,
.little-me-find .sr-date-picker-container {
  position: relative;
}
.little-me-create .sr-date-picker-container .placeholder,
.little-me-find .sr-date-picker-container .placeholder {
  background-color: #FFFFFF;
  color: #919EAB;
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.little-me-create .sr-date-picker-container > i,
.little-me-find .sr-date-picker-container > i {
  display: none;
}
.little-me-create .sr-date-picker-container .form-section__input,
.little-me-find .sr-date-picker-container .form-section__input {
  padding-left: 15px;
}
.little-me-create .sr-date-picker-container .sr-date-picker__button,
.little-me-find .sr-date-picker-container .sr-date-picker__button {
  line-height: 0;
}
.little-me-create .sr-date-picker-container .sr-date-picker__button i::before,
.little-me-find .sr-date-picker-container .sr-date-picker__button i::before {
  content: "\e924";
  font-size: 20px;
}
.little-me-create .sr-date-picker-container.is-show .placeholder,
.little-me-find .sr-date-picker-container.is-show .placeholder {
  display: none;
}
.little-me-create .sr-date-picker-container.is-show .sr-date-picker__button,
.little-me-find .sr-date-picker-container.is-show .sr-date-picker__button {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.little-me-create .button,
.little-me-find .button {
  background-color: #38a8ae;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 13px 16px;
  text-decoration: none;
}
.little-me-find {
  padding: 30px 0;
}
.little-me-find .title {
  margin-bottom: 17px;
}
.little-me-find .form .form-group {
  margin-bottom: 24px;
}
.little-me-find .form .form-control {
  border-radius: 100px;
  border: 1px solid #DFE3E8;
  box-shadow: none;
  height: 48px;
  padding: 17px 16px;
}
.little-me-find .button {
  min-width: 218px;
  text-align: center;
}
.little-me-how-it-works {
  background-color: #F0F5DE;
  border-radius: 20px;
  margin-bottom: 48px;
  padding: 32px;
  text-align: center;
}
@media (max-width: 636px) {
  .little-me-how-it-works {
    border-radius: 0;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 44px 20px 32px;
  }
}
.little-me-how-it-works .title {
  color: #212B36;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 30px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .little-me-how-it-works .title {
    margin-bottom: 36px;
  }
}
.little-me-how-it-works .steps {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media (max-width: 636px) {
  .little-me-how-it-works .steps {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 32px;
  }
}
.little-me-how-it-works .steps .step {
  max-width: 210px;
  text-align: center;
  width: 100%;
}
@media (max-width: 636px) {
  .little-me-how-it-works .steps .step {
    max-width: 280px;
  }
}
.little-me-how-it-works .steps .step:not(:last-child) {
  margin-right: 60px;
}
@media (max-width: 636px) {
  .little-me-how-it-works .steps .step:not(:last-child) {
    margin-bottom: 16px;
    margin-right: 0;
  }
}
.little-me-how-it-works .steps .step__image {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 84px;
  margin: 0 auto 7px;
}
@media (max-width: 636px) {
  .little-me-how-it-works .steps .step__image {
    height: 82px;
    margin-bottom: 16px;
  }
}
.little-me-how-it-works .steps .step__image img {
  display: block;
  height: 100%;
}
.little-me-how-it-works .steps .step__text {
  color: #161C23;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.125em;
  margin: 0;
}
.little-me-how-it-works .button {
  background-color: #3DA960;
  border-radius: 100px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 13px 16px;
  text-decoration: none;
}
.little-me-how-it-works--create {
  background-color: transparent;
  padding: 28px;
}
@media (max-width: 636px) {
  .little-me-how-it-works--create {
    margin-left: -15px;
    margin-right: -15px;
    padding: 12px 20px;
  }
}
.little-me-how-it-works--create .title {
  margin-bottom: 62px;
}
@media (max-width: 636px) {
  .little-me-how-it-works--create .title {
    margin-bottom: 24px;
  }
}
.little-me-how-it-works--create .steps {
  margin-bottom: 40px;
}
@media (max-width: 636px) {
  .little-me-how-it-works--create .steps {
    margin-bottom: 32px;
  }
}
.little-me-how-it-works--create .steps .step {
  max-width: 207px;
}
.little-me-how-it-works--create .steps .step:not(:last-child) {
  margin-right: 83px;
}
@media (max-width: 636px) {
  .little-me-how-it-works--create .steps .step:not(:last-child) {
    margin-bottom: 34px;
    margin-right: 0;
  }
}
.little-me-how-it-works--create .steps .step__image {
  height: 150px;
  margin-bottom: 16px;
}
@media (max-width: 636px) {
  .little-me-how-it-works--create .steps .step__image {
    height: 82px;
  }
}
@media (max-width: 636px) {
  .little-me-how-it-works--create .button {
    width: 100%;
  }
}
.little-me-actions {
  margin-bottom: 48px;
  text-align: center;
}
@media (max-width: 636px) {
  .little-me-actions {
    margin-bottom: 34px;
  }
}
.little-me-actions .title {
  color: #212B36;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 24px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .little-me-actions .title {
    margin-bottom: 16px;
  }
}
.little-me-actions .subtitle {
  color: #161C23;
  font-size: 16px;
  letter-spacing: -0.005em;
  line-height: 1.125em;
  margin: 0 0 24px;
}
@media (max-width: 636px) {
  .little-me-actions .subtitle {
    margin-bottom: 16px;
  }
}
.little-me-actions .buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 636px) {
  .little-me-actions .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.little-me-actions .buttons .button {
  background-color: #38a8ae;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
  padding: 13px 16px;
}
.little-me-actions .buttons .button:not(:last-child) {
  margin-right: 32px;
}
@media (max-width: 636px) {
  .little-me-actions .buttons .button:not(:last-child) {
    margin-bottom: 16px;
    margin-right: 0;
  }
}
.wishlist-results__btn-cnt {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 636px) {
  .wishlist-results__btn-cnt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.wishlist-results__btn-cnt .button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #38a8ae;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  line-height: 1em;
  min-width: 218px;
  padding: 0 16px;
}
.wishlist-results__btn-cnt .button:not(:last-child) {
  margin-right: 16px;
}
@media (max-width: 636px) {
  .wishlist-results__btn-cnt .button:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.wishlist-results__footer {
  display: flex;
  justify-content: center;
}
.wishlist-results__header {
  display: flex;
  flex-direction: column;
  margin: 20px 0;
  row-gap: 15px;
}
.wishlist-results__header__first-section {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.wishlist-results__header__first-section .data-cnt {
  align-items: center;
  column-gap: 8px;
  display: flex;
  flex-direction: row;
  margin-right: auto;
}
.wishlist-results__header__first-section .data-cnt h4 {
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
}
.wishlist-results__header__second-section {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  align-items: center;
  column-gap: 60px;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 10px;
  word-break: break-word;
}
@media (max-width: 636px) {
  .wishlist-results__header__second-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.wishlist-results__header__second-section div {
  background-color: #DEF4F5;
  border-radius: 20px;
  box-sizing: border-box;
  flex: 1 1 0;
  max-width: 100%;
  padding: 12px 20px 22px;
}
@media (max-width: 636px) {
  .wishlist-results__header__second-section div {
    width: 100%;
  }
}
.wishlist-results__header__second-section div h5 {
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
}
.wishlist-results__header__second-section div h5 img {
  cursor: pointer;
}
.wishlist-results__header__second-section div span {
  color: #148181;
  font-size: 18px;
  font-weight: 700;
}
.wishlist-results__header__second-section div span#clipboard-id-target {
  text-transform: uppercase;
}
.wishlist-results .promo-alerts {
  margin: 0 auto;
}
@media (max-width: 636px) {
  .wishlist-results .promo-alerts {
    position: static;
  }
}
.wishlist-results .promo-alerts--page {
  max-width: 100%;
}
.wishlist-results__quantity {
  color: #148181;
  font-size: 18px;
  font-weight: 700;
}
.wishlist-results .wishlist-empty {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 250px;
  width: 100%;
}
.wishlist-results .wishlist-empty span {
  font-size: 18px;
  font-weight: 600;
}
.litleme-header-cnt {
  position: relative;
}
.litleme-header-cnt .littleme-header-text-cnt {
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.litleme-header-cnt .littleme-header-text-cnt h3 {
  color: #148181;
  font-size: 40px;
  font-weight: 800;
  margin: 5px 0;
  text-transform: uppercase;
}
.litleme-header-cnt .littleme-header-text-cnt h5 {
  color: #38A8AE;
  font-size: 32px;
  font-weight: 800;
  margin: 5px 0;
  text-transform: uppercase;
}
.shoprite-icon-wishlist-shape {
  background-color: #38A8AD;
  border-radius: 100px;
  color: #fefefe;
  font-size: 20px;
  padding: 12px;
}
.shoprite-icon-wishlist-shape:hover {
  background-color: #F08214;
  cursor: pointer;
}
.shoprite-icon-wishlist-shape:active {
  background-color: #FFAC57;
}
.wishlist-add-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #E1F2F3;
  border: 0;
  border-radius: 50px;
  color: #38A8AE;
  font-size: 18px;
  height: 32px;
  max-width: 32px;
  position: relative;
  width: 32px;
  z-index: 10;
}
.wishlist-add-button:hover {
  max-width: 200px;
  width: 100%;
}
.wishlist-add-button:hover .text {
  margin-right: 8px;
  max-width: 200px;
}
.wishlist-add-button .text {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #38A8AE;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.08em;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.wishlist-add-button--active {
  background-color: #38A8AE;
  color: #DEF4F5;
  font-size: 14px;
  position: relative;
}
.wishlist-add-button--active .text {
  color: #DEF4F5;
}
.add-wishlist-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #E1F2F3;
  border: 0;
  border-radius: 50px;
  color: #38A8AE;
  font-size: 18px;
  height: 40px;
  max-width: 40px;
  position: relative;
  width: 40px;
  z-index: 10;
}
.add-wishlist-container:hover {
  max-width: 180px;
  width: 100%;
}
.add-wishlist-container:hover .text {
  margin-right: 8px;
  max-width: 140px;
}
.add-wishlist-container .text {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #38A8AE;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.86em;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.add-wishlist-container .icon {
  font-size: 22px;
}
.add-wishlist-container--active {
  background-color: #38A8AE;
  color: #DEF4F5;
  font-size: 14px;
  position: relative;
}
.add-wishlist-container--active .text {
  color: #DEF4F5;
}
.little-me-profile__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 28px;
}
@media (max-width: 636px) {
  .little-me-profile__header {
    margin-bottom: 16px;
  }
}
@media (max-width: 636px) {
  .little-me-profile__header__left-side,
  .little-me-profile__header__right-side {
    width: 100%;
  }
}
@media (max-width: 636px) {
  .little-me-profile__header__left-side {
    margin-bottom: 29px;
  }
}
.little-me-profile__header__right-side {
  margin-left: auto;
}
@media (max-width: 1024px) {
  .little-me-profile__header__right-side {
    margin-top: 20px;
    margin-right: auto;
  }
}
.little-me-profile__header .button {
  background-color: #38a8ae;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  min-width: 218px;
  text-align: center;
  padding: 13px 16px;
  text-decoration: none;
}
@media (max-width: 636px) {
  .little-me-profile__header .button {
    width: 100%;
  }
}
.little-me-profile__top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.little-me-profile__image {
  margin-right: 16px;
  width: 60px;
}
.little-me-profile__image img {
  display: block;
  width: 100%;
}
.little-me-profile__title,
.little-me-profile__date {
  color: #212B36;
  display: block;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.little-me-profile__text {
  color: #161C23;
  font-size: 14px;
  line-height: 1.28em;
  letter-spacing: -0.0257em;
  margin: 0;
}
.little-me-profile__data {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 32px;
}
.little-me-profile__box {
  background: #DEF4F5;
  border-radius: 20px;
  flex-shrink: 0;
  padding: 27px 20px 14px;
  position: relative;
  text-align: center;
  width: 48%;
  word-break: break-word;
}
@media (max-width: 636px) {
  .little-me-profile__box {
    padding: 24px 14px 17px;
    width: 100%;
  }
}
.little-me-profile__box:not(:last-child) {
  margin-right: 4%;
}
@media (max-width: 636px) {
  .little-me-profile__box:not(:last-child) {
    margin-bottom: 16px;
    margin-right: 0;
  }
}
.little-me-profile__box__title {
  color: #161C23;
  display: block;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin-bottom: 14px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .little-me-profile__box__title {
    padding: 0 20px;
  }
}
.little-me-profile__box__value {
  color: #148181;
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1em;
}
.little-me-profile__box__icon {
  cursor: pointer;
  position: absolute;
  right: 26px;
  top: 26px;
  width: 22px;
}
@media (max-width: 1024px) {
  .little-me-profile__box__icon {
    right: 15px;
    top: 15px;
  }
}
.little-me-profile__box__icon img {
  display: block;
  width: 100%;
}
.little-me-account {
  position: relative;
}
@media (max-width: 636px) {
  .little-me-account .promo-alerts {
    position: relative;
    left: auto;
  }
}
.little-me-account .promo-alerts__section .product-empty {
  border: 0;
}
@media (max-width: 636px) {
  .little-me-account .promo-alerts .product__image {
    position: relative;
    top: auto;
  }
}
@media (max-width: 636px) {
  .little-me-account .promo-alerts .product_data {
    width: 100%;
  }
}
@media (max-width: 636px) {
  .little-me-account .promo-alerts .product_data .product__price {
    width: auto !important;
  }
}
@media (max-width: 636px) {
  .little-me-account .promo-alerts .product__buttons {
    margin: 0 auto;
    position: relative;
    top: auto;
  }
}
.little-me-account .promo-alerts .product__options--promo-left {
  bottom: auto;
}
.little-me-account .promo-alerts .action-button.action-button--remove {
  color: #22252e;
}
.little-me-account .promo-alerts .action-button.action-button--remove::after {
  content: '';
  margin-left: 0;
}
.little-me-account .promo-alerts .action-button.action-button--remove.selected {
  color: #E51F34;
}
.little-me-account .promo-alerts .action-button.action-button--remove.selected::after {
  margin-left: 13px;
  content: "\e92e";
}
.product-item {
  align-items: stretch;
  background-color: #fefefe;
  border-radius: 10px;
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 15px;
}
.product-item .product-item-data {
  align-items: center;
  background-color: #ababab;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  justify-items: center;
}
.product-item .product-item-manage {
  align-items: center;
  background-color: #ababab;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  justify-items: center;
}
.wishlist-products-actions {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 12px;
  gap: 20px;
  margin-top: 15px;
  padding: 5px;
}
.wishlist-products-empty {
  align-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 100px 5px;
  padding: 10px;
}
.wishlist-products-empty strong {
  font-size: 1.1em;
  margin: 5px;
  text-align: center;
}
.grid-view .promo-alerts__section__body .product .product_data {
  flex-direction: column;
  justify-content: center;
}
.product {
  align-content: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.product .product_data {
  align-content: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.product .product_data .product__price {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  font-size: 1.5em;
  font-weight: 650;
}
.product .product_data .product__description {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  margin-left: 10px;
}
.product .product_data .product__description a {
  color: #161c23;
  font-size: 0.9em;
  font-weight: 700;
  text-decoration: none;
}
.product .product_data .product__description span {
  color: #4a4f67;
  font-size: 0.75em;
  font-weight: 50;
}
.product .product__buttons {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 25px;
  justify-content: center;
}
.product .product__buttons .product__buttons__quantity {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: space-between;
}
.product .product__buttons .product__buttons__quantity .button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ededed;
  border-radius: 100px;
  cursor: pointer;
  height: 20px;
  line-height: 1em;
  text-align: center;
  width: 20px;
}
.product .product__buttons .product__buttons__quantity .button:hover {
  background-color: #dcdcdc;
}
.product .product__buttons .product__buttons__quantity span {
  background-color: #38A8AD;
  border-radius: 100px;
  color: #fff;
  font-size: 0.85em;
  font-weight: 600;
  line-height: 1em;
  padding: 5px 7px;
  text-align: center;
}
.product-empty {
  align-content: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.product__image img {
  max-height: 50px;
  max-width: 50px;
}
.productItem {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.productItem strong {
  font-size: 1.4em;
}
.share-my-wishlist {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(33, 43, 54, 0.6);
  display: none;
  height: 100%;
  left: 0;
  padding: 15px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.share-my-wishlist__content {
  background-color: #FFFFFF;
  box-shadow: 0px 8px 16px rgba(33, 43, 54, 0.15);
  border-radius: 20px;
  padding: 34px 24px 58px;
  max-width: 980px;
  position: relative;
  width: 100%;
}
@media (max-width: 636px) {
  .share-my-wishlist__content {
    padding: 29px 16px 24px;
  }
}
.share-my-wishlist__close {
  background-color: #ECF0F4;
  border-radius: 50%;
  border: 0;
  color: #454F5B;
  font-size: 14px;
  height: 40px;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 40px;
}
.share-my-wishlist__title {
  color: #161C23;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 39px;
  padding-right: 55px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .share-my-wishlist__title {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
.share-my-wishlist__input-container {
  margin-bottom: 17px;
}
@media (max-width: 636px) {
  .share-my-wishlist__input-container {
    margin-bottom: 16px;
  }
}
.share-my-wishlist__input-container .error-message {
  color: #e51f34;
  display: none;
  font-size: 12px;
  font-weight: 400;
}
.share-my-wishlist__input {
  border-radius: 15px;
  border: 1px solid #DFE3E8;
  font-size: 14px;
  height: 218px;
  line-height: 1em;
  padding: 16px;
  resize: none;
  width: 100%;
}
@media (max-width: 636px) {
  .share-my-wishlist__input {
    height: 239px;
  }
}
.share-my-wishlist__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #38a8ae;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  line-height: 1em;
  margin: 0 auto;
  min-width: 218px;
  padding: 0 16px;
}
.share-my-wishlist__button:disabled {
  background-color: #ECF0F4;
}
.share-my-wishlist.is-show {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.fully-hidden {
  display: none;
  opacity: 1.0;
}
.half-hidden {
  position: absolute;
  opacity: 0.01;
}
.fully-show {
  opacity: 1.0;
}
.litleme-header-cnt .simple-responsive-banner-component-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.litleme-header-cnt .simple-responsive-banner-component-container .banner__component--responsive img {
  width: 100%;
  object-fit: cover;
}
.litleme-header-cnt .littleme-header-text-cnt {
  padding-left: 5%;
  padding-right: 5%;
}
.litleme-header-cnt .littleme-header-text-cnt h3 {
  font-size: 30px;
}
.litleme-header-cnt .littleme-header-text-cnt h5 {
  font-size: 24px;
}
@media (max-width: 1024px) {
  .litleme-header-cnt .littleme-header-text-cnt h3 {
    font-size: 20px;
  }
  .litleme-header-cnt .littleme-header-text-cnt h5 {
    font-size: 14px;
  }
}
@media (max-width: 636px) {
  .litleme-header-cnt .littleme-header-text-cnt h3 {
    font-size: 14px;
  }
  .litleme-header-cnt .littleme-header-text-cnt h5 {
    font-size: 10px;
  }
}
body.page-pamphletGridPage .main__inner-wrapper.wrap {
  max-width: none;
  padding: 0;
}
.leafleats__banner {
  margin-bottom: 30px;
}
@media (max-width: 1280px) {
  .leafleats__banner {
    margin-bottom: 24px;
  }
}
@media (max-width: 636px) {
  .leafleats__banner {
    margin-bottom: 16px;
  }
}
.leafleats__content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.leafleats__left-side {
  width: 24.69%;
}
@media (max-width: 1280px) {
  .leafleats__left-side {
    width: 34.63%;
  }
}
@media (max-width: 1024px) {
  .leafleats__left-side {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
  }
}
.leafleats__right-side {
  width: 72.83%;
}
@media (max-width: 1280px) {
  .leafleats__right-side {
    width: 61.77%;
  }
}
@media (max-width: 1024px) {
  .leafleats__right-side {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 16px;
    width: 100%;
  }
}
.leafleats__store-locator {
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  overflow: hidden;
}
.leafleats__grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.leafleats__grid .leaftlet-item {
  margin-bottom: 16px;
  margin-right: 1.73%;
  width: 23.70%;
}
.leafleats__grid .leaftlet-item:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 1280px) {
  .leafleats__grid .leaftlet-item {
    margin-right: 2.81%;
    width: 31.46%;
  }
  .leafleats__grid .leaftlet-item:nth-child(4n) {
    margin-right: 2.81%;
  }
  .leafleats__grid .leaftlet-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 636px) {
  .leafleats__grid .leaftlet-item {
    margin-bottom: 8px;
    margin-right: 3.14%;
    width: 48.43%;
  }
  .leafleats__grid .leaftlet-item:nth-child(3n) {
    margin-right: 3.14%;
  }
  .leafleats__grid .leaftlet-item:nth-child(2n) {
    margin-right: 0;
  }
}
.leaftlet-item {
  border-radius: 3px;
  border: 1px solid #c4cdd5;
  height: inherit;
  padding: 0 15px 24px;
  text-align: center;
}
.leaftlet-item__content {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  position: relative;
  height: 100%;
}
.leaftlet-item__image {
  margin-bottom: 20px;
}
.leaftlet-item__image img {
  display: block;
  width: 100%;
}
.leaftlet-item__caption {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 40px;
}
.leaftlet-item__title {
  color: #212b36;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.11em;
  margin: 0 auto 24px;
  max-width: 150px;
  width: 100%;
}
@media (max-width: 636px) {
  .leaftlet-item__title {
    font-size: 16px;
  }
}
.leaftlet-item__button:link,
.leaftlet-item__button:visited {
  background-color: #38a8ae;
  border-radius: 3px;
  bottom: 0;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  height: 40px;
  left: 0;
  letter-spacing: -0.025em;
  line-height: 40px;
  margin-top: auto;
  position: absolute;
  text-align: center;
  width: 100%;
}
#_asmPersonifyForm > :nth-child(2) {
  display: none;
}
#_asm #_asmBindForm > .cartId {
  display: none;
}
.ui-asm-autocomplete-custom {
  top: 125px;
  left: 70px;
  max-height: 500px;
  overflow-y: scroll;
}
@media (max-width: 667px) {
  .ui-asm-autocomplete-custom {
    top: 295px;
  }
}
#_asm .asmAutoComplete .ui-autocomplete,
#asmHover {
  width: 65vw !important;
  max-width: 100%;
}
#_asm .ASM-input {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#_asm .card {
  width: unset;
}
#_asm .asmAutoComplete .ui-autocomplete .ui-menu-item .name {
  width: 30%;
}
#_asm .asmAutoComplete .ui-autocomplete .ui-menu-item .email {
  width: 32%;
}
.asm-search-button {
  float: left;
  padding-top: 9px;
  margin-left: -18px;
  background-color: white;
  height: 40px;
  cursor: pointer;
  width: 50px;
}
@media (max-width: 667px) {
  .asm-search-button {
    right: 3%;
    z-index: 10;
    position: absolute;
  }
}
.asm-search-button .glyphicon {
  color: #0486e0;
  font-size: 20px;
  padding-left: 15px;
}
.asm-show-more-items {
  font-weight: bold;
  cursor: pointer;
}
/*top checkers*/
.top-checkers {
  background-color: #38a8ae;
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 1.375em;
  margin-left: -10px;
  margin-right: -10px;
  padding: 30px;
  z-index: 10;
}
@media (max-width: 1280px) {
  .top-checkers {
    padding: 30px 47px 30px 34px;
  }
}
@media (max-width: 1024px) {
  .top-checkers {
    padding: 28px 83px 28px 70px;
  }
}
@media (max-width: 636px) {
  .top-checkers {
    display: none;
    font-size: 14px;
    padding: 12px 13px 12px 16px;
    position: fixed;
    width: 100%;
  }
}
.top-checkers .wrap.checkers {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding: 0 60px 0 73px;
}
@media (max-width: 1280px) {
  .top-checkers .wrap.checkers {
    padding: 0;
  }
}
@media (max-width: 636px) {
  .top-checkers .wrap.checkers {
    position: relative;
  }
}
.top-checkers svg {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.top-checkers p {
  margin: 0 12px;
  width: 58%;
}
@media (max-width: 1280px) {
  .top-checkers p {
    margin-left: 29px;
    width: 59.46%;
  }
}
@media (max-width: 1024px) {
  .top-checkers p {
    width: 87.83%;
  }
}
@media (max-width: 636px) {
  .top-checkers p {
    width: 69.38%;
  }
}
.top-checkers p strong {
  color: #000000;
  font-weight: 700;
}
.top-checkers span {
  display: inline-block;
}
.top-checkers .tap-link {
  color: #212b36;
  font-weight: 600;
}
.select-different-store-close-btn {
  background-color: transparent;
  border: none;
  line-height: 0;
  padding: 0;
}
@media (max-width: 1024px) {
  .select-different-store-close-btn {
    margin: auto 0 auto auto;
    padding: 10px;
  }
}
@media (max-width: 636px) {
  .select-different-store-close-btn {
    position: absolute;
    right: 9px;
    top: -3px;
  }
}
.store-closed-down {
  text-align: center;
}
.store-closed-down #cboxMiddleLeft {
  display: none;
}
.store-closed-down#colorbox,
.store-closed-down #cboxWrapper {
  min-height: 380px;
}
.store-closed-down #cboxContent {
  width: auto !important;
  height: auto !important;
}
.store-closed-down #cboxLoadedContent {
  margin-top: 10px;
  width: auto !important;
  height: auto !important;
}
.store-closed-down .ASM_icon-close:before {
  color: #454f5b;
}
.store-closed-down h3 {
  font-size: 18px;
  font-weight: 600;
  color: #030e1a;
}
.store-closed-down p {
  font-size: 12px;
  color: #7e858d;
  padding-bottom: 10px;
}
.store-closed-down .closed-down-store-btn {
  margin-top: 10px;
  background-color: #38a8ae;
  border: none;
  color: #fff;
  padding: 6px 55px;
  border-radius: 3px;
  font-weight: 500;
  font-size: 14px;
}
.store-closed-down .closed-down-store-btn:hover {
  color: #fff;
}
.checkers-bold {
  color: #fff;
  font-weight: 600;
}
/*select different store box*/
.location-bar {
  background-color: #38a8ae;
  border-radius: 4px;
  border: none;
  height: 100%;
  padding: 30px 15px 15px 15px;
  position: relative;
  text-align: center;
}
.location-bar__icon {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .location-bar__icon {
    margin-bottom: 20px;
  }
}
.location-bar__description {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 30px;
  text-align: left;
}
@media (max-width: 1024px) {
  .location-bar__description {
    margin-bottom: 0;
  }
}
.location-bar__description > a {
  position: relative;
  z-index: 9;
}
.location-bar a {
  color: #FFFFFF !important;
  font-weight: 600;
}
.location-bar .tap-link {
  color: #212b36 !important;
}
.location-bar .mobile-link {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 8;
}
.fixed-bottom-store-btn {
  position: absolute;
  bottom: 5px;
  left: 15px;
  right: 15px;
}
.location-bar__description {
  margin: 0 0 130px;
}
.fixed-bottom-btn {
  margin: 22px 0 20px 0;
}
.select-different-store {
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #fff;
  color: #fff;
  display: block;
  margin: 0 auto;
  max-width: 190px;
  padding: 10px 0;
  width: 100%;
}
.select-store-card-btn {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #fff;
  color: #3c3c3c;
  margin: 0 auto;
  max-width: 190px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
:-ms-fullscreen .item-product__image img,
:root .selector .item-product__image img {
  width: 177px;
}
.select-store-card-wrapper {
  margin-left: auto;
  margin-right: 28px;
  min-width: 345px;
}
.select-store-card-wrapper__button:not(:last-child) {
  margin-bottom: 5px;
  margin-right: 16px;
}
.select-store-card-wrapper .select-store-card-btn {
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  width: auto;
}
.select-store-card-wrapper .select-different-store-btn {
  background-color: transparent;
  border-radius: 3px;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
}
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .fixed-bottom-store-btn .select-store-card-btn {
    font-size: 12px;
  }
  .fixed-bottom-store-btn .fixed-bottom-btn {
    margin: 20px 0 10px 0;
  }
  .fixed-bottom-store-btn .select-different-store {
    font-size: 12px;
  }
  .location-bar__description {
    margin: 0 0 110px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .location-bar__description {
    margin: 0;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  .select-store-card-wrapper {
    margin-left: auto;
    display: flex;
    align-items: center;
  }
  .select-store-card-wrapper .select-different-store-btn {
    margin: 5px 5px 5px 0;
    padding: 10px 20px;
  }
  .select-store-card-wrapper .select-store-card-btn {
    margin: 0 15px 0 0;
  }
}
.whatsapp-for-business-top {
  margin: 0 -10px;
  position: relative;
}
.whatsapp-for-business-top img {
  margin-left: 50%;
  transform: translateX(-50%);
  width: auto;
}
.wp-top-content {
  position: absolute;
  top: 10%;
  width: 45%;
  margin-left: 15px;
}
.wp-top-content h1 {
  color: #ffffff;
  font-size: 54px;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 58px;
}
.wp-top-content p {
  color: #212b36;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 35px;
}
.to-contact-via-wp a {
  color: #dcf8c6;
  font-weight: 600;
}
.whatsapp-top-small-text {
  font-size: 14px;
  color: #dcf8c6;
  margin: 0 15px;
}
.whatsapp-text-bold {
  font-weight: 600;
}
.whatsapp-text-top-green {
  font-size: 24px;
  color: #dcf8c6;
}
.whatssapp-business-btn {
  border-radius: 20px;
  background-color: #f4f4f4;
  text-align: center;
  font-size: 14px;
  color: #212b36;
  border: none;
  padding: 10px 25px 10px 15px;
}
.whatssapp-business-btn svg {
  vertical-align: top;
  margin-right: 5px;
}
.whatsapp-options {
  text-align: center;
}
.whatsapp-options h3 {
  color: #38a8ae;
  font-size: 26px;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 50px;
}
.whatsapp-options p {
  font-size: 18px;
  font-weight: 600;
  color: #212b36;
  line-height: 19px;
  margin-top: 15px;
}
.whatsapp-options-svg {
  width: auto;
  height: 180px;
  text-align: center;
}
.steps-to-start {
  margin: 20px 0;
  text-align: center;
  padding: 30px 0;
  position: relative;
}
.steps-to-start h3 {
  color: #212b36;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 50px;
}
.steps-to-start p {
  font-size: 16px;
  color: #212b36;
}
.steps-start-bg {
  background-color: #dcf8c6;
  position: absolute;
  width: 9999px;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: -1;
  bottom: 0;
}
.round-number-steps {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 5px solid #38a8ae;
  text-align: center;
  margin: auto;
  background-color: #dcf8c6;
}
.round-number-steps p {
  font-size: 18px;
  font-weight: 600;
  color: #454f5b;
  margin-top: 6px;
}
.three-steps-start {
  text-align: center;
  width: 70%;
  margin: auto;
}
.three-steps-start hr {
  height: 5px;
  background-color: #38a8ae;
  width: 25%;
  position: absolute;
  left: 0;
  right: 0;
}
:-ms-input-placeholder hr,
:root .three-steps-start hr {
  margin: 20px auto;
}
.more-assistance {
  padding: 25px 0 35px 0;
  position: relative;
}
.more-assistance-bg {
  background-color: #f8f9fa;
  position: absolute;
  width: 9999px;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: -1;
  bottom: 0;
}
.more-assistance-info {
  text-align: center;
  width: 23%;
  margin: auto;
}
.more-assistance-info h3 {
  font-weight: 600;
  font-size: 26px;
  color: #212b36;
}
.more-assistance-info p {
  font-size: 14px;
  color: #637381;
  margin-bottom: 25px;
}
.more-assistance-info .btn-green {
  width: 80%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .wp-top-content {
    width: 100%;
    top: 20px;
    left: 0;
    right: 0;
    margin: 0;
  }
  .wp-top-content h1 {
    font-size: 40px;
    line-height: 45px;
  }
  .wp-top-content p {
    margin-bottom: 40px;
  }
  .whatsapp-for-business-top img {
    width: 115%;
  }
  .to-contact-via-wp {
    display: grid;
    text-align: center;
    width: 90%;
    margin: auto;
  }
  .whatsapp-top-small-text {
    margin: 10px 0;
  }
  .whatsapp-options-svg {
    height: 165px;
  }
  .whatsapp-options p {
    margin: 20px auto 40px auto;
    width: 60%;
  }
  .steps-to-start h3 {
    width: 90%;
    margin: 0 auto 25px auto;
  }
  .three-steps-start {
    width: 100%;
  }
  .three-steps-start hr {
    height: 45%;
    width: 5px;
    left: 23px;
    right: auto;
  }
  .three-steps-start p {
    margin-top: 25px;
    text-align: left;
  }
  .round-number-steps {
    float: left;
    margin: 15px 20px 15px 0;
    text-align: center;
  }
  .round-number-steps p {
    margin-top: 6px;
    text-align: center;
  }
  .more-assistance-info {
    width: 100%;
  }
  .more-assistance {
    margin: -10px -20px -20px -20px;
    padding: 25px 15px 35px 15px;
  }
  .more-assistance-bg {
    width: 100%;
  }
}
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .wp-top-content {
    top: 0;
    width: 45%;
  }
  .wp-top-content h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .wp-top-content p {
    font-size: 15px;
    margin: 10px 0;
  }
  .to-contact-via-wp {
    display: grid;
    text-align: center;
    width: 75%;
  }
  .whatsapp-top-small-text {
    margin: 10px 0;
  }
  .whatsapp-text-top-green {
    font-size: 20px;
  }
  .whatssapp-business-btn {
    padding: 10px 12px 10px 12px;
  }
  .three-steps-start {
    width: 60%;
  }
  .three-steps-start hr {
    width: 45%;
  }
  .more-assistance-info {
    width: 40%;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  .three-steps-start {
    width: 90%;
  }
  .three-steps-start hr {
    width: 35%;
  }
  .whatsapp-top-small-text {
    margin: 10px 5px;
  }
  .wp-top-content p {
    margin: 15px 0;
  }
}
.error-page .container-left {
  width: 56%;
  float: left;
}
.error-page .container-contacts {
  width: 44%;
  float: right;
}
.error-page .wrapper-grey {
  height: 20px;
  background-color: #f4f6f8;
  width: 9000px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.error-page .wrapper-dark-grey {
  height: auto;
  background-color: #637382;
  position: relative;
}
.error-page .wrapper-dark-grey .wrapper-dark-grey-bg {
  width: 9000px;
  background-color: #637382;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: -1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.error-page .error-page-wrapper {
  margin: 0 auto;
  width: 43%;
}
.error-page .error-page-wrapper .text-center {
  text-align: center;
  font-size: 28px;
  line-height: 32px;
  margin: 30px 46px 50px;
}
.error-page .help-center {
  height: auto;
}
.error-page .help-center .title {
  text-align: center;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 118px;
  font-weight: bold;
  letter-spacing: -3.69px;
  line-height: 168px;
  margin: 0;
}
.error-page .links-green {
  display: block;
  margin-bottom: 10px;
}
.error-page .links-green a {
  color: #38a8ae;
}
.error-page .links-green a:after {
  content: "\e91d";
  font-family: "shoprite-icon";
  color: #38a8ae;
  font-size: 11px;
  margin-left: 10px;
}
.error-page .flex-links {
  border: 1px solid #c4cdd5;
  border-bottom: none;
  padding: 25px 20px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  text-align: left;
  text-decoration: none;
  color: #38a8ae;
  font-weight: 600;
  font-size: 16px;
}
.error-page .flex-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.error-page .title-help-centre {
  font-weight: bold;
  margin-top: 0;
  text-align: center;
}
.error-page .flex-help-centre {
  text-align: left;
  border: 1px solid #c4cdd5;
  padding: 25px 20px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-bottom: 60px;
}
.error-page .flex-help-centre a {
  text-decoration: none;
  color: #38a8ae;
  font-weight: bold;
}
.error-page .title-customer-care {
  font-weight: bold;
}
.error-page .title-customer-care a {
  font-weight: normal;
}
.error-page .inner-text {
  font-size: 14px;
  margin: 0 0 6px;
}
.error-page .hour {
  font-size: 14px;
  color: #38a8ae;
  padding-bottom: 5px;
  display: block;
  clear: both;
}
.error-page .email-link {
  font-size: 14px;
}
.error-page .links-black a {
  font-weight: normal;
}
.error-page .icon-contact {
  float: left;
  margin-top: 7px;
  margin-right: 10px;
}
.error-page .icon-contact svg {
  display: block;
  width: 18px;
}
.error-page .icon-contact i {
  font-size: 17px;
  vertical-align: middle;
}
.error-page .container-customer-care {
  float: left;
}
.error-page .container-email {
  float: left;
  width: 86%;
  margin-top: 7px;
}
.error-page .container-hours {
  float: left;
  width: 86%;
}
.error-page .container-email h5 {
  margin-bottom: 5px;
}
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .error-page .error-page-wrapper {
    margin: 0 auto;
    width: 74%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .error-page .error-page-wrapper {
    margin: 0 auto;
    width: 100%;
  }
  .error-page .error-page-wrapper .text-center {
    font-size: 20px;
    margin: 30px 0 20px;
  }
  .error-page .container-contacts {
    margin-top: 5px;
    width: 100%;
  }
  .error-page .container-left {
    width: 100%;
  }
}
.my-grocery-list__header .full-size-image-cls {
  max-width: none;
  width: auto !important;
}
.my-grocery-list__header .full-size-image-cls.aspect-ratio-box img {
  object-fit: cover;
}
.my-grocery-list__actions {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 91px 20px 69px;
  text-align: center;
}
@media (max-width: 1024px) {
  .my-grocery-list__actions {
    padding-bottom: 63px;
    padding-top: 74px;
  }
}
@media (max-width: 636px) {
  .my-grocery-list__actions {
    padding-bottom: 57px;
    padding-top: 0;
  }
}
.my-grocery-list__actions .title {
  color: #161C23;
  font-size: 35px;
  font-weight: 800;
  letter-spacing: -0.0265em;
  line-height: 1.27em;
  margin: 0 0 25px;
}
@media (max-width: 1024px) {
  .my-grocery-list__actions .title {
    font-size: 30px;
    letter-spacing: -0.031em;
    line-height: 1.48em;
    margin-bottom: 15px;
  }
}
@media (max-width: 636px) {
  .my-grocery-list__actions .title {
    font-size: 24px;
    letter-spacing: -0.0362em;
    line-height: 1.285em;
    margin-bottom: 17px;
    text-transform: uppercase;
  }
}
.my-grocery-list__actions .subtitle {
  color: #000000;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: -0.0357em;
  line-height: 1.14em;
  margin: 0 0 69px;
}
@media (max-width: 1024px) {
  .my-grocery-list__actions .subtitle {
    font-size: 24px;
    letter-spacing: -0.0387em;
    line-height: 1.24em;
    margin-bottom: 49px;
  }
}
@media (max-width: 636px) {
  .my-grocery-list__actions .subtitle {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.2em;
    margin-bottom: 35px;
  }
}
.my-grocery-list__actions .buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.my-grocery-list__actions .buttons .button {
  background-color: #EA212D;
  border-radius: 50px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.42em;
  padding: 19px 22px;
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .my-grocery-list__actions .buttons .button {
    padding: 15px 27px 17px;
  }
}
@media (max-width: 636px) {
  .my-grocery-list__actions .buttons .button {
    font-size: 12px;
    line-height: 1.25em;
    padding: 11px 26px;
  }
}
.my-grocery-list__how-it-works {
  background-color: #F3F3F3;
  margin-bottom: 110px;
  padding: 55px 20px 120px;
  text-align: center;
}
@media (max-width: 1024px) {
  .my-grocery-list__how-it-works {
    padding-bottom: 60px;
    padding-top: 30px;
  }
}
@media (max-width: 636px) {
  .my-grocery-list__how-it-works {
    padding-bottom: 50px;
    padding-top: 30px;
  }
}
.my-grocery-list__how-it-works .title {
  color: #161C23;
  font-size: 35px;
  font-weight: 800;
  letter-spacing: -0.0265em;
  line-height: 1.27em;
  margin: 0 0 73px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .my-grocery-list__how-it-works .title {
    font-size: 20px;
    letter-spacing: -0.026em;
    line-height: 1.24em;
    margin-bottom: 39px;
  }
}
@media (max-width: 636px) {
  .my-grocery-list__how-it-works .title {
    margin-bottom: 18px;
  }
}
.my-grocery-list__how-it-works .steps {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 84px;
}
@media (max-width: 1024px) {
  .my-grocery-list__how-it-works .steps {
    gap: 45px;
  }
}
@media (max-width: 636px) {
  .my-grocery-list__how-it-works .steps {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}
.my-grocery-list__how-it-works .steps .step {
  max-width: 378px;
  text-align: center;
  width: 100%;
}
@media (max-width: 1024px) {
  .my-grocery-list__how-it-works .steps .step {
    max-width: 210px;
  }
}
@media (max-width: 636px) {
  .my-grocery-list__how-it-works .steps .step {
    max-width: 310px;
  }
}
.my-grocery-list__how-it-works .steps .step__image {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 230px;
  margin: 0 auto 35px;
}
@media (max-width: 1024px) {
  .my-grocery-list__how-it-works .steps .step__image {
    height: 128px;
    margin-bottom: 23px;
  }
}
@media (max-width: 636px) {
  .my-grocery-list__how-it-works .steps .step__image {
    height: 115px;
    margin-bottom: 20px;
  }
}
.my-grocery-list__how-it-works .steps .step__image img {
  display: block;
  height: 100%;
}
.my-grocery-list__how-it-works .steps .step__text {
  color: #000000;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: -0.0192em;
  line-height: 1.07em;
  margin: 0;
}
@media (max-width: 1024px) {
  .my-grocery-list__how-it-works .steps .step__text {
    font-size: 15px;
    letter-spacing: -0.0186em;
    line-height: 1.06em;
  }
}
@media (max-width: 636px) {
  .my-grocery-list__how-it-works .steps .step__text {
    font-size: 14px;
    letter-spacing: -0.0357em;
    line-height: 1.14em;
  }
}
.my-grocery-list .wishlist-results .promo-alerts__section .product {
  background-color: #FFFFFF;
  padding: 10px 15px;
}
@media (max-width: 1280px) {
  .my-grocery-list .wishlist-results .promo-alerts__section .product {
    padding: 10px;
  }
}
body.page-groceryListPage .brand-component,
body.page-groceryListSuccessPage .brand-component {
  margin: 0 auto 48px;
  max-width: 1120px;
  width: 100%;
}
@media (max-width: 636px) {
  body.page-groceryListPage .brand-component,
  body.page-groceryListSuccessPage .brand-component {
    margin-bottom: 38px;
  }
}
body.page-groceryListPage .brand-component .brand-title h3,
body.page-groceryListSuccessPage .brand-component .brand-title h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin: 0 0 48px;
  padding: 0;
}
@media (max-width: 636px) {
  body.page-groceryListPage .brand-component .brand-title h3,
  body.page-groceryListSuccessPage .brand-component .brand-title h3 {
    margin-bottom: 24px;
  }
}
body.page-groceryListResultsPage .main__inner-wrapper {
  max-width: none;
  padding: 0;
}
@media (max-width: 636px) {
  body.page-groceryListResultsPage .main__inner-wrapper.wrap {
    overflow: visible;
  }
}
body.page-groceryListResultsPage .grocery-list-account .litleme-header-cnt .full-size-image-cls {
  margin: 0 !important;
}
body.page-groceryListResultsPage .grocery-list-account .litleme-header-cnt .grocery-list-header-text-cnt {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 15px;
  width: 100%;
}
body.page-groceryListResultsPage .grocery-list-results {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 15px;
  width: 100%;
}
@media (max-width: 636px) {
  body.page-groceryListResultsPage .grocery-list-results .promo-alerts__section {
    margin-left: 0;
    margin-right: 0;
  }
}
.grocery-list-create,
.grocery-list-find {
  text-align: center;
}
.grocery-list-create .title,
.grocery-list-find .title {
  color: #212B36;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 32px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .grocery-list-create .title,
  .grocery-list-find .title {
    margin-bottom: 36px;
  }
}
.grocery-list-create .subtitle,
.grocery-list-find .subtitle {
  color: #161C23;
  font-size: 14px;
  line-height: 1em;
  margin: 0 0 17px;
}
.grocery-list-create .form,
.grocery-list-find .form {
  margin: 0 auto 32px;
  max-width: 448px;
  width: 100%;
}
@media (max-width: 636px) {
  .grocery-list-create .form,
  .grocery-list-find .form {
    max-width: 307px;
  }
}
.grocery-list-create .form .form-group,
.grocery-list-find .form .form-group {
  margin-bottom: 32px;
}
.grocery-list-create .form .form-section__input,
.grocery-list-find .form .form-section__input {
  border-radius: 100px;
}
.grocery-list-create .form input[type="date"]::-webkit-inner-spin-button,
.grocery-list-find .form input[type="date"]::-webkit-inner-spin-button,
.grocery-list-create .form input[type="date"]::-webkit-calendar-picker-indicator,
.grocery-list-find .form input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.grocery-list-create .form .sr-error,
.grocery-list-find .form .sr-error {
  background-color: #FFDDDB;
  border-color: #DB504A;
}
.grocery-list-create .form .help-block,
.grocery-list-find .form .help-block {
  color: #DB504A;
  font-style: normal;
  font-size: 12px;
}
.grocery-list-create .sr-date-picker-container,
.grocery-list-find .sr-date-picker-container {
  position: relative;
}
.grocery-list-create .sr-date-picker-container .placeholder,
.grocery-list-find .sr-date-picker-container .placeholder {
  background-color: #FFFFFF;
  color: #919EAB;
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.grocery-list-create .sr-date-picker-container > i,
.grocery-list-find .sr-date-picker-container > i {
  display: none;
}
.grocery-list-create .sr-date-picker-container .form-section__input,
.grocery-list-find .sr-date-picker-container .form-section__input {
  padding-left: 15px;
}
.grocery-list-create .sr-date-picker-container .sr-date-picker__button,
.grocery-list-find .sr-date-picker-container .sr-date-picker__button {
  line-height: 0;
}
.grocery-list-create .sr-date-picker-container .sr-date-picker__button i::before,
.grocery-list-find .sr-date-picker-container .sr-date-picker__button i::before {
  content: "\e924";
  font-size: 20px;
}
.grocery-list-create .sr-date-picker-container.is-show .placeholder,
.grocery-list-find .sr-date-picker-container.is-show .placeholder {
  display: none;
}
.grocery-list-create .sr-date-picker-container.is-show .sr-date-picker__button,
.grocery-list-find .sr-date-picker-container.is-show .sr-date-picker__button {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.grocery-list-create .button,
.grocery-list-find .button {
  background-color: #38a8ae;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 13px 16px;
  text-decoration: none;
}
.grocery-list-find {
  padding: 30px 0;
}
.grocery-list-find .title {
  margin-bottom: 17px;
}
.grocery-list-find .form .form-group {
  margin-bottom: 24px;
}
.grocery-list-find .form .form-control {
  border-radius: 100px;
  border: 1px solid #DFE3E8;
  box-shadow: none;
  height: 48px;
  padding: 17px 16px;
}
.grocery-list-find .button {
  min-width: 218px;
  text-align: center;
}
.grocery-list-how-it-works {
  background-color: #F0F5DE;
  border-radius: 20px;
  margin-bottom: 48px;
  padding: 32px;
  text-align: center;
}
@media (max-width: 636px) {
  .grocery-list-how-it-works {
    border-radius: 0;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 44px 20px 32px;
  }
}
.grocery-list-how-it-works .title {
  color: #212B36;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 30px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .grocery-list-how-it-works .title {
    margin-bottom: 36px;
  }
}
.grocery-list-how-it-works .steps {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media (max-width: 636px) {
  .grocery-list-how-it-works .steps {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 32px;
  }
}
.grocery-list-how-it-works .steps .step {
  max-width: 210px;
  text-align: center;
  width: 100%;
}
@media (max-width: 636px) {
  .grocery-list-how-it-works .steps .step {
    max-width: 280px;
  }
}
.grocery-list-how-it-works .steps .step:not(:last-child) {
  margin-right: 60px;
}
@media (max-width: 636px) {
  .grocery-list-how-it-works .steps .step:not(:last-child) {
    margin-bottom: 16px;
    margin-right: 0;
  }
}
.grocery-list-how-it-works .steps .step__image {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 84px;
  margin: 0 auto 7px;
}
@media (max-width: 636px) {
  .grocery-list-how-it-works .steps .step__image {
    height: 82px;
    margin-bottom: 16px;
  }
}
.grocery-list-how-it-works .steps .step__image img {
  display: block;
  height: 100%;
}
.grocery-list-how-it-works .steps .step__text {
  color: #161C23;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.125em;
  margin: 0;
}
.grocery-list-how-it-works .button {
  background-color: #3DA960;
  border-radius: 100px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  padding: 13px 16px;
  text-decoration: none;
}
.grocery-list-how-it-works--create {
  background-color: transparent;
  padding: 28px;
}
@media (max-width: 636px) {
  .grocery-list-how-it-works--create {
    margin-left: -15px;
    margin-right: -15px;
    padding: 12px 20px;
  }
}
.grocery-list-how-it-works--create .title {
  margin-bottom: 62px;
}
@media (max-width: 636px) {
  .grocery-list-how-it-works--create .title {
    margin-bottom: 24px;
  }
}
.grocery-list-how-it-works--create .steps {
  margin-bottom: 40px;
}
@media (max-width: 636px) {
  .grocery-list-how-it-works--create .steps {
    margin-bottom: 32px;
  }
}
.grocery-list-how-it-works--create .steps .step {
  max-width: 207px;
}
.grocery-list-how-it-works--create .steps .step:not(:last-child) {
  margin-right: 83px;
}
@media (max-width: 636px) {
  .grocery-list-how-it-works--create .steps .step:not(:last-child) {
    margin-bottom: 34px;
    margin-right: 0;
  }
}
.grocery-list-how-it-works--create .steps .step__image {
  height: 150px;
  margin-bottom: 16px;
}
@media (max-width: 636px) {
  .grocery-list-how-it-works--create .steps .step__image {
    height: 82px;
  }
}
@media (max-width: 636px) {
  .grocery-list-how-it-works--create .button {
    width: 100%;
  }
}
.grocery-list-how-it-works .grocery-list-alert {
  background-color: #EBFFF1;
  border-radius: 10px;
  border: 1px solid black;
  font-size: 16px;
  font-weight: 800;
  padding: 12px;
  text-align: center;
  text-transform: uppercase;
}
.grocery-list-how-it-works .grocery-list-alert i {
  font-size: 12px;
  margin-right: 8px;
}
.grocery-list-how-it-works .grocery-list-alert.grocery-list-alert-added {
  border-color: #3DA960;
  color: #3DA960;
}
.grocery-list-how-it-works .grocery-list-alert.grocery-list-alert-deleted {
  background-color: #fce9eb;
  border-color: red;
  color: red;
}
.grocery-list-actions {
  margin-bottom: 48px;
  text-align: center;
}
@media (max-width: 636px) {
  .grocery-list-actions {
    margin-bottom: 34px;
  }
}
.grocery-list-actions .title {
  color: #212B36;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 24px;
  text-transform: uppercase;
}
@media (max-width: 636px) {
  .grocery-list-actions .title {
    margin-bottom: 16px;
  }
}
.grocery-list-actions .subtitle {
  color: #161C23;
  font-size: 16px;
  letter-spacing: -0.005em;
  line-height: 1.125em;
  margin: 0 0 24px;
}
@media (max-width: 636px) {
  .grocery-list-actions .subtitle {
    margin-bottom: 16px;
  }
}
.grocery-list-actions .buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 636px) {
  .grocery-list-actions .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.grocery-list-actions .buttons .button {
  background-color: #38a8ae;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
  padding: 13px 16px;
}
.grocery-list-actions .buttons .button:not(:last-child) {
  margin-right: 32px;
}
@media (max-width: 636px) {
  .grocery-list-actions .buttons .button:not(:last-child) {
    margin-bottom: 16px;
    margin-right: 0;
  }
}
.grocery-list-results__btn-cnt {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 636px) {
  .grocery-list-results__btn-cnt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.grocery-list-results__btn-cnt .button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #38a8ae;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  line-height: 1em;
  min-width: 218px;
  padding: 0 16px;
}
.grocery-list-results__btn-cnt .button:not(:last-child) {
  margin-right: 16px;
}
@media (max-width: 636px) {
  .grocery-list-results__btn-cnt .button:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.grocery-list-results__footer {
  display: flex;
  justify-content: center;
}
.grocery-list-results__header {
  display: flex;
  flex-direction: column;
  margin: 20px 0;
  row-gap: 15px;
}
.grocery-list-results__header__first-section {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.grocery-list-results__header__first-section .data-cnt {
  align-items: center;
  column-gap: 8px;
  display: flex;
  flex-direction: row;
  margin-right: auto;
}
.grocery-list-results__header__first-section .data-cnt h4 {
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
}
.grocery-list-results__header__second-section {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  align-items: center;
  column-gap: 60px;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 10px;
  word-break: break-word;
}
@media (max-width: 636px) {
  .grocery-list-results__header__second-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.grocery-list-results__header__second-section div {
  background-color: #DEF4F5;
  border-radius: 20px;
  box-sizing: border-box;
  flex: 1 1 0;
  max-width: 100%;
  padding: 12px 20px 22px;
}
@media (max-width: 636px) {
  .grocery-list-results__header__second-section div {
    width: 100%;
  }
}
.grocery-list-results__header__second-section div h5 {
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
}
.grocery-list-results__header__second-section div h5 img {
  cursor: pointer;
}
.grocery-list-results__header__second-section div span {
  color: #148181;
  font-size: 18px;
  font-weight: 700;
}
.grocery-list-results__header__second-section div span#clipboard-id-target {
  text-transform: uppercase;
}
.grocery-list-results .promo-alerts {
  margin: 0 auto;
}
@media (max-width: 636px) {
  .grocery-list-results .promo-alerts {
    position: static;
  }
}
.grocery-list-results .promo-alerts--page {
  max-width: 100%;
}
.grocery-list-results__quantity {
  color: #148181;
  font-size: 18px;
  font-weight: 700;
}
.grocery-list-results .grocery-list-empty {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 250px;
  width: 100%;
}
.grocery-list-results .grocery-list-empty span {
  font-size: 18px;
  font-weight: 600;
}
.litleme-header-cnt {
  position: relative;
}
.litleme-header-cnt .grocery-list-header-text-cnt {
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.litleme-header-cnt .grocery-list-header-text-cnt h3 {
  color: #148181;
  font-size: 40px;
  font-weight: 800;
  margin: 5px 0;
  text-transform: uppercase;
}
.litleme-header-cnt .grocery-list-header-text-cnt h5 {
  color: #38A8AE;
  font-size: 32px;
  font-weight: 800;
  margin: 5px 0;
  text-transform: uppercase;
}
.shoprite-icon-grocery-list-shape {
  background-color: #38A8AD;
  border-radius: 100px;
  color: #fefefe;
  font-size: 20px;
  padding: 12px;
}
.shoprite-icon-grocery-list-shape:hover {
  background-color: #F08214;
  cursor: pointer;
}
.shoprite-icon-grocery-list-shape:active {
  background-color: #FFAC57;
}
.grocery-list-add-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #DFE3E8;
  border: 0;
  border-radius: 50px;
  color: #454F5B;
  font-size: 19px;
  height: 32px;
  max-width: 32px;
  position: relative;
  width: 32px;
  z-index: 10;
  /*&:hover {
    max-width: 200px;
    width: 100%;

    .text {
      margin-right: 8px;
      max-width: 200px;
    }
  }*/
}
.grocery-list-add-button .text {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #38A8AE;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.08em;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.grocery-list-add-button--active {
  background-color: #38A8AE;
  color: #DEF4F5;
  font-size: 14px;
  position: relative;
}
.grocery-list-add-button--active .text {
  color: #DEF4F5;
}
.add-grocery-list-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #DFE3E8;
  border: 0;
  border-radius: 50px;
  color: #454F5B;
  font-size: 29px;
  height: 40px;
  max-width: 40px;
  position: relative;
  width: 40px;
  z-index: 10;
  /*&:hover {
    max-width: 180px;
    width: 100%;

    .text {
      margin-right: 8px;
      max-width: 140px;
    }
  }*/
}
.add-grocery-list-container .text {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #38A8AE;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.86em;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.add-grocery-list-container .icon {
  font-size: 22px;
}
.add-grocery-list-container--active {
  background-color: #38A8AE;
  color: #DEF4F5;
  font-size: 14px;
  position: relative;
}
.add-grocery-list-container--active .text {
  color: #DEF4F5;
}
.grocery-list-profile__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 28px;
}
@media (max-width: 636px) {
  .grocery-list-profile__header {
    margin-bottom: 16px;
  }
}
@media (max-width: 636px) {
  .grocery-list-profile__header__left-side,
  .grocery-list-profile__header__right-side {
    width: 100%;
  }
}
@media (max-width: 636px) {
  .grocery-list-profile__header__left-side {
    margin-bottom: 29px;
  }
}
.grocery-list-profile__header__right-side {
  margin-left: auto;
}
@media (max-width: 1024px) {
  .grocery-list-profile__header__right-side {
    margin-top: 20px;
    margin-right: auto;
  }
}
.grocery-list-profile__header .button {
  background-color: #38a8ae;
  border-radius: 100px;
  border: 0;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  min-width: 218px;
  text-align: center;
  padding: 13px 16px;
  text-decoration: none;
}
@media (max-width: 636px) {
  .grocery-list-profile__header .button {
    width: 100%;
  }
}
.grocery-list-profile__top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.grocery-list-profile__image {
  margin-right: 16px;
  width: 60px;
}
.grocery-list-profile__image img {
  display: block;
  width: 100%;
}
.grocery-list-profile__title,
.grocery-list-profile__date {
  color: #212B36;
  display: block;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.grocery-list-profile__text {
  color: #161C23;
  font-size: 14px;
  line-height: 1.28em;
  letter-spacing: -0.0257em;
  margin: 0;
}
.grocery-list-profile__data {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 32px;
}
.grocery-list-profile__box {
  background: #DEF4F5;
  border-radius: 20px;
  flex-shrink: 0;
  padding: 27px 20px 14px;
  position: relative;
  text-align: center;
  width: 48%;
  word-break: break-word;
}
@media (max-width: 636px) {
  .grocery-list-profile__box {
    padding: 24px 14px 17px;
    width: 100%;
  }
}
.grocery-list-profile__box:not(:last-child) {
  margin-right: 4%;
}
@media (max-width: 636px) {
  .grocery-list-profile__box:not(:last-child) {
    margin-bottom: 16px;
    margin-right: 0;
  }
}
.grocery-list-profile__box__title {
  color: #161C23;
  display: block;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.005em;
  line-height: 1em;
  margin-bottom: 14px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .grocery-list-profile__box__title {
    padding: 0 20px;
  }
}
.grocery-list-profile__box__value {
  color: #148181;
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1em;
}
.grocery-list-profile__box__icon {
  cursor: pointer;
  position: absolute;
  right: 26px;
  top: 26px;
  width: 22px;
}
@media (max-width: 1024px) {
  .grocery-list-profile__box__icon {
    right: 15px;
    top: 15px;
  }
}
.grocery-list-profile__box__icon img {
  display: block;
  width: 100%;
}
.grocery-list-account {
  position: relative;
}
@media (max-width: 636px) {
  .grocery-list-account .promo-alerts {
    position: relative;
    left: auto;
  }
}
.grocery-list-account .promo-alerts__section .product-empty {
  border: 0;
}
@media (max-width: 636px) {
  .grocery-list-account .promo-alerts .product__image {
    position: relative;
    top: auto;
  }
}
@media (max-width: 636px) {
  .grocery-list-account .promo-alerts .product_data {
    width: 100%;
  }
}
@media (max-width: 636px) {
  .grocery-list-account .promo-alerts .product_data .product__price {
    width: auto !important;
  }
}
@media (max-width: 636px) {
  .grocery-list-account .promo-alerts .product__buttons {
    margin: 0 auto;
    position: relative;
    top: auto;
  }
}
.grocery-list-account .promo-alerts .product__options--promo-left {
  bottom: auto;
}
.grocery-list-account .promo-alerts .action-button.action-button--remove {
  color: #22252e;
}
.grocery-list-account .promo-alerts .action-button.action-button--remove::after {
  content: '';
  margin-left: 0;
}
.grocery-list-account .promo-alerts .action-button.action-button--remove.selected {
  color: #E51F34;
}
.grocery-list-account .promo-alerts .action-button.action-button--remove.selected::after {
  content: '';
  margin: 0;
}
@media (max-width: 1024px) {
  body.page-myGroceryListPage .main__inner-wrapper.wrap .full-mobile-image {
    margin: 0;
  }
}
@media print {
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
  .breadcrumb-section {
    border-top: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0%;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .footer__left {
    width: 100%;
  }
  .footer__right {
    display: none;
  }
  .owl-wrapper {
    width: 100% !important;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
    width: 25% !important;
    display: none !important;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(-n+4) {
    display: block !important;
  }
  .owl-controls {
    display: none !important;
  }
  .cart-voucher,
  .cart-actions--print {
    width: 100% !important;
  }
  .image-gallery__image,
  .image-gallery__image .owl-wrapper,
  .image-gallery__image .owl-wrapper .owl-item {
    width: 190% !important;
  }
  .tabs .tabhead + .tabbody {
    display: block !important;
  }
  .back-link .label {
    border: 0;
  }
  .carousel-component {
    overflow: hidden;
    height: 320px;
  }
  @page {
    size: 445.5mm 315mm;
  }
  .page-recipeDetailsPage body {
    padding-top: 0 !important;
  }
  .page-recipeDetailsPage .main__inner-wrapper {
    max-width: 100% !important;
  }
  .page-recipeDetailsPage .header,
  .page-recipeDetailsPage .footer,
  .page-recipeDetailsPage .recipe__extra-data,
  .page-recipeDetailsPage .breadcrumb-section,
  .page-recipeDetailsPage .js-mainHeader {
    display: none;
  }
  .page-recipeDetailsPage .recipe__body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    display: inline-block !important;
  }
  .page-recipeDetailsPage .recipe__body .recipe__description {
    width: 30% !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
    padding-right: 20px;
  }
  .page-recipeDetailsPage .recipe__body .recipe__directions {
    width: 35% !important;
    display: inline-block !important;
    box-sizing: border-box;
    vertical-align: top !important;
    padding-right: 20px;
  }
  .page-recipeDetailsPage .recipe__body .recipe__ingredients {
    width: 32% !important;
    display: inline-block !important;
    box-sizing: border-box;
    vertical-align: top !important;
    padding: 0 !important;
  }
  .page-recipeDetailsPage .recipe__body .recipe__nutritional-information-only-print {
    width: 100% !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
  }
  .page-recipeDetailsPage .recipe__body .recipe__nutritional-information {
    display: none;
  }
  .page-recipeDetailsPage .recipe {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .page-recipeDetailsPage .recipe .recipe__ingredients {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .page-recipeDetailsPage .recipe__main-data {
    background-color: #FFFFFF !important;
    -webkit-print-color-adjust: exact;
    left: -1px;
  }
  .page-recipeDetailsPage .recipe__main-data .recipe__name {
    color: #212b36 !important;
  }
  .page-recipeDetailsPage .recipe__main-data .recipe__cook-data__item .value {
    color: #38a8ae !important;
  }
  .page-recipeDetailsPage .recipe__main-data .recipe__cook-data__item .text {
    color: #637381 !important;
  }
  .page-recipeDetailsPage .recipe__main-data .recipe__cook-data__item .text .icon {
    color: #637381 !important;
  }
  .page-recipeDetailsPage .recipe__main-data .recipe__cook-data__item .text .icon:before {
    color: #637381 !important;
  }
  .page-recipeDetailsPage #js-cookie-notification {
    display: none;
  }
  .page-recipeDetailsPage #js-store-finder-tooltip {
    display: none;
  }
}
.top-heading.departments h1 {
  font-size: 35px;
  padding: 50px 0;
}
.panel-departments {
  margin: 30px 0;
  padding: 0 25px;
}
.panel-title {
  border-bottom: 2px solid #dfe3e8;
}
.panel-title p {
  color: #38a8ae;
  font-weight: bold;
  font-size: 14px;
}
.panel-title a,
.panel-title:focus,
.panel-title:active,
.panel-title:hover {
  color: #38a8ae;
  font-size: 14px;
  text-decoration: none;
}
.panel-title svg {
  transform: rotate(180deg);
}
.collapsed svg {
  transform: none;
}
.list-group a {
  color: #212b36;
}
.list-group:first-child {
  padding-top: 10px;
}
.list-group {
  border-top: 1px solid #dfe3e8;
}
.list-group li {
  padding: 8px 0;
  text-decoration: none;
  display: block;
  font-size: 13px;
}
.empty-category {
  display: none;
}
.list-group li.empty-category {
  display: none;
}
.department-grid {
  padding: 30px;
}
.liquor-category {
  margin-top: 20px;
  border-bottom: 2px solid #dfe3e8;
}
.liquor-category p {
  color: #38a8ae;
  font-weight: bold;
  font-size: 14px;
}
.display-flex {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .departments-mobile-background {
    background-color: #f4f6f8;
    margin: 0 -10px;
  }
  .top-heading.departments h1 {
    font-size: 23px;
    padding: 30px 15px;
    margin-bottom: 0;
  }
  .panel-departments {
    background-color: white;
    margin: 5px -15px;
    padding: 15px 20px 1px 20px;
  }
  .panel-title {
    border-bottom: none;
    text-transform: uppercase;
    padding: 15px 15px 5px 15px;
  }
  .panel-title p {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
  }
  .panel-title svg {
    vertical-align: middle;
    margin-left: 15px;
    display: inline-block;
  }
  .panel-title a {
    text-transform: none;
    font-size: 16px;
  }
  .categories-grid {
    display: block;
    margin: 0 0 0 -10px;
  }
  .department-grid {
    background-color: #ffffff;
    padding: 0;
    margin: 0 5px 10px;
  }
  .department-grid .list-group {
    border-top: 2px solid #dfe3e8;
    margin: 0 15px;
  }
  .department-grid .list-group li {
    border-bottom: 1px solid #dfe3e8;
    padding: 12px 0;
    font-size: 16px;
  }
  .department-grid .list-group li:last-child {
    border-bottom: none;
  }
}
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .panel-departments {
    padding: 0;
  }
  .department-grid {
    padding: 15px;
  }
}
.page-whatsNewPage .main__inner-wrapper.wrap {
  max-width: none;
  padding: 0;
}
.page-whatsNewPage .main__inner-wrapper.wrap .what-is-new-banner {
  margin-bottom: 23px;
}
@media (max-width: 1024px) {
  .page-whatsNewPage .main__inner-wrapper.wrap .what-is-new-banner .full-mobile-image {
    margin: 0;
  }
}
.page-whatsNewPage .main__inner-wrapper.wrap .what-is-new-product-list {
  max-width: 1440px;
  display: block;
  margin: 0 auto;
  padding: 0 15px;
}
.page-whatsNewPage .main__inner-wrapper.wrap .what-is-new-product-list .what-is-new-banner-carousel {
  margin-bottom: 23px;
}
/* HELP CENTER PAGE STYLES */
/* help center top*/
.help-centre-top {
  background-color: #637381;
  margin: 0 -10px;
  padding: 20px 0 25px 0;
}
.help-centre-top h1 {
  color: #ffffff;
  font-weight: 600;
  line-height: 38px;
  font-size: 30px;
  margin: 0 0 15px 0;
}
.help-centre-top__question {
  word-break: break-word;
}
.help-centre-top .search-brand > .typeahead {
  padding: 11px 15px;
  width: 100%;
}
.search-brand {
  border: 1px solid #929292;
  background-color: #ffffff;
  width: 73%;
  position: relative;
  padding: 0;
}
.search-brand input {
  border: none;
}
.search-brand h4 {
  font-size: 11px;
  font-weight: 600;
}
.search-brand hr {
  background-color: #dfe3e8;
  height: 1px;
  width: 40%;
  margin: 15px 0 10px 0;
  text-align: left;
}
.search-brand .popular-questions {
  padding: 0;
}
.search-brand-btn {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 0;
  padding: 10px 15px;
  z-index: 1;
}
.search-brand-btn svg {
  transform: none;
}
/*left content*/
.help-center-left-side-bar h3 {
  font-size: 28px;
  color: #454f5b;
  line-height: 38px;
  margin-bottom: 25px;
}
.eventually-question {
  background-color: #454f5b;
  color: #ffffff;
  padding: 10px;
  display: inline-block;
  font-size: 14px;
  margin: 5px 0;
}
.eventually-question:hover {
  color: #ffffff;
}
.col-topics {
  padding: 0 35px;
}
.popular-topics {
  text-align: center;
  padding: 30px;
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  background-color: #ffffff;
  margin-right: 5px;
}
.popular-topics h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #212b36;
  text-align: left;
}
.popular-topics p {
  color: #454f5b;
  font-size: 14px;
  text-align: left;
}
.accordion.help-topics {
  border: 1px solid #c4cdd5;
  background-color: #ffffff;
  border-top: none;
}
.sl-title:first-of-type .accordion.help-topics {
  border-top: 1px solid #c4cdd5;
}
.browse-help-topics {
  border-bottom: 1px solid #c4cdd5;
}
.browse-help-topics:last-child {
  border-bottom: none;
}
.browse-help-topics .in {
  border-top: 1px solid #c4cdd5;
}
.browse-help-topics .help-topics-body a:after {
  font-family: "shoprite-icon";
  content: "\e92b";
  float: right;
  font-size: 10px;
}
.help-topics-header {
  padding: 10px 10px 0 15px;
}
.help-topics-header p {
  color: #454f5b;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
}
.help-topics-header svg {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  transform: rotate(270deg);
}
.help-topics-header .collapsed svg {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  transform: rotate(90deg);
}
.help-topics-body {
  border-top: 1px solid #c4cdd5;
  padding: 10px 10px 10px 15px;
  background-color: #EBEEF1;
}
.help-topics-body a {
  text-transform: none;
  color: #454f5b;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 0;
  display: block;
  margin: 3px 0;
}
.help-topics-body a:hover {
  text-decoration: underline;
}
.help-topics-body svg {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}
.flex-topics {
  display: flex;
  flex-wrap: wrap;
}
.flex-topics-element {
  display: flex;
}
/*right content*/
.help-centre-store-locator {
  background-color: #FFFFFF;
  border-radius: 10px 10px 0 0;
  border: 0 solid #c4cdd5;
  border-bottom-width: thin;
  margin: -70px 0 30px 0;
}
.help-centre-store-locator .store-search-field {
  background-color: transparent;
  padding-top: 20px;
}
.help-centre-store-locator .store-search-field input {
  padding-right: 44px;
}
.help-centre-store-locator .store-search-field .store-text-bold {
  margin-top: 0;
}
.store-locator-help-centre-btn {
  margin: 0 10px 0 10px;
}
.popular-questions {
  padding: 0 10px;
}
.popular-questions h5 {
  color: #212b36;
  font-size: 12px;
  font-weight: 600;
  margin-top: 25px;
}
.popular-questions hr {
  margin: 10px 0;
}
.popular-questions a {
  display: block;
  color: #38a8ae;
  font-size: 14px;
  line-height: 28px;
}
.popular-questions a:hover {
  text-decoration: underline;
}
.btn-dark-grey {
  background-color: #454f5b;
  color: white;
  border: 1px solid #454f5b;
}
.twitter-typeahead {
  width: 100%;
  padding: 10px 15px;
}
.shoprite-input {
  width: 100%;
}
.shoprite-dataset {
  border-top: 8px solid #f4f6f8;
  padding: 10px 15px;
  text-align: left;
}
.shoprite-menu {
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #96A3AF;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 0 0 #919eab;
  margin: 0 -1px;
}
.tt-highlight {
  color: #212b36;
  font-weight: normal;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .search-brand hr {
    width: 100%;
  }
  .col-topics {
    padding: 0 20px;
  }
  .search-brand {
    width: 100%;
  }
  .search-brand input {
    border: none;
    width: 85%;
  }
  .help-center-left-side-bar h3 {
    font-size: 24px;
  }
  .popular-topics {
    margin-bottom: 10px;
  }
  .btn-inline-mob {
    display: flex;
    margin-top: 25px;
  }
  .btn-inline-mob .btn-green {
    margin-right: 5px;
  }
  .btn-inline-mob .btn-dark-grey {
    margin-left: 5px;
  }
  .image-placeholder .js-responsive-image {
    width: auto;
    height: auto;
    margin-left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 320px) and (max-width: 636px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .btn-inline-mob {
    display: flex;
    margin-top: 25px;
  }
  .btn-inline-mob .btn-green {
    margin-right: 5px;
  }
  .btn-inline-mob .btn-dark-grey {
    margin-left: 5px;
  }
}
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .search-brand {
    width: 100%;
  }
  .btn-inline-mob {
    display: block;
    margin-top: 70px;
  }
  .btn-inline-mob .btn-green {
    margin-top: 15px;
  }
  .btn-inline-mob .btn-dark-grey {
    margin-top: 10px;
  }
  .image-placeholder .js-responsive-image {
    width: 100%;
    height: auto;
  }
  .help-centre-store-locator {
    background-color: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #c4cdd5;
    margin: 0px -5px 10px -5px;
  }
}
/* HELP CENTER CONTACT US PAGE STYLES */
.faq-contacts {
  margin-top: 70px;
  overflow: hidden;
}
.cont-us-top h2 {
  margin: 0;
}
.reminder-message {
  font-size: 14px;
  color: #454f5b;
  margin: 20px 0 30px 0;
  font-weight: 500;
}
.contact-us-form {
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  background-color: #ffffff;
  padding: 15px;
}
.contact-us-form textarea {
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #c4cdd5;
  color: #454f5b;
  font-size: 14px;
  width: 100%;
  padding: 15px;
  min-height: 140px;
}
.contact-us-form textarea::placeholder {
  color: #454f5b;
  font-size: 14px;
  opacity: 1;
}
.contact-us-form .form-section__row {
  text-align: center;
}
.contact-us-form .form-area:before {
  content: '';
  display: block;
  height: 30px;
  background: #ffffff;
  position: absolute;
  left: 4px;
  right: 18px;
  top: 1px;
}
.contact-us-form .form-area .form-section__input:focus,
.contact-us-form .form-area .form-section__input.used {
  padding-top: 25px;
}
.contact-us-form .form-group {
  margin-bottom: 0;
}
.contact-us-form .input-error-span {
  color: #e51f34;
  font-size: 12px;
}
.chief-text {
  color: #212b36;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 15px;
}
.faq-label-radio {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.faq-label-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.faq-label-radio input:checked ~ .faq-radio-btn {
  color: #38a8ae;
}
.faq-label-radio input:checked ~ .faq-radio-btn span {
  background-color: #ffffff;
  border: 2px solid #38a8ae;
}
.faq-label-radio input:checked ~ .faq-radio-btn span:after {
  display: block;
}
.faq-label-radio:hover input ~ .faq-radio-btn span {
  background-color: #ffffff;
}
.faq-label-radio .faq-radio-btn span:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #38a8ae;
}
.faq-radio-btn {
  display: block;
  position: relative;
  padding-left: 30px;
  font-size: 14px;
  color: #212b36;
  font-weight: 600;
  text-transform: none;
}
.faq-radio-btn span {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 2px solid #919eab;
  background-color: #ffffff;
}
.faq-radio-btn span:after {
  content: "";
  position: absolute;
  display: none;
}
.faq-select-wrapper {
  position: relative;
}
.faq-select-wrapper .select-wraper {
  background: #ffffff;
}
.faq-selection {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  padding: 11px 10px;
  color: #454f5b;
  font-size: 14px;
  width: 100%;
  background: transparent;
  position: relative;
  z-index: 6;
}
.faq-selection-dropdown-svg {
  position: absolute;
  top: 10px;
  right: 30px;
  z-index: 5;
}
.faq-selection::-ms-expand {
  display: none;
}
.form-section__input::-ms-clear {
  display: none;
}
.selected-option-box {
  border-radius: 3px;
  background-color: #f4f6f8;
  padding: 20px;
  margin: 25px 0;
}
.selected-option-box[data-selected-option=""] .js-empty-message {
  display: block;
}
.selected-option-box[data-selected-option="xtra-savings-card-number"] .js-contact-customer-care {
  display: block;
}
.selected-option-box[data-selected-option="xtra-savings-card-number"] .js-xtra-savings-card-number {
  display: block;
}
.selected-option-box[data-selected-option="online-order-number"] .js-contact-customer-care {
  display: block;
}
.selected-option-box[data-selected-option="online-order-number"] .js-online-order-number {
  display: block;
}
.selected-option-box[data-selected-option="contact-customer-care"] .js-contact-customer-care {
  display: block;
}
.selected-option-box[data-selected-option="contact-customer-care"] .js-contact-customer-care {
  display: block;
}
.selected-option-box[data-selected-option="sixty-60"] .js-contact-customer-care {
  display: block;
}
.selected-option-box[data-selected-option="sixty-60"] .js-online-order-number {
  display: block;
}
.faq-xtra-savings {
  width: 30%;
  margin-bottom: 20px;
}
.faq-line {
  height: 8px;
  background-color: #f4f6f8;
  border: 0;
  margin: 10px -15px 20px -15px;
}
.upload-attachment-btn {
  border-radius: 3px;
  border: 1px solid #c4cdd5;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  color: #454f5b;
  width: 80%;
}
.upload-attachment-faq {
  margin-bottom: 40px;
}
.upload-attachment-faq a {
  color: #38a8ae;
  font-size: 14px;
}
.upload-attachment-faq svg {
  vertical-align: middle;
}
.upload-attachment-faq svg:last-child {
  vertical-align: middle;
  float: right;
  margin-right: 10px;
}
.faq-box-width {
  width: 32%;
}
.faq-bottom {
  margin-top: 20px;
  padding: 0 15px;
}
.faq-bottom .sr-button {
  width: 30%;
  float: right;
}
.contact-us-box {
  border-radius: 6px;
  border: 1px solid #c4cdd5;
  color: #212b36;
  margin-top: 90px;
  padding: 18px 0 0;
}
@media (max-width: 1024px) {
  .contact-us-box {
    margin-top: 24px;
  }
}
.contact-us-box__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.0122em;
  margin: 0;
  padding: 0 15px;
}
@media (max-width: 1024px) {
  .contact-us-box__body {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.contact-us-box__item {
  padding: 20px 15px;
}
@media (max-width: 1024px) {
  .contact-us-box__item {
    width: 33.33%;
  }
}
@media (max-width: 636px) {
  .contact-us-box__item {
    width: 100%;
  }
}
.contact-us-box__item:not(:last-child) {
  border-bottom: 1px solid #c4cdd5;
}
.contact-us-box__item .phone {
  font-size: 14px;
  letter-spacing: -0.0192em;
  line-height: 1.42em;
  margin-bottom: 26px;
  padding-left: 45px;
  position: relative;
}
.contact-us-box__item .phone .icon {
  left: 0;
  position: absolute;
  top: 0;
}
.contact-us-box__item .phone__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.42em;
  margin: 0 0 3px;
}
.contact-us-box__item .phone__number {
  display: block;
}
.contact-us-box__item .phone--xtra-savings .icon {
  font-size: 23.2px;
}
.contact-us-box__item .phone--sixty60 .icon {
  font-size: 18.8px;
}
.contact-us-box__item .phone--customer-care .icon {
  font-size: 26px;
}
.contact-us-box__item .operating-hours {
  font-size: 14px;
  letter-spacing: -0.0192em;
  line-height: 1.42em;
  padding-left: 45px;
  position: relative;
}
.contact-us-box__item .operating-hours .icon {
  font-size: 22px;
  left: 0;
  position: absolute;
  top: 0;
}
.contact-us-box__item .operating-hours__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.42em;
  margin: 0 0 3px;
}
.contact-us-box__item .operating-hours__time {
  margin-bottom: 6px;
}
.contact-us-box__item .operating-hours__days {
  display: block;
}
.contact-us-box__item .operating-hours__hours {
  color: #38a8ae;
  display: block;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .reminder-message.top-txt {
    margin: 20px 20px 30px 25px;
  }
  .contact-us-form {
    margin: 0 20px;
  }
  .faq-xtra-savings {
    width: 100%;
  }
  .faq-box-width {
    width: 100%;
  }
  .selected-option-box {
    padding: 5px;
    margin: 25px -5px;
  }
  .contact-us-form textarea {
    min-height: 130px;
  }
  .upload-attachment-btn {
    width: 100%;
  }
  .faq-bottom {
    padding: 0 15px;
    margin: 20px 10px 0 10px;
  }
  .faq-bottom .sr-button {
    width: 100%;
    margin-top: 15px;
  }
}
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .faq-box-width {
    width: 40%;
  }
  .contact-us-form textarea {
    min-height: 140px;
  }
  .faq-bottom .sr-button {
    width: 33%;
  }
  .faq-contacts-left {
    padding: 10px 0 20px 50px;
    transform: translateX(15%);
  }
  .faq-xtra-savings {
    width: 40%;
  }
}
@media (max-width: 1366px) and (min-width: 1024px) {
  .customer-info-align {
    display: inline;
    float: left;
  }
  .worktime-align {
    display: inline;
    float: right;
  }
}
/* HELP CENTER FAQ ANSWER PAGE STYLES */
.col-faq {
  padding: 20px 40px 0 20px;
}
.col-faq .image-placeholder {
  width: 100%;
  background-color: #919eab;
  margin: 0 0 20px;
}
.update-preferences-text {
  color: #212b36;
  font-size: 14px;
  line-height: 19px;
  margin-top: 15px;
}
.steps-to-update {
  background-color: #f4f6f8;
  padding: 30px 50px;
  margin: 30px 0;
}
.steps-to-update h4 {
  color: #212b36;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.steps-to-update span {
  font-size: 14px;
  color: #212b36;
  font-weight: 600;
  text-align: center;
}
.steps-to-update p {
  font-size: 14px;
  color: #212b36;
}
.steps-to-update .btn-green {
  margin-top: 60px;
}
.steps-or {
  text-align: center;
}
.steps-or hr {
  width: 2px;
  height: 27px;
  opacity: 0.5;
  background: #979797;
}
.helpful-help hr {
  background-color: #c4cdd5;
  transform: scaleY(-1);
  margin-top: 50px;
  height: 1px;
}
.helpful-help p {
  color: #212b36;
  font-size: 14px;
  font-weight: 600;
  margin: 25px 0 15px 0;
}
.faq-question-btn {
  border: 1px solid #c4cdd5;
  background-color: transparent;
  color: #454f5b;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  width: 10%;
  border-radius: 3px;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
}
.update-prefer {
  margin-top: -70px;
}
.faq-contacts {
  border: 1px solid #c4cdd5;
  border-radius: 3px;
  background-color: #ffffff;
  padding: 10px 20px 20px 20px;
  width: 85%;
}
.faq-contacts svg {
  vertical-align: middle;
  margin-right: 10px;
}
.faq-contacts h4 {
  font-size: 20px;
  font-weight: 600;
  color: #212b36;
}
.faq-contacts h5 {
  color: #212b36;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 5px;
  margin-top: 15px;
}
.faq-contacts p {
  color: #212b36;
  font-size: 14px;
  line-height: 18px;
  margin-left: 30px;
  margin-bottom: 0;
}
.faq-contacts span {
  color: #38a8ae;
  font-size: 14px;
  line-height: 18px;
  margin-left: 30px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 10px;
}
.faq-contacts a span {
  margin-left: 5px;
}
.faq-contacts .faq-span {
  margin-left: 10px;
}
.question-answer {
  width: 88%;
}
.offer-for-improvement-popup {
  text-align: center;
  margin-top: 60px;
  background-color: #ffffff;
}
.offer-for-improvement-popup .form-section__row:before {
  content: '';
  display: block;
  height: 30px;
  background: #ffffff;
  position: absolute;
  left: 4px;
  right: 18px;
  top: 1px;
}
.offer-for-improvement-popup .form-section__input:focus,
.offer-for-improvement-popup .form-section__input.used {
  padding-top: 25px;
}
:-ms-input-placeholder .form-section__row:before,
:root .offer-for-improvement-popup .form-section__row:before {
  top: 2px;
}
.offer-for-improvement-popup h4 {
  font-weight: 600;
  font-size: 18px;
  color: #212b36;
}
.offer-for-improvement-popup textarea {
  min-height: 130px;
  width: 100%;
  margin: 25px 0;
  color: #212b36;
  resize: none;
}
.offer-for-improvement-popup .btn-green {
  width: 55%;
  margin: auto;
}
.feedback-popup {
  text-align: center;
  margin-top: 60px;
  background-color: #ffffff;
}
.show-answer-feedback #cboxLoadedContent {
  margin-top: -40px !important;
  padding: 0;
}
.feedback-popup h2 {
  color: #212b36;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 40px;
}
.feedback-popup p {
  font-size: 20px;
}
.feedback-popup .faq-question-btn {
  width: 45%;
  display: inline-block;
}
.feedback-popup .btn-green {
  width: 45%;
  line-height: 16px;
  display: inline-block;
}
.finished-form-popup {
  text-align: center;
  margin-top: 60px;
  background-color: #ffffff;
  width: 55%;
}
.finished-form-popup h2 {
  color: #212b36;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px;
}
.finished-form-popup .btn-green {
  width: 55%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 636px) {
  .col-faq {
    padding: 0;
  }
  .image-placeholder {
    margin: 0 0 20px 0;
  }
  .update-preferences-text {
    padding: 0 20px;
  }
  .steps-to-update {
    padding: 20px 20px 25px 20px;
  }
  .steps-to-update .btn-green {
    margin-top: 10px;
  }
  .steps-to-update span {
    margin-top: 10px;
  }
  .steps-or {
    display: flex;
  }
  .steps-or hr {
    width: 27px;
    height: 2px;
  }
  .faq-question-btn {
    width: 45%;
  }
  .helpful-help {
    padding: 0 20px;
  }
  .faq-contacts {
    margin: 30px 10px 10px 10px;
    width: 95%;
  }
  .question-answer {
    width: 95%;
  }
  .feedback-popup h2 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .feedback-popup .faq-question-btn {
    width: 100%;
    margin-bottom: 10px;
  }
  .feedback-popup .btn-green {
    width: 100%;
    line-height: 16px;
    display: inline-block;
  }
  .offer-for-improvement-popup .btn-green {
    width: 100%;
  }
}
@media only screen and (min-device-width: 637px) and (max-device-width: 1024px) {
  .col-faq {
    padding: 0 20px;
  }
  .faq-answer-bottom {
    margin-top: -100px;
  }
  .steps-to-update {
    padding: 30px 40px;
  }
  .update-prefer {
    padding: 10px 10px 20px 10px;
    margin: 0 0 0px -10px;
  }
  .faq-contacts {
    width: 100%;
  }
  .faq-contacts svg {
    margin-right: 5px;
  }
  .faq-contacts .faq-span {
    margin-left: 5px;
    display: inline;
  }
  .faq-popular-questions {
    margin: -93px -10px 0 30px;
  }
  .faq-help {
    width: 60%;
  }
  .faq-question-btn {
    width: 18%;
  }
  .image-placeholder .js-responsive-image {
    width: auto;
    height: auto;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .question-answer {
    padding: 0 25px;
    margin-left: 17px;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  .question-answer {
    padding: 0 25px;
    margin-left: -145px;
    width: 60%;
    float: left;
    margin-top: -50%;
  }
  .faq-contacts {
    width: 60%;
    float: right;
    margin-right: 10px;
  }
  .faq-pro {
    width: 60%;
  }
  .col-faq {
    width: 100%;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
  .question-answer {
    margin-top: -40%;
  }
}
@media (min-width: 637px) {
  .registration-disabled .header__top .header__account {
    min-width: auto;
  }
}
.xtra-savings-disabled .header__top__links .header__banner {
  width: auto;
  max-width: 300px;
}
.xtra-savings-disabled .header__top .header__account {
  min-width: auto;
}
@media (min-width: 637px) {
  .xtra-savings-disabled .header-store-wrapper .js-store-search-filed {
    left: auto;
    right: -10px;
  }
}
@media (max-width: 636px) {
  .xtra-savings-disabled .header-bottom-mob .nav-banner {
    max-width: 110px;
    width: auto;
  }
}
@media (min-width: 637px) {
  .ng-isolate-scope .xtrasaving-top-banner {
    display: inherit !important;
  }
}
@media (min-width: 1440px) {
  .ng-isolate-scope .member-exclusive-box {
    left: 690px !important;
  }
}
div[data-smartedit-component-id="extraSavingsMemberBannerComponentSlot"] {
  max-width: 100%;
  width: 100%;
}
div[data-smartedit-component-id="extraSavingsMemberBannerComponentSlot"] .banner__component--responsive.aspect-ratio-box {
  height: auto;
  padding-top: 0;
}
div[data-smartedit-component-id="extraSavingsMemberBannerComponentSlot"] .banner__component--responsive.aspect-ratio-box img {
  position: relative;
}
@media (min-width: 637px) {
  div[data-smartedit-component-id="customerExtraSavingsComponentSlot"] {
    position: absolute;
    left: 50%;
  }
  div[data-smartedit-component-id="customerExtraSavingsComponentSlot"] .member-exclusive-box {
    right: unset;
    width: 100%;
  }
  div[data-smartedit-component-id="customerExtraSavingsComponentSlot"] .member-exclusive-box .member-exclusive-box__left-side {
    width: 100%;
  }
}
.skip,
.skiptocontent,
.skiptonavigation {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.header__bottom .nav__links--products li:hover #XtraSavingsNavNodeEntry a {
  color: #ff4219;
}