@charset "UTF-8";
.container:after, body.blog main.main-content > .container:after, body.blog_post main.main-content > .container:after, body.page_contact_form main.main-content > .container:after, body.createaccount main.main-content > .container:after, .columns:after, .alert .actions:after, .input-appended:after, .form-field-control:after, .form-field-date:after, .rte:after, .banners:after, .banners-top:after, .footer-lower:after, .pagination-container:after, body.category-All .pagination-container:after, .account-form-column-container:after, .account-item-details:after, .account-receipt-summaries:after, .account-downloads-gallery-thumbs:after, .account-invoice-addresses:after, .account-settings-form:after, .account-create-details:after,
.account-create-address:after, .compare-tab-upper:after, .collection-sorting:after, .form-field-swatch .form-field-control:after, .form-field-rectangle:after, .product-details-block:after, .modal-leave-review .modal-body:after, .modal-quick-shop .modal-body:after, .modal-quick-shop .product-info-column .product-quantity-submit-columns:after, .modal-quick-shop .product-info-column .wishlist-form:after, .quickcart-item:after, .cart-footer .subtotal:after, .cart-footer .discount-total:after, .cart-footer .order-total:after, .cart-footer .actions:after, .cart-table-item .cart-item-details:after, .additional-checkout-buttons:after, .gift-wrap-image-preview:after, .account-product-wrapper:after {
  content: "";
  display: table;
  clear: both; }

.collection-progress-overlay, .quick-cart-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.product-section-title, .review-image-caption, .account-sub-heading {
  font-family: "proxima-soft";
  font-size: 1.2rem;
  font-weight: 600; }

.blog-post-title, .collection-name, .product-info-column .product-title, .review-form-heading, .section-title, .search-empty-notice-heading, .gift-wrap-heading, .account-heading {
  font-family: "proxima-soft";
  font-size: 1.33333rem;
  font-weight: 600;
  color: #000; }

.blog-post-title, .collection-name, .product-info-column .product-title, .review-form-heading {
  font-size: 1.66667rem; }
  @media screen and (min-width: 1025px) {
    .blog-post-title, .collection-name, .product-info-column .product-title, .review-form-heading {
      font-size: 1.86667rem; } }

.branding .text, .footer-branding .text {
  margin: 0;
  font-family: "proxima-soft";
  font-size: 1.46667rem;
  font-weight: 600;
  line-height: 1em; }

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  box-sizing: border-box;
  font-size: 18px;
  overflow-x: hidden;
  overflow-y: scroll;
  scroll-behavior: smooth; }
  @media screen and (max-width: 1920px) and (min-width: 1506px) {
    html {
      font-size: 18px; } }
  @media screen and (max-width: 1505px) and (min-width: 1281px) {
    html {
      font-size: 17px; } }
  @media screen and (max-width: 1280px) and (min-width: 1025px) {
    html {
      font-size: 16px; } }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    html {
      font-size: 16px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    html {
      font-size: 15px; } }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    html {
      font-size: 14px; } }

body {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  min-height: 100vh;
  color: black;
  font-family: "lato", "arial-fallback", sans-serif;
  background: white;
  line-height: 1.2; }
  body.scroll-locked {
    overflow: hidden; }

.account-wrapper, .account-form-column-container, .account-item-details, .account-receipt-summaries, .account-downloads-gallery-thumbs, .account-invoice-addresses, .account-settings-form, .account-create-details, .account-create-address, .container, body.blog main.main-content > .container, body.blog_post main.main-content > .container, body.page_contact_form main.main-content > .container, body.createaccount main.main-content > .container, .columns, .subscription-form .form-field, .alert .actions, .input-appended, .form-field-control, .form-field-date, .page-container, .rte, .giftcard-redeem-steps, .instagram-photo-container, .banners, .banners-top, .footer-lower, .pagination-container, body.category-All .pagination-container, .compare-tab-upper, .sitemap, .blog-items-list, .collection-sorting, .product-details-block, .form-field-swatch .form-field-control, .form-field-rectangle, .modal-leave-review .modal-body, .modal-quick-shop .modal-body, .modal-quick-shop .product-info-column .product-quantity-submit-columns, .modal-quick-shop .product-info-column .wishlist-form, .quickcart-item, .cart-footer .subtotal, .cart-footer .actions, .cart-table-header, .cart-table-item, .cart-table-item .cart-item-details, .additional-checkout-buttons, .gift-wrap-image-preview, .account-product-wrapper {
  zoom: 1; }

.account-wrapper::before, .account-form-column-container::before, .account-item-details::before, .account-receipt-summaries::before, .account-downloads-gallery-thumbs::before, .account-invoice-addresses::before, .account-settings-form::before, .account-create-details::before, .account-create-address::before, .container::before, body.blog main.main-content > .container::before, body.blog_post main.main-content > .container::before, body.page_contact_form main.main-content > .container::before, body.createaccount main.main-content > .container::before, .columns::before, .subscription-form .form-field::before, .alert .actions::before, .input-appended::before, .form-field-control::before, .form-field-date::before, .page-container::before, .rte::before, .giftcard-redeem-steps::before, .instagram-photo-container::before, .banners::before, .banners-top::before, .footer-lower::before, .pagination-container::before, body.category-All .pagination-container::before, .compare-tab-upper::before, .sitemap::before, .blog-items-list::before, .collection-sorting::before, .product-details-block::before, .form-field-swatch .form-field-control::before, .form-field-rectangle::before, .modal-leave-review .modal-body::before, .modal-quick-shop .modal-body::before, .modal-quick-shop .product-info-column .product-quantity-submit-columns::before, .modal-quick-shop .product-info-column .wishlist-form::before, .quickcart-item::before, .cart-footer .subtotal::before, .cart-footer .actions::before, .cart-table-header::before, .cart-table-item::before, .cart-table-item .cart-item-details::before, .additional-checkout-buttons::before, .gift-wrap-image-preview::before, .account-product-wrapper::before {
  display: table;
  content: ""; }

.account-wrapper::after, .account-form-column-container::after, .account-item-details::after, .account-receipt-summaries::after, .account-downloads-gallery-thumbs::after, .account-invoice-addresses::after, .account-settings-form::after, .account-create-details::after, .account-create-address::after, .container::after, body.blog main.main-content > .container::after, body.blog_post main.main-content > .container::after, body.page_contact_form main.main-content > .container::after, body.createaccount main.main-content > .container::after, .columns::after, .subscription-form .form-field::after, .alert .actions::after, .input-appended::after, .form-field-control::after, .form-field-date::after, .page-container::after, .rte::after, .giftcard-redeem-steps::after, .instagram-photo-container::after, .banners::after, .banners-top::after, .footer-lower::after, .pagination-container::after, body.category-All .pagination-container::after, .compare-tab-upper::after, .sitemap::after, .blog-items-list::after, .collection-sorting::after, .product-details-block::after, .form-field-swatch .form-field-control::after, .form-field-rectangle::after, .modal-leave-review .modal-body::after, .modal-quick-shop .modal-body::after, .modal-quick-shop .product-info-column .product-quantity-submit-columns::after, .modal-quick-shop .product-info-column .wishlist-form::after, .quickcart-item::after, .cart-footer .subtotal::after, .cart-footer .actions::after, .cart-table-header::after, .cart-table-item::after, .cart-table-item .cart-item-details::after, .additional-checkout-buttons::after, .gift-wrap-image-preview::after, .account-product-wrapper::after {
  display: table;
  content: "";
  clear: both; }

/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0;
  -webkit-tap-highlight-color: transparent; }

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
  overflow: hidden; }

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  box-sizing: content-box;
  height: 0; }

/**
   * Contain overflow in all browsers.
   */
pre {
  overflow: auto; }

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em; }

/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px; }

a {
  color: #0078DE;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #0AA9FF; }

/**
   * Improve readability when focused and also mouse hovered in all browsers.
   */
a:active,
a:hover {
  outline: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25; }

/**
   * Address styling not present in Safari and Chrome.
   */
h1 {
  font-size: 2em;
  font-weight: normal;
  margin: 0.67em 0;
  line-height: 1.25; }

img {
  max-width: 100%;
  vertical-align: middle;
  border: 0; }

ul,
ol,
dl {
  padding: 0;
  margin: 0; }

ul {
  list-style: outside none; }

ol {
  list-style: outside decimal; }

hr {
  height: 2px;
  border: 0;
  background: #EFEFEF;
  box-sizing: content-box; }

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

/**
    * Address `overflow` set to `hidden` in IE 8/9/10/11.
    */
button {
  overflow: visible; }

/**
    * Address inconsistent `text-transform` inheritance for `button` and `select`.
    * All other form control elements do not inherit `text-transform` values.
    * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
    * Correct `select` style inheritance in Firefox.
    */
button,
select {
  text-transform: none; }

/**
    * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
    *    and `video` controls.
    * 2. Correct inability to style clickable `input` types in iOS.
    * 3. Improve usability and consistency of cursor style between image-type
    *    `input` and others.
    */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer; }

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
input {
  line-height: normal; }

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

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

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
/**
   * Define consistent border, margin, and padding.
   */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto; }

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
  font-weight: bold; }

/**
    * Re-set default cursor for disabled elements.
    */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
    * Remove inner padding and border in Firefox 4+.
    */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000; }

/**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
  font-weight: bold; }

/* Text-level semantics
     ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
  border-bottom: 1px dotted; }

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

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none; }

blockquote > *:first-child {
  margin-top: 0; }

blockquote > *:last-child {
  margin-bottom: 0; }

iframe {
  max-width: 100%;
  border: 0; }

pre {
  padding: 1em;
  background: #fafafa; }

.show-for-sr, .sr-only, .carousel-item-image, .form-field-swatch .form-label-text, .form-required .required-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.button {
  display: inline-block;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.button + .button {
  margin-left: 5px; }

.form-fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

.form-label {
  display: block; }

.form-label-text,
.form-label-text-inline {
  display: inline-block;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400; }

.form-input {
  display: block;
  border: 1px solid;
  border-color: inherit;
  border-radius: 0;
  color: black;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.form-input::-webkit-input-placeholder {
  opacity: 0.8; }

.form-input::-moz-placeholder {
  opacity: 0.8; }

.form-input:-ms-input-placeholder {
  opacity: 0.8; }

.form-input::-ms-input-placeholder {
  opacity: 0.8; }

.form-input::placeholder {
  opacity: 0.8; }

textarea.form-input {
  resize: vertical; }

input[type="color"].form-input, input[type="date"].form-input, input[type="datetime"].form-input, input[type="datetime-local"].form-input, input[type="email"].form-input, input[type="month"].form-input, input[type="number"].form-input, input[type="password"].form-input, input[type="search"].form-input, input[type="tel"].form-input, input[type="text"].form-input, input[type="time"].form-input, input[type="url"].form-input, input[type="week"].form-input, input:not([type]).form-input, textarea.form-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.form-inline .form-label-text {
  display: inline-block;
  vertical-align: middle; }

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

table {
  margin: 1em 0;
  background: transparent;
  border: 1px solid;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 0;
  border-color: inherit; }

table.table-clean {
  border: 0;
  border-radius: 0; }

td,
th {
  padding: 0;
  border-top: 1px solid;
  border-top-color: inherit; }

.table-clean td, .table-clean th {
  border: 0; }

th {
  font-weight: bold; }

td {
  border-left: 1px solid;
  border-left-color: inherit; }

td:first-child {
  border-left: 0; }

a[href^="tel"] {
  color: inherit;
  text-decoration: none; }

.pxu-fading-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -1.66667rem;
  margin-left: -1.66667rem; }
  .pxu-fading-circle .pxu-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .pxu-fading-circle .pxu-circle::before {
      display: block;
      width: 15%;
      height: 15%;
      margin: 0 auto;
      background-color: #e6e6e6;
      border-radius: 100%;
      content: "";
      -webkit-animation: pxu-circleFadeDelay 1.2s infinite ease-in-out both;
      animation: pxu-circleFadeDelay 1.2s infinite ease-in-out both; }
  .pxu-fading-circle.spinner-dark .pxu-circle::before {
    background-color: #646464; }
  .pxu-fading-circle .pxu-circle2 {
    transform: rotate(30deg); }
    .pxu-fading-circle .pxu-circle2::before {
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s; }
  .pxu-fading-circle .pxu-circle3 {
    transform: rotate(60deg); }
    .pxu-fading-circle .pxu-circle3::before {
      -webkit-animation-delay: -1s;
      animation-delay: -1s; }
  .pxu-fading-circle .pxu-circle4 {
    transform: rotate(90deg); }
    .pxu-fading-circle .pxu-circle4::before {
      -webkit-animation-delay: -0.9s;
      animation-delay: -0.9s; }
  .pxu-fading-circle .pxu-circle5 {
    transform: rotate(120deg); }
    .pxu-fading-circle .pxu-circle5::before {
      -webkit-animation-delay: -0.8s;
      animation-delay: -0.8s; }
  .pxu-fading-circle .pxu-circle6 {
    transform: rotate(150deg); }
    .pxu-fading-circle .pxu-circle6::before {
      -webkit-animation-delay: -0.7s;
      animation-delay: -0.7s; }
  .pxu-fading-circle .pxu-circle7 {
    transform: rotate(180deg); }
    .pxu-fading-circle .pxu-circle7::before {
      -webkit-animation-delay: -0.6s;
      animation-delay: -0.6s; }
  .pxu-fading-circle .pxu-circle8 {
    transform: rotate(210deg); }
    .pxu-fading-circle .pxu-circle8::before {
      -webkit-animation-delay: -0.5s;
      animation-delay: -0.5s; }
  .pxu-fading-circle .pxu-circle9 {
    transform: rotate(240deg); }
    .pxu-fading-circle .pxu-circle9::before {
      -webkit-animation-delay: -0.4s;
      animation-delay: -0.4s; }
  .pxu-fading-circle .pxu-circle10 {
    transform: rotate(270deg); }
    .pxu-fading-circle .pxu-circle10::before {
      -webkit-animation-delay: -0.3s;
      animation-delay: -0.3s; }
  .pxu-fading-circle .pxu-circle11 {
    transform: rotate(300deg); }
    .pxu-fading-circle .pxu-circle11::before {
      -webkit-animation-delay: -0.2s;
      animation-delay: -0.2s; }
  .pxu-fading-circle .pxu-circle12 {
    transform: rotate(330deg); }
    .pxu-fading-circle .pxu-circle12::before {
      -webkit-animation-delay: -0.1s;
      animation-delay: -0.1s; }

#quick-shop-modal.on .pxu-fading-circle .pxu-circle::before {
  position: relative;
  display: block;
  background-color: #fafafa;
  z-index: 1000; }

@-webkit-keyframes pxu-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes pxu-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

.container {
  max-width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 0;
  padding-top: 0;
  margin: 0 auto; }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    .container {
      padding-left: 25px;
      padding-right: 25px; } }
  @media screen and (max-width: 768px) {
    .container {
      padding-left: 20px;
      padding-right: 20px; } }

body.giftcertificates .main-content, body.page_contact_form .main-content, body.page .main-content {
  margin-top: 0; }

body.blog main.main-content > .container, body.blog_post main.main-content > .container, body.page_contact_form main.main-content > .container, body.createaccount main.main-content > .container {
  max-width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 0;
  padding-top: 0;
  margin: 0 auto; }

@media screen and (min-width: 1025px) {
  body.login main.main-content > .container {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 0;
    padding-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 400px;
    margin-top: 20px; } }

@media screen and (min-width: 1025px) {
  body.page main.main-content > .container {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0 auto; } }

.columns {
  margin-left: -0.26178%;
  margin-right: -0.26178%; }

.main-content {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  font-family: "lato";
  font-weight: 400;
  background: #FFF;
  margin-top: 0; }

.section {
  padding-top: 34px;
  padding-bottom: 20px;
  margin: 34px 0; }

.has-excerpt {
  display: none; }
  .has-excerpt.loaded {
    display: block; }

.fb-like iframe {
  max-width: none; }

.cart-item-edit-button, .remove-item {
  font-family: "lato";
  font-size: 13px;
  font-weight: 400; }

.cart-table-footer > .alert.alert-info {
  border: 1px solid #4d4d4d;
  font-family: "lato";
  font-size: 15px; }

#couponcode::-webkit-input-placeholder {
  font-family: "lato";
  font-weight: 300;
  font-size: 14px; }

#couponcode::-moz-placeholder {
  font-family: "lato";
  font-weight: 300;
  font-size: 14px; }

#couponcode:-ms-input-placeholder {
  font-family: "lato";
  font-weight: 300;
  font-size: 14px; }

#couponcode::-ms-input-placeholder {
  font-family: "lato";
  font-weight: 300;
  font-size: 14px; }

#couponcode::placeholder {
  font-family: "lato";
  font-weight: 300;
  font-size: 14px; }

#cert-code::-webkit-input-placeholder {
  font-family: "lato";
  font-weight: 300;
  font-size: 14px; }

#cert-code::-moz-placeholder {
  font-family: "lato";
  font-weight: 300;
  font-size: 14px; }

#cert-code:-ms-input-placeholder {
  font-family: "lato";
  font-weight: 300;
  font-size: 14px; }

#cert-code::-ms-input-placeholder {
  font-family: "lato";
  font-weight: 300;
  font-size: 14px; }

#cert-code::placeholder {
  font-family: "lato";
  font-weight: 300;
  font-size: 14px; }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section {
    margin: 0; } }

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

@media screen and (max-width: 1024px) {
  body.page main.main-content > .container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0 auto; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  section.section .container {
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    position: relative;
    float: left;
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  section.section {
    width: calc(100% - 20px);
    height: auto;
    display: block;
    position: relative;
    float: left;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .main-content {
    margin-top: 0;
    max-width: 100%; } }

@media screen and (max-width: 1024px) {
  body.login main.main-content > .container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 0;
    padding-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: 20px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section {
    padding: 0;
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  section.section .container {
    margin-left: 20px;
    width: calc(100% - 40px);
    height: auto;
    display: block;
    position: relative;
    float: left;
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.page main.main-content > .container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0 auto; } }

@media screen and (max-width: 599px) {
  body.login main.main-content > .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0 auto; } }

@media screen and (max-width: 599px) {
  main.main-content > .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0 auto; } }

@media screen and (max-width: 599px) {
  .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0 auto; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  section.section .container {
    margin: 0 auto !important;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    padding-left: 5%;
    padding-right: 5%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .main-footer-wrapper .section-subscription-form > .container {
    padding-left: 12px;
    padding-right: 12px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section {
    padding: 0;
    margin-bottom: 10px; } }

img {
  -webkit-tap-highlight-color: transparent; }

.full-image figcaption {
  position: absolute;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 16px;
  color: white;
  bottom: 20px; }

.project {
  border: 1px solid #eaeaea;
  margin: 20px;
  padding: 20px; }

.table-wrapper {
  display: table;
  margin: 0 auto; }

.info-wrapper {
  display: block;
  position: relative;
  width: auto;
  height: auto; }

.data-wrapper {
  display: none; }

.metapublisher {
  display: none; }

.icon-social {
  width: 100px;
  height: 100px;
  display: inline-block;
  position: relative; }

cite {
  color: #000; }

svg {
  fill: currentColor; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
  font-family: "proxima-soft"; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

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

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  -moz-appearance: button;
  appearance: button;
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-appearance: textfield;
  appearance: textfield;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

.has-excerpt {
  display: none; }
  .has-excerpt.loaded {
    display: block; }

.fb-like iframe {
  max-width: none; }

table.geotrust-ssl-seal-table {
  margin-top: 20px;
  margin-bottom: 0;
  border: 0; }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    table.geotrust-ssl-seal-table {
      position: relative;
      left: 50%;
      transform: translateX(-50%); } }
  table.geotrust-ssl-seal-table td {
    padding: 0;
    border: 0; }

.icon-sprite {
  display: none; }

.winsize {
  display: none; }

body.product figure {
  display: inline; }

@media screen and (max-width: 2560px) and (min-width: 1921px) {
  .winsize {
    z-index: 7; } }

@media screen and (max-width: 1920px) and (min-width: 1506px) {
  .winsize {
    z-index: 6; } }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  html {
    font-size: 18px; } }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  .winsize {
    z-index: 5; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  html {
    font-size: 18px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .winsize {
    z-index: 4; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  html {
    font-size: 17px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .winsize {
    z-index: 3; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  html {
    font-size: 16px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .winsize {
    z-index: 2; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  html {
    font-size: 14px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .winsize {
    z-index: 1; } }

.hide-select {
  display: none; }

.selectbox {
  position: relative;
  display: block !important;
  width: 180px;
  height: 27px;
  font: 15px 'lato', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: black;
  background-color: #f1f1f1;
  border-radius: 4px; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/* scss-combine:styles/button */
#mobile-controls {
  display: none; }

.section {
  padding-top: 34px;
  padding-bottom: 20px;
  margin: 34px 0; }

.section-wrapper {
  display: block;
  position: relative;
  margin-left: 55px;
  margin-top: 50px;
  margin-bottom: 50px;
  width: calc(100% - 110px);
  height: auto;
  float: left; }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  .section-wrapper {
    margin-left: 50px;
    margin-top: 40px;
    margin-bottom: 40px;
    width: calc(100% - 90px); } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-wrapper {
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: calc(100% - 80px); } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-wrapper {
    margin-left: 30px;
    margin-top: 25px;
    margin-bottom: 25px;
    width: calc(100% - 60px); } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-wrapper {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: calc(100% - 40px); } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-wrapper {
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: calc(100% - 30px); } }

.has-excerpt {
  display: none; }
  .has-excerpt.loaded {
    display: block; }

.bottom-box {
  box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.25); }

.top-box {
  box-shadow: 0 -1px 3px 0 rgba(50, 50, 50, 0.25); }

.text-underline {
  -webkit-text-decoration: underline solid #177900;
  text-decoration: underline solid #177900; }

.hide {
  display: none; }

.subscriber-coupon-message {
  position: relative;
  display: block;
  width: 100%;
  color: black;
  font-family: "proxima-soft";
  font-weight: 400;
  font-size: 18px;
  letter-spacing: .5px; }

.subscriber-coupon-message span {
  margin-right: 5px;
  font-weight: 700;
  color: #008FCC; }

.section-subscription-form input[type="email"].form-input {
  position: relative;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 5px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: black; }

.section-subscription-form input[type="email"].form-input::-webkit-input-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #323232; }

.section-subscription-form input[type="email"].form-input::-moz-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #323232; }

.section-subscription-form input[type="email"].form-input:-ms-input-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #323232; }

.section-subscription-form input[type="email"].form-input::-ms-input-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #323232; }

.section-subscription-form input[type="email"].form-input::placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #323232; }

.section-subscription-form > .container, body.search .section-subscription-form > .container {
  padding-left: 15px;
  padding-right: 15px; }

body.cart .section-subscription-form, body.category-All .section-subscription-form, body.login .section-subscription-form, body.account_orderstatus .section-subscription-form, body.account_returns .section-subscription-form, body.account_inbox .section-subscription-form, body.account_addressbook .section-subscription-form, body.wishlists .section-subscription-form, body.account_recentitems .section-subscription-form, body.editaccount .section-subscription-form, body.account_paymentmethods .section-subscription-form {
  display: none !important; }

.section-subscription-form {
  padding: 19px 0 10px;
  border-top-style: none;
  font-family: "lato";
  z-index: 2;
  position: relative;
  display: none;
  width: 100%;
  background: #177900;
  margin-top: 0; }
  .section-subscription-form .section-header {
    margin-bottom: 18px; }

.section-subscription-form .section-description {
  margin: 0 auto;
  padding: 0;
  position: relative;
  display: block;
  font-size: 17px;
  font-family: "lato";
  font-weight: 400;
  color: #7EFF47;
  letter-spacing: 1px;
  padding-left: 10%;
  padding-right: 10%; }

.section-subscription-form .section-title {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 700;
  font-family: "proxima-soft";
  letter-spacing: 1.5px; }

.section-description .highlight {
  padding-left: 5px;
  font-weight: 700;
  color: #B8FF99; }

.section-subscription-form .form-field.form-inline {
  position: relative;
  display: block;
  height: 2.75rem;
  width: 100%;
  text-align: center; }

.main-footer-wrapper .subscription-form input[type="email"].form-input {
  position: relative;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 5px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: black;
  max-width: 350px;
  width: calc(100% - 130px); }

.main-footer-wrapper .subscription-form input[type="email"].form-input::-webkit-input-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #323232; }

.main-footer-wrapper .subscription-form input[type="email"].form-input::-moz-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #323232; }

.main-footer-wrapper .subscription-form input[type="email"].form-input:-ms-input-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #323232; }

.main-footer-wrapper .subscription-form input[type="email"].form-input::-ms-input-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #323232; }

.main-footer-wrapper .subscription-form input[type="email"].form-input::placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #323232; }

.main-footer-wrapper .section-subscription-form .form-field.form-inline {
  position: relative;
  display: flex;
  justify-content: center;
  height: 2.75rem;
  width: 100%; }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-subscription-form .form-field.form-inline {
    height: 46px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-subscription-form {
    padding-bottom: 10px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-subscription-form input[type="email"].form-input::-webkit-input-placeholder {
    font-size: 17px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-subscription-form input[type="email"].form-input::-moz-placeholder {
    font-size: 17px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-subscription-form input[type="email"].form-input:-ms-input-placeholder {
    font-size: 17px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-subscription-form input[type="email"].form-input::-ms-input-placeholder {
    font-size: 17px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-subscription-form input[type="email"].form-input, .section-subscription-form input[type="email"].form-input::placeholder {
    font-size: 17px; } }

@media screen and (max-width: 1024px) {
  .section-subscription-form input[type="email"].form-input {
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-subscription-form .section-description {
    font-size: 16px; } }

@media screen and (max-width: 1024px) {
  .section-subscription-form input[type="email"].form-input::-webkit-input-placeholder {
    font-size: 16px; } }

@media screen and (max-width: 1024px) {
  .section-subscription-form input[type="email"].form-input::-moz-placeholder {
    font-size: 16px; } }

@media screen and (max-width: 1024px) {
  .section-subscription-form input[type="email"].form-input:-ms-input-placeholder {
    font-size: 16px; } }

@media screen and (max-width: 1024px) {
  .section-subscription-form input[type="email"].form-input::-ms-input-placeholder {
    font-size: 16px; } }

@media screen and (max-width: 1024px) {
  .section-subscription-form input[type="email"].form-input::placeholder {
    font-size: 16px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-subscription-form {
    margin-top: 0;
    padding-top: 12px;
    padding-bottom: 8px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-subscription-form .form-field.form-inline {
    height: 42px;
    margin-bottom: 10px; } }

@media screen and (min-width: 600px) {
  .subscription-form {
    max-width: 33.33333rem;
    margin: 0 auto; }
    .subscription-form input[type="email"].form-input {
      position: relative;
      display: inline-block;
      width: 14.44444rem;
      height: 100%;
      padding-left: 15px;
      padding-right: 10px;
      border-color: #32502B; } }
    @media screen and (min-width: 600px) and (max-width: 1280px) {
      .subscription-form input[type="email"].form-input input.form-input {
        font-size: 16px; } }

@media screen and (min-width: 600px) {
    .subscription-form .button {
      position: relative;
      display: inline-block;
      width: 7.5rem;
      height: 100%;
      padding-top: 0;
      padding-right: 0;
      padding-left: 0;
      margin-left: 10px;
      color: white;
      background-color: #37B800;
      border-color: #32502B;
      font-weight: 600;
      font-size: 16px;
      font-family: "proxima-soft", "arial-fallback", sans-serif;
      letter-spacing: .75px;
      line-height: 0;
      padding-bottom: 2px; }
      .subscription-form .button:focus {
        background-color: #3DCC00; }
    .subscription-form .button.ripple {
      background-position: center;
      transition: background 0.8s; }
      .subscription-form .button.ripple:hover {
        background: #3DCC00 radial-gradient(circle, transparent 1%, #3DCC00 1%) center/15000%; }
      .subscription-form .button.ripple:active {
        background-color: #7EFF47;
        background-size: 100%;
        transition: background 0s; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .form.subscription-form {
    margin-bottom: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-subscription-form .section-header .section-title {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "proxima-soft";
    letter-spacing: 1.5px;
    margin-top: 3px;
    margin-bottom: 5px;
    color: white; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .main-footer-wrapper .subscription-form input[type="email"].form-input {
    font-size: 16px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-subscription-form {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px;
    padding-top: 12px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    background-color: #177900;
    margin-top: 0;
    margin-bottom: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-subscription-form .section-header {
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .main-footer-wrapper .section-subscription-form .form-field.form-inline {
    height: 2.5rem; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-subscription-form .section-description {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-family: "lato", "arial-fallback", sans-serif; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-subscription-form {
    padding: 0;
    margin-right: 0;
    border-top-style: none;
    width: 100%;
    background-color: #177900;
    margin-top: 10px;
    margin-bottom: 0;
    border-top: 1px solid #afafaf;
    border-bottom: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-subscription-form .section-header {
    margin-bottom: 8px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-subscription-form .section-description {
    font-size: 14px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: left;
    line-height: 20px;
    margin-bottom: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-subscription-form .section-header .section-title {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "lato";
    font-weight: 700;
    margin-top: 12px;
    color: white; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-subscription-form input[type="email"].form-input {
    margin-right: 10px;
    max-width: 250px;
    border: 1px solid #32502B;
    width: 90%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  form.subscription-form {
    max-width: 100%;
    margin-bottom: 10px;
    font-size: 13px; }
    form.subscription-form .form-field.form-inline {
      display: inline-flex;
      position: relative;
      margin-bottom: 10px;
      text-align: left;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
      font-size: 16px;
      height: auto; }
    form.subscription-form .subscription-form input[type="email"].form-input {
      font-size: 16px;
      padding-left: 8px;
      padding-right: 8px;
      max-width: calc(100% - 110px);
      line-height: 34px;
      border: 1px solid #32502B;
      max-width: 250px;
      margin-right: 10px; }
      form.subscription-form .subscription-form input[type="email"].form-input::-webkit-input-placeholder {
        font-size: 16px; }
      form.subscription-form .subscription-form input[type="email"].form-input::-moz-placeholder {
        font-size: 16px; }
      form.subscription-form .subscription-form input[type="email"].form-input:-ms-input-placeholder {
        font-size: 16px; }
      form.subscription-form .subscription-form input[type="email"].form-input::-ms-input-placeholder {
        font-size: 16px; }
      form.subscription-form .subscription-form input[type="email"].form-input::placeholder {
        font-size: 16px; }
    form.subscription-form .button {
      position: relative;
      display: inline-block;
      margin-left: 0;
      top: 0;
      height: 100%;
      width: auto;
      padding-bottom: 0;
      padding-top: 0;
      padding-right: 10px;
      padding-left: 10px;
      font-weight: 600;
      font-size: 13px;
      font-family: "proxima-soft", "arial-fallback", sans-serif;
      color: white;
      background-color: #37B800;
      border-color: #32502B;
      line-height: 34px;
      letter-spacing: 1px; }
      form.subscription-form .button:focus {
        background-color: #3DCC00; }
    form.subscription-form .button.ripple {
      background-position: center;
      transition: background 0.8s; }
      form.subscription-form .button.ripple:hover {
        background: #3DCC00 radial-gradient(circle, transparent 1%, #3DCC00 1%) center/15000%; }
      form.subscription-form .button.ripple:active {
        background-color: #7EFF47;
        background-size: 100%;
        transition: background 0s; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .main-footer-wrapper .section-subscription-form input[type="email"].form-input {
    width: calc(100% - 110px);
    height: calc(100% - 2px);
    border: 1px solid #32502B;
    font-size: 15px;
    margin-top: 1px;
    margin-right: 8px; } }

.alert {
  position: relative;
  padding: 15px;
  margin-bottom: 1.1em;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 15px;
  line-height: 21px;
  border-radius: 3px;
  transition: opacity 0.3s ease; }
  .alert.dismissed {
    display: none;
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    z-index: 0;
    pointer-events: none; }
  .alert.hidden {
    display: none; }
  .alert .alert-dismiss {
    position: absolute;
    top: -2px;
    right: 4px;
    font-size: 26px;
    line-height: 1;
    color: inherit;
    cursor: pointer;
    opacity: 0.8; }
    .alert .alert-dismiss:hover {
      opacity: 1; }
  .alert.alert-success {
    color: #338920;
    background-color: #edf7e9;
    border: 1px solid #0f5100; }
    .alert.alert-success .alert-dismiss {
      color: #338920; }
  .alert.alert-error {
    color: #ba2424;
    background-color: #ead8d9;
    border: 1px solid #510000; }
    .alert.alert-error .alert-dismiss {
      color: #ba2424; }
  .alert.alert-info {
    color: #FFF;
    background-color: #000;
    border: 1px solid #4d4d4d; }
    .alert.alert-info .alert-dismiss {
      color: #333333; }
  .alert .button {
    padding: 8px 10px 7px;
    font-weight: normal;
    color: #FFF;
    background: #3ca126;
    border-color: #3ca126; }
    .alert .button:hover {
      background: #2b741b;
      border-color: #2b741b; }
  .alert .actions {
    margin-left: -2.38095%;
    margin-right: -2.38095%;
    margin-top: 1em;
    display: flex;
    justify-content: left;
    position: relative; }
    .alert .actions a {
      width: 40.38462%;
      margin-left: 1.92308%;
      margin-right: 1.92308%;
      display: flex;
      justify-content: center;
      position: relative;
      font-family: "proxima-soft", "arial-fallback"; }
  @media screen and (max-width: 1505px) {
    .alert .actions {
      justify-content: center; } }

.alert-body-top {
  z-index: 1;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 16px; }

body.product .form-sections .alert {
  margin-bottom: 0; }

.alert-preorder {
  color: white !important;
  border: 1px solid #b4b4b4 !important;
  border-radius: 6px !important;
  background: black !important;
  margin-bottom: 20px; }

.alert-info a {
  color: #0ab6ff; }

.alert-info a:hover {
  color: #47c8ff; }

@media screen and (max-width: 1280px) {
  .alert-body-top {
    font-size: 15px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .alert-body-top {
    font-size: 14px;
    text-align: left; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .alert .button {
    padding-left: 8px;
    padding-right: 8px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-messages-upper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-info-column .cart-messages-upper .alert.alert.dismissed {
    margin-bottom: 0; } }

.badge.sale-badge {
  position: absolute;
  display: inline-block;
  width: 60%;
  height: 30px;
  z-index: 10;
  margin-bottom: 8px;
  background-size: cover;
  text-transform: uppercase;
  color: white;
  opacity: .98;
  left: unset;
  bottom: 0;
  right: 10px; }

body.category-All .badge.sale-badge {
  width: 75%; }

.sale-badge .ribbon {
  display: block;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
  position: relative;
  background: #ffa200;
  overflow: visible;
  color: #fff;
  text-decoration: none;
  height: auto; }

.sale-badge .ribbon:before {
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  top: 0;
  left: -16px;
  border-top: 16px solid #ffa200;
  border-bottom: 16px solid #ffa200;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent; }

.sale-badge .ribbon:after {
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  bottom: -8px;
  right: 0;
  border-top: 8px solid #CC8100;
  border-right: 8px solid transparent; }

.sale-badge > .wrap {
  position: absolute;
  bottom: 0;
  right: -18px;
  overflow: visible;
  font-size: 16px;
  line-height: 14px;
  font-weight: 700;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  letter-spacing: 1.25px;
  width: 100%; }

.sale-badge > .wrap:before, .wrap:after {
  content: "";
  position: absolute; }

.sale-badge > .wrap:before {
  content: "";
  height: 0;
  width: 20px;
  display: block;
  position: absolute;
  top: 0;
  left: -14px;
  border-top: 14px solid rgba(0, 0, 0, 0.2);
  border-bottom: 14px solid rgba(0, 0, 0, 0.2);
  border-right: 20px solid rgba(0, 0, 0, 0.2);
  border-left: 20px solid transparent; }

.sale-badge > .wrap:after {
  /* This adds the second part of our dropshadow */
  content: "";
  height: 2px;
  background: rgba(0, 0, 0, 0.15);
  display: block;
  position: absolute;
  bottom: -1px;
  left: -15px;
  right: 0; }

.badge.preorder-badge {
  position: absolute;
  display: none;
  width: 60%;
  height: 30px;
  z-index: 10;
  margin-bottom: 25px;
  background-size: cover;
  text-transform: uppercase;
  color: white;
  opacity: .98;
  left: unset;
  bottom: 0;
  right: 10px; }

body.category-All .badge.preorder-badge {
  width: 75%; }

body.product .preorder-flag, body.quick-shop-modal .preorder-flag {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 40px;
  bottom: 3px;
  left: 5px; }

.preorder-badge .ribbon {
  display: block;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
  position: relative;
  background: #0A151F;
  overflow: visible;
  color: #fff;
  text-decoration: none;
  height: auto;
  font-size: 14px;
  font-family: "proxima-soft", helvetica, sans-serif; }

.preorder-badge .ribbon:before {
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  top: 0;
  left: -16px;
  border-top: 16px solid #0A151F;
  border-bottom: 16px solid #0A151F;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent; }

.preorder-badge .ribbon:after {
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  bottom: -8px;
  right: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent; }

.preorder-badge > .wrap {
  position: absolute;
  bottom: 0;
  right: -17px;
  overflow: visible;
  font-size: 16px;
  line-height: 14px;
  font-weight: 700;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  letter-spacing: 1.25px;
  width: 100%; }

body.category-All .preorder-badge > .wrap {
  font-size: 14px; }

.preorder-badge > .wrap:before, .wrap:after {
  content: "";
  position: absolute; }

.preorder-badge > .wrap:before {
  content: "";
  height: 0;
  width: 20px;
  display: block;
  position: absolute;
  top: 0;
  left: -14px;
  border-top: 14px solid rgba(0, 0, 0, 0.2);
  border-bottom: 14px solid rgba(0, 0, 0, 0.2);
  border-right: 20px solid rgba(0, 0, 0, 0.2);
  border-left: 20px solid transparent; }

.preorder-badge > .wrap:after {
  /* This adds the second part of our dropshadow */
  content: "";
  height: 2px;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  position: absolute;
  bottom: -1px;
  left: -15px;
  right: 3px; }

.new-product-wrapper {
  position: absolute;
  display: none;
  top: 10px;
  right: 10px; }

article[data-new="true"] .new-product-wrapper {
  display: block; }

.box {
  position: relative;
  max-width: 600px;
  width: 90%;
  height: 400px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  z-index: 10; }

/* common */
.ribbon-new {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute; }

.ribbon-new::before,
.ribbon-new::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9; }

.ribbon-new span {
  position: absolute;
  display: block;
  width: 90px;
  padding-top: 5px;
  padding-bottom: 3px;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  font-family: "proxima-soft", sans-serif;
  letter-spacing: 1.5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center; }

body.category-All .ribbon-new span {
  font-size: 14px; }

/* top right*/
.ribbon-top-right {
  top: -15px;
  right: -15px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: -5px;
  left: 12px; }

.ribbon-top-right::after {
  bottom: 14px;
  right: -4px; }

.ribbon-top-right span {
  left: 10px;
  top: 10px;
  transform: rotate(45deg); }

@media screen and (max-width: 1024px) {
  body.product .preorder-flag, body.quick-shop-modal .preorder-flag {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 30px;
    bottom: 2px;
    left: 5px; } }

.button {
  padding: 0.55556rem 1.11111rem;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-size: 0.92857rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #FFF;
  text-transform: uppercase;
  background: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  transition: all 0.1s ease-in; }
  .button:focus {
    outline: 0; }

.button-disabled, .button-disabled:hover,
.button:disabled,
.button:disabled:hover {
  cursor: default;
  background: #b4b4b4;
  border-color: #b4b4b4; }

.button-wide {
  display: block;
  width: 100%; }

.button-small {
  font-family: "lato"; }

.button-large {
  padding-top: 0.77778rem;
  padding-bottom: 0.72222rem;
  font-size: 1.16667rem;
  line-height: 1.83333rem; }

.button-primary {
  color: white;
  background-color: #00C9E7;
  border-color: #009FB8; }
  .button-primary:hover, .button-primary:focus {
    color: white;
    background-color: #009FB8;
    border-color: #009FB8; }
  .button-primary.ripple {
    background-position: center;
    transition: background 0.8s; }
    .button-primary.ripple:hover {
      background: #009FB8 radial-gradient(circle, transparent 1%, #009FB8 1%) center/15000%; }
    .button-primary.ripple:active {
      background-color: #00C9E7;
      background-size: 100%;
      transition: background 0s; }

.button-secondary {
  color: #00C9E7;
  background-color: #FFF;
  border-color: #00C9E7;
  font-family: "proxima-soft";
  padding-top: 0.65em;
  padding-bottom: 0.5em;
  font-size: .7rem; }
  .button-secondary:hover, .button-secondary:focus {
    color: #FFF;
    background-color: #00C9E7; }

.button-link {
  padding: 0;
  color: #0078DE;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none; }
  .button-link:focus {
    outline: 0; }

.button-progress {
  transition: opacity 0.2s; }
  .button-progress .pxu-fading-circle {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    width: 0;
    height: 1.57em;
    margin: auto;
    vertical-align: middle;
    content: "";
    opacity: 0;
    transition: all 0.4s ease; }
  .button-progress .pxu-circle::before {
    width: 10%;
    height: 20%; }
  .button-progress.progress {
    color: #FFF;
    cursor: default;
    background: #747474;
    border-color: #747474;
    opacity: 0.5; }
    .button-progress.progress .pxu-fading-circle {
      width: 2.14em;
      opacity: 1; }

body.account_addpaymentmethod a.button, body.account_editpaymentmethod a.button {
  border-color: #c8c8c8;
  color: #a0a0a0; }

body.account_addpaymentmethod a.button:hover, body.account_editpaymentmethod a.button:hover {
  background: #c8c8c8;
  color: white; }

.form-fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

.form-hidden {
  display: none; }

.form-input-hidden {
  display: none; }

.form-label {
  display: block; }

.form-label-text,
.form-label-text-inline {
  display: inline-block; }

.form-input {
  display: block;
  border: 1px solid;
  border-color: inherit;
  border-radius: 0;
  box-sizing: border-box; }
  .form-input::-webkit-input-placeholder {
    opacity: 0.8; }
  .form-input::-moz-placeholder {
    opacity: 0.8; }
  .form-input:-ms-input-placeholder {
    opacity: 0.8; }
  .form-input::-ms-input-placeholder {
    opacity: 0.8; }
  .form-input::placeholder {
    opacity: 0.8; }

textarea.form-input {
  resize: vertical; }

.form-inline .form-label-text {
  display: inline-block;
  vertical-align: middle; }

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

.select-tmp {
  position: absolute;
  left: -9999em; }

.form-selected-text {
  display: none; }

.form-field.required .form-input-title::after,
.form-field.required .product-option-title::after {
  font-size: 0.85714em;
  color: #D93838;
  content: "*"; }

.form.subscription-form {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }

.form-input {
  display: block;
  max-width: 100%;
  padding-left: 10px;
  padding-right: 0.55556rem;
  color: #000;
  background: #FFF;
  border-color: #c8c8c8;
  border-radius: 3px;
  transition: border-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .form-input::-webkit-input-placeholder {
    color: #666666;
    font-family: "lato";
    font-weight: 300; }
  .form-input::-moz-placeholder {
    color: #666666;
    font-family: "lato";
    font-weight: 300; }
  .form-input:-ms-input-placeholder {
    color: #666666;
    font-family: "lato";
    font-weight: 300; }
  .form-input::-ms-input-placeholder {
    color: #666666;
    font-family: "lato";
    font-weight: 300; }
  .form-input::placeholder {
    color: #666666;
    font-family: "lato";
    font-weight: 300; }
  .form-input:focus {
    border-color: #d7d7d7;
    outline: none; }

.input-appended {
  position: relative; }
  .input-appended .form-input-wrapper {
    position: absolute;
    top: 0;
    left: 0; }
  .input-appended .button {
    float: right;
    padding-right: 0;
    padding-left: 0; }

input[type="file"] {
  width: 100%;
  padding: 10px;
  font-size: 0.85714em; }

.form-field-checkbox .form-label-text,
.form-field-radio .form-label-text {
  display: inline-block;
  margin-bottom: 0; }

.form-field-checkbox .form-label:not(:last-child),
.form-field-radio .form-label:not(:last-child) {
  margin-bottom: 0.57143em; }

.form-field-checkbox .form-input,
.form-field-radio .form-input {
  display: inline-block;
  width: auto;
  margin-right: 2px; }

.form-inline-message {
  display: block;
  padding: 5px 0 0;
  font-size: 0.66667rem; }
  .form-field-invalid .form-inline-message {
    color: #D93838; }

body.page_contact_form .form-input {
  padding-left: 10px;
  min-width: 60%; }

body.page_contact_form .page-container {
  margin-bottom: clamp(20px, 10vh, 40px); }

.select-input-wrapper {
  position: relative;
  padding-right: 1.33333em; }
  .select-input-wrapper::after {
    position: absolute;
    z-index: 0;
    font-family: "Font Awesome 6 Pro";
    line-height: 1;
    cursor: pointer;
    content: "\f078"; }
  .select-input-wrapper select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-transform: none;
    cursor: pointer;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .select-input-wrapper .form-selected-text {
    display: block; }

.form-field {
  margin-bottom: 16px; }

.form-label-text {
  font-weight: 300; }

.form-field-group {
  padding: 10px 12px;
  border: 1px solid #EFEFEF;
  border-radius: 3px; }

.form-select,
.input-select {
  height: 2.85714em; }

.form-field-product-list .form-field-control,
.form-field-checkbox .form-field-control,
.form-field-radio .form-field-control {
  display: inline-block; }

.form-field-product-list .form-label:not(:last-child),
.form-field-checkbox .form-label:not(:last-child),
.form-field-radio .form-label:not(:last-child) {
  margin-bottom: 0.57143em; }

.form-field-product-list .form-input,
.form-field-checkbox .form-input,
.form-field-radio .form-input {
  display: inline-block;
  width: auto; }

.form-field-date .form-select-wrapper {
  float: left; }

.form-field-date .form-date-year {
  width: 44%; }

.form-field-date .form-date-month {
  width: 25%;
  margin-right: 3%;
  margin-left: 3%; }

.form-field-date .form-date-day {
  width: 25%; }

@media screen and (min-width: 0) {
  .form-row {
    margin-left: -0.81967%;
    margin-right: -0.81967%; }
    .form-row:after {
      content: "";
      display: table;
      clear: both; } }

@media screen and (min-width: 0) {
  .form-column-half {
    width: 47.54098%;
    margin-left: 0.81967%;
    margin-right: 0.81967%;
    float: left; } }

.form-field-small {
  margin-bottom: 12px; }
  .form-field-small .form-input {
    padding-right: 6px;
    padding-left: 6px;
    font-size: clamp(16px, 1.2vw, 17px);
    font-family: "lato", "arial-fallback", sans-serif;
    color: black; }
  .form-field-small .form-select {
    height: 2.5rem; }

.form-field-centered {
  text-align: center; }

.form-action-secondary {
  font-size: 0.92857em;
  font-weight: 300;
  text-align: right; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .form-label-text,
  .form-label-text-inline {
    display: inline-block;
    float: left; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #form-leave-a-review > .form-field:nth-of-type(1) {
    margin-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.form-field {
    margin-bottom: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  form#form-wishlist > div.form-field {
    margin-bottom: 6px; } }

.page-container {
  padding-top: 10px;
  margin-top: 0;
  margin-bottom: clamp(15px, 5%, 50px);
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1024px) {
    .page-container {
      margin-top: 0;
      margin-bottom: 15px; } }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .page-container {
      padding-top: 0; } }

body.login .page-container {
  margin-bottom: 25px; }

.page-narrow {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto; }

.page-container .page-content p {
  line-height: 1.5;
  font-size: clamp(15px, 1.4vw, 17px);
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: black; }

.page-container .page-content a, .page-container .page-content a span {
  line-height: 1.5;
  font-size: clamp(15px, 1.4vw, 18px) !important;
  font-weight: 500;
  font-family: "lato", "arial-fallback", sans-serif; }

.page-content .form-inputinput[type="color"].form-input, input[type="date"].form-input, input[type="datetime"].form-input, input[type="datetime-local"].form-input, input[type="email"].form-input, input[type="month"].form-input, input[type="number"].form-input, input[type="password"].form-input, input[type="search"].form-input, input[type="tel"].form-input, input[type="text"].form-input, input[type="time"].form-input, input[type="url"].form-input, input[type="week"].form-input, input:not([type]).form-input, textarea.form-input {
  padding-top: clamp(5px, 0.5em, 12px);
  padding-bottom: clamp(5px, 0.5em, 12px);
  font-size: clamp(14px, 3vw, 17px);
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: black; }

.page-content .form .form-field-title {
  position: relative;
  display: block;
  font-size: clamp(13px, 1rem, 16px);
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: #191919;
  margin-bottom: 3px; }

.page-content ul li {
  font-size: clamp(13px, 1.2rem, 17px);
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  margin-bottom: 10px; }

.page-heading {
  margin-top: 0;
  margin-bottom: clamp(15px, 2.25rem, 60px);
  text-align: center;
  font-weight: 600;
  font-size: clamp(20px, 1.75rem, 40px);
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  color: black; }
  .page-heading .page-narrow {
    text-align: center; }

.page-heading.page-heading-small {
  margin-top: 20px;
  margin-bottom: 35px;
  font-size: 36px; }

body.page .page-content, body.giftcertificates .page-content, body.giftcertificates_redeem .page-content, body.giftcertificates_balance .page-content {
  margin-bottom: 20px; }

.page-message-area {
  margin-bottom: 25px;
  text-align: center;
  font-size: clamp(14px, 1.2vw, 17px);
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: black;
  line-height: 1.5; }

.section-header {
  margin-bottom: 42px;
  text-align: center;
  font-family: "lato"; }

.section-title {
  margin: 0 0 12px;
  font-family: "lato";
  color: white;
  letter-spacing: .5px; }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-header {
    margin-bottom: 5px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-header {
    margin-bottom: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-header {
    margin-bottom: 15px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .page-heading {
    margin-bottom: 15px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.page .page-heading, body.giftcertificates .page-heading, body.giftcertificates_redeem .page-heading, body.giftcertificates_balance .page-heading {
    margin-bottom: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .page-heading-small {
    margin-top: 10px;
    font-size: 20px;
    font-family: "proxima-soft";
    font-weight: 700;
    text-transform: uppercase;
    color: black; } }

body.fixed-modal {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.modal-wrapper {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
  outline: 0;
  border-style: none; }

.modal-wrapper.visible {
  display: flex; }

.modal-overlay {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 120;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1; }

.modal-content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 140;
  padding: 20px;
  overflow: hidden;
  background: white;
  opacity: 1;
  scale: 1; }
  .modal-content.zoom {
    scale: 0; }
  .modal-content.fade {
    opacity: 0; }
  .modal-content.zoomfade {
    opacity: 0;
    scale: 0; }

.modal-content.shadow {
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.5); }

.modal-close-btn {
  position: absolute;
  display: block;
  top: 6px;
  right: 8px;
  height: 21px;
  width: 21px;
  z-index: 10; }

#quick-shop-modal .modal-close-btn {
  top: 6px;
  right: 8px; }

@media screen and (max-width: 1024px) {
  .modal-close-btn {
    position: absolute;
    display: block;
    top: 6px;
    right: 8px;
    height: 21px;
    width: 21px;
    z-index: 10; } }

svg.modal-close {
  height: 21px;
  width: 21px;
  font-size: 21px;
  line-height: 1;
  color: #969696;
  cursor: pointer; }

.modal-close-btn:hover .modal-close {
  color: #D93838; }

#gift-wrap-modal .modal-close-btn {
  top: 4px;
  right: 6px; }

#cart-options-modal-content {
  width: 75%;
  min-height: 225px;
  height: auto;
  max-width: 600px;
  max-height: 350px;
  border: 2px solid rgba(0, 0, 0, 0.8); }

#preorder-modal-content {
  width: 70%;
  height: auto;
  max-width: 750px;
  padding: 40px;
  border: 2px solid rgba(0, 0, 0, 0.8); }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #preorder-modal-content {
    padding-left: 5%;
    padding-right: 5%;
    width: 80%;
    padding-top: 10px;
    padding-bottom: 20px; } }

#preorder-modal .custom-modal-title {
  position: relative;
  display: block;
  width: 100%;
  max-width: 300px;
  font-size: 22px;
  font-weight: 700;
  margin-top: -8px;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  color: black; }

#preorder-modal .preorder-message {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  margin-top: 10px;
  font-size: 17px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  line-height: 30px; }

.preorder-message span,
.preorder-message strong {
  display: inline;
  position: relative;
  margin-right: 4px; }

#preorder-modal .button-primary {
  font-size: 20px;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  color: white;
  font-weight: 600;
  letter-spacing: 1px;
  margin-right: 6px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.6em;
  padding-right: 0.6em; }

#preorder-modal .button-secondary {
  font-size: 20px;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-weight: 600;
  letter-spacing: 0.75px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.6em;
  padding-right: 0.6em; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #preorder-modal .modal-close-btn {
    top: 6px;
    right: 8px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #preorder-modal .custom-modal-title {
    margin-top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #preorder-modal .preorder-message {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 15px;
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 400;
    line-height: 24px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #preorder-modal .modal-footer .button-primary {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #preorder-modal .modal-footer .button-secondary {
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px; } }

@media screen and (max-width: 390px) and (min-width: 0) {
  #preorder-modal .modal-footer .button-primary {
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 5px; } }

@media screen and (max-width: 390px) and (min-width: 0) {
  #preorder-modal .modal-footer .button-secondary {
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 10px;
    padding-bottom: 10px; } }

#wishlist-modal-content {
  border: 2px solid rgba(0, 0, 0, 0.8); }

.wishlist-modal a.modal-close svg.close {
  height: 21px;
  width: 21px;
  color: rgba(63, 63, 63, 0.5);
  pointer-events: none; }

.wishlist-modal a.modal-close:hover svg.close {
  color: #D93838; }

.wishlist-modal .modal-content a.modal-close {
  position: absolute;
  display: block;
  width: 21px;
  height: 21px;
  top: 8px;
  right: 9px;
  cursor: pointer; }

.share-links {
  cursor: default; }

.share-link {
  display: inline-block;
  margin: 0 3px;
  line-height: 1;
  vertical-align: middle; }
  .share-link a {
    display: inline-block;
    vertical-align: bottom; }
  .share-link .fb-like {
    padding-right: 0.77778rem;
    border-right: 1px solid #EFEFEF; }

.share-on-title {
  font-size: 12px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: #969696;
  position: relative;
  margin-bottom: 2px;
  letter-spacing: .5px;
  padding-left: 4px; }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .share-on-title {
    text-align: left;
    font-size: 11px;
    margin-top: 2px;
    margin-bottom: 1px; } }

body.blog_post svg.icon-facebook, body.blog_post svg.icon-email, body.blog_post svg.icon-twitter, body.blog_post svg.icon-pinterest {
  height: 20px;
  width: 20px; }

svg.icon-facebook {
  color: #4267B2; }

svg.icon-email {
  color: #969696; }

svg.icon-twitter {
  color: #1DA1F2; }

svg.icon-pinterest {
  color: #E60023; }

.rte {
  font-size: 16px;
  line-height: 1.5;
  text-align: left; }
  .rte h1 {
    font-size: 2em; }
  .rte h2 {
    font-size: clamp(18px, 1.4em, 24px);
    font-weight: 600; }
  .rte h3 {
    font-size: 1.17em; }
  .rte h4 {
    font-family: "lato";
    font-size: 1.12em;
    color: #8c8c8c; }
  .rte h5 {
    font-family: "lato";
    font-size: 0.83em; }
  .rte h6 {
    font-family: "lato";
    font-size: 0.75em;
    letter-spacing: 0.02em;
    text-transform: uppercase; }
  .rte > *:first-child {
    margin-top: 0; }
  .rte > *:last-child {
    margin-bottom: 0; }
  .rte a:hover {
    text-decoration: underline; }
  .rte hr {
    margin: 2em 0; }
  .rte ul {
    list-style: disc; }
  .rte ul,
  .rte ol,
  .rte dl {
    margin-left: 20px; }
  .rte blockquote {
    padding-left: 20px;
    margin-left: 0;
    border-left: 2px solid #EFEFEF; }
  .rte img {
    height: auto;
    max-width: 100%; }
  .rte .rss-feed {
    margin: 0; }
  .rte .rss-feed-item {
    display: block;
    margin-bottom: 2.14286em;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 1.42857em; }

body.page .rte img {
  padding-right: 10px;
  padding-bottom: 10px; }

body.page .rte img:last-of-type {
  padding-bottom: 0; }

.pg-page-wrapper {
  display: block;
  position: relative;
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
  height: auto;
  padding-bottom: 25px; }

.pg-group-page-wrapper {
  display: block;
  position: relative;
  width: 95%;
  margin: 0 auto;
  height: auto;
  margin-bottom: clamp(25px, 6%, 65px); }

.pg-cart-messages-upper {
  position: fixed;
  display: block;
  background-color: #D93838;
  color: white;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  transition: all 500ms ease;
  opacity: 0;
  font-size: clamp(14px, 1rem, 17px);
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 600;
  line-height: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 8px;
  padding-right: 8px; }

.pg-cart-messages-upper.show {
  transform: translateY(50px);
  opacity: 1; }

.pg-page-title {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  font-family: "proxima-soft";
  color: black;
  font-size: clamp(32px, 2.5vw, 42px);
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 30px; }

.pg-subtext {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 10px;
  color: black;
  font-size: clamp(16px, 1rem, 20px);
  font-family: "lato", "arial-fallback", sans-serif;
  line-height: 1.4; }

.pg-page-description p {
  font-size: clamp(16px, 1rem, 20px);
  font-family: "lato", "arial-fallback", sans-serif;
  color: black;
  text-align: left; }

.pg-page-description {
  display: block;
  position: relative;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: black;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  margin-top: 30px;
  line-height: 1.5;
  text-align: left; }

.pg-group-item-table td.qty > input#qty {
  width: 45px; }

.pg-group-item-table.h td.qty, .pg-group-item-table.h td.price {
  width: 70px;
  font-size: clamp(16px, 1.2rem, 18px); }

.pg-group-page-description p {
  font-size: clamp(16px, 1rem, 20px);
  font-family: "lato", "arial-fallback", sans-serif;
  color: black;
  text-align: center; }

.pg-group-page-description {
  display: block;
  position: relative;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: black;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  margin-top: 30px;
  line-height: 1.5;
  text-align: center; }

.pg-section-title {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  font-family: "proxima-soft";
  color: black;
  font-size: 30px;
  font-weight: 700;
  margin-top: 0;
  text-align: center; }

.pg-section-description {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 35px;
  font-size: 20px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: black;
  line-height: 1.5; }

.pg-page-wrapper .tabcontent.active {
  display: block; }

.pg-group {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #969696; }

.pg-level-1-group {
  display: inline-block;
  position: relative;
  width: 48%;
  max-width: 800px;
  margin-bottom: 40px;
  margin-right: 25px; }

.pg-level-1-group:nth-of-type(even) {
  margin-right: 0; }

.pg-group-img-wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 150px;
  max-width: 1000px; }

.pg-page-wrapper .button-text-oos {
  display: none;
  position: relative; }

.pg-page-wrapper button.add-to-cart.oos {
  pointer-events: none;
  background-color: #969696;
  border-color: #7A7A7A; }

.pg-page-wrapper button.add-to-cart.oos .button-text-oos {
  display: inline-block; }

.pg-page-wrapper button.add-to-cart.oos .button-text {
  display: none; }

.pg-group-level-1-img-wrapper {
  position: relative;
  display: block;
  width: calc(100% - 4px);
  height: auto;
  border: 2px solid #338920; }

.pg-group-level-1-img-wrapper:hover .magnify-icon {
  display: block;
  opacity: 1; }

.pg-group-level-1-img-wrapper:hover {
  border: 2px solid #0078DE; }

.pg-group-content-wrapper {
  position: relative;
  width: 50%;
  margin-left: 30px; }

.pg-group-level-1-wrapper {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 100%; }

.pg-group-level-1-content-wrapper {
  position: relative;
  margin-left: 0;
  width: 100%; }

.pg-group-img {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  object-fit: cover; }

.pg-group-img-gradient {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(255, 255, 255, 0) 100%); }

.pg-group-title {
  position: absolute;
  display: block;
  width: 90%;
  top: 6%;
  left: 5%; }

.pg-group-name {
  position: relative;
  display: block;
  width: 100%;
  color: white;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-size: clamp(36px, 3vw, 60px);
  font-weight: 800;
  margin-bottom: 5px; }

.guild-name {
  position: relative;
  display: block;
  width: calc(100% - 8px);
  background-image: linear-gradient(to left, rgba(255, 0, 0, 0) 0%, #338920 50%);
  color: #0D2108;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  letter-spacing: 1.5px;
  font-size: clamp(16px, 1.25vw, 19px);
  font-weight: 800;
  line-height: 1;
  padding-left: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 2px; }

.pg-group-item-num-wrapper {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: auto;
  height: auto;
  background: #000000;
  padding-left: clamp(5px, 2%, 12px);
  padding-right: clamp(5px, 2%, 12px);
  padding-top: clamp(5px, 1.9%, 10px);
  padding-bottom: clamp(5px, 1.8%, 8px);
  text-align: center;
  line-height: 1.3; }

.pg-group-item-num {
  display: inline-block;
  position: relative;
  color: white;
  font-size: clamp(14px, 1.25vw, 18px);
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 700;
  margin-right: 4px; }

.pg-items {
  display: inline-block;
  position: relative;
  color: white;
  font-size: clamp(14px, 1.25vw, 18px);
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400; }

.pg-example-bg {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  background: rgba(255, 255, 255, 0.75); }

.pg-example-text {
  display: inline-block;
  position: relative;
  width: calc(100% - 20px);
  margin-left: 10px;
  color: black;
  font-size: clamp(11px, 0.8rem, 14px);
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400; }

.pg-disclaimer {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 12px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: #aaaaaa; }

.pg-group-description {
  position: relative;
  display: block;
  width: 100%;
  color: black;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: clamp(16px, 1rem, 18px);
  line-height: 1.7;
  margin-bottom: 7px; }

.pg-group-description p {
  margin-bottom: 5px; }

.pg-group-page-wrapper .chevron-right-icon {
  width: 14px;
  height: 14px; }

.pg-group-page-wrapper .chevron-icon {
  position: relative;
  display: inline;
  left: 4px;
  top: 1px; }

.pg-group-item-table.h {
  position: relative;
  display: block;
  width: 100%; }

.pg-group-item-table.v {
  display: none; }

.pg-group-item-table table {
  position: relative;
  display: table;
  width: 100%;
  line-height: 2;
  font-size: clamp(16px, 1.2rem, 18px); }

.pg-group-item-table th {
  background-color: #F7EDDE;
  text-align: left;
  padding-left: 8px;
  font-size: 15px; }

.pg-group-item-table td {
  padding-left: 10px;
  padding-right: 8px; }

.pg-group-item-table .footer-row {
  background: #f0f0f0; }

.pg-group-item-table td.total {
  font-weight: 800;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-size: 18px;
  text-align: right; }

.pg-group-item-table td.subtotal {
  font-weight: 600;
  text-align: right; }

.pg-group-item-table td.subtotal.value, .pg-group-item-table td.total.value {
  text-align: left; }

.pg-table {
  display: table;
  position: relative;
  width: auto;
  table-layout: auto; }

td.quantity {
  display: table-cell;
  position: relative;
  width: 45px; }

td.quantity > input {
  max-width: 45px; }

.pg-table td.thumbnail > img {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 100%;
  object-fit: cover; }

.pg-table td.thumbnail {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  display: table-cell;
  width: 65px;
  height: 65px; }

.discount-num {
  position: absolute;
  display: block;
  top: 12px;
  left: 12px;
  color: white;
  font-size: 33px;
  font-weight: 700;
  font-family: "proxima-soft";
  z-index: 2; }

.discount-off {
  position: absolute;
  display: block;
  bottom: 12px;
  left: 23px;
  color: #c8c8c8;
  font-size: 15px;
  font-weight: 400;
  font-family: "proxima-soft";
  z-index: 2; }

#burst-12 {
  position: absolute;
  right: -20px;
  top: -20px;
  background: black;
  width: 80px;
  height: 80px;
  text-align: center; }

#burst-12:before,
#burst-12:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 80px;
  width: 80px;
  background: black; }

#burst-12:before {
  transform: rotate(30deg); }

#burst-12:after {
  transform: rotate(60deg); }

.pg-page-wrapper .add-to-cart-wrapper {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 30px;
  text-align: right; }

.pg-page-wrapper .add-to-cart-wrapper > button {
  max-width: 250px;
  padding-left: 1.1rem;
  padding-right: 1.3rem; }

.pg-group-page-wrapper .magnify-hover {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.pg-group-page-wrapper .magnify-icon {
  width: 8%;
  height: 8%;
  color: white;
  opacity: 0;
  transition: opacity 150ms ease; }

.pg-group-item-table.v .pg-table-row > td:nth-of-type(1) {
  background: #F7EDDE;
  font-weight: 600;
  color: black; }

.pg-group-item-table.v .pg-table-row > td:nth-of-type(2) {
  padding-left: 15px; }

.pg-group-item-table.v .pg-table-row td {
  font-size: 16px; }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .pg-page-title {
    margin-top: 15px;
    margin-bottom: 25px; } }

@media screen and (max-width: 1024px) {
  .pg-level-1-group {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%; } }

@media screen and (max-width: 1024px) {
  .pg-table td.thumbnail > img {
    object-fit: unset; } }

@media screen and (max-width: 1024px) {
  .pg-group-item-num-wrapper {
    padding-left: clamp(7px, 1.8%, 12px);
    padding-right: clamp(7px, 1.8%, 12px);
    padding-top: clamp(5px, 1.1%, 8px);
    padding-bottom: clamp(4px, 1%, 6px);
    bottom: 5%;
    right: 3%; } }

@media screen and (max-width: 1024px) {
  .pg-group-item-table.h table {
    font-size: clamp(15px, 0.95rem, 18px); } }

@media screen and (max-width: 1024px) {
  .pg-group-item-table.h td.qty, .pg-group-item-table.h td.price {
    width: 70px;
    font-size: clamp(15px, 0.95rem, 18px); } }

@media screen and (max-width: 1024px) {
  .pg-group-item-table.h td:not(.thumbnail) {
    padding-left: 7px;
    padding-right: 7px; } }

@media screen and (max-width: 1024px) {
  .pg-group-name {
    font-size: clamp(28px, 5vw, 60px); } }

@media screen and (max-width: 1024px) {
  .guild-name {
    font-size: clamp(14px, 2vw, 19px); } }

@media screen and (max-width: 1024px) {
  .pg-group-page-wrapper {
    width: 90%; } }

@media screen and (max-width: 1024px) {
  .pg-items, .pg-group-item-num {
    font-size: clamp(13px, 2vw, 18px); } }

@media screen and (max-width: 1024px) {
  .pg-page-description, .pg-group-page-description {
    margin-top: 20px; } }

@media screen and (max-width: 1024px) {
  .pg-page-title {
    font-size: clamp(28px, 3.5vw, 38px);
    margin-bottom: 20px;
    margin-top: 10px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .pg-page-wrapper {
    width: 90%; } }

@media screen and (max-width: 1024px) {
  .pg-page-wrapper #burst-12 {
    width: 60px;
    height: 60px;
    right: -5px;
    top: -10px; } }

@media screen and (max-width: 1024px) {
  .pg-page-wrapper #burst-12:before, #burst-12:after {
    width: 60px;
    height: 60px; } }

@media screen and (max-width: 1024px) {
  .pg-page-wrapper .discount-num {
    font-size: 26px;
    top: 8px;
    left: 8px; } }

@media screen and (max-width: 1024px) {
  .pg-page-wrapper .discount-off {
    font-size: 12px;
    bottom: 6px;
    left: 16px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .pg-page-wrapper {
    width: 92%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-page-title {
    margin-top: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-page-description, .pg-group-page-description {
    margin-bottom: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-group-title {
    left: 15px;
    top: 10px;
    width: calc(100% - 30px); } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-group-page-wrapper .magnify-hover {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-group-page-wrapper .chevron-right-icon {
    width: 11px;
    height: 11px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-group-page-wrapper .continue-reading {
    font-size: 15px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-level-1-group {
    margin-bottom: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-group-item-table.h {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-group-item-table.v {
    position: relative;
    display: block;
    width: 100%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-group-item-table.v td.name {
    background: #f0f0f0;
    line-height: 26px;
    padding-left: 15px;
    padding-right: 6px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-group-item-table.v td.name a {
    font-weight: 700;
    font-size: 18px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-group-item-table.v tr.price td {
    font-size: 16px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-group-item-table.v td.total.label {
    line-height: 26px;
    font-size: 17px;
    padding-left: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-page-wrapper .add-to-cart-wrapper {
    margin-bottom: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-page-wrapper .add-to-cart .button-text {
    font-size: 18px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-page-wrapper {
    width: 90%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-page-wrapper #burst-12 {
    width: 50px;
    height: 50px;
    right: -5px;
    top: -10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-page-wrapper #burst-12:before, #burst-12:after {
    width: 50px;
    height: 50px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-page-wrapper .discount-num {
    font-size: 23px;
    top: 7px;
    left: 7px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pg-page-wrapper .discount-off {
    font-size: 12px;
    bottom: 2px;
    left: 12px; } }

.guild-group-wrapper {
  position: relative;
  display: block;
  width: 300px;
  height: 300px;
  background: rgba(225, 225, 225, 0.5);
  border: 1px solid black;
  padding: 20px; }

.guild-group {
  position: relative;
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto; }

.guild-group:hover .guild-group-wrapper {
  border: 1px solid #0078DE; }

.guild-group:hover .guild-group-caption {
  color: #0078DE; }

.guild-group:nth-of-type(1) {
  margin-right: 50px; }

.guild-group:nth-of-type(2) {
  margin-left: 50px; }

.guild-group-icon {
  position: relative;
  display: block;
  width: 300px;
  height: 300px;
  margin: 0 auto; }

.guild-group-caption {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: black; }

.pg-home-content-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 50px; }

.pg-group-page-wrapper.home {
  max-width: 1400px; }

@media screen and (max-width: 1024px) {
  .guild-group-icon {
    width: 100%;
    height: 100%; } }

@media screen and (max-width: 1024px) {
  .guild-group-wrapper {
    width: 85%;
    height: auto; } }

@media screen and (max-width: 1024px) {
  .pg-home-content-wrapper {
    margin-top: 5%;
    margin-bottom: 6%; } }

@media screen and (max-width: 1024px) {
  .guild-group-caption {
    font-size: clamp(17px, 3.3vw, 24px);
    margin-top: 6%; } }

@media screen and (max-width: 1024px) {
  .guild-group:nth-of-type(1) {
    margin-right: 3%; } }

@media screen and (max-width: 1024px) {
  .guild-group:nth-of-type(2) {
    margin-left: 3%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .guild-group-wrapper {
    width: calc(100% - 20px);
    height: auto;
    padding: 10px; } }

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.4.1
 * @url https://github.com/feimosi/baguetteBox.js
 */
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
  top: calc(50% - 30px);
  width: 44px;
  height: 60px; }

.img-wrapper {
  display: none; }

#baguetteBox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.5s ease; }
  #baguetteBox-overlay.visible {
    opacity: 1; }
  #baguetteBox-overlay .full-image {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 12px;
    font-family: "lato"; }
    #baguetteBox-overlay .full-image figure {
      display: inline;
      height: 100%;
      margin: 0; }
    #baguetteBox-overlay .full-image img {
      display: inline-block;
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 90%;
      vertical-align: middle;
      box-shadow: 0 0 23px 16px rgba(0, 0, 0, 0.35); }
    #baguetteBox-overlay .full-image figcaption {
      position: absolute;
      bottom: 15px;
      display: block;
      width: 100%;
      padding-bottom: 16px;
      font-weight: 300;
      line-height: 1.5;
      color: #FFF;
      text-align: center;
      white-space: normal;
      font-size: 14px;
      text-shadow: 6px 6px 8px #000; }
    #baguetteBox-overlay .full-image::before {
      display: inline-block;
      width: 1px;
      height: 50%;
      margin-right: -1px;
      content: ""; }

#baguetteBox-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  transition: left 0.4s ease, transform 0.4s ease; }
  #baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight 0.4s ease-out;
    animation: bounceFromRight 0.4s ease-out; }
  #baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft 0.4s ease-out;
    animation: bounceFromLeft 0.4s ease-out; }

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

.baguetteBox-button {
  position: absolute;
  padding: 0;
  margin: 0;
  font-size: 1.6em;
  color: #ddd;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  border-radius: 15%;
  outline: none;
  transition: background-color 0.4s ease; }
  .baguetteBox-button:hover {
    background-color: rgba(255, 255, 255, 0.1); }
  .baguetteBox-button#next-button {
    right: 2%; }
  .baguetteBox-button#previous-button {
    left: 2%; }
  .baguetteBox-button#close-button {
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px; }
  .baguetteBox-button svg {
    position: absolute;
    top: 0;
    left: 0; }

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px; }

.double-bounce1,
.double-bounce2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.6;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out; }

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

@-webkit-keyframes bounce {
  0%, 100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

@keyframes bounce {
  0%, 100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

@media screen and (min-width: 1281px) {
  .main-header {
    display: block;
    position: relative;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    height: 120px;
    width: 100%; }
  body.cart .main-header {
    background: white; }
  .header-primary-container {
    display: block;
    position: relative;
    width: 100%;
    height: 100%; }
  .header-primary-container .logo-center {
    text-align: center; }
  .second-section-divider-mobile {
    display: none; }
  .branding {
    float: left;
    margin-left: 35px;
    margin-top: 16px;
    height: 72px; }
    .branding .text {
      height: 40px;
      padding-top: 9px; }
    .branding .retina-logo img {
      max-width: 50%; }
    .branding .logo-right {
      float: right;
      text-align: right; }
    .branding .logo-center {
      float: none;
      display: inline-block;
      margin: 0 auto;
      text-align: center; }
  .non-sticky-search {
    display: none; }
  .sticky-search {
    display: block; }
  .navigation-container {
    padding-left: 0;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px; }
    .navigation-container .logo-center {
      padding-right: 0;
      text-align: center; }
  .navigation {
    position: relative;
    display: block;
    width: 68%;
    margin-top: 70px;
    margin-left: 77px; }
    .navigation .nav-menu {
      display: inline-block;
      position: relative;
      width: 100%; }
    .navigation .logo-center {
      float: none; }
  .nav-menu-item {
    position: relative;
    display: inline-block;
    margin: 0;
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 18px;
    z-index: 900; }
    .nav-menu-item > a {
      font-family: "lato", "arial-fallback", sans-serif;
      display: block;
      padding-left: 12px;
      padding-right: 12px;
      padding-top: 8px;
      padding-bottom: 8px;
      font-weight: 500; }
    .nav-menu-item .caret {
      display: inline-block;
      position: relative;
      font-size: 12px;
      width: 16px;
      height: 19px;
      top: 3px; }
      .nav-menu-item .caret::before {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        background-size: 16px 19px !important;
        display: inline-block;
        content: "";
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='icon-arrow-down' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27' height='32' viewBox='0 0 27 32' enable-background='new 0 0 27 32' xml:space='preserve'%3E%3Cpath fill='%23000' d='M0.5 12.063q1.125-1.125 2.5 0l6.313 6 6.25-6q1.375-1.125 2.5 0 0.5 0.5 0.5 1.313t-0.5 1.313l-7.5 7.188q-0.5 0.5-1.25 0.5-0.813 0-1.313-0.5-6.875-6.5-7.5-7.188-0.5-0.5-0.5-1.313t0.5-1.313z'%3E%3C/path%3E%3C/svg%3E");
        width: 16px;
        height: 19px;
        position: absolute;
        top: 0;
        left: 0; }
    .nav-menu-item.menu-dropdown:hover > a > .caret::before {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: contain;
      background-size: 16px 19px !important;
      display: inline-block;
      content: "";
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='icon-arrow-down' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27' height='32' viewBox='0 0 27 32' enable-background='new 0 0 27 32' xml:space='preserve'%3E%3Cpath fill='%230078DE' d='M0.5 12.063q1.125-1.125 2.5 0l6.313 6 6.25-6q1.375-1.125 2.5 0 0.5 0.5 0.5 1.313t-0.5 1.313l-7.5 7.188q-0.5 0.5-1.25 0.5-0.813 0-1.313-0.5-6.875-6.5-7.5-7.188-0.5-0.5-0.5-1.313t0.5-1.313z'%3E%3C/path%3E%3C/svg%3E"); }
    .nav-menu-item.menu-dropdown:hover > a,
    .nav-menu-item.menu-dropdown.tapped > a {
      color: #0078de;
      background: #FFF;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
    .nav-menu-item:not(.menu-dropdown) > a {
      transition: opacity 0.1s ease-out; }
      .nav-menu-item:not(.menu-dropdown) > a:hover {
        opacity: 0.7; }
  .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    min-width: calc(100% + 80px);
    padding: 22px 22px 18px;
    color: #0078DE;
    text-align: left;
    background: #FFF;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    z-index: 10; }
    .dropdown a {
      display: block;
      margin-bottom: 12px;
      color: black;
      transition: color 0.1s ease-out;
      font-weight: 400;
      font-family: "lato";
      font-size: 18px; }
      .dropdown a:hover {
        color: #0AA9FF; }
    .nav-menu-item:hover .dropdown,
    .nav-menu-item.tapped .dropdown {
      z-index: 3;
      display: block;
      color: #0078de; }
  .subnav-menu-item:not(:last-child) {
    margin-bottom: 13px; }
  .subnav-menu-item > a {
    font-weight: 400; }
  .sub-subnav-menu-item {
    margin-left: 20px;
    list-style-type: circle;
    list-style-position: outside;
    color: black; }
    .sub-subnav-menu-item > a {
      font-size: 0.88889em; }
  .sub-sub-subnav-menu-item {
    margin-left: 8px; }
    .sub-sub-subnav-menu-item > a {
      font-size: 0.88235em; }
  .open-dropdown,
  .subnavigation-container {
    display: none; }
  .view-cart {
    display: block;
    position: relative;
    height: auto;
    min-width: auto;
    padding: 0.42857em 12px 0.21429em 14px;
    text-align: center;
    z-index: 100001; }
  .header-cart-container {
    position: absolute;
    right: 5px;
    bottom: 10px;
    width: auto;
    height: 43px;
    display: block;
    color: #797979;
    font-size: 20px;
    z-index: 900; }
    .header-cart-container .cart-dropdown-container {
      position: absolute;
      height: auto;
      right: 0;
      z-index: 10000;
      display: none;
      background: #FFF;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
    .header-cart-container:hover {
      box-shadow: 5px 3px 3px -6px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 5px 3px 3px -6px rgba(0, 0, 0, 0.3); }
      .header-cart-container:hover .view-cart {
        color: #0078DE;
        background: #FFF; }
      .header-cart-container:hover .cart-dropdown-container {
        display: block; }
    .logo-center .header-cart-container {
      top: 0;
      bottom: auto; }
  .mobile-menu-close {
    display: none; }
  .header-tools {
    display: flex;
    align-items: center;
    position: absolute;
    height: 18px;
    font-size: 14px;
    font-family: "lato", "arial-fallback", sans-serif;
    top: 8px;
    right: 0;
    color: #afafaf; }
    .header-tools .logo-center,
    .logo-right .header-tools {
      top: 0;
      left: 10px; }
  .currency-selector-wrapper {
    position: relative;
    display: inline-block; }
    .currency-selector-wrapper::after {
      top: 0.36364em;
      right: 0.36364em;
      font-size: 0.91667em; }
  .form-input.currency-selector {
    width: auto;
    height: auto;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 40px;
    color: #5d5d5d; }
  .customer-links {
    display: inline-block;
    position: relative;
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 14px;
    margin-right: 15px;
    margin-left: 0;
    margin-bottom: 0;
    height: 17px; }
    .customer-links a {
      display: inline-block;
      padding-left: 6px;
      padding-right: 6px;
      color: #646464; }
      .customer-links a:hover {
        color: #9eb358; }
    .customer-links .edd-root .edd-value {
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: text-top; }
  body.loggedin .customer-links {
    height: 19px;
    bottom: 0; } }

@media only screen and (max-width: 1280px) {
  .main-header {
    height: 64px;
    padding-bottom: 0; }
    .main-header .container {
      padding-right: 0;
      padding-left: 0;
      background: #e4e4e4;
      border-bottom: 1px solid rgba(150, 150, 150, 0.4); }
  .view-cart .cart-icon {
    height: 20px;
    width: 20px;
    font-size: 20px; }
  .header-cart-container {
    position: absolute;
    right: 13px;
    bottom: 25px;
    display: block;
    color: #797979;
    font-size: 20px;
    z-index: 900;
    width: auto;
    height: 20px; }
  .non-sticky-search {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    background: #177900;
    width: 100%; }
  body.mobile-nav-active .header-cart-container {
    z-index: 5; }
  .header-primary-container {
    position: relative;
    top: 0;
    left: 0;
    z-index: 8;
    background: #f9f9f9; } }

@media only screen and (max-width: 1280px) and (max-width: 768px) and (min-width: 600px) {
  .non-sticky-search {
    display: block;
    position: relative; } }

@media only screen and (max-width: 1280px) {
  .menu-open {
    position: absolute;
    padding: 14px;
    top: 9px;
    left: 5px;
    width: 1.64286em;
    font-size: 10px;
    z-index: 1000; }
    .menu-open::before, .menu-open::after {
      content: ""; }
    .menu-open::before, .menu-open::after,
    .menu-open .menu-icon {
      display: block;
      height: 2px;
      margin: 0.31em 0;
      background: #000; }
  .branding {
    text-align: center; }
    .branding .text {
      font-size: 1.28571em; }
    .branding .logo {
      display: inline-block; }
    .branding img {
      max-height: 50px; }
  .view-cart {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    height: auto;
    text-align: right; }
    .view-cart:hover {
      color: #0078de; }
  .cart-count:empty + .cart-icon {
    right: 0;
    left: auto; }
  .cart-dropdown-container {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
    display: none;
    width: 0;
    height: 100%;
    background: #FFF;
    overflow: hidden;
    border-left: 1px solid #969696;
    max-height: calc(100vh - 75px); }
    .cart-dropdown-container.animating, .cart-dropdown-container.visible {
      display: block;
      transform: translateX(100%);
      transition: transform 0.3s ease-in-out; }
    .cart-dropdown-container.animating-out {
      transition-duration: 0.2s; }
    .cart-dropdown-container.visible {
      transform: translateX(0); }
  .cart-footer {
    padding: 17px 18px;
    width: 100%;
    border-top-style: none; }
  .navigation-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    display: none;
    width: 0;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    font-size: 14px;
    background: #FFF;
    border-right: 1px solid #969696; }
    .navigation-container.animating, .navigation-container.visible {
      display: block;
      transform: translateX(-100%);
      transition: transform 0.3s ease-in-out; }
    .navigation-container.animating-out {
      transition-duration: 0.2s; }
    .navigation-container.visible {
      transform: translateX(0); }
  .header-tools {
    position: relative;
    display: block;
    width: auto;
    padding: 1.07692em 19px;
    font-size: 0.92857em;
    color: gray;
    border-bottom: 1px solid #e8e8e8;
    transition: opacity 0.3s ease; }
    .header-tools a {
      color: gray; }
    .subnav-active .header-tools {
      opacity: 0; }
  .currency-selector-wrapper {
    position: relative;
    display: inline-block;
    margin-right: 14px;
    height: 2.5em;
    max-width: 84px;
    padding: 5px 20px 4px 8px;
    font-size: 0.85714em;
    border: 1px solid transparent;
    border-radius: 2px; }
    .currency-selector-wrapper:not(.single-currency) {
      border-color: #EFEFEF; }
    .currency-selector-wrapper::after {
      top: 0.91667em;
      right: 0.75em;
      font-size: 0.85714em; }
  .customer-links {
    position: absolute;
    top: 1em;
    right: 48px; }
    .customer-links a {
      display: inline-block;
      padding: 7px 2px;
      margin-right: 4px;
      vertical-align: middle; }
  .mobile-menu-close {
    position: absolute;
    top: 1px;
    right: 11px;
    padding: 3px;
    font-size: 19px;
    font-weight: 600;
    line-height: 1;
    color: #c8c8c8; }
  .mobile-menu-close:hover {
    cursor: pointer;
    color: #0078de; }
  .navigation {
    position: absolute;
    top: 30px;
    bottom: 0;
    width: 300px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .nav-menu {
    position: absolute;
    width: 100%;
    transition: transform 0.3s ease; }
    .subnav-active .nav-menu {
      transform: translateX(-100%); }
  .nav-menu-item,
  .subnav-block li {
    position: relative;
    border-bottom: 1px solid #e8e8e8; }
    .nav-menu-item a,
    .subnav-block li a {
      display: block;
      padding-top: 23px;
      padding-right: 70px;
      padding-bottom: 22px;
      padding-left: 20px;
      font-size: 1.14286em;
      line-height: 1.2;
      color: black; }
    .nav-menu-item a:hover,
    .subnav-block li a:hover {
      color: #0078de; }
    .nav-menu-item .caret,
    .subnav-block li .caret {
      display: none; }
    .nav-menu-item > ul,
    .subnav-block li > ul {
      display: none; }
  .open-dropdown {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 100%;
    color: #000;
    background: #fafafa;
    border-color: #eeeeee;
    border-width: 0 0 0 1px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased; }
    .open-dropdown:focus {
      outline: 0; }
    .open-dropdown:active {
      border: inherit; }
  .open-dropdown:hover::before {
    color: #0078de; }
  .open-arrow {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='arrow-right' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='28' viewBox='0 0 32 28' enable-background='new 0 0 32 28' xml:space='preserve'%3E%3Cpath fill='%23000' d='M31.3,15.6c0.9-0.9,0.9-2.4,0-3.3L19.9,0.7c-0.9-0.9-2.3-0.9-3.2,0c-0.9,0.9-0.9,2.4,0,3.3l7.5,7.7H2.3C1,11.7,0,12.7,0,14s1,2.3,2.3,2.3h21.9L16.7,24c-0.9,0.9-0.9,2.4,0,3.3c0.9,0.9,2.3,0.9,3.2,0L31.3,15.6L31.3,15.6z'%3E%3C/path%3E%3C/svg%3E");
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px; }
  .menu-dropdown > a {
    font-weight: 600; }
  .subnav-block {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%; }
    .subnav-block .subnav-dropdown {
      position: absolute;
      top: 62px;
      bottom: 0;
      left: 0 !important;
      width: 100%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
  .subnav-heading {
    width: 100%;
    padding: 15px 16px;
    font-size: 1.14286em;
    font-weight: 600;
    line-height: 1;
    color: #000;
    text-align: left;
    background: #eeeeee;
    border: 0;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased; }
    .subnav-heading:focus {
      outline: 0; }
  .subnav-heading:hover {
    color: #0078de; }
  .subnav-heading:hover .subnav-back-arrow {
    color: #0078de; }
  .menu-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
    display: none;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); }
    .menu-overlay.animating, .menu-overlay.visible {
      display: block;
      opacity: 0;
      transition: opacity 0.2s ease; }
    .menu-overlay.visible {
      opacity: 1; }
  .subnav-heading .subnav-back-arrow {
    display: inline-block;
    width: 11px;
    height: 11px;
    font-size: 11px;
    position: relative;
    margin-right: 6px;
    color: black; } }

@media only screen and (max-width: 1280px) and (max-width: 768px) and (min-width: 600px) {
  .menu-open:hover::before,
  .menu-open:hover::after,
  .menu-open:hover .menu-icon {
    background: #0AA9FF; } }

body.mobile-menu-active .search-form-container {
  z-index: 1; }

body.quick-cart-active {
  height: 100%;
  width: 100%; }

.main-header {
  display: block;
  position: relative;
  width: 100%;
  padding-right: 0;
  min-height: 120px;
  color: #5d5d5d;
  background: #F5F5F5;
  border-bottom: 1px solid rgba(188, 188, 188, 0.5);
  box-shadow: 0 1px 4px 1px rgba(222, 222, 222, 0.5);
  z-index: 3; }
  .main-header .container {
    display: block;
    position: relative;
    max-width: 100%;
    height: 100%;
    padding-left: 0; }

#featured-product-wrapper,
#categories-section-block {
  display: none; }

.header-toolbar-container {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 50px; }

.search-form-container {
  position: absolute;
  right: 65px;
  bottom: 9px;
  width: 34px;
  height: 40px;
  transition: width 0.2s ease;
  z-index: 900;
  border: 1px solid transparent; }
  .search-form-container .search-form-input-wrap {
    transition: background-color 0.2s ease;
    position: relative;
    height: 100%;
    font-size: 19px;
    line-height: 38px;
    overflow: hidden;
    cursor: default; }
    .search-form-container .search-form-input-wrap .form-input {
      opacity: 0;
      font-family: "lato", "arial-fallback", sans-serif;
      transition: opacity 0.2s ease;
      margin-top: 0;
      z-index: 1;
      font-size: 18px;
      line-height: 18px;
      height: 100%;
      cursor: pointer;
      color: #5d5d5d;
      background: transparent;
      border: 0;
      border-radius: 0;
      display: inline-block;
      position: absolute;
      top: 0;
      width: 0;
      padding-left: 12px;
      padding-right: 12px; }
    .search-form-container .search-form-input-wrap input.form-input::-webkit-input-placeholder {
      font-size: 18px;
      font-family: "lato", "arial-fallback", sans-serif;
      font-weight: 300;
      color: #646464; }
    .search-form-container .search-form-input-wrap input.form-input::-moz-placeholder {
      font-size: 18px;
      font-family: "lato", "arial-fallback", sans-serif;
      font-weight: 300;
      color: #646464; }
    .search-form-container .search-form-input-wrap input.form-input:-ms-input-placeholder {
      font-size: 18px;
      font-family: "lato", "arial-fallback", sans-serif;
      font-weight: 300;
      color: #646464; }
    .search-form-container .search-form-input-wrap input.form-input::placeholder {
      font-size: 18px;
      font-family: "lato", "arial-fallback", sans-serif;
      font-weight: 300;
      color: #646464; }
    .search-form-container .search-form-input-wrap .small-search-button {
      display: none; }
    .search-form-container .search-form-input-wrap .search-icon {
      opacity: 1;
      margin-left: 0;
      width: 18px;
      height: 18px;
      font-size: 18px;
      position: relative;
      display: block;
      color: #000; }
  .search-form-container.focus {
    width: 210px;
    border-radius: 8px;
    border: 1px solid #e1e1e1; }
    .search-form-container.focus .search-form-input-wrap {
      background-color: white;
      border-radius: 8px;
      transition-delay: 0.1s;
      font-size: 19px;
      line-height: 38px; }
      .search-form-container.focus .search-form-input-wrap .form-input {
        opacity: 1;
        width: calc(100% - 65px);
        height: 100%;
        color: black;
        font-family: "lato", "arial-fallback", sans-serif;
        font-size: 18px;
        line-height: 18px;
        margin-left: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 12px;
        padding-right: 12px;
        cursor: text;
        border-style: none;
        background: transparent; }
      .search-form-container.focus .search-form-input-wrap input.form-input::-webkit-input-placeholder {
        font-size: 18px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container.focus .search-form-input-wrap input.form-input::-moz-placeholder {
        font-size: 18px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container.focus .search-form-input-wrap input.form-input:-ms-input-placeholder {
        font-size: 18px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container.focus .search-form-input-wrap input.form-input::placeholder {
        font-size: 18px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container.focus .search-form-input-wrap .small-search-button {
        display: block;
        position: absolute;
        width: 40px;
        height: 100%;
        right: 0;
        top: 0;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-style: none;
        background-color: #37B800;
        z-index: 20;
        padding: 0; }
      .search-form-container.focus .search-form-input-wrap .button {
        float: left;
        width: 40px;
        height: 100%;
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
        margin-left: 10px;
        color: white;
        background-color: #37B800;
        border-color: #32502B;
        font-weight: 600;
        font-size: 16px;
        font-family: "proxima-soft", "arial-fallback", sans-serif;
        letter-spacing: .75px;
        line-height: 0;
        padding-bottom: 3px; }
      .search-form-container.focus .search-form-input-wrap:focus {
        background-color: #3DCC00; }
      .search-form-container.focus .search-form-input-wrap .button.ripple {
        background-position: center;
        transition: background 0.8s; }
        .search-form-container.focus .search-form-input-wrap .button.ripple:hover {
          background: #3DCC00 radial-gradient(circle, transparent 1%, #3DCC00 1%) center/15000%; }
        .search-form-container.focus .search-form-input-wrap .button.ripple:active {
          background-color: #7EFF47;
          background-size: 100%;
          transition: background 0s; }
      .search-form-container.focus .search-form-input-wrap .search-icon {
        margin-top: 0;
        margin-left: 0;
        pointer-events: none;
        color: white;
        width: 18px;
        height: 18px;
        font-size: 18px;
        position: relative;
        display: block; }

body.search .main-content > .container {
  padding-left: 25px;
  padding-right: 25px; }

.search-icon-wrapper {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  height: calc(100% - 2px);
  width: 40px;
  z-index: 30;
  pointer-events: all;
  cursor: pointer; }

.navigation-container.visible .customer-links {
  top: 7px;
  left: 15px;
  width: calc(100% - 30px);
  height: 20px; }

.navigation-container.visible .customer-links a {
  font-size: 14px;
  font-weight: 400; }

.navigation-container.visible .customer-links > .edd-root {
  top: -6px;
  left: -5px; }

.navigation-container.visible .customer-links > .edd-root > .edd-body {
  left: 5px; }

.navigation-container.visible .customer-links a {
  margin-right: 10px; }

.search-icon-wrapper:hover .search-icon {
  color: #0AA9FF; }

.search-form-container.focus .search-icon-wrapper {
  pointer-events: none; }

body:has(.mobile-menu-active) .search-form-container {
  z-index: 1; }

.navigation a {
  color: black; }

.nav-menu-item a:hover {
  color: #0078de !important;
  opacity: 1 !important; }

.currency-selector-wrapper:not(.single-currency):hover {
  opacity: 0.8; }

.no-js .currency-selector-wrapper {
  visibility: hidden; }

.form-input.currency-selector {
  position: relative;
  z-index: 1;
  cursor: pointer;
  background: transparent; }

.view-cart {
  color: #5d5d5d; }
  .view-cart .cart-icon {
    position: relative;
    width: 20px;
    height: 20px;
    font-size: 20px;
    top: 3px;
    line-height: 1;
    color: #000; }
    .view-cart .cart-icon::before {
      vertical-align: bottom; }
  .view-cart .cart-count {
    display: inline-block;
    min-width: 0.71429em;
    margin-left: -1px;
    line-height: 1.57143em;
    text-align: center;
    margin-right: 0;
    font-size: 18px;
    position: relative;
    bottom: 1px;
    color: #000;
    letter-spacing: -1px; }
    .view-cart .cart-count:empty {
      min-width: 0; }

.header-cart-container:hover .cart-icon,
.header-cart-container:hover .cart-count {
  color: #0AA9FF; }

.cart-dropdown-container {
  color: #000;
  z-index: 10000; }

button.cart-button {
  position: relative;
  display: inline-block;
  height: 19px;
  width: 19px;
  outline: none;
  background: none;
  border-style: none;
  padding: 0; }

.customer-links a:hover {
  cursor: pointer;
  color: #0078de !important; }

.branding .text {
  color: #5d5d5d;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .branding .text a {
    color: inherit; }

@media screen and (min-width: 1281px) {
  .branding .logo {
    display: block;
    background-image: url("../img/logo/480X64/nfn_logo_480X64.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 425px 57px;
    width: 425px;
    height: 57px;
    margin-left: 6px; } }

@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (min-resolution: 192dpi) and (min-width: 1281px), only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/900X120/nfn_logo_900X120.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 425px 57px;
    width: 425px;
    height: 57px;
    margin-left: 6px; } }

@media only screen and (min-device-pixel-ratio: 3) and (min-width: 1281px), only screen and (-webkit-min-device-pixel-ratio: 3) and (min-width: 1281px), only screen and (min-resolution: 288dpi) and (min-width: 1281px), only screen and (min-resolution: 3dppx) and (min-width: 1281px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/1275X170/nfn_logo_1275X170.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 425px 57px;
    width: 425px;
    height: 57px;
    margin-left: 6px; } }

@media only screen and (min-width: 1281px) {
  .store-email,
  .store-phone {
    margin-right: 20px;
    color: #646464;
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 400;
    font-size: 14px; }
  ul.nav-menu {
    width: 90%;
    white-space: nowrap; }
  .customer-links .logged-in-as {
    display: block;
    margin-right: 20px; }
  .customer-links .my-account {
    display: none;
    margin-right: 20px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .branding .logo {
    display: block;
    background-image: url("../img/logo/480X64/nfn_logo_480X64.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 350px 48px;
    width: 350px;
    height: 48px;
    bottom: 1px;
    position: relative; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1280px), only screen and (min-resolution: 192dpi) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1280px), only screen and (min-resolution: 2dppx) and (max-width: 1280px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/720X96/nfn_logo_720X96.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 350px 48px;
    width: 350px;
    height: 48px;
    bottom: 1px;
    position: relative; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (min-resolution: 288dpi) and (max-width: 1280px), only screen and (min-resolution: 3dppx) and (max-width: 1280px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/1275X170/nfn_logo_1275X170.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 350px 48px;
    width: 350px;
    height: 48px;
    bottom: 1px;
    position: relative; } }

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .search-form-container {
    position: absolute;
    bottom: 10px;
    right: 60px;
    width: 34px;
    transition: width 0.2s ease;
    z-index: 10; }
    .search-form-container .search-form-input-wrap {
      transition: background-color 0.2s ease;
      height: 100%;
      background-color: transparent;
      overflow: visible; }
      .search-form-container .search-form-input-wrap .form-input {
        opacity: 0;
        transition: opacity 0.2s ease;
        margin-top: 0;
        width: 0;
        padding-left: 0;
        height: 100%;
        padding-top: 0; }
      .search-form-container .search-form-input-wrap .small-search-button {
        position: absolute;
        display: none;
        top: 0;
        right: 0;
        height: 100%;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
    .search-form-container.focus {
      width: 225px;
      background: white; }
      .search-form-container.focus .search-form-input-wrap {
        background-color: transparent;
        transition-delay: 0.1s;
        border-radius: 8px;
        border-style: none; }
        .search-form-container.focus .search-form-input-wrap .small-search-button {
          height: 100%; }
        .search-form-container.focus .search-form-input-wrap input.form-input {
          opacity: 1;
          width: calc(100% - 40px);
          color: black;
          font-family: "lato", "arial-fallback", sans-serif;
          font-size: 16px;
          font-weight: 400;
          margin-left: 0;
          padding-left: 15px;
          cursor: text; }
        .search-form-container.focus .search-form-input-wrap input.form-input::-webkit-input-placeholder {
          font-size: 16px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464;
          line-height: 30px; }
        .search-form-container.focus .search-form-input-wrap input.form-input::-moz-placeholder {
          font-size: 16px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464;
          line-height: 30px; }
        .search-form-container.focus .search-form-input-wrap input.form-input:-ms-input-placeholder {
          font-size: 16px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464;
          line-height: 30px; }
        .search-form-container.focus .search-form-input-wrap input.form-input::placeholder {
          font-size: 16px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464;
          line-height: 30px; }
        .search-form-container.focus .search-form-input-wrap .search-icon {
          color: white; }
  .branding {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
  .menu-open:hover::before,
  .menu-open:hover::after,
  .menu-open:hover .menu-icon {
    background: #0AA9FF; }
  .view-cart .cart-count {
    line-height: 0;
    min-width: 11px;
    bottom: -4px;
    margin-left: 4px;
    margin-right: -4px; }
  .header-primary-container {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    height: 64px;
    background: #F5F5F5;
    border-bottom: 1px solid #c8c8c8;
    box-shadow: 0 1px 4px 1px rgba(222, 222, 222, 0.5);
    width: 100% !important; }
  .non-sticky-search {
    display: none; }
  .sticky-search {
    display: block; }
  .main-header {
    border-bottom: 1px solid transparent;
    box-shadow: none;
    background: none;
    min-height: 64px; } }

@media only screen and (max-width: 1280px) {
  .customer-links {
    position: absolute;
    top: 0;
    left: 6px;
    width: calc(100% - 20px);
    height: 30px; }
    .customer-links .logged-in-as {
      display: none;
      margin-right: 20px; }
    .customer-links .my-account {
      display: block;
      margin-right: 20px; }
  .header-toolbar-container {
    bottom: 0;
    background-color: #177900; }
  body.mobile-nav-active .header-primary-container, body.mobile-menu-active .header-primary-container {
    z-index: 8; }
  .store-email,
  .store-phone {
    display: none; }
  body.mobile-nav-active .customer-links .edd-value {
    font-size: 14px; }
  body.mobile-nav-active .customer-links .edd-root-open .edd-body {
    border: 1px solid #afafaf;
    background: #f0f0f0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .main-header {
    position: relative;
    display: block;
    width: auto;
    height: 120px;
    box-shadow: unset;
    background: white; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/300X40/nfn_logo_300X40.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 300px 40px;
    width: 300px;
    height: 40px;
    position: relative;
    top: -1px; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/600X80/nfn_logo_600X80.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 300px 40px;
    width: 300px;
    height: 40px;
    position: relative;
    top: -1px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1024px), only screen and (min-resolution: 288dpi) and (max-width: 1024px), only screen and (min-resolution: 3dppx) and (max-width: 1024px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/900X120/nfn_logo_900X120.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 300px 40px;
    width: 300px;
    height: 40px;
    position: relative;
    top: -1px; } }

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .search-form-container {
    position: absolute;
    right: 65px;
    top: 10px;
    min-width: 34px;
    height: 30px;
    transition: all 0.2s ease;
    cursor: text;
    z-index: 900;
    border: 1px solid transparent;
    border-radius: 6px; }
    .search-form-container .search-form-input-wrap {
      transition: all 0.2s ease;
      position: relative;
      height: 100%;
      font-size: 15px;
      line-height: 32px;
      overflow: hidden; }
      .search-form-container .search-form-input-wrap .form-input {
        opacity: 0;
        font-family: "lato", "arial-fallback", sans-serif;
        transition: opacity 0.2s ease;
        margin-top: 0;
        z-index: 1;
        font-size: 15px;
        line-height: 18px;
        height: 100%;
        cursor: pointer;
        color: #5d5d5d;
        background: transparent;
        border: 0;
        border-radius: 0;
        display: inline-block;
        position: absolute;
        top: 0;
        width: 0; }
      .search-form-container .search-form-input-wrap input.form-input::-webkit-input-placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap input.form-input::-moz-placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap input.form-input:-ms-input-placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap input.form-input::placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap .small-search-button {
        display: none; }
      .search-form-container .search-form-input-wrap .search-icon-wrapper {
        position: absolute;
        display: flex;
        justify-content: right;
        align-items: center;
        top: 0;
        right: 5px;
        height: calc(100% - 2px);
        width: 34px;
        z-index: 30;
        pointer-events: all;
        cursor: pointer; }
        .search-form-container .search-form-input-wrap .search-icon-wrapper .search-icon {
          opacity: 1;
          margin-top: 0;
          margin-left: 0;
          pointer-events: none;
          color: #292929;
          font-size: 17px;
          height: 17px;
          width: 17px;
          position: relative;
          display: block; }
    .search-form-container.focus {
      width: 250px;
      border-radius: 6px;
      border: 1px solid #e1e1e1;
      background-color: white;
      height: 30px;
      transition: all 0.2s ease; }
      .search-form-container.focus .search-form-input-wrap {
        border-radius: 6px;
        transition: all 0.2s ease;
        font-size: 15px;
        line-height: 32px; }
        .search-form-container.focus .search-form-input-wrap .form-input {
          opacity: 1;
          width: calc(100% - 25px);
          height: 100%;
          color: black;
          font-family: "lato", "arial-fallback", sans-serif;
          font-size: 15px;
          margin-left: 0;
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 12px;
          padding-right: 12px;
          border-style: none;
          background: transparent;
          cursor: text; }
        .search-form-container.focus .search-form-input-wrap input.form-input::-webkit-input-placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap input.form-input::-moz-placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap input.form-input:-ms-input-placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap input.form-input::placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap .small-search-button.ripple {
          display: block;
          background-color: transparent;
          background: transparent;
          border-color: transparent;
          pointer-events: all;
          cursor: pointer; }
        .search-form-container.focus .search-form-input-wrap .small-search-button.ripple:hover, .search-form-container.focus .search-form-input-wrap .small-search-button.ripple:active {
          background-color: transparent;
          background: transparent;
          border-color: transparent; }
        .search-form-container.focus .search-form-input-wrap .search-icon-wrapper {
          position: absolute;
          display: flex;
          justify-content: right;
          align-items: center;
          top: 0;
          right: 5px;
          height: calc(100% - 2px);
          width: 34px;
          z-index: 30;
          pointer-events: none; }
          .search-form-container.focus .search-form-input-wrap .search-icon-wrapper .search-icon {
            margin-top: 0;
            margin-left: 0;
            pointer-events: none;
            color: #aaaaaa;
            font-size: 17px;
            height: 17px;
            width: 17px;
            position: relative;
            display: block; }
  .search-icon-wrapper {
    width: 40px; }
  .search-form-container .search-form-input-wrap .search-icon-wrapper:hover .search-icon {
    color: #0AA9FF; }
  .branding .logo.fade {
    visibility: hidden;
    opacity: 0;
    transition: opacity 250ms ease-out; }
  .branding {
    display: flex;
    height: 50px;
    text-align: center;
    margin-top: 0;
    align-items: center;
    justify-content: center;
    position: relative; }
  .view-cart .cart-count {
    margin-left: 3px;
    margin-right: -3px;
    font-size: 18px;
    bottom: -6px;
    line-height: 0; }
  .view-cart .cart-icon {
    width: 20px;
    height: 20px;
    right: 0; }
  a.view-cart {
    top: 0;
    font-size: 13px;
    padding: 0;
    height: 30px; }
  body.category-All .main-header {
    height: 50px;
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 0;
    min-height: 0; }
  body.category-All .main-header .container {
    height: 50px;
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0; }
  .main-header .container {
    height: 120px;
    position: relative;
    display: block;
    width: 100%;
    box-shadow: unset; }
  .header-primary-container {
    position: relative;
    display: block;
    width: 100% !important;
    top: 0;
    left: 0;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 50px;
    background: #F5F5F5;
    border-bottom: 1px solid #c8c8c8;
    box-shadow: 0 1px 4px 1px rgba(222, 222, 222, 0.5); }
  .header-toolbar-container {
    bottom: 0; }
  .menu-open {
    top: 1px;
    left: 2px; }
  body.category-All .search-form-container, body.category-All .search-form-container.focus {
    top: 0;
    bottom: auto;
    position: absolute;
    display: none;
    justify-content: center;
    width: 100%;
    z-index: 9 !important; }
  .navigation-container {
    z-index: 2000; }
  .main-header {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    min-height: 50px;
    box-shadow: unset;
    background: white; }
  .menu-open:hover::before,
  .menu-open:hover::after,
  .menu-open:hover .menu-icon {
    background: #0AA9FF; }
  .header-cart-container {
    width: auto;
    height: 30px;
    bottom: 14px;
    right: 12px; } }

@media screen and (max-width: 1024px) {
  .search-form-container .search-icon-wrapper {
    pointer-events: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/240X32/nfn_logo_240X32.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 240px 32px;
    position: relative;
    width: 240px;
    height: 32px;
    top: 8px; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-resolution: 192dpi) and (max-width: 768px), only screen and (min-resolution: 2dppx) and (max-width: 768px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/480X64/nfn_logo_480X64.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 240px 32px;
    position: relative;
    width: 240px;
    height: 32px;
    top: 8px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 768px), only screen and (min-resolution: 288dpi) and (max-width: 768px), only screen and (min-resolution: 3dppx) and (max-width: 768px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/720X96/nfn_logo_720X96.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 240px 32px;
    position: relative;
    width: 240px;
    height: 32px;
    top: 8px; } }

@media only screen and (min-width: 600px) and (max-width: 768px) {
  .search-form-container {
    position: absolute;
    right: 60px;
    top: 9px;
    min-width: 34px;
    height: 30px;
    transition: all 0.2s ease;
    cursor: text;
    z-index: 900;
    border: 1px solid transparent;
    border-radius: 6px; }
    .search-form-container .search-form-input-wrap {
      transition: all 0.2s ease;
      position: relative;
      height: 100%;
      font-size: 15px;
      line-height: 32px;
      overflow: hidden; }
      .search-form-container .search-form-input-wrap .form-input {
        opacity: 0;
        font-family: "lato", "arial-fallback", sans-serif;
        transition: opacity 0.2s ease;
        margin-top: 0;
        z-index: 1;
        font-size: 15px;
        line-height: 18px;
        height: 100%;
        cursor: pointer;
        color: #5d5d5d;
        background: transparent;
        border: 0;
        border-radius: 0;
        display: inline-block;
        position: absolute;
        top: 0;
        width: 0; }
      .search-form-container .search-form-input-wrap input.form-input::-webkit-input-placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap input.form-input::-moz-placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap input.form-input:-ms-input-placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap input.form-input::placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap .small-search-button {
        display: none; }
      .search-form-container .search-form-input-wrap .search-icon-wrapper {
        position: absolute;
        display: flex;
        justify-content: right;
        align-items: center;
        top: 0;
        right: 5px;
        height: calc(100% - 2px);
        width: 34px;
        z-index: 30;
        pointer-events: all;
        cursor: pointer; }
        .search-form-container .search-form-input-wrap .search-icon-wrapper .search-icon {
          opacity: 1;
          margin-top: 0;
          margin-left: 0;
          pointer-events: none;
          color: #292929;
          font-size: 17px;
          height: 17px;
          width: 17px;
          position: relative;
          display: block; }
    .search-form-container.focus {
      width: 250px;
      border-radius: 6px;
      border: 1px solid #e1e1e1;
      background-color: white;
      height: 30px;
      transition: all 0.2s ease; }
      .search-form-container.focus .search-form-input-wrap {
        border-radius: 6px;
        transition: all 0.2s ease;
        font-size: 15px;
        line-height: 32px; }
        .search-form-container.focus .search-form-input-wrap .form-input {
          opacity: 1;
          width: calc(100% - 25px);
          height: 100%;
          color: black;
          font-family: "lato", "arial-fallback", sans-serif;
          font-size: 15px;
          margin-left: 0;
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 12px;
          padding-right: 12px;
          border-style: none;
          background: transparent;
          cursor: text; }
        .search-form-container.focus .search-form-input-wrap input.form-input::-webkit-input-placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap input.form-input::-moz-placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap input.form-input:-ms-input-placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap input.form-input::placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap .small-search-button.ripple {
          display: block;
          background-color: transparent;
          background: transparent;
          border-color: transparent;
          pointer-events: all;
          cursor: pointer; }
        .search-form-container.focus .search-form-input-wrap .small-search-button.ripple:hover, .search-form-container.focus .search-form-input-wrap .small-search-button.ripple:active {
          background-color: transparent;
          background: transparent;
          border-color: transparent; }
        .search-form-container.focus .search-form-input-wrap .search-icon-wrapper {
          position: absolute;
          display: flex;
          justify-content: right;
          align-items: center;
          top: 0;
          right: 5px;
          height: calc(100% - 2px);
          width: 34px;
          z-index: 30;
          pointer-events: none; }
          .search-form-container.focus .search-form-input-wrap .search-icon-wrapper .search-icon {
            margin-top: 0;
            margin-left: 0;
            pointer-events: none;
            color: #aaaaaa;
            font-size: 17px;
            height: 17px;
            width: 17px;
            position: relative;
            display: block; }
  .search-form-container .search-form-input-wrap .search-icon-wrapper:hover .search-icon {
    color: #0AA9FF; }
  .branding .logo.fade {
    visibility: hidden;
    opacity: 0;
    transition: opacity 250ms ease-out; }
  .header-cart-container {
    width: auto;
    height: 30px;
    right: 12px;
    bottom: 12px; }
  .navigation-container {
    z-index: 2000; }
  .cart-dropdown-container {
    height: calc(100% - 50px); }
  .header-primary-container {
    position: relative;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    height: 50px;
    background: #F5F5F5;
    border-bottom: 1px solid #c8c8c8;
    box-shadow: 0 1px 4px 1px rgba(222, 222, 222, 0.5); }
  body.category-All .search-form-container {
    display: none; }
  .main-header {
    height: 50px;
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 0;
    min-height: 0;
    box-shadow: unset;
    border-bottom: 1px solid transparent; }
  .branding {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .main-header .container {
    height: 115px;
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(150, 150, 150, 0.5); }
  body.category-All .main-header {
    height: 50px;
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 0;
    min-height: 0; }
  body.category-All .main-header .container {
    height: 50px;
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0; }
  .view-cart .cart-count {
    margin-left: 3px;
    margin-right: -3px;
    min-width: 8px;
    line-height: 0;
    font-size: 18px;
    bottom: -1px; }
  .view-cart .cart-icon {
    width: 20px;
    height: 20px;
    right: 0;
    top: 0;
    margin-top: 0; }
  a.view-cart {
    top: 6px;
    font-size: 13px;
    padding: 0; }
  .main-header {
    background: rgba(200, 200, 200, 0.3); } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/240X32/nfn_logo_light_240X32.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector_light.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 240px 32px;
    width: 240px;
    height: 32px;
    position: relative;
    top: 8px;
    right: 15px;
    visibility: visible;
    opacity: 1;
    transition: opacity 250ms ease-out; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .branding .logo.fade {
    visibility: hidden;
    opacity: 0;
    transition: opacity 250ms ease-out; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 600px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 600px), only screen and (min-resolution: 192dpi) and (max-width: 600px), only screen and (min-resolution: 2dppx) and (max-width: 600px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/480X64/nfn_logo_light_480X64.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector_light.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 240px 32px;
    width: 240px;
    height: 32px;
    position: relative;
    top: 8px;
    right: 15px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 600px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 600px), only screen and (min-resolution: 288dpi) and (max-width: 600px), only screen and (min-resolution: 3dppx) and (max-width: 600px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/720X96/nfn_logo_light_720X96.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector_light.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 240px 32px;
    width: 240px;
    height: 32px;
    position: relative;
    top: 8px;
    right: 13px; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .search-form-container {
    position: absolute;
    right: 50px;
    top: 9px;
    min-width: 34px;
    height: 30px;
    transition: all 0.2s ease;
    cursor: text;
    z-index: 900;
    border: 1px solid transparent;
    border-radius: 6px; }
    .search-form-container .search-form-input-wrap {
      transition: all 0.2s ease;
      position: relative;
      height: 100%;
      font-size: 15px;
      line-height: 32px;
      overflow: hidden; }
      .search-form-container .search-form-input-wrap .form-input {
        opacity: 0;
        font-family: "lato", "arial-fallback", sans-serif;
        transition: opacity 0.2s ease;
        margin-top: 0;
        z-index: 1;
        font-size: 15px;
        line-height: 18px;
        height: 100%;
        cursor: pointer;
        color: #5d5d5d;
        background: transparent;
        border: 0;
        border-radius: 0;
        display: inline-block;
        position: absolute;
        top: 0;
        width: 0; }
      .search-form-container .search-form-input-wrap input.form-input::-webkit-input-placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap input.form-input::-moz-placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap input.form-input:-ms-input-placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap input.form-input::placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap .small-search-button {
        display: none; }
      .search-form-container .search-form-input-wrap .search-icon-wrapper {
        position: absolute;
        display: flex;
        justify-content: right;
        align-items: center;
        top: 0;
        right: 5px;
        height: calc(100% - 2px);
        width: 34px;
        z-index: 30;
        pointer-events: all;
        cursor: pointer; }
        .search-form-container .search-form-input-wrap .search-icon-wrapper .search-icon {
          opacity: 1;
          margin-top: 0;
          margin-left: 0;
          pointer-events: none;
          color: white;
          font-size: 17px;
          height: 17px;
          width: 17px;
          position: relative;
          display: block; }
    .search-form-container.focus {
      width: calc(100% - 100px);
      border-radius: 6px;
      border: 1px solid #e1e1e1;
      background-color: white;
      height: 30px;
      transition: all 0.2s ease; }
      .search-form-container.focus .search-form-input-wrap {
        border-radius: 6px;
        transition: all 0.2s ease;
        font-size: 15px;
        line-height: 32px; }
        .search-form-container.focus .search-form-input-wrap .form-input {
          opacity: 1;
          width: calc(100% - 25px);
          height: 100%;
          color: black;
          font-family: "lato", "arial-fallback", sans-serif;
          font-size: 15px;
          margin-left: 0;
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 12px;
          padding-right: 12px;
          border-style: none;
          background: transparent;
          cursor: text; }
        .search-form-container.focus .search-form-input-wrap input.form-input::-webkit-input-placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap input.form-input::-moz-placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap input.form-input:-ms-input-placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap input.form-input::placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap .small-search-button.ripple {
          display: block;
          background-color: transparent;
          background: transparent;
          border-color: transparent;
          pointer-events: all;
          cursor: pointer; }
        .search-form-container.focus .search-form-input-wrap .small-search-button.ripple:hover, .search-form-container.focus .search-form-input-wrap .small-search-button.ripple:active {
          background-color: transparent;
          background: transparent;
          border-color: transparent; }
        .search-form-container.focus .search-form-input-wrap .search-icon-wrapper {
          position: absolute;
          display: flex;
          justify-content: right;
          align-items: center;
          top: 0;
          right: 5px;
          height: calc(100% - 2px);
          width: 34px;
          z-index: 30;
          pointer-events: none; }
          .search-form-container.focus .search-form-input-wrap .search-icon-wrapper .search-icon {
            margin-top: 0;
            margin-left: 0;
            pointer-events: none;
            color: #b4b4b4;
            font-size: 17px;
            height: 17px;
            width: 17px;
            position: relative;
            display: block; }
  body.search .main-content > .container {
    padding-left: 10px;
    padding-right: 10px; }
  .view-cart .cart-count {
    position: relative;
    display: inline-block;
    max-width: 13px;
    min-width: 7px;
    margin-left: 3px;
    margin-right: 0;
    font-size: 15px;
    line-height: 0;
    bottom: -1px;
    color: white;
    text-align: right; }
  .header-cart-container:hover .cart-icon,
  .header-cart-container:hover .cart-count {
    color: white; }
  .header-toolbar-container {
    background: unset; }
  .non-sticky-search {
    display: none; }
  .sticky-search {
    display: block; }
  .menu-open::before, .menu-open::after,
  .menu-open .menu-icon {
    background: white; }
  .view-cart .cart-icon {
    margin-right: 0;
    position: relative;
    display: inline-block;
    font-size: 17px;
    top: 0;
    color: white; }
  .header-primary-container {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    z-index: 8;
    height: 50px;
    background: #0A3D00;
    border-bottom-style: none;
    box-shadow: none; }
  a.view-cart {
    width: auto;
    text-align: right; }
  .main-header .container {
    background-color: rgba(200, 200, 200, 0.3);
    border-bottom: 1px solid rgba(150, 150, 150, 0.5); }
  .navigation-container {
    z-index: 2000; }
  .search-tab-toggle {
    padding-left: 10px;
    padding-right: 10px;
    width: 125px;
    padding-top: 0;
    padding-bottom: 0; }
  .main-header {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    min-height: unset;
    padding-bottom: 0;
    border-bottom: none;
    box-shadow: none; }
  .branding {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0; }
  .header-cart-container {
    position: absolute;
    right: 12px;
    visibility: visible;
    opacity: 1;
    transition: opacity 350ms ease-out;
    bottom: 15px;
    font-size: 15px; }
  .header-cart-container.fade {
    visibility: hidden;
    opacity: 0;
    transition: opacity 350ms ease-out; } }

@media screen and (max-width: 390px) and (min-width: 0) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/240X32/nfn_logo_light_240X32.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector_light.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 185px 25px;
    width: 185px;
    height: 25px;
    position: relative;
    top: 12px;
    right: 1px; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 390px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 390px), only screen and (min-resolution: 192dpi) and (max-width: 390px), only screen and (min-resolution: 2dppx) and (max-width: 390px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/480X64/nfn_logo_light_480X64.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector_light.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 185px 24px;
    width: 185px;
    height: 24px;
    position: relative;
    top: 12px;
    right: 14px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 390px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 390px), only screen and (min-resolution: 288dpi) and (max-width: 390px), only screen and (min-resolution: 3dppx) and (max-width: 390px) {
  .branding .logo {
    display: inline-block;
    background-image: url("../img/logo/720X96/nfn_logo_light_720X96.png");
    background-image: linear-gradient(transparent, transparent), url("../img/logo/nfn_logo_vector_light.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 185px 24px;
    width: 185px;
    height: 24px;
    position: relative;
    top: 12px;
    right: 14px; } }

@media only screen and (max-width: 390px) {
  .search-form-container {
    position: absolute;
    right: 46px;
    top: 10px;
    min-width: 32px;
    height: 28px;
    transition: all 0.2s ease;
    cursor: text;
    z-index: 900;
    border: 1px solid transparent; }
    .search-form-container .search-form-input-wrap {
      transition: all 0.2s ease;
      position: relative;
      height: 100%;
      font-size: 15px;
      line-height: 32px;
      overflow: hidden;
      border-radius: 6px; }
      .search-form-container .search-form-input-wrap .form-input {
        opacity: 0;
        font-family: "lato", "arial-fallback", sans-serif;
        transition: opacity 0.2s ease;
        margin-top: 0;
        z-index: 1;
        font-size: 15px;
        line-height: 18px;
        height: 100%;
        cursor: pointer;
        color: #5d5d5d;
        background: transparent;
        border: 0;
        border-radius: 0;
        display: inline-block;
        position: absolute;
        top: 0;
        width: 0; }
      .search-form-container .search-form-input-wrap input.form-input::-webkit-input-placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap input.form-input::-moz-placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap input.form-input:-ms-input-placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap input.form-input::placeholder {
        font-size: 14px;
        font-family: "lato", "arial-fallback", sans-serif;
        font-weight: 300;
        color: #646464; }
      .search-form-container .search-form-input-wrap .small-search-button {
        display: none; }
      .search-form-container .search-form-input-wrap .search-icon-wrapper {
        position: absolute;
        display: flex;
        justify-content: right;
        align-items: center;
        top: 0;
        right: 5px;
        height: calc(100% - 2px);
        width: 30px;
        z-index: 30;
        pointer-events: all;
        cursor: pointer; }
        .search-form-container .search-form-input-wrap .search-icon-wrapper .search-icon {
          opacity: 1;
          margin-top: 0;
          margin-left: 0;
          pointer-events: none;
          color: white;
          font-size: 17px;
          height: 17px;
          width: 17px;
          position: relative;
          display: block; }
    .search-form-container.focus {
      width: calc(100% - 100px);
      border-radius: 6px;
      border: 1px solid #e1e1e1;
      background-color: white;
      height: 28px; }
      .search-form-container.focus .search-form-input-wrap {
        border-radius: 6px;
        font-size: 15px;
        line-height: 30px; }
        .search-form-container.focus .search-form-input-wrap .form-input {
          opacity: 1;
          width: calc(100% - 25px);
          height: 100%;
          color: black;
          font-family: "lato", "arial-fallback", sans-serif;
          font-size: 14px;
          margin-left: 0;
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 12px;
          padding-right: 12px;
          border-style: none;
          background: transparent;
          cursor: text; }
        .search-form-container.focus .search-form-input-wrap input.form-input::-webkit-input-placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap input.form-input::-moz-placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap input.form-input:-ms-input-placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap input.form-input::placeholder {
          font-size: 14px;
          font-family: "lato", "arial-fallback", sans-serif;
          font-weight: 300;
          color: #646464; }
        .search-form-container.focus .search-form-input-wrap .small-search-button.ripple {
          display: block;
          background-color: transparent;
          background: transparent;
          border-color: transparent;
          pointer-events: all;
          cursor: pointer; }
        .search-form-container.focus .search-form-input-wrap .small-search-button.ripple:hover, .search-form-container.focus .search-form-input-wrap .small-search-button.ripple:active {
          background-color: transparent;
          background: transparent;
          border-color: transparent; }
        .search-form-container.focus .search-form-input-wrap .search-icon-wrapper {
          position: absolute;
          display: flex;
          justify-content: right;
          align-items: center;
          top: 0;
          right: 5px;
          height: calc(100% - 2px);
          width: 30px;
          z-index: 30;
          pointer-events: none; }
          .search-form-container.focus .search-form-input-wrap .search-icon-wrapper .search-icon {
            margin-top: 0;
            margin-left: 0;
            pointer-events: none;
            color: #b4b4b4;
            font-size: 16px;
            height: 16px;
            width: 16px;
            position: relative;
            display: block; }
  .search-form-container .search-form-input-wrap .search-icon, .view-cart .cart-icon {
    font-size: 15px; }
  .search-form-container .search-form-input-wrap .search-icon-wrapper .search-icon {
    height: 16px;
    width: 16px;
    font-size: 16px; }
  .header-cart-container {
    bottom: 15px;
    right: 12px; }
  .view-cart .cart-count {
    bottom: 0; }
  .branding .logo {
    right: 15px; }
  .view-cart .cart-icon {
    width: 18px;
    height: 18px;
    font-size: 18px;
    margin-left: 2px; }
  .header-cart-container:hover .cart-icon,
  .header-cart-container:hover .cart-count {
    color: white; }
  a.view-cart {
    right: 0; }
  .menu-open::before, .menu-open::after,
  .menu-open .menu-icon {
    height: 1px;
    margin-top: .36em;
    margin-bottom: .40em; } }

@media screen and (min-width: 1281px) {
  .mega-nav .menu-dropdown.tapped .categories-dropdown,
  .mega-nav .menu-dropdown:hover .categories-dropdown {
    display: flex;
    overflow-y: auto; }
    .mega-nav .menu-dropdown.tapped .categories-dropdown > .subnav-menu-item,
    .mega-nav .menu-dropdown:hover .categories-dropdown > .subnav-menu-item {
      padding: 0 30px 30px 0;
      margin-bottom: 0; }
  .mega-nav .nav-width-maxed {
    flex-wrap: wrap;
    width: 100%; }
    .mega-nav .nav-width-maxed > .subnav-menu-item {
      flex: 0 0 auto;
      width: 25%; }
  .mega-nav .nav-width-not-maxed {
    flex-wrap: nowrap; }
    .mega-nav .nav-width-not-maxed > .subnav-menu-item {
      flex: 0 1 auto;
      width: 120px; } }

@media screen and (min-width: 1025px) {
  .mega-nav .nav-columns-4 > .subnav-menu-item {
    width: 25%; }
  .mega-nav .nav-columns-5 > .subnav-menu-item {
    width: 20%; }
  .mega-nav .nav-columns-6 > .subnav-menu-item {
    width: 16.66667%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .menu-open {
    left: 0;
    top: 1px;
    display: block;
    z-index: 900; } }

.breadcrumbs-container {
  padding-right: 0;
  padding-left: 0;
  margin-top: 17px;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
  font-size: 0.78571em;
  display: block;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 2; }
  @media screen and (min-width: 600px) {
    .breadcrumbs-container {
      font-size: 0.92857em; } }

.breadcrumbs {
  cursor: default;
  margin-left: 15px;
  overflow: hidden;
  white-space: unset;
  font-size: 15px; }

li.breadcrumb:not(.is-active) a {
  color: #0078de; }

ul.breadcrumbs .chevron-icon-right {
  position: relative;
  display: inline;
  height: 11px;
  width: 11px;
  color: #969696;
  top: 1px; }

body.category-All ul.breadcrumbs .chevron-icon-right {
  color: #8fd9ff; }

body.category-All ul.breadcrumbs {
  font-size: 14px; }

body.category-All ul.breadcrumbs li.is-active a span {
  color: white; }

.breadcrumb {
  position: relative;
  display: inline-block;
  padding-right: 0;
  color: gray;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

.breadcrumb-label.link {
  color: #000; }
  .breadcrumb-label.link:hover {
    color: #0078de;
    opacity: .8; }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .breadcrumbs {
    font-size: 14px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .breadcrumb:not(.is-active)::after {
    top: 3px;
    right: 3px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .breadcrumbs {
    font-size: 14px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .breadcrumbs-container {
    margin-top: 12px;
    margin-left: 0;
    margin-right: 0;
    width: 97%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .breadcrumbs {
    font-size: 13px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .breadcrumb {
    position: relative; }
    .breadcrumb:not(.is-active)::after {
      position: absolute;
      top: 1px;
      right: 3px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.cart .cart-item-details .cell {
    line-height: 21px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category-All .breadcrumbs-container-all ul.breadcrumbs {
    margin-left: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  ul.breadcrumbs {
    margin-left: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .breadcrumbs-container {
    margin-bottom: 10px; } }

.alert-banners {
  font-family: "proxima-soft";
  letter-spacing: 0.07692em;
  color: #338920;
  text-transform: uppercase;
  background-color: #edf7e9; }

.banners {
  padding-bottom: 0;
  color: #338920;
  text-align: center;
  background: #edf7e9;
  font-size: 17px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  border-bottom: 1px solid #B8ECAC;
  position: relative;
  display: block;
  width: 100%; }

.banners-top {
  padding: 0;
  color: rgba(150, 150, 150, 0.9);
  text-align: center;
  background: none;
  position: absolute;
  top: -133px;
  right: 620px;
  z-index: 50;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 12px;
  opacity: .5; }

.banner {
  padding-left: 0;
  padding-right: 10px;
  font-size: clamp(13px, 0.8rem, 16px);
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  width: calc(100% - 20px); }
  .banner:last-child {
    border-bottom: 0; }

.first-banner {
  display: none;
  align-items: center;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #743700;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  float: left; }

.second-banner {
  display: none;
  align-items: center;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #743700;
  float: left;
  margin-top: 40px; }

.banner-title {
  display: inline-block;
  position: relative;
  width: 40%;
  height: auto;
  color: white;
  font-family: "lato";
  font-size: 18px;
  margin-left: 20px;
  margin-right: 7%;
  line-height: 24px;
  vertical-align: middle;
  padding-top: 20px;
  padding-bottom: 20px; }

.banner-subtitle {
  display: inline-block;
  position: relative;
  width: 50%;
  height: auto;
  color: #d9ff54;
  font-family: "lato";
  font-size: 18px;
  text-align: left;
  opacity: 1;
  overflow: hidden;
  white-space: pre-wrap;
  line-height: 24px;
  vertical-align: middle;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 8px; }

.banner-subtitle a {
  color: #d9ff54;
  opacity: 1; }

.banner-subtitle a:hover {
  color: #f6ffd6;
  opacity: 1;
  cursor: pointer; }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .banner {
    font-size: 0.85714em; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .banner-title {
    width: 40%;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
    margin-right: 7%;
    line-height: normal; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .banners-top {
    top: -12px;
    right: 75px;
    position: relative;
    margin-bottom: -55px;
    width: 600px;
    z-index: 2;
    font-size: 12px;
    opacity: .5; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .banner-subtitle {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 0;
    width: auto;
    text-align: left;
    text-overflow: inherit;
    white-space: pre-wrap;
    line-height: 22px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .first-banner {
    margin-top: 25px;
    align-items: center; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .second-banner {
    align-items: center; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .banners-top {
    position: relative;
    display: block;
    top: -9px;
    margin-left: 20px;
    right: 0;
    height: 10px;
    margin-bottom: 30px;
    z-index: 1;
    width: calc(100% - 40px);
    text-align: left;
    font-size: 12px;
    opacity: .5; } }

@media screen and (max-width: 1024px) {
  .banner {
    text-align: center;
    font-size: 0.78571em;
    line-height: 1.21429em; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .first-banner {
    margin-top: 25px;
    height: auto;
    align-items: center; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .second-banner {
    margin-top: 25px;
    height: auto;
    align-items: center; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .banner-title {
    width: 45%;
    margin-right: 7%;
    height: auto;
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px;
    padding-bottom: 20px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .banner-subtitle {
    width: 45%;
    margin-left: 0;
    white-space: pre-wrap;
    text-overflow: inherit;
    font-size: 15px;
    text-align: left;
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .alert-banners {
    padding-left: 10px;
    padding-right: 10px; } }

@media screen and (min-width: 769px) {
  .first-banner-mobile, .second-banner-mobile {
    display: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .banner-title {
    line-height: 20px;
    margin-top: 0;
    width: 40%;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-right: 0;
    font-size: 16px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .alert-banners {
    padding-left: 10px;
    padding-right: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .banner {
    text-align: left; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .banner-subtitle {
    margin-left: 20px;
    font-size: 15px;
    width: 50%;
    text-align: left;
    height: auto;
    line-height: 30px;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .second-banner-mobile {
    display: none;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #743700;
    margin-top: 25px;
    margin-bottom: 0;
    float: left; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .first-banner, .second-banner {
    display: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .first-banner-mobile {
    display: none;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #743700;
    margin-top: 0;
    margin-bottom: 0;
    float: left; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .banners-top {
    position: relative;
    display: block;
    top: -5px;
    margin-left: 25px;
    right: 0;
    height: 10px;
    margin-bottom: 30px;
    z-index: 1;
    width: calc(100% - 50px);
    text-align: left; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .banners {
    font-size: 13px;
    padding-bottom: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .banner {
    text-align: left;
    padding-bottom: 10px;
    height: auto;
    font-size: 0.92857em;
    line-height: 1.35714em; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .banners-top {
    position: relative;
    display: none;
    float: left;
    top: 0;
    left: 15px;
    height: auto;
    text-align: left;
    width: calc(100% - 30px);
    margin-bottom: -5px;
    z-index: 5;
    font-size: 12px;
    opacity: .5; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .alert-banners {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .second-banner-mobile {
    display: none;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #743700;
    margin-top: 35px;
    margin-left: 0;
    margin-bottom: 0;
    float: left; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .first-banner, .second-banner {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .first-banner-mobile {
    display: none;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #743700;
    margin-top: 10px;
    margin-bottom: 0;
    float: left; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .banner-subtitle a {
    color: #d9ff54;
    opacity: 1; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .banner-subtitle a:active {
    color: #d9ff54;
    opacity: .75; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .banner-title {
    display: inline-block;
    position: relative;
    float: left;
    width: calc(100% - 40px);
    height: auto;
    color: white;
    font-family: "lato";
    font-size: 17px;
    margin-left: 20px;
    line-height: 24px;
    padding-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .banner-subtitle {
    display: inline-block;
    position: relative;
    float: left;
    width: calc(100% - 40px);
    height: auto;
    color: #d9ff54;
    font-family: "lato";
    font-size: 15px;
    text-align: left;
    opacity: 1;
    margin-left: 20px;
    white-space: pre-wrap;
    line-height: 20px;
    padding-top: 10px; } }

.title-block {
  display: inline-block;
  position: relative;
  width: calc(100% + 10px);
  height: auto;
  margin-bottom: 5px; }

img.category-features {
  display: none; }

.featured-items {
  position: relative;
  display: inline-block;
  width: 100%; }

.category-feature {
  display: inline-block;
  position: relative;
  margin-left: 15px;
  margin-bottom: 0;
  width: calc(50% - 25px);
  height: auto; }

.title-section {
  display: block;
  width: 100%;
  position: relative;
  height: 20px;
  margin-bottom: 15px; }

div.see-more-link {
  display: inline;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  font-family: "lato", "arial-fallback", sans-serif;
  position: absolute;
  top: 6px;
  right: 16px; }

.title-section h2 {
  text-align: left;
  font-weight: 800;
  font-size: 16px;
  margin-top: 9px;
  margin-left: 10px;
  height: auto;
  width: 50%;
  display: inline-block;
  text-transform: uppercase;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  color: black;
  letter-spacing: .5px; }

hr.section-two-mobile-divider {
  display: none; }

@media screen and (min-width: 769px) {
  .featured_left .gallery_image, .featured_right .gallery_image {
    display: none !important; } }

@media screen and (min-width: 600px) {
  .featured_mobile .gallery_image {
    display: none !important; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .category-links {
    width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  table.category-links {
    border-color: #969696;
    margin-top: 5px;
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .category-row {
    width: 100%;
    text-align: left;
    height: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  td.category-data {
    padding: 2px;
    width: 50%;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    font-family: "lato", "arial-fallback", sans-serif;
    letter-spacing: .5px;
    cursor: pointer; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  td.category-data:hover {
    color: #0078DE; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  td.active {
    background-color: #0078DE;
    color: white;
    font-weight: 700;
    cursor: pointer; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  td.active:hover {
    color: white; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .featured_left .gallery_image, .featured_right .gallery_image {
    display: none !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  img.category-features {
    display: block;
    position: relative;
    width: 100%;
    height: auto; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .title-section h2 {
    margin-left: 14px;
    font-size: 15px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  hr.section-two-mobile-divider {
    display: none;
    width: 100%;
    background: #e6e6e6;
    position: relative;
    float: left;
    margin-top: 30px;
    height: 1px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .categorybar-select {
    display: flex;
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-bottom: 3px;
    justify-content: center; } }

.categorybar-select {
  display: none; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  img.gallery_image {
    width: 90%;
    min-width: 225px;
    max-width: 400px;
    height: auto;
    max-height: 225px;
    display: block;
    position: relative;
    margin: 0 auto;
    visibility: visible; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.see-more-link {
    font-weight: 500;
    font-size: 13px;
    top: 11px;
    right: 15px; } }

.search-form-quick-search-wrapper {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1500;
  display: none;
  width: 420px;
  margin-top: 18px;
  background-color: #FFF;
  box-shadow: rgba(0, 0, 0, 0.17) 0 1px 3px 0;
  font-family: "lato", "arial-fallback", sans-serif;
  border-radius: 6px; }
  @media screen and (min-width: 1025px) {
    .search-form-quick-search-wrapper.quick-search-open {
      display: block;
      top: 30px; } }
  .search-form-quick-search-wrapper .spinner {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    margin: 30px auto; }
    .search-form-quick-search-wrapper .spinner .pxu-fading-circle {
      width: 40px;
      height: 40px;
      margin-top: -1.11111rem;
      margin-left: -1.11111rem; }
    .search-form-quick-search-wrapper .spinner .pxu-circle::before {
      background-color: #000; }

.search-form-quick-search-wrapper a:hover div {
  color: #0AA9FF; }

.quick-search-result-list {
  margin-bottom: 15px; }
  .quick-search-result-list:last-child {
    margin-bottom: 0; }

.quick-search-section-title {
  margin: 10px 15px 7px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 14px;
  color: #969696; }
  .quick-search-section-title.empty-result {
    margin: 30px 15px;
    color: #000;
    text-align: center; }

.quick-search-result {
  position: relative;
  display: table;
  width: 100%;
  padding: 10px 0 8px;
  line-height: 17px;
  color: #000;
  white-space: nowrap;
  cursor: pointer;
  border-collapse: separate;
  border-spacing: 15px 0;
  table-layout: fixed; }
  .quick-search-result.brand-result, .quick-search-result.category-result, .quick-search-result.content-result {
    padding: 7px 0 5px;
    font-size: 14px;
    font-family: "lato", Arial, "arial-fallback", sans-serif; }
  .quick-search-result.show-all-result {
    padding: 12px 0;
    margin-right: auto;
    margin-left: auto;
    color: #0078DE;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: "lato", "arial-fallback", sans-serif; }
  .quick-search-result.selected {
    background-color: white; }
  .quick-search-result:hover {
    background-color: #fafafa; }
  .quick-search-result .product-price {
    margin-bottom: 9px;
    font-size: 1.14286em;
    font-weight: 300;
    font-family: "proxima-soft";
    font-weight: 600; }
  .quick-search-result .call-for-price {
    color: #000; }
  .quick-search-result .price-rrp {
    color: #000;
    text-decoration: line-through; }
  .quick-search-result .on-sale .price-value {
    color: #338920; }
  .quick-search-result .tax-label {
    font-size: 0.8125em;
    font-weight: 300; }
  .quick-search-result .price-second-line {
    display: inline-block;
    font-size: 0.875em;
    color: #000; }
  .quick-search-result .price-you-save {
    font-family: "lato";
    font-size: 0.8125em;
    letter-spacing: 0;
    color: #338920;
    text-transform: none; }
  .quick-search-result .on-sale .list-price {
    color: #338920; }

.quick-search-result-image {
  display: table-cell;
  width: 50px;
  height: auto; }

.quick-search-result-details {
  display: table-cell;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 14px;
  color: #0078DE; }

.quick-search-result-list .price-value-wrapper {
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #5d5d5d; }

.quick-search-result-title {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: black;
  margin-bottom: 8px; }

.quick-search-result:hover {
  background: rgba(225, 225, 225, 0.3); }

.slick-gallery.slick-initialized.slick-slider {
  margin-left: -10px;
  margin-right: 0;
  width: 101%;
  margin-bottom: 0;
  max-height: 1000px; }

.slick-gallery:not(.slick-initialized) .slick-list, .slick-gallery:not(.slick-initialized) .slick-slide, .slick-gallery:not(.slick-initialized) img.photo-thumbnail {
  visibility: hidden;
  display: none; }

.slick-gallery.slick-initialized img.photo-thumbnail {
  opacity: 1;
  width: 450px;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  border-left: 15px solid transparent; }

.slick-gallery.slick-initialized img.photo-thumbnail:hover {
  opacity: .85; }

.slick-gallery .slick-track {
  margin-left: 0;
  background-color: unset;
  box-shadow: unset;
  border-style: none;
  padding-bottom: 0;
  padding-top: 0;
  overflow-y: unset; }

.slick-gallery.slick-initialized::before {
  display: none; }

.slick-gallery.slick-initialized.slick-slider {
  position: relative;
  overflow: hidden;
  display: block;
  height: auto;
  width: 100%;
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
  visibility: visible;
  border-style: none;
  box-shadow: none;
  text-align: center; }

.slick:not(.slick-initialized):not(.slick-gallery)::before {
  content: " ";
  position: absolute;
  display: block;
  top: 0;
  left: 75px;
  height: 224px;
  width: calc(100% - 150px);
  z-index: 2;
  opacity: 1;
  border: 1px solid rgba(180, 180, 180, 0.8);
  box-shadow: 0 1px 2px 2px rgba(150, 150, 150, 0.1) inset;
  background-color: #e6e6e6; }

.slick:not(.slick-initialized):not(.slick-gallery)::after {
  width: 100%;
  height: 100%;
  content: '';
  background-image: url("../img/spinning-loader-animated.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 51px 50px;
  box-sizing: border-box;
  z-index: 4;
  opacity: .75;
  position: absolute;
  display: block;
  left: 0;
  top: 0; }

.slick:not(.slick-initialized):not(.slick-gallery) {
  display: block;
  position: relative;
  width: 100%;
  height: 224px; }

.slick-slider:not(.slick-gallery), .slick-slider:not(.slick-gallery) .slick-list, .slick-slider:not(.slick-gallery) .slick-track {
  height: 224px; }

.slick:not(.slick-initialized):not(.slick-gallery).slick-slider .slick-track {
  transform: translate3d(0, 0, 0); }

#carousel-block {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 40px; }

.gallery_image {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none; }

.slick:not(.slick-initialized) .slick-list {
  position: relative;
  display: block;
  padding-left: 0;
  margin-left: 20px;
  visibility: hidden;
  height: 100%; }

.slick:not(.slick-initialized) .img-wrapper {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity;
  transition-duration: .5s;
  outline: none;
  height: 170px; }

.slick:not(.slick-initialized) .slick-slide {
  visibility: hidden;
  float: left;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  outline: none; }

/* Slick Initialized */
.slick.slick-initialized .img-wrapper {
  visibility: visible;
  display: block;
  text-align: center;
  float: left;
  margin-left: 0;
  margin-right: 0;
  width: auto !important;
  margin-top: 0;
  opacity: 1;
  outline: none;
  height: 170px; }

.carousel-wrapper {
  height: 224px;
  width: 100%;
  display: block;
  position: relative; }

.slick.slick-initialized::before, .slick.slick-initialized::after {
  display: none; }

.slick-initialized.slick-slider {
  position: relative;
  overflow: hidden;
  display: block;
  height: 100%;
  box-sizing: border-box;
  margin-left: 75px;
  margin-right: 75px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
  visibility: visible;
  border: 1px solid rgba(180, 180, 180, 0.8);
  box-shadow: 0 1px 2px 2px rgba(150, 150, 150, 0.1) inset; }

.slick-initialized .slick-slide {
  display: block;
  visibility: visible;
  float: left;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  outline: none; }

.slick-initialized .slick-slide:focus, .slick-initialized .img-wrapper:focus, .slick-initialized .img-title:focus {
  outline: none;
  border-style: none; }

.slick-initialized {
  visibility: visible; }

.slick div[data-hidden='true'] {
  display: none !important;
  height: 0 !important; }

.slick-initialized:not(.slick-gallery) .slick-list {
  position: relative;
  display: block;
  margin-left: 0;
  margin-right: 0;
  height: calc(100% - 22px);
  margin-top: 22px; }

.slick-initialized.slick-gallery .slick-list {
  margin-top: 0; }

.slick-initialized .slick-track {
  position: relative;
  display: block;
  padding-left: 0;
  margin-left: 0;
  height: 100%; }

.slick-initialized:not(.slick-gallery).slick-slider {
  background-color: #e6e6e6;
  padding-left: 20px; }

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

.slick-track::after {
  clear: both; }

/* Slick Lazy Loading */
.slick-slide.dragging img {
  pointer-events: none; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

/** "SLICK.SCSS" END*/
/* Arrows */
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  left: 15px !important;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border-style: none;
  outline: none;
  background: transparent; }

.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border-style: none;
  outline: none;
  background: transparent;
  right: 40px !important; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
  opacity: 1; }

.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
  opacity: .25; }

.slick-prev::before,
.slick-next::before {
  font-family: 'slick';
  font-size: 36px;
  line-height: 0;
  opacity: .60;
  color: #323232;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -51px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev::before {
  content: '←'; }

[dir='rtl'] .slick-prev::before {
  content: '→'; }

.slick-next {
  right: -40px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next::before {
  content: '→'; }

[dir='rtl'] .slick-next::before {
  content: '←'; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 4px;
  padding: 0;
  cursor: pointer; }

.photo-gallery-toolbar .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 15px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  cursor: pointer;
  overflow: hidden; }

.slick-dots li button {
  font-size: 50px;
  font-family: 'lato';
  line-height: 20px;
  display: block;
  width: 25px;
  height: 25px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
  opacity: 1; }

.slick-dots li button::before {
  font-family: 'lato';
  font-size: 45px;
  line-height: 13px;
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button::before {
  opacity: 1;
  color: #0078DE; }

.photo-gallery-toolbar .slick-dots li button:hover {
  pointer-events: none; }

.photo-gallery-toolbar .slick-dots li:hover button::before {
  color: black; }

/** "SLICK.THEME.SCSS" END*/
.prev-slide-arrow {
  position: absolute;
  width: 50px;
  height: 50px;
  font-size: 24px;
  opacity: 1;
  left: 15px;
  background: transparent;
  border-style: none;
  outline: none;
  cursor: pointer; }

.next-slide-arrow {
  position: absolute;
  width: 50px;
  height: 50px;
  font-size: 24px;
  opacity: 1;
  right: 15px;
  background: transparent;
  border-style: none;
  outline: none;
  cursor: pointer; }

.circle-chevron-left-icon {
  height: 25px;
  width: 25px;
  color: #bebebe;
  opacity: 1; }

.circle-chevron-right-icon {
  height: 25px;
  width: 25px;
  color: #bebebe;
  opacity: 1; }

.prev-slide-arrow:hover {
  opacity: 1; }

.prev-slide-arrow:hover .circle-chevron-left-icon, .next-slide-arrow:hover .circle-chevron-right-icon {
  color: #7d7d7d; }

.next-slide-arrow:hover {
  opacity: 1; }

ul.bottombar li.active span.pointer-inverted {
  position: absolute;
  display: inline-block;
  top: -21px;
  width: 45px;
  height: 30px;
  text-align: center;
  transform: rotate(180deg);
  background-image: url("../img/carousel-pointer.svg");
  background-repeat: no-repeat;
  right: calc(100% - 155px);
  z-index: 100; }

.alpha-scroll {
  position: absolute;
  width: 17px;
  line-height: 14.9px;
  height: 100%;
  left: 58px;
  top: 0;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  border: 1px solid #ababab;
  padding-top: 0;
  z-index: 10;
  box-sizing: border-box;
  background: #a5a5a5; }

div.notdisplay {
  display: none; }

.slick-lightbox-slick.slick-initialized:not(.slick-gallery).slick-slider {
  background-color: rgba(0, 0, 0, 0.75);
  padding-left: 0; }

.categorybar {
  width: 100%;
  height: 240px;
  overflow: hidden;
  text-align: center;
  position: relative;
  display: block;
  margin-bottom: -4px;
  margin-top: -4px;
  z-index: 1; }

ul.bottombar {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  font-size: 14px;
  height: auto;
  color: white;
  display: inline-block;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 25px; }

ul.topbar {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  height: auto;
  color: white;
  display: inline-block;
  position: relative;
  text-align: center; }

ul.bottombar li, ul.topbar li {
  float: left;
  width: 250px;
  height: 100%;
  position: relative;
  cursor: pointer;
  z-index: 1; }

ul.topbar li.active span.pointer {
  position: absolute;
  display: inline-block;
  bottom: -33px;
  width: 45px;
  height: 30px;
  text-align: center;
  background-image: url("../img/carousel-pointer.svg");
  background-repeat: no-repeat;
  right: calc(100% - 152px);
  z-index: 5; }

span.product-img {
  display: block;
  width: 150px;
  height: 150px; }

.slide-caption {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: black;
  width: 170px;
  height: auto;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-top: 4px;
  letter-spacing: .5px; }

.slide-caption-short {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: black;
  width: 170px;
  height: auto;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-top: 4px;
  letter-spacing: .5px; }

ul.bottombar li div, ul.topbar li div {
  cursor: pointer;
  z-index: 100;
  display: block;
  position: relative;
  color: black;
  font-size: 18px;
  margin: 0 auto;
  float: unset; }

ul.bottombar li.active div, ul.topbar li.active div {
  cursor: pointer;
  z-index: 100;
  display: block;
  float: left;
  color: black;
  font-size: 18px;
  font-weight: 600; }

ul.bottombar li button:hover span.subtitle, ul.topbar li button:hover span.subtitle {
  color: #0078DE;
  font-weight: 400; }

.hide-btn {
  width: auto;
  height: 210px;
  z-index: 1000;
  background-color: transparent;
  border-style: none;
  outline: none;
  position: relative;
  display: block; }

div.all {
  position: relative;
  display: block;
  float: left;
  width: 250px;
  height: 180px;
  background-image: url("../img/categories/full/all-category-full-2X.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 250px 180px; }

@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (min-resolution: 192dpi) and (min-width: 1281px), only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  div.all {
    background-image: url("../img/categories/full/all-category-full-2X.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 250px;
    height: 180px; } }

div.berries {
  position: relative;
  display: block;
  float: left;
  width: 250px;
  height: 180px;
  background-image: url("../img/categories/full/berry-category-full-2X.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 250px 180px; }

@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (min-resolution: 192dpi) and (min-width: 1281px), only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  div.berries {
    background-image: url("../img/categories/full/berry-category-full-2X.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 250px;
    height: 180px; } }

div.fruit-trees {
  position: relative;
  display: block;
  float: left;
  width: 250px;
  height: 180px;
  background-image: url("../img/categories/full/fruit-trees-category-full-2X.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 250px 180px; }

@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (min-resolution: 192dpi) and (min-width: 1281px), only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  div.fruit-trees {
    background-image: url("../img/categories/full/fruit-trees-category-full-2X.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 250px;
    height: 180px; } }

div.nut-trees {
  position: relative;
  display: block;
  float: left;
  width: 250px;
  height: 180px;
  background-image: url("../img/categories/full/nut-trees-category-full-2X.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 250px 180px; }

@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (min-resolution: 192dpi) and (min-width: 1281px), only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  div.nut-trees {
    background-image: url("../img/categories/full/nut-trees-category-full-2X.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 250px;
    height: 180px; } }

div.vegetables {
  position: relative;
  display: block;
  float: left;
  width: 250px;
  height: 180px;
  background-image: url("../img/categories/full/vegetables-category-full-2X.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 250px 180px; }

@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (min-resolution: 192dpi) and (min-width: 1281px), only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  div.vegetables {
    background-image: url("../img/categories/full/vegetables-category-full-2X.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 250px;
    height: 180px; } }

div.groundcover {
  position: relative;
  display: block;
  float: left;
  width: 250px;
  height: 180px;
  background-image: url("../img/categories/full/groundcover-category-full-2X.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 250px 180px; }

@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (min-resolution: 192dpi) and (min-width: 1281px), only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  div.groundcover {
    background-image: url("../img/categories/full/groundcover-category-full-2X.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 250px;
    height: 180px; } }

div.grains-seeds {
  position: relative;
  display: block;
  float: left;
  width: 250px;
  height: 180px;
  background-image: url("../img/categories/full/grains-seeds-category-full-2X.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 250px 180px; }

@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (min-resolution: 192dpi) and (min-width: 1281px), only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  div.grains-seeds {
    background-image: url("../img/categories/full/grains-seeds-category-full-2X.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 250px;
    height: 180px; } }

div.roots {
  position: relative;
  display: block;
  float: left;
  width: 250px;
  height: 180px;
  background-size: 250px 180px;
  background-image: url("../img/categories/full/roots-category-full-2X.jpg");
  background-repeat: no-repeat;
  background-position: center; }

@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (min-resolution: 192dpi) and (min-width: 1281px), only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  div.roots {
    background-image: url("../img/categories/full/roots-category-full-2X.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 250px;
    height: 180px; } }

div.wildflowers {
  position: relative;
  display: block;
  float: left;
  width: 250px;
  height: 180px;
  background-image: url("../img/categories/full/wildflowers-category-full-2X.jpg");
  background-size: 250px 180px;
  background-repeat: no-repeat;
  background-position: center; }

@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (min-resolution: 192dpi) and (min-width: 1281px), only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  div.wildflowers {
    background-image: url("../img/categories/full/wildflowers-category-full-2X.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 250px;
    height: 180px; } }

div.companion-plants {
  position: relative;
  display: block;
  float: left;
  width: 250px;
  height: 180px;
  background-image: url("../img/categories/full/companion-plants-category-full-2X.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 250px 180px; }

@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px), only screen and (min-resolution: 192dpi) and (min-width: 1281px), only screen and (min-resolution: 2dppx) and (min-width: 1281px) {
  div.companion-plants {
    background-image: url("../img/categories/full/companion-plants-category-full-2X.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 250px;
    height: 180px; } }

.subtitle {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 25px;
  text-align: center;
  color: black;
  font-size: 20px;
  font-family: "lato";
  font-weight: 400;
  letter-spacing: .5px;
  margin-top: 5px; }

.subtitle:hover {
  color: #0078de; }

.img-title {
  font-family: "lato";
  font-size: 14px;
  color: #2f2f2f;
  width: 100%;
  height: auto;
  text-align: center;
  display: inline-block;
  position: relative; }

a.img-title:hover .slide-caption-short, a.img-title:hover .slide-caption {
  color: #0079ba; }

.see-more-link a:active {
  font-weight: 600; }

.featured_mobile a:active p.featured_product_name, .featured_mobile a:active img.gallery_image {
  color: #0079ba;
  opacity: .8; }

.category-block ul li div {
  font-weight: 600; }

.category-block ul li div:hover {
  opacity: .8; }

.product-details-open {
  display: none; }

li.notdisplay {
  display: none; }

.alpha-scroll a {
  color: white;
  margin-top: 1px;
  position: relative;
  display: inline-block;
  width: 15px; }

.alpha-scroll a:hover {
  color: #e1e1e1;
  font-weight: 600; }

.slick-navigation {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  bottom: 140px; }

.slick-gallery .slick-slide {
  position: relative;
  display: inline-block;
  text-align: center; }

ul.slick-dots.gallery {
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: auto;
  display: block;
  list-style: none;
  text-align: center; }

.photo-gallery-toolbar ul.slick-dots.gallery {
  height: 15px;
  bottom: 0; }

.img-wrapper a:hover .product-details-open {
  display: block;
  position: absolute;
  width: 170px;
  height: 170px;
  opacity: .75; }

.img-wrapper a.img-title:hover .product-tn {
  border: 2px solid #0078de;
  color: #0078de; }

.img-wrapper a.img-title:hover span.slide-caption {
  color: #0078de; }

.img-wrapper a.img-title:hover span.product-head-slide {
  border: 2px solid #0078de; }

img.product-tn {
  display: block;
  position: relative;
  height: 170px;
  width: 170px;
  border: 2px solid black;
  background: #969696;
  z-index: 2; }

span.product-head-slide {
  background: black;
  height: 174px;
  width: 170px;
  display: flex;
  color: white;
  font-family: "fertigo-pro";
  font-size: 24px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  line-height: 35px;
  letter-spacing: -1px;
  box-sizing: border-box; }

@media screen and (max-width: 1280px) {
  .prev-slide-arrow:hover .circle-chevron-left-icon, .next-slide-arrow:hover .circle-chevron-right-icon {
    color: white; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .carousel-wrapper {
    height: 202px;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-initialized):not(.slick-gallery) {
    border-left-style: none;
    border-right-style: none;
    height: 180px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-initialized):not(.slick-gallery)::before {
    content: " ";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    opacity: 1;
    border-top: 1px solid rgba(180, 180, 180, 0.8);
    border-bottom: 1px solid rgba(180, 180, 180, 0.8);
    box-shadow: 0 1px 2px 2px rgba(150, 150, 150, 0.1) inset;
    background-color: #e6e6e6;
    border-left-style: none;
    border-right-style: none; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-initialized):not(.slick-gallery)::after {
    width: 100%;
    height: 100%;
    content: '';
    background-image: url("../img/spinning-loader-animated.svg");
    background-repeat: no-repeat;
    background-position: center 45%;
    background-size: 51px 50px;
    box-sizing: border-box;
    z-index: 4;
    opacity: .75;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    border-left-style: none;
    border-right-style: none; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-initialized) .slick-list {
    margin-left: 0;
    margin-top: 0;
    height: 100%; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-initialized):not(.slick-gallery) .slick-track {
    height: 100%; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-initialized):not(.slick-gallery) .img-wrapper {
    height: 150px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-initialized):not(.slick-gallery) .featured_header {
    display: none;
    visibility: hidden;
    letter-spacing: .5px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-initialized):not(.slick-gallery) .slick-slide {
    margin-left: 5px;
    margin-right: 5px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-initialized:not(.slick-gallery) .slick-list {
    margin-top: 21px;
    height: calc(100% - 21px);
    margin-left: 0; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-gallery) .slick-track {
    height: 100%; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-gallery) .img-wrapper {
    height: 150px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-list {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-initialized .slick-slide {
    padding-left: 0;
    margin-left: 5px;
    margin-right: 5px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-initialized img.product-tn {
    width: 150px;
    height: 150px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  span.product-head-slide {
    width: 150px;
    height: 154px;
    font-size: 20px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .subtitle {
    width: 150px;
    position: relative;
    display: inline-block;
    height: 25px;
    text-align: center;
    font-size: 17px;
    line-height: 26px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .featured_text_label {
    top: 20px;
    margin-left: 60px;
    left: 0;
    position: relative;
    width: 100px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  ul.topbar li.active span.pointer {
    bottom: -33px;
    right: 57px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  ul.bottombar li.active span.pointer-inverted {
    top: -27px;
    right: 57px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  #carousel-block {
    margin-bottom: 25px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  ul.topbar {
    margin-bottom: 30px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .alpha-scroll {
    width: 100%;
    border: none;
    background: transparent;
    left: 15px;
    text-align: left; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .alpha-scroll a {
    color: #a5a5a5;
    width: 25px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .alpha-scroll a:hover {
    color: #0AA9FF; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  ul.bottombar {
    margin-top: 24px;
    margin-bottom: 10px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  ul.topbar, ul.bottombar {
    height: auto;
    display: flex;
    justify-content: center;
    padding-left: 0; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .img-wrapper a:hover .product-details-open {
    display: none; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-navigation {
    bottom: 130px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-initialized .slick-track {
    margin-left: -2px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-initialized:not(.slick-gallery).slick-slider {
    padding-left: 0;
    border-left-style: none; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-initialized.slick-slider {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .prev-slide-arrow {
    left: 0;
    color: white;
    opacity: .80; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .next-slide-arrow {
    right: 0;
    color: white;
    opacity: .80; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .alpha-scroll-wrapper {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    text-align: center; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  ul.bottombar li, ul.topbar li {
    width: auto;
    height: 100%;
    margin-right: 3.5%; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  ul.bottombar li:nth-of-type(5), ul.topbar li:nth-of-type(5) {
    margin-right: 0%; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .hide-btn {
    width: 160px;
    height: auto; } }

@media screen and (min-width: 1281px) {
  .featured_header {
    display: inline-block;
    position: absolute;
    left: 95px;
    top: 5px;
    z-index: 1;
    font-size: 13px;
    font-weight: 700;
    font-family: "lato", "arial-fallback", sans-serif;
    color: black;
    letter-spacing: .75px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .featured_header {
    left: calc(50% - 50px);
    display: inline-block;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    font-weight: 700;
    font-family: "lato";
    color: black;
    top: 4px;
    letter-spacing: .5px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  div.all {
    background-image: url("../img/categories/1280X1280/all-category-1280.jpg");
    width: 150px;
    height: 125px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 150px 125px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  div.berries {
    background-image: url("../img/categories/1280X1280/berry-category-1280.jpg");
    width: 150px;
    height: 125px;
    background-size: 150px 125px;
    background-position: bottom;
    background-repeat: no-repeat; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  div.fruit-trees {
    background-image: url("../img/categories/1280X1280/fruit-trees-category-1280.jpg");
    width: 150px;
    height: 125px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 150px 125px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  div.nut-trees {
    background-image: url("../img/categories/1280X1280/nut-trees-category-1280.jpg");
    width: 150px;
    height: 125px;
    background-position: bottom;
    background-size: 150px 125px;
    background-repeat: no-repeat; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  div.vegetables {
    background-image: url("../img/categories/1280X1280/vegetables-category-1280.jpg");
    width: 150px;
    height: 125px;
    background-position: bottom;
    background-size: 150px 125px;
    background-repeat: no-repeat; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  div.groundcover {
    background-image: url("../img/categories/1280X1280/groundcover-category-1280.jpg");
    width: 150px;
    height: 125px;
    background-position: bottom;
    background-size: 150px 125px;
    background-repeat: no-repeat; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  div.grains-seeds {
    background-image: url("../img/categories/1280X1280/grains-seeds-category-1280.jpg");
    width: 150px;
    height: 125px;
    background-position: bottom;
    background-size: 150px 125px;
    background-repeat: no-repeat; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  div.companion-plants {
    background-image: url("../img/categories/1280X1280/companion-plants-category-1280.jpg");
    width: 150px;
    height: 125px;
    background-position: bottom;
    background-size: 150px 125px;
    background-repeat: no-repeat; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  div.wildflowers {
    background-image: url("../img/categories/1280X1280/wildflowers-category-1280.jpg");
    width: 150px;
    height: 125px;
    background-position: bottom;
    background-size: 150px 125px;
    background-repeat: no-repeat; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  div.roots {
    background-image: url("../img/categories/1280X1280/roots-category-1280.jpg");
    width: 150px;
    height: 125px;
    background-position: bottom;
    background-size: 150px 125px;
    background-repeat: no-repeat; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (min-resolution: 288dpi) and (max-width: 1280px), only screen and (min-resolution: 3dppx) and (max-width: 1280px) {
  div.all {
    background-image: url("../img/categories/full/all-category-full.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 150px;
    height: 125px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (min-resolution: 288dpi) and (max-width: 1280px), only screen and (min-resolution: 3dppx) and (max-width: 1280px) {
  div.berries {
    background-image: url("../img/categories/full/berry-category-full.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 150px;
    height: 125px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (min-resolution: 288dpi) and (max-width: 1280px), only screen and (min-resolution: 3dppx) and (max-width: 1280px) {
  div.fruit-trees {
    background-image: url("../img/categories/full/fruit-trees-category-full.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 150px;
    height: 125px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (min-resolution: 288dpi) and (max-width: 1280px), only screen and (min-resolution: 3dppx) and (max-width: 1280px) {
  div.nut-trees {
    background-image: url("../img/categories/full/nut-trees-category-full.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 150px;
    height: 125px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (min-resolution: 288dpi) and (max-width: 1280px), only screen and (min-resolution: 3dppx) and (max-width: 1280px) {
  div.vegetables {
    background-image: url("../img/categories/full/vegetables-category-full.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 150px;
    height: 125px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (min-resolution: 288dpi) and (max-width: 1280px), only screen and (min-resolution: 3dppx) and (max-width: 1280px) {
  div.groundcover {
    background-image: url("../img/categories/full/groundcover-category-full.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 150px;
    height: 125px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (min-resolution: 288dpi) and (max-width: 1280px), only screen and (min-resolution: 3dppx) and (max-width: 1280px) {
  div.grains-seeds {
    background-image: url("../img/categories/full/grains-seeds-category-full.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 150px;
    height: 125px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (min-resolution: 288dpi) and (max-width: 1280px), only screen and (min-resolution: 3dppx) and (max-width: 1280px) {
  div.companion-plants {
    background-image: url("../img/categories/full/companion-plants-category-full.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 150px;
    height: 125px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (min-resolution: 288dpi) and (max-width: 1280px), only screen and (min-resolution: 3dppx) and (max-width: 1280px) {
  div.wildflowers {
    background-image: url("../img/categories/full/wildflowers-category-full.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 150px;
    height: 125px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1280px), only screen and (min-resolution: 288dpi) and (max-width: 1280px), only screen and (min-resolution: 3dppx) and (max-width: 1280px) {
  div.roots {
    background-image: url("../img/categories/full/roots-category-full.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 150px;
    height: 125px; } }

@media screen and (max-width: 1280px) {
  .slide-caption-short, .slide-caption {
    width: 150px;
    padding-left: 0;
    font-size: 15px;
    margin-top: 6px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .subtitle {
    width: 100%;
    position: relative;
    display: inline-block;
    height: 25px;
    text-align: center;
    font-size: 17px;
    line-height: 26px;
    margin-top: 8px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-initialized)::before {
    height: 200px;
    width: 100%;
    left: 0; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-initialized) .img-wrapper {
    height: 150px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-initialized) .featured_header {
    display: none;
    visibility: hidden; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick:not(.slick-initialized) .slick-slide {
    margin-left: 5px;
    margin-right: 5px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .categorybar {
    height: auto; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .photo-gallery-toolbar ul li button {
    font-size: 26px; } }

@media screen and (max-width: 1280px) {
  .circle-chevron-left-icon {
    color: #fafafa;
    opacity: 1; } }

@media screen and (max-width: 1280px) {
  .circle-chevron-right-icon {
    color: #fafafa;
    opacity: 1; } }

@media screen and (max-width: 1024px) {
  #carousel-block .prev-slide-arrow, #carousel-block .next-slide-arrow {
    display: none; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  span.product-head-slide {
    width: 150px;
    height: 154px;
    font-size: 20px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  #carousel-block {
    margin-bottom: 25px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick:not(.slick-initialized):not(.slick-gallery).slick-slider {
    padding-left: 0;
    width: 100%;
    height: 202px;
    margin-left: 0;
    margin-right: 0;
    border-left-style: none;
    border-right-style: none; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick:not(.slick-initialized):not(.slick-gallery)::before {
    content: " ";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    opacity: 1;
    border-top: 1px solid rgba(180, 180, 180, 0.8);
    border-bottom: 1px solid rgba(180, 180, 180, 0.8);
    box-shadow: 0 1px 2px 2px rgba(150, 150, 150, 0.1) inset;
    background-color: #e6e6e6;
    border-left-style: none;
    border-right-style: none; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick:not(.slick-initialized):not(.slick-gallery)::after {
    width: 100%;
    height: 100%;
    content: '';
    background-image: url("../img/spinning-loader-animated.svg");
    background-repeat: no-repeat;
    background-position: center 45%;
    background-size: 51px 50px;
    box-sizing: border-box;
    z-index: 4;
    opacity: .75;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    border-left-style: none;
    border-right-style: none; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick:not(.slick-initialized):not(.slick-gallery) .slick-track {
    margin-left: 0;
    border-style: none;
    height: 202px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick:not(.slick-initialized):not(.slick-gallery) .slick-list {
    margin-left: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick:not(.slick-initialized):not(.slick-gallery) img.product-tn {
    width: 150px;
    height: 150px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick:not(.slick-initialized):not(.slick-gallery) .slick-slide {
    margin-left: 5px;
    margin-right: 5px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick.slick-initialized:not(.slick-gallery) {
    border-top: 1px solid rgba(180, 180, 180, 0.8);
    border-bottom: 1px solid rgba(180, 180, 180, 0.8);
    border-left-style: none;
    border-right-style: none;
    display: block;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    opacity: 1;
    padding-left: 0;
    width: 100%;
    height: 202px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-initialized:not(.slick-gallery) .slick-list {
    margin-top: 21px;
    height: 100%;
    margin-left: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    touch-action: pan-x;
    -ms-touch-action: pan-x; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-initialized:not(.slick-gallery) .slick-list::-webkit-scrollbar {
    width: 0 !important; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-initialized:not(.slick-gallery) .slick-track {
    margin-left: 0;
    border-style: none;
    height: calc(100% - 22px); } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-initialized:not(.slick-gallery) img.product-tn {
    height: 150px;
    width: 150px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-initialized:not(.slick-gallery) img.product-tn.slick-loading::before {
    height: 150px;
    width: 150px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-initialized:not(.slick-gallery) .slick-slide {
    padding-left: 0;
    margin-left: 5px;
    margin-right: 5px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-initialized .img-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    transition-property: opacity;
    transition-duration: .5s; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-initialized.slick-slider {
    margin-left: 0;
    margin-right: 0;
    position: relative;
    display: block;
    z-index: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-initialized .slick-list {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .img-wrapper a:hover .product-details-open {
    display: none; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-navigation {
    bottom: 130px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .prev-slide-arrow {
    left: 0;
    color: white;
    opacity: .80; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .next-slide-arrow {
    right: 0;
    padding-right: 15px;
    color: white;
    opacity: .80; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .carousel-wrapper {
    height: 202px;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  ul.topbar, ul.bottombar {
    height: auto;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 7px; } }

@media screen and (max-width: 1024px) {
  .img-wrapper a:hover .product-details-open, .product-details-open {
    display: none !important; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .alpha-scroll {
    width: 100%;
    left: 15px;
    border: none;
    background: transparent;
    text-align: left; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .alpha-scroll a {
    color: #a5a5a5;
    width: 25px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .alpha-scroll a:hover {
    color: #0AA9FF; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  ul.topbar li.active span.pointer {
    bottom: -26px;
    left: calc(7% + 40px);
    width: 40px;
    height: 26px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  ul.bottombar li.active span.pointer-inverted {
    top: -27px;
    left: calc(7% + 42px);
    width: 40px;
    height: 26px; } }

@media screen and (max-width: 1024px) {
  .slide-caption-short, .slide-caption {
    font-size: 15px;
    margin-top: 5px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .categorybar {
    overflow: unset;
    height: 160px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  ul.bottombar {
    margin-top: 25px;
    margin-bottom: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .hide-btn {
    width: 140px;
    height: auto; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .featured_text_label {
    margin-left: 40px;
    margin-top: 0;
    left: 0;
    top: 20px;
    position: relative;
    width: 100px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.all {
    background-image: url("../img/categories/1024X1024/all-category-1024.jpg");
    width: 120px;
    height: 101px;
    background-position: bottom;
    background-size: 120px 101px;
    background-repeat: no-repeat; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (min-resolution: 192dpi) and (max-width: 1023px), only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
  div.all {
    background-image: url("../img/categories/1024X1024/all-category-1024-retina2.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 288dpi) and (max-width: 1023px), only screen and (min-resolution: 3dppx) and (max-width: 1023px) {
  div.all {
    background-image: url("../img/categories/1024X1024/all-category-1024-retina3.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.berries {
    background-image: url("../img/categories/1024X1024/berry-category-1024.jpg");
    width: 120px;
    height: 101px;
    background-position: bottom;
    background-size: 120px 101px;
    background-repeat: no-repeat; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (min-resolution: 192dpi) and (max-width: 1023px), only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
  div.berries {
    background-image: url("../img/categories/1024X1024/berry-category-1024-retina2.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 288dpi) and (max-width: 1023px), only screen and (min-resolution: 3dppx) and (max-width: 1023px) {
  div.berries {
    background-image: url("../img/categories/1024X1024/berry-category-1024-retina3.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.fruit-trees {
    background-image: url("../img/categories/1024X1024/fruit-trees-category-1024.jpg");
    width: 120px;
    height: 101px;
    background-position: bottom;
    background-size: 120px 101px;
    background-repeat: no-repeat; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (min-resolution: 192dpi) and (max-width: 1023px), only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
  div.fruit-trees {
    background-image: url("../img/categories/1024X1024/fruit-trees-category-1024-retina2.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 288dpi) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 3dppx) and (max-width: 1023px) {
  div.fruit-trees {
    background-image: url("../img/categories/1024X1024/fruit-trees-category-1024-retina3.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.nut-trees {
    background-image: url("../img/categories/1024X1024/nut-trees-category-1024.jpg");
    width: 120px;
    height: 101px;
    background-position: bottom;
    background-size: 120px 101px;
    background-repeat: no-repeat; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (min-resolution: 192dpi) and (max-width: 1023px), only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
  div.nut-trees {
    background-image: url("../img/categories/1024X1024/nut-trees-category-1024-retina2.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 288dpi) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 3dppx) and (max-width: 1023px) {
  div.nut-trees {
    background-image: url("../img/categories/1024X1024/nut-trees-category-1024-retina3.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.vegetables {
    background-image: url("../img/categories/1024X1024/vegetables-category-1024.jpg");
    width: 120px;
    height: 101px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 120px 101px; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (min-resolution: 192dpi) and (max-width: 1023px), only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
  div.vegetables {
    background-image: url("../img/categories/1024X1024/vegetables-category-1024-retina2.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 288dpi) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 3dppx) and (max-width: 1023px) {
  div.vegetables {
    background-image: url("../img/categories/1024X1024/vegetables-category-1024-retina3.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.groundcover {
    background-image: url("../img/categories/1024X1024/groundcover-category-1024.jpg");
    width: 120px;
    height: 101px;
    background-position: bottom;
    background-size: 120px 101px;
    background-repeat: no-repeat; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (min-resolution: 192dpi) and (max-width: 1023px), only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
  div.groundcover {
    background-image: url("../img/categories/1024X1024/groundcover-category-1024-retina2.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 288dpi) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 3dppx) and (max-width: 1023px) {
  div.groundcover {
    background-image: url("../img/categories/1024X1024/groundcover-category-1024-retina3.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.grains-seeds {
    background-image: url("../img/categories/1024X1024/grains-seeds-category-1024.jpg");
    width: 120px;
    height: 101px;
    background-position: bottom;
    background-size: 120px 101px;
    background-repeat: no-repeat; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (min-resolution: 192dpi) and (max-width: 1023px), only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
  div.grains-seeds {
    background-image: url("../img/categories/1024X1024/grains-seeds-category-1024-retina2.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 288dpi) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 3dppx) and (max-width: 1023px) {
  div.grains-seeds {
    background-image: url("../img/categories/1024X1024/grains-seeds-category-1024-retina3.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.companion-plants {
    background-image: url("../img/categories/1024X1024/companion-plants-category-1024.jpg");
    width: 120px;
    height: 101px;
    background-position: bottom;
    background-size: 120px 101px;
    background-repeat: no-repeat; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (min-resolution: 192dpi) and (max-width: 1023px), only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
  div.companion-plants {
    background-image: url("../img/categories/1024X1024/companion-plants-category-1024-retina2.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 288dpi) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 3dppx) and (max-width: 1023px) {
  div.companion-plants {
    background-image: url("../img/categories/1024X1024/companion-plants-category-1024-retina3.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.wildflowers {
    background-image: url("../img/categories/1024X1024/wildflowers-category-1024.jpg");
    width: 120px;
    height: 101px;
    background-position: bottom;
    background-size: 120px 101px;
    background-repeat: no-repeat; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (min-resolution: 192dpi) and (max-width: 1023px), only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
  div.wildflowers {
    background-image: url("../img/categories/1024X1024/wildflowers-category-1024-retina2.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 288dpi) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 3dppx) and (max-width: 1023px) {
  div.wildflowers {
    background-image: url("../img/categories/1024X1024/wildflowers-category-1024-retina3.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.roots {
    background-image: url("../img/categories/1024X1024/roots-category-1024.jpg");
    width: 120px;
    height: 101px;
    background-position: bottom;
    background-size: 120px 101px;
    background-repeat: no-repeat; } }

@media only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (min-resolution: 192dpi) and (max-width: 1023px), only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
  div.roots {
    background-image: url("../img/categories/1024X1024/roots-category-1024-retina2.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media only screen and (min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 288dpi) and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1023px), only screen and (min-resolution: 3dppx) and (max-width: 1023px) {
  div.roots {
    background-image: url("../img/categories/1024X1024/roots-category-1024-retina3.0.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 120px 101px;
    width: 120px;
    height: 101px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  ul.bottombar li, ul.topbar li {
    width: unset;
    height: 100%;
    margin-right: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  ul.bottombar li.active div, ul.topbar li.active div {
    float: unset; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  ul.topbar {
    margin-bottom: 25px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  ul.bottombar li:nth-of-type(5), ul.topbar li:nth-of-type(5) {
    margin-right: 0%; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .alpha-scroll-wrapper {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    text-align: center; } }

@media screen and (max-width: 1024px) {
  .featured_header {
    display: inline-block;
    position: absolute;
    left: 10px;
    z-index: 1;
    font-size: 12px;
    font-weight: 600;
    font-family: "lato";
    color: black;
    top: 4px;
    letter-spacing: .5px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick:not(.slick-initialized):not(.slick-gallery).slick-slider {
    border-left-style: none;
    border-right-style: none;
    height: 199px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick:not(.slick-initialized):not(.slick-gallery)::before {
    content: " ";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    opacity: 1;
    border-top: 1px solid rgba(180, 180, 180, 0.8);
    border-bottom: 1px solid rgba(180, 180, 180, 0.8);
    border-left-style: none;
    border-right-style: none;
    box-shadow: 0 1px 2px 2px rgba(150, 150, 150, 0.1) inset;
    background-color: #e6e6e6; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick:not(.slick-initialized):not(.slick-gallery)::after {
    width: 100%;
    height: 100%;
    content: '';
    background-image: url("../img/spinning-loader-animated.svg");
    background-repeat: no-repeat;
    background-position: center 40%;
    background-size: 51px 50px;
    box-sizing: border-box;
    border-left-style: none;
    border-right-style: none;
    z-index: 4;
    opacity: .75;
    position: absolute;
    display: block;
    left: 0;
    top: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick:not(.slick-initialized):not(.slick-gallery) .slick-list {
    position: relative;
    display: block;
    padding-left: 0;
    margin-left: 0;
    visibility: hidden;
    height: 199px;
    width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick:not(.slick-initialized):not(.slick-gallery) .slick-track {
    height: 199px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick:not(.slick-initialized):not(.slick-gallery) .img-wrapper {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition-property: opacity;
    transition-duration: .5s;
    outline: none;
    height: 150px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick:not(.slick-initialized) .featured_header {
    display: none;
    visibility: hidden;
    letter-spacing: .5px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick:not(.slick-initialized):not(.slick-gallery) img.product-tn {
    width: 150px;
    height: 150px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick:not(.slick-initialized):not(.slick-gallery) .slick-slide {
    margin-left: 5px;
    margin-right: 5px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick.slick-initialized {
    border-left-style: none;
    border-right-style: none;
    display: block;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    z-index: 2;
    opacity: 1; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick.slick-initialized:not(.slick-gallery) {
    padding-left: 0;
    height: 199px;
    border-top: 1px solid rgba(180, 180, 180, 0.8);
    border-bottom: 1px solid rgba(180, 180, 180, 0.8); } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-initialized:not(.slick-gallery) .slick-slide {
    padding-left: 0;
    margin-left: 5px;
    margin-right: 5px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-initialized img.product-tn {
    width: 150px;
    height: 150px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-initialized:not(.slick-gallery) .slick-list {
    position: relative;
    display: block;
    margin-left: 0;
    margin-right: 0;
    height: 100%;
    margin-top: 15px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-initialized:not(.slick-gallery) .slick-list::-webkit-scrollbar {
    width: 0 !important; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-initialized:not(.slick-gallery) .slick-track {
    height: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick.slick-initialized:not(.slick-gallery) .img-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    transition-property: opacity;
    transition-duration: .5s;
    height: 150px;
    width: 150px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  span.product-head-slide {
    height: 154px;
    width: 150px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .alpha-scroll-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    float: left;
    margin-bottom: 0;
    margin-top: -2px;
    border-bottom: 1px solid #9b9b9b;
    border-top: 1px solid #aaaaaa; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slide-caption, .slide-caption-short {
    margin-top: 5px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .alpha-scroll {
    position: relative;
    display: inline-flex;
    justify-content: space-evenly;
    width: 100%;
    line-height: 15px;
    height: auto;
    padding-right: 0;
    padding-top: 1px;
    padding-bottom: 3px;
    font-family: "lato";
    font-weight: 600;
    font-size: 14px;
    color: white;
    margin-top: 0;
    text-align: center;
    border-style: none;
    top: 0;
    left: 0;
    z-index: 2;
    background: #969696; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .alpha-scroll a {
    padding-left: 0;
    color: white;
    font-weight: 600;
    font-size: 14px;
    font-family: "proxima-soft", "arial-fallback", sans-serif; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .alpha-scroll a:hover {
    color: #e1e1e1;
    font-weight: 800;
    font-family: "proxima-soft", "arial-fallback", sans-serif; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-initialized .slick-track {
    margin-left: 0;
    border: unset; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-initialized .slick-list {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
    -ms-overflow-style: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick.slick-initialized::before {
    display: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick div[data-hidden='false'] {
    height: 188px !important; } }

@media screen and (max-width: 768px) {
  .slick-navigation {
    display: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-slide img {
    display: block; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-track::before {
    margin-top: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .carousel-wrapper {
    float: left;
    height: auto;
    margin-top: 10px;
    margin-bottom: 22px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  #carousel-block {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    background-color: white;
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
    border-top: 1px solid rgba(150, 150, 150, 0.8);
    border-bottom: 1px solid rgba(150, 150, 150, 0.8); } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .categorybar {
    display: none; } }

@media screen and (max-width: 768px) {
  .featured_header {
    display: none;
    letter-spacing: .5px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  #photo-gal .photo-wrapper .slick-caption {
    max-width: calc(100% - 20px);
    left: -12px;
    font-size: 14px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-initialized .slick-slide img.product-tn {
    visibility: hidden; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .category-feature a .slide-caption-short, .category-feature a .slide-caption {
    width: 100%;
    margin-top: 4px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.all {
    background-image: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.berries {
    background-image: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.fruit-trees {
    background-image: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.nut-trees {
    background-image: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.vegetables {
    background-image: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.groundcover {
    background-image: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.grains-seeds {
    background-image: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.wildflowers {
    background-image: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.roots {
    background-image: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.companion-plants {
    background-image: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  span.pointer {
    display: none !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .carousel-wrapper {
    display: none; } }

.photo-gallery-toolbar {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 320px;
  height: 20px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto; }

.photo-gallery-toolbar .photo-gallery-arrows {
  display: block;
  position: absolute;
  height: 20px;
  left: 0;
  bottom: 1px;
  width: 100%; }

.photo-gallery-toolbar .photo-gallery-dots {
  position: relative;
  display: inline-flex;
  width: 100%;
  height: 16px; }

.photo-gallery-toolbar ul.slick-pg-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 15px;
  display: block;
  list-style: none;
  text-align: center;
  z-index: 3; }

.photo-gallery-toolbar ul.slick-pg-dots li {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: clamp(5px, 3%, 15px);
  margin-right: clamp(5px, 3%, 15px);
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  cursor: pointer;
  overflow: hidden; }

.photo-gallery-toolbar ul.slick-pg-dots li button {
  font-size: 16px;
  font-family: 'lato', 'arial-fallback', Helvetica, sans-serif;
  line-height: 16px;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  border-radius: 50%;
  outline: none;
  padding: 0;
  background: rgba(150, 150, 150, 0.5);
  z-index: 5; }

.photo-gallery-toolbar ul.slick-pg-dots li button:hover {
  background: #0AA9FF; }

.photo-gallery-toolbar ul.slick-pg-dots li.slick-active button {
  background: #0AA9FF; }

.photo-gallery-arrows button.slick-pg-prev.slick-arrow {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  outline: none;
  border-style: none;
  background: transparent;
  padding: 0;
  pointer-events: all;
  cursor: pointer;
  z-index: 5; }

.photo-gallery-arrows button.slick-pg-next.slick-arrow {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  outline: none;
  border-style: none;
  background: transparent;
  padding: 0;
  pointer-events: all;
  cursor: pointer;
  z-index: 5; }

.photo-gallery-arrows button.slick-pg-next.slick-arrow .chevron-right-icon {
  width: 20px;
  height: 20px;
  color: rgba(150, 150, 150, 0.5);
  pointer-events: none; }

.photo-gallery-arrows button.slick-pg-prev.slick-arrow .chevron-left-icon {
  width: 20px;
  height: 20px;
  color: rgba(150, 150, 150, 0.5);
  pointer-events: none; }

.photo-gallery-arrows button.slick-pg-prev.slick-arrow:hover .chevron-left-icon {
  width: 20px;
  height: 20px;
  color: #0AA9FF; }

.photo-gallery-arrows button.slick-pg-next.slick-arrow:hover .chevron-right-icon {
  width: 20px;
  height: 20px;
  color: #0AA9FF; }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .photo-gallery-toolbar {
    margin-top: 20px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .photo-gallery-toolbar {
    display: none; } }

@media screen and (max-width: 768px) {
  .photo-gallery-toolbar {
    display: none; } }

body.product .main-footer {
  background: white;
  margin-top: 0; }

.footer-company-name {
  margin-left: 5px; }

.visit-us {
  position: relative;
  display: inline;
  bottom: 7px; }

.main-footer {
  padding: 25px 0;
  color: #474747;
  background: #F5F5F5;
  border-top: 1px solid rgba(150, 150, 150, 0.3);
  font-family: "lato";
  font-size: 15px;
  box-shadow: 0 1px 4px 1px rgba(222, 222, 222, 0.5);
  position: relative;
  display: block;
  margin-top: auto;
  width: 100%;
  overflow: hidden;
  z-index: 1; }
  .main-footer a {
    color: #474747;
    font-size: 15px; }
    .main-footer a:hover {
      color: #0AA9FF; }
  .main-footer p {
    margin-top: 0;
    margin-bottom: 6px; }

@media screen and (min-width: 600px) {
  body.home .main-footer {
    background: white; } }

@media screen and (min-width: 600px) {
  body.cart .main-footer {
    background: white; } }

.shop-contact-item-details {
  position: relative;
  display: block;
  width: 350px;
  color: #474747;
  font-weight: 400;
  font-family: "lato";
  font-size: 15px; }

.shop-contact-item:last-of-type {
  margin-top: 10px; }

.shop-contact .shop-contact-item-details-visit {
  width: 50px;
  display: inline;
  position: relative;
  margin-top: 10px; }

.shop-contact-item-details-visit span.facebook-icon, .shop-contact-item-details-visit span.pinterest-icon {
  margin-left: 6px;
  margin-top: 7px;
  position: relative;
  display: inline-block;
  cursor: pointer; }

.shop-contact-item-details-visit svg {
  width: 26px;
  height: 26px; }

.shop-contact-item-details-visit span.facebook-icon svg {
  color: #4267B2; }

.shop-contact-item-details-visit span.pinterest-icon svg {
  color: #E60023; }

.footer-branding {
  margin-bottom: 6px; }

.shop-contact {
  margin-top: 10px; }

.footer-columns-container {
  text-align: center;
  width: 60%;
  position: absolute;
  left: 40%;
  top: 28px;
  z-index: 10; }

.footer-column {
  font-size: 16.71429px;
  text-align: left;
  margin-right: 3%;
  display: inline-block;
  vertical-align: top;
  width: 45%; }

.footer-column-category {
  font-size: 16.71429px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  width: 45%; }

.footer-branding .text {
  color: #474747; }
  .footer-branding .text a {
    color: inherit; }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .retina-logo .footer-branding img {
    max-height: 50px; } }

@media screen and (min-width: 600px) {
  .retina-logo .footer-branding img {
    max-width: 50%; } }

.footer-column-heading {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 700;
  color: #743700;
  font-family: "proxima-soft", "arial-fallback", sans-serif; }

.section-body-text span a {
  color: #0078de; }

.section-body-text span a:hover {
  color: #0078de;
  cursor: pointer; }

.footer-nav li {
  margin-bottom: 8px;
  color: grey; }

.footer-nav-view-all {
  font-size: 0.84615em; }

.footer-lower {
  position: relative;
  clear: both;
  margin-top: 25px; }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .footer-lower {
      text-align: center;
      margin-left: 0;
      margin-top: 20px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .footer-lower-left {
    float: left;
    margin-top: -30px;
    width: 38%; } }

.footer-lower-left a {
  text-decoration: none;
  color: #5d5d5d; }
  .footer-lower-left a:hover {
    color: #743700; }

.footer-site-info {
  display: inline-block;
  font-size: 0.92308em;
  color: #afafaf; }

.footer-site-info a {
  color: #afafaf; }

.footer-credits {
  display: inline-block;
  margin-left: 16px;
  font-size: 0.91667em; }

.footer-lower-nav {
  margin-bottom: 10px;
  width: 100%; }

.footer-lower-nav-item {
  display: inline-block;
  margin-right: 10px; }
  .footer-lower-nav-item a:hover {
    color: #0AA9FF; }

.payment-option-item {
  display: inline-block;
  margin: 1.14286em 0.42857em 0 0;
  color: #afafaf; }
  .payment-option-item svg {
    width: 2.57143em;
    height: 1.28571em; }

@media screen and (min-width: 0) {
  .footer-social-media {
    position: relative;
    display: inline;
    width: 100px;
    top: 5px;
    font-size: 16px;
    line-height: 1; } }

.social-media-link {
  display: inline-block;
  margin-left: 5px; }

li.footer-lower-nav-item a:hover {
  color: #0078de; }

.footer-branding a {
  color: #743700 !important;
  font-family: "Fertigo-Pro";
  font-weight: 600;
  font-size: 20px; }

ul.pages-second-column {
  position: relative;
  display: block;
  width: 150px;
  height: auto;
  float: left; }

ul.category-second-column {
  position: relative;
  display: block;
  width: 150px;
  height: auto;
  float: left; }

ul.category-third-column {
  position: relative;
  display: block;
  width: 150px;
  height: auto;
  float: left; }

.footer-nav ul {
  position: relative;
  display: block;
  width: 40%;
  min-width: 150px;
  height: auto;
  float: left;
  margin-right: 10px;
  line-height: 22px; }

.footer-table-container {
  display: none; }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .footer-lower-nav {
    width: 50%; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .logo-column {
    width: 200px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .footer-columns-container {
    display: none; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .footer-column {
    margin-right: 0 !important; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .footer-table-container {
    display: table;
    min-width: 400px;
    width: 50%;
    border-collapse: collapse;
    right: 10px;
    top: 24px;
    position: absolute;
    z-index: 10; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .footer-table-container .table-row {
    display: table-row; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .footer-table-container .table-cell, .footer-table-container .table-head {
    display: table-cell;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    padding-right: 10px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .footer-table-container .table-head {
    font-weight: bold;
    color: #743700;
    padding-bottom: 10px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .footer-lower-left {
    width: 90%; } }

@media screen and (max-width: 1280px) {
  .cart-footer {
    padding-bottom: 70px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .footer-columns-container {
    width: 100%;
    margin-left: 40px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-top: 10px;
    position: relative;
    text-align: center;
    right: 0;
    left: unset;
    top: unset; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.home .main-footer {
    background: white; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .footer-column {
    width: auto;
    max-width: 175px;
    display: inline-block;
    font-size: 13px;
    margin-right: 70px;
    text-align: center; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .footer-column-heading {
    text-align: left; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .footer-nav ul {
    position: relative;
    display: block;
    width: 50%;
    max-width: 160px;
    height: auto;
    float: left;
    margin: 0 auto;
    text-align: left; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .footer-column-category {
    width: 320px;
    display: inline-block;
    position: relative;
    font-size: 13px;
    text-align: center; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  footer.main-footer .container {
    padding-left: 20px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .main-footer p {
    margin-bottom: 6px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .logo-column {
    margin-bottom: 20px;
    text-align: center;
    margin-top: 5px;
    width: 100%; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .footer-lower {
    margin-left: 0;
    margin-top: 50px;
    text-align: center;
    display: block;
    position: relative;
    float: left;
    width: 100%; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .footer-lower-left {
    width: 100%; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .shop-contact-item-details {
    width: auto; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  ul.category-second-column {
    position: relative;
    display: block;
    height: auto;
    float: left; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .footer-nav ul {
    margin-right: 0;
    width: 130px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  footer.main-footer .container {
    padding-left: 20px;
    max-width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .main-footer {
    padding: 15px 0 18px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .logo-column {
    margin-bottom: 15px;
    text-align: center;
    margin-top: 5px;
    width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .footer-lower-left {
    width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .footer-columns-container {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
    right: unset;
    display: flex;
    justify-content: center;
    left: unset;
    top: unset;
    margin-top: 10px;
    margin-bottom: 20px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .footer-column {
    width: 150px;
    display: inline-block;
    font-size: 13px;
    margin-right: 5%;
    text-align: center; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .footer-column-category {
    width: 150px;
    display: inline-block;
    font-size: 13px;
    text-align: center; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .main-footer {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(150, 150, 150, 0.8);
    background: #F5F5F5; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .footer-branding a.logo {
    color: #743700 !important;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: 600;
    font-family: "proxima-soft", "arial-fallback", sans-serif; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .shop-contact {
    margin-top: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .shop-contact-item {
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .shop-contact-item-details {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 6px;
    text-align: center;
    font-size: 14px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .main-footer a, .visit-us {
    font-size: 14px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .footer-lower {
    margin-top: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .footer-nav li {
    margin-bottom: 6px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .main-footer a {
    font-size: 14px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .footer-nav li {
    margin-bottom: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .shop-contact {
    font-weight: 400; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .footer-branding a {
    color: #afafaf; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .main-footer .footer-nav li a, .visit-us {
    color: white; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .main-footer .footer-nav li a:hover {
    color: #0AA9FF; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .footer-column-heading {
    color: #f7be72;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    font-size: 15px;
    letter-spacing: .5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .pxu-facebook, .pxu-pinterest {
    color: white; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .footer-branding a.logo {
    color: #f7be72 !important;
    letter-spacing: .75px;
    font-size: 20px;
    font-weight: 700;
    font-family: "proxima-soft", "arial-fallback", sans-serif; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .shop-contact-item > .shop-contact-item-details {
    color: white;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-size: 14px;
    font-family: "lato", "arial-fallback", sans-serif;
    letter-spacing: 0.5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .shop-contact-item-details-visit {
    color: white;
    font-size: 14px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .footer-lower-left a {
    color: white; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .payment-option-item, .footer-lower-left .footer-site-info a {
    color: #a0a0a0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  footer.main-footer .container {
    padding-left: 15px;
    max-width: 100%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .footer-columns-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    text-align: center;
    left: unset;
    top: unset;
    line-height: 18px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .footer-column {
    width: 45%;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    margin-right: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .footer-nav ul {
    min-width: 120px;
    width: 100%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .footer-column-category {
    width: 45%;
    display: inline-block;
    font-size: 13px;
    text-align: center; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .footer-lower {
    margin-left: 0;
    margin-top: 0;
    text-align: center; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .logo-column {
    margin-left: 0;
    text-align: center;
    margin-bottom: 20px;
    line-height: 22px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .main-footer {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: auto;
    border-top: 1px solid #188F00;
    background: #0A3D00; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .footer-lower-left {
    margin-top: 15px;
    width: 100%;
    position: relative;
    display: block;
    float: left; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .main-footer p {
    margin-bottom: 2px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .main-footer {
    background: #0A3D00; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .footer-site-info a {
    pointer-events: none; } }

.pagination-container {
  margin-top: 20px;
  margin-bottom: 15px;
  font-weight: 300;
  font-family: "lato";
  cursor: default; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .pagination-container .pagination {
      text-align: center; } }
  @media screen and (min-width: 0) {
    .pagination-container .pagination {
      float: left; } }
  .pagination-container .pagination-item {
    display: inline-block; }
    @media screen and (max-width: 599px) and (min-width: 320px) {
      .pagination-container .pagination-item .page {
        display: none; } }
  .pagination-container .pagination-page {
    margin: 0 0.28571em; }
    @media screen and (max-width: 599px) and (min-width: 320px) {
      .pagination-container .pagination-page {
        display: none; } }
  .pagination-container .pagination-current {
    opacity: 0.8; }
  .pagination-container .to-top {
    float: right;
    margin-right: 15px;
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 16px;
    font-weight: 400; }

body.category-All .pagination-container {
  margin-top: 20px;
  font-weight: 300;
  font-family: "lato";
  cursor: default;
  position: absolute;
  bottom: 0;
  right: 20px;
  color: #0079ba;
  font-size: 16px;
  z-index: 3; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    body.category-All .pagination-container {
      z-index: 1; } }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    body.category-All .pagination-container .pagination {
      text-align: center; } }
  @media screen and (min-width: 0) {
    body.category-All .pagination-container .pagination {
      float: left; } }
  body.category-All .pagination-container .pagination-item {
    display: inline-block; }
    @media screen and (max-width: 599px) and (min-width: 320px) {
      body.category-All .pagination-container .pagination-item .page {
        display: none; } }
  body.category-All .pagination-container .pagination-page {
    margin: 0 0.28571em; }
    @media screen and (max-width: 599px) and (min-width: 320px) {
      body.category-All .pagination-container .pagination-page {
        display: none; } }
  body.category-All .pagination-container .pagination-current {
    opacity: 0.8; }
  body.category-All .pagination-container .to-top {
    float: right; }

@media screen and (max-width: 768px) {
  body.category-All .pagination-container {
    margin-bottom: 8px; } }

.page-error {
  text-align: center; }
  @media screen and (min-width: 600px) {
    .page-error {
      padding-top: 120px;
      padding-bottom: 60px; } }
  .page-error .page-heading {
    margin-bottom: 0; }

.page-error-message {
  font-size: 1.14286em;
  color: #000; }

.page-error-search-form {
  display: block;
  max-width: 400px;
  margin: 40px auto 0; }
  .page-error-search-form .form-input-wrapper {
    right: 120px; }
  .page-error-search-form .button {
    width: 110px; }

.price-ns-label,
.price-value-label,
.price-rrp-label {
  word-break: break-word; }

.price-rrp,
.price-ns {
  text-decoration: line-through; }

.price-ns-wrapper, .price-value-wrapper {
  position: relative;
  display: inline-block;
  width: auto; }

.price-ns-wrapper {
  margin-right: 5px; }

.price-ns {
  text-decoration: line-through;
  font-size: 15px; }

.price-ns-label {
  font-size: 15px; }

body.product .product-meta .price-ns-label, body.product .product-meta .price-ns, body.product .product-meta .price-value-label {
  font-size: 16px; }

.form-field-swatch .swatch-none .swatch {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.15); }
  .form-field-swatch .swatch-none .swatch svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.unavailable-container {
  display: table;
  text-align: center;
  width: 100%;
  height: 100vh;
  font-size: 14px; }
  @media (min-width: 400px) {
    .unavailable-container {
      font-size: 16px; } }

.unavailable-container-inner {
  display: table-cell;
  padding: 20px;
  vertical-align: middle; }

.unavailable-logo {
  margin-top: 0; }

.unavailable-heading {
  font-size: 1.5em; }

.unavailable-message {
  max-width: 400px;
  margin: 0 auto;
  font-size: 0.875em; }

body.account_inbox .main-content > .container > .page-container,
body.account_orderstatus .main-content > .container > .page-container,
body.account_returns .main-content > .container > .page-container,
body.account_inbox .main-content > .container > .page-container,
body.account_addressbook .main-content > .container > .page-container,
body.wishlists .main-content > .container > .page-container,
body.account_recentitems .main-content > .container > .page-container,
body.editaccount .main-content > .container > .page-container,
body.account_paymentmethods .main-content > .container > .page-container {
  margin-bottom: 20px;
  margin-top: 0; }

@media screen and (max-width: 1024px) {
  body.account_inbox .main-content > .container,
  body.account_orderstatus .main-content > .container,
  body.account_returns .main-content > .container,
  body.account_inbox .main-content > .container,
  body.account_addressbook .main-content > .container,
  body.wishlists .main-content > .container,
  body.account_recentitems .main-content > .container,
  body.editaccount .main-content > .container,
  body.account_paymentmethods .main-content > .container {
    padding-left: 20px;
    padding-right: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.account_inbox .main-content > .container,
  body.account_orderstatus .main-content > .container,
  body.account_returns .main-content > .container,
  body.account_inbox .main-content > .container,
  body.account_addressbook .main-content > .container,
  body.wishlists .main-content > .container,
  body.account_recentitems .main-content > .container,
  body.editaccount .main-content > .container,
  body.account_paymentmethods .main-content > .container {
    padding-left: 15px;
    padding-right: 15px; }
    body.account_inbox .main-content > .container > .page-container,
    body.account_orderstatus .main-content > .container > .page-container,
    body.account_returns .main-content > .container > .page-container,
    body.account_inbox .main-content > .container > .page-container,
    body.account_addressbook .main-content > .container > .page-container,
    body.wishlists .main-content > .container > .page-container,
    body.account_recentitems .main-content > .container > .page-container,
    body.editaccount .main-content > .container > .page-container,
    body.account_paymentmethods .main-content > .container > .page-container {
      padding-top: 0; } }

.account-wrapper {
  font-size: 16px;
  margin-bottom: 2vw;
  display: flex;
  position: relative;
  width: 100%; }
  @media screen and (max-width: 599px) {
    .account-wrapper {
      flex-direction: column;
      margin-bottom: 0; } }

.account-nav,
.account-body {
  vertical-align: top; }

.account-body {
  position: relative;
  width: 70%;
  margin-left: clamp(15px, 4%, 40px);
  margin-top: -10px;
  max-width: 900px;
  min-width: 375px; }
  @media screen and (max-width: 1024px) {
    .account-body {
      margin-top: 0; } }
  @media screen and (max-width: 599px) {
    .account-body {
      position: relative;
      display: block;
      margin-left: 0;
      margin-top: 0;
      margin-bottom: 8px;
      padding-right: 0;
      width: 100%;
      min-width: unset; } }

.account-nav-hidden {
  float: none;
  width: 100%;
  padding-left: 0;
  margin-left: 0; }

@media screen and (min-width: 901px) {
  .account-nav {
    position: relative;
    width: 30%;
    max-width: 300px;
    min-width: 150px;
    padding-right: 15px; } }

@media screen and (max-width: 900px) {
  .account-nav {
    position: relative;
    margin-bottom: 30px;
    padding-right: 5px;
    width: 28%;
    min-width: 150px; } }

@media screen and (max-width: 599px) {
  .account-nav {
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-right: 0;
    width: 100%;
    min-width: unset;
    max-width: 400px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .account-wrapper h1.account-heading {
    font-size: 20px; } }

.account-wrapper .form-label-text {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px; }

.account-wrapper .form-field-checkbox .form-label-text,
.account-wrapper .form-field-radio .form-label-text {
  width: auto; }

.account-wrapper .form-field {
  margin-bottom: 15px; }

.account-wrapper .form-field-title {
  position: relative;
  display: block;
  font-size: clamp(13px, 1rem, 16px);
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: #7d7d7d;
  margin-bottom: 3px; }

.account-wrapper .form-input {
  width: 100%; }
  .account-wrapper .form-input.account-form-half {
    width: 50%; }

.account-wrapper .form-actions {
  clear: both; }

@media screen and (min-width: 480px) {
  .account-form-column-container .form-field {
    float: left;
    width: 50%; }
    .account-form-column-container .form-field:nth-child(odd) {
      padding-right: 15px; }
    .account-form-column-container .form-field:nth-child(even) {
      padding-left: 15px; } }

.form-select-wrapper > select.form-select {
  position: relative;
  display: inline-block;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 18px 18px !important;
  display: inline-block;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='icon-arrow-down' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27' height='32' viewBox='0 0 27 32' enable-background='new 0 0 27 32' xml:space='preserve'%3E%3Cpath fill='%235C5C5C' d='M0.5 12.063q1.125-1.125 2.5 0l6.313 6 6.25-6q1.375-1.125 2.5 0 0.5 0.5 0.5 1.313t-0.5 1.313l-7.5 7.188q-0.5 0.5-1.25 0.5-0.813 0-1.313-0.5-6.875-6.5-7.5-7.188-0.5-0.5-0.5-1.313t0.5-1.313z'%3E%3C/path%3E%3C/svg%3E");
  width: 100%;
  padding-top: clamp(5px, 0.5em, 12px);
  padding-bottom: clamp(5px, 0.5em, 12px);
  font-size: clamp(14px, 3vw, 17px);
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: black;
  background-position: 99% 47%;
  height: auto; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  form.account-address-form .form-field-title {
    font-size: 15px; } }

form.account-address-form input.form-input {
  padding: 10px 12px;
  font-size: 16px; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    form.account-address-form input.form-input {
      padding: 10px 7px;
      font-size: 15px; } }

.account-wrapper .form-field-control > input.form-input {
  display: inline-block;
  position: relative;
  padding-top: clamp(5px, 0.5em, 12px);
  padding-bottom: clamp(5px, 0.5em, 12px);
  font-size: clamp(14px, 3vw, 17px);
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: black;
  height: auto; }

.account-wrapper table {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px; }

.account-wrapper td,
.account-wrapper th {
  padding: 15px; }

.account-table-tight th,
.account-table-tight td {
  padding: 10px 0;
  border-bottom: 1px solid #EFEFEF; }

.account-items {
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .account-items {
      margin-bottom: 20px; } }

.account-item {
  position: relative;
  display: table;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #EFEFEF; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .account-item {
      padding-bottom: 10px;
      padding-top: 10px; } }
  .account-item:first-of-type {
    border-top: 1px solid #EFEFEF; }

.account-item:hover {
  background: #EBFCFF; }

.account-item-thumbnail,
.account-item-body,
.account-item-badge,
.account-item-actions {
  padding-top: 15px;
  padding-bottom: 15px; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .account-item-thumbnail,
    .account-item-body,
    .account-item-badge,
    .account-item-actions {
      padding-top: 8px;
      padding-bottom: 8px; } }
  @media screen and (min-width: 400px) {
    .account-item-thumbnail,
    .account-item-body,
    .account-item-badge,
    .account-item-actions {
      display: table-cell;
      vertical-align: top; } }

.account-item-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100; }

.account-item-thumbnail {
  min-width: 100px; }
  .account-item-thumbnail img {
    height: auto;
    max-width: 100px; }
  .account-item-thumbnail a {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
    background-image: url("/assets/img/no-image.svg");
    border: 1px solid #afafaf; }

.account-item-body {
  width: 100%; }
  @media screen and (min-width: 400px) {
    .account-item-thumbnail + .account-item-body {
      padding-left: 15px; } }

.account-item-title {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  color: black;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 600; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .account-item-title {
      margin-bottom: 0; } }
  .account-item-title a {
    color: inherit; }

.account-item-title-large {
  font-size: 19.2px; }

.account-item-description {
  margin-top: 0;
  margin-bottom: 0;
  color: black;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  font-size: 14px; }

.account-item-details {
  font-size: 16px;
  color: #3F3F3F;
  line-height: 1.4;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400; }

.account-page-wishlists-list .account-item-title a {
  color: #0078DE;
  font-size: clamp(15px, 2.5vw, 18px); }

.account-page-wishlists-list #wishlist-delete {
  padding-top: 0.65em;
  padding-bottom: 0.65em;
  font-size: .9rem;
  margin-left: 10px; }

.account-page-wishlists-list {
  margin-bottom: 20px; }

.account-item-detail {
  float: left;
  margin-top: 12px;
  margin-right: 30px; }

.account-item-detail-value {
  font-size: 15px;
  font-family: "lato";
  font-weight: 400;
  color: #323232; }

.account-item-detail-title {
  display: block;
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 11px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  letter-spacing: .5px;
  color: #969696;
  text-transform: uppercase; }

.account-item-detail-value {
  font-size: 14px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: #323232; }

.account-item-badge,
.account-item-actions {
  white-space: nowrap; }

/* scss-combine:account/components/header */
.account-header {
  display: table;
  width: 100%;
  margin-bottom: 15px;
  font-size: 20px;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-weight: 800; }

body.editaccount .account-header {
  margin-bottom: 5px; }

.account-wrapper .button.button-secondary.account-button-small {
  font-size: clamp(15px, 0.8rem, 18px);
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  line-height: 1.5; }

.account-heading,
.account-toolbar {
  display: table-cell;
  vertical-align: baseline; }

.account-toolbar {
  text-align: right; }
  .account-toolbar * {
    display: inline; }

.account-header {
  display: table;
  width: 100%;
  margin-bottom: 15px;
  font-size: 20px; }

h1.account-heading {
  font-size: 26px;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-weight: 700;
  color: black;
  padding-bottom: 1vw; }

.account-heading,
.account-toolbar {
  display: table-cell;
  vertical-align: baseline; }
  .account-heading .alert-error,
  .account-toolbar .alert-error {
    display: none; }

.account-toolbar {
  text-align: right; }
  .account-toolbar * {
    display: inline; }

.account-page-addresses .account-header {
  margin-top: 5px; }

.account-wrapper .account-toolbar .account-tool {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
  padding-bottom: 10px;
  bottom: 5px;
  background: #00C9E7;
  border: 1px solid #009FB8;
  margin-left: 10px;
  cursor: pointer;
  color: white;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  outline: 0; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .account-wrapper .account-toolbar .account-tool {
      bottom: 3px;
      font-size: 15px;
      padding-top: 4px;
      right: 8px; } }
  .account-wrapper .account-toolbar .account-tool:hover {
    background: #009FB8;
    color: white; }
  .account-wrapper .account-toolbar .account-tool:focus {
    outline: 0; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .account-header {
    margin-bottom: 5px; } }

body.account_order input.form-checkbox {
  margin-top: 45px;
  margin-right: 10px; }

nav.account-nav > ul.account-nav-list {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  margin-bottom: 15px;
  list-style: none;
  border: 1px solid #EFEFEF;
  border-radius: 0;
  line-height: 1.2; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    nav.account-nav > ul.account-nav-list {
      line-height: .25;
      font-size: 14px;
      margin-bottom: 5px; } }

ul.account-nav-list > .account-nav-item {
  color: black;
  margin-bottom: 0;
  border-top: 1px solid #EFEFEF; }
  ul.account-nav-list > .account-nav-item:first-child {
    border-top: 0; }
  ul.account-nav-list > .account-nav-item.is-active {
    color: #0078de;
    background: #EBFCFF;
    border-left: 3px solid #00C9E7;
    font-weight: 600; }

ul.account-nav-list .account-nav-item:hover, ul.account-nav-list .account-nav-link:hover {
  background: #EBFCFF; }

.account-nav-link {
  display: block;
  padding: 15px;
  color: inherit; }

.account-nav-badge {
  float: right; }

.account-wrapper .pagination {
  margin-top: 15px; }

.pagination-count {
  font-size: 16px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 600;
  color: black; }

.pagination-total {
  font-size: 16px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 600;
  color: black; }

.pagination-of {
  font-weight: 300;
  font-family: "lato", "arial-fallback", sans-serif; }

.account-card, .payment-method-details, .payment-method-edit-form {
  background: rgba(220, 220, 220, 0.4); }
  .account-card .form-input, .payment-method-details .form-input, .payment-method-edit-form .form-input {
    background-color: white; }

.account-card {
  padding: 15px;
  margin: 15px 0;
  border-radius: 0; }

.account-toggle-hidden {
  display: none; }

.account-status {
  padding: 6px 10px 5px;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  background: #8e8e8e; }

.account-shipments {
  margin-bottom: 30px; }

.account-shipments-table th,
.account-shipments-table td {
  padding: 10px 0;
  text-align: left; }

.account-shipments-table th {
  padding: 15px 0 0;
  border-top: 1px solid #EFEFEF; }

.account-wrapper .account-shipments-table {
  margin-top: 0;
  margin-bottom: 0; }

.payment-method-list {
  display: flex;
  position: relative;
  justify-content: space-between;
  flex-wrap: wrap; }

.payment-method-name {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 25px; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .payment-method-name {
      margin-top: 5px;
      margin-bottom: 10px; } }

.payment-method {
  display: flex;
  position: relative;
  align-content: center;
  justify-content: center;
  min-height: 240px;
  margin-bottom: 30px;
  text-align: center;
  border: 1px solid #EFEFEF;
  width: calc(50% - 15px); }
  @media screen and (max-width: 1024px) {
    .payment-method {
      width: 100%;
      min-height: 200px; } }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .payment-method {
      width: 100%;
      min-height: 190px;
      margin-bottom: 20px; } }
  .payment-method .panel-payment-method {
    display: block; }
    .payment-method .panel-payment-method:hover .payment-method-title {
      color: #00C9E7; }
  .payment-method .panel-new-payment-method {
    position: relative;
    width: 100%;
    min-width: 305px; }
    .payment-method .panel-new-payment-method .panel-body {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 75%;
      height: 75%; }
  .payment-method .payment-method-symbol {
    margin-right: 8px; }
  .payment-method .payment-method-new-icon {
    width: 20px;
    height: 20px; }
    @media screen and (max-width: 599px) and (min-width: 320px) {
      .payment-method .payment-method-new-icon {
        width: 16px;
        height: 16px;
        margin-top: 1px; } }

.payment-method-card {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-top: 20px;
  flex-direction: row; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .payment-method-card {
      padding-left: 10px;
      padding-right: 10px; } }

.payment-method-brand-container {
  display: flex; }

.payment-method-icon-card {
  position: relative;
  display: inline-block;
  bottom: 3px;
  width: 40px;
  height: 30px; }

.payment-method-brand {
  padding-top: 2px;
  padding-left: 10px;
  text-align: left; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .payment-method-brand {
      font-size: 15px; } }

.payment-method-details dt.payment-method-label {
  width: auto; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .payment-method-details dt.payment-method-label {
      font-size: 15px; } }

.payment-method-default-icon {
  position: relative;
  display: inline-block;
  bottom: 4px;
  width: 20px;
  height: 20px;
  padding-left: 0;
  left: 5px;
  margin-left: 5px; }

.payment-method-expiry {
  display: flex;
  padding-top: 2px; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .payment-method-expiry {
      font-size: 15px; } }

.payment-method-details {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  margin-top: 15px; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .payment-method-details {
      padding-bottom: 5px;
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px; } }
  .payment-method-details .payment-methods-label {
    width: calc(50% - 20px); }
    @media screen and (min-width: 400px) {
      .payment-method-details .payment-methods-label {
        width: calc(40% - 20px); } }
  .payment-method-details .payment-method-description {
    width: calc(50% - 20px);
    text-align: right; }
    @media screen and (max-width: 599px) and (min-width: 320px) {
      .payment-method-details .payment-method-description {
        font-size: 14px; } }
    @media screen and (min-width: 400px) {
      .payment-method-details .payment-method-description {
        width: calc(60% - 20px); } }

.account-wrapper .default-indicator {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -7px;
  right: 1px;
  display: block; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .account-wrapper .default-indicator {
      top: -6px;
      right: 4px; } }

.payment-method-edit-form {
  padding: 15px 20px 20px; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .payment-method-edit-form {
      padding: 10px 10px 15px; } }
  .payment-method-edit-form .form-actions {
    text-align: left; }

.payment-method-add-new {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.account-page-add-address {
  margin-bottom: 20px; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .account-page-add-address {
      margin-bottom: 0; } }
  .account-page-add-address .account-content {
    padding-top: 15px;
    border-top: 1px solid #EFEFEF; }

.account-address-detail {
  display: block;
  font-size: 15px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif; }

.account-page-addresses .account-item-title-large {
  font-size: 18px; }

.account-page-add-address .account-header {
  margin-bottom: 5px; }

.account-page-add-address .account-content {
  padding-top: 8px; }

.account-page-add-address .form-actions .button-secondary {
  font-size: .92rem;
  padding-top: .6em;
  padding-bottom: .68em; }

.account-page-add-address .button + .button {
  margin-left: 10px; }

.account-page-add-address .account-address-form .form-actions {
  padding-top: 8px; }

.account-address-form {
  padding-top: 15px; }
  @media screen and (min-width: 900px) {
    .account-address-form .form-field {
      float: left;
      width: 45%;
      padding-right: 15px; }
      .account-address-form .form-field:nth-of-type(2n) {
        padding-right: 0;
        padding-left: 15px; }
      .account-address-form .form-field:nth-of-type(2n + 1) {
        clear: left; } }
  .account-address-form .form-actions {
    padding-top: 15px; }

.account-page-orders-receipt .account-content {
  padding-top: 15px;
  border-top: 1px solid #EFEFEF; }

.account-receipt-summary {
  float: left;
  width: 33%;
  padding-right: 30px; }
  @media screen and (max-width: 900px) {
    .account-receipt-summary {
      width: 100%;
      padding-right: 0;
      padding-bottom: 30px; } }

.account-receipt-summary-title {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 16px; }

.account-receipt-summary-address {
  line-height: 1.5; }

.account-receipt-detail {
  margin-bottom: 5px; }

.account-receipt-detail-title {
  color: #666; }

.account-receipt-comments {
  white-space: pre-line; }

.account-receipt-items {
  padding-top: 15px; }

.account-receipt-download {
  margin: 10px 0; }

.account-receipt-totals {
  display: table;
  width: 50%;
  margin-left: 50%; }
  @media screen and (max-width: 620px) {
    .account-receipt-totals {
      width: 100%;
      margin-left: 0; } }

.account-receipt-total {
  display: table-row;
  margin-bottom: 15px; }

.account-receipt-total-title,
.account-receipt-total-value {
  display: table-cell;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #EFEFEF; }
  .account-receipt-total:first-of-type .account-receipt-total-title, .account-receipt-total:first-of-type
  .account-receipt-total-value {
    border-top: 0; }

.account-receipt-total-title {
  font-weight: normal;
  letter-spacing: 1px;
  color: #666; }

.account-receipt-total-value {
  text-align: right; }

.account-recently-viewed figure.account-product-item-thumbnail {
  margin: 0; }

.account-recently-viewed .account-product-item-title {
  margin-top: -5px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .account-recently-viewed .account-product-item-title {
      margin-top: 0; } }

.account-recently-viewed .account-product-item {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  max-width: 225px; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .account-recently-viewed .account-product-item {
      min-width: 140px;
      max-width: 175px;
      width: 50%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .account-recently-viewed .account-product-item-thumbnail {
    padding: 8px; } }

.account-recently-viewed {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-top: -20px; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .account-recently-viewed {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      width: calc(100% + 15px);
      margin-top: -10px;
      margin-left: -8px; } }

.account-recently-viewed .account-product-item-price {
  margin-top: 5px;
  font-size: 14px; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .account-recently-viewed .account-product-item-price {
      font-size: 13px; } }

.account-recently-viewed .account-product-item:hover .account-product-item-title a {
  color: #0078DE; }

.account-return-table th {
  text-align: left; }
  .account-return-table th:last-of-type {
    text-align: right; }

.account-return-table .form-field {
  margin-bottom: 0; }

.account-return-fields {
  margin-top: 30px; }
  .account-return-fields .form-field-select {
    width: 50%; }

body.account_returns .account-content {
  font-size: 16px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: black; }

.account-wishlists {
  margin-bottom: 30px; }

body.wishlist .account-wishlist {
  margin-top: -10px; }

body.wishlist .account-wishlist > .account-sub-heading {
  display: none; }

.account-wishlist-items figure.account-product-item-thumbnail {
  margin: 0; }

.account-wishlist-items figure.account-product-item-thumbnail img {
  height: 200px;
  width: 200px; }

.account-wishlist-items .account-product-item-remove input[type="submit"] {
  top: 0;
  right: 0;
  font-size: 2rem;
  font-weight: 800;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  color: #969696; }

.account-wishlist-items .account-product-item-remove input[type="submit"]:hover {
  color: #D93838; }

.account-wishlist-items .account-product-item-title {
  margin-top: 0; }

.account-share-wishlist-url {
  border: 1px solid #afafaf;
  border-radius: 6px;
  margin-bottom: 20px; }

.account-page-wishlists-list a.button.account-button-small, .account-page-wishlists-list input.button.account-button-small {
  line-height: 1.25;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px; }

.account-page-wishlists-list .account-item {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 0;
  width: calc(100% - 20px); }

.account-page-wishlists-list .form-actions > a.button.account-button-primary#wishlist-submit {
  display: inline-block;
  position: relative;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: clamp(15px, 1.4vw, 18px);
  padding-top: .6rem;
  padding-bottom: .6rem;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.5; }

.account-page-wishlists-list .form-actions > input.button.account-button-secondary#wishlist-delete {
  display: inline-block;
  position: relative;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: clamp(15px, 1.4vw, 18px);
  font-weight: 400;
  padding-top: .6rem;
  padding-bottom: .6rem;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.5; }

.account-page-wishlists-list .account-empty {
  margin-bottom: 25px; }

.account-messages-table.table-clean {
  border-bottom: 1px solid #EFEFEF; }
  .account-messages-table.table-clean td {
    padding-right: 0;
    padding-left: 0;
    vertical-align: top;
    border-top: 1px solid #EFEFEF; }

.account-messages-table-date {
  width: 22%;
  text-align: right; }

.account-messages-form textarea.form-input {
  max-height: 100px; }

form.account-messages-form .form-input {
  padding-top: .6em;
  padding-bottom: .6em;
  padding-left: clamp(6px, 1vw, 12px);
  padding-right: clamp(6px, 1vw, 12px); }

form.account-messages-form {
  border: 1px solid #cdcdcd;
  border-radius: 4px; }

.account-message-subject {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500; }
  .account-message-is-reply .account-message-subject::before {
    padding-right: 5px;
    content: "\21c9"; }
  .account-message-is-read .account-message-subject {
    color: #666; }

.account-message-content {
  padding-right: 30px;
  font-size: 16px;
  line-height: 1.5;
  color: #3F3F3F;
  white-space: pre-line; }
  .account-message-is-read .account-message-content {
    color: gray; }

.account-message-date {
  color: #666; }

.account-messages-form-subject {
  width: 50%; }

.account-download {
  padding: 15px 0 0;
  margin: 15px 0;
  border-top: 1px solid #EFEFEF; }

.account-download-title {
  margin: 0;
  font-size: 1em; }

.account-download-link {
  color: inherit;
  text-decoration: underline; }

.account-download-filename {
  font-size: 1.2em; }

.account-download-filesize {
  padding-left: 5px;
  font-weight: normal;
  color: #666; }

.account-download-description {
  padding-top: 10px;
  padding-bottom: 10px; }

.account-download-expiry {
  font-size: 0.9em;
  color: #666; }

.account-download-expiry-item {
  display: block;
  padding-bottom: 5px; }
  .account-download-expiry-item:last-of-type {
    padding-bottom: 0; }

.account-downloads-gallery-image {
  text-align: center; }

.account-downloads-gallery-thumbs {
  text-align: center; }

.account-downloads-gallery-thumb {
  display: inline-block;
  width: 10%;
  height: 10%;
  padding: 0 2px;
  vertical-align: middle;
  cursor: pointer; }
  .account-downloads-gallery-thumb img {
    width: 100%;
    height: auto; }

.account-invoice-date {
  margin-top: -20px;
  font-size: 16px; }

.account-invoice-addresses {
  margin-top: 30px;
  margin-bottom: 30px; }

.account-invoice-address {
  float: left;
  margin-right: 30px; }

.account-invoice-address-title {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 16px; }

.account-invoice-address-body {
  line-height: 1.5; }

.account-invoice-table .account-wrapper {
  margin-bottom: 0; }

.account-invoice-table th,
.account-invoice-table td {
  padding-right: 15px;
  text-align: left;
  vertical-align: top; }
  .account-invoice-table th:nth-of-type(0n+3),
  .account-invoice-table td:nth-of-type(0n+3) {
    width: 10%; }
  .account-invoice-table th:last-of-type,
  .account-invoice-table td:last-of-type {
    width: 160px;
    padding-right: 0;
    text-align: right; }

.account-invoice-table td:first-of-type {
  width: 85px; }

.account-invoice-item-thumbnail {
  width: 60px;
  height: auto; }

.account-invoice-item-name {
  margin-bottom: 5px;
  font-weight: bold; }

.account-invoice-total-title {
  font-weight: bold; }

.account-invoice-totals .account-wrapper {
  width: auto;
  margin-top: 0;
  margin-left: auto; }

.account-invoice-totals th,
.account-invoice-totals td {
  padding-right: 15px; }
  .account-invoice-totals th:last-of-type,
  .account-invoice-totals td:last-of-type {
    width: 160px;
    padding-right: 0;
    text-align: right; }

.account-page-settings .alert:first-of-type {
  margin-top: 0; }

.account-page-settings .account-content {
  padding-top: 15px;
  border-top: 1px solid #EFEFEF; }

.account-settings-form {
  padding-top: 15px; }
  .account-settings-form .form-field {
    float: left;
    width: 48%;
    padding-right: 7.5px;
    vertical-align: top; }
    .account-settings-form .form-field:nth-of-type(2n+0) {
      padding-right: 0;
      padding-left: 7.5px; }
  .account-settings-form .form-actions {
    padding-top: 15px; }

.account-page-payment .account-content {
  padding-top: 15px;
  border-top: 1px solid #EFEFEF; }

.payment-method-form .payment-method-form-column {
  display: flex; }
  .payment-method-form .payment-method-form-column .payment-method-form-inputs {
    width: 70%; }
    .payment-method-form .payment-method-form-column .payment-method-form-inputs:last-child {
      width: 30%;
      padding-left: 10px; }
    .payment-method-form .payment-method-form-column .payment-method-form-inputs.payment-card-number, .payment-method-form .payment-method-form-column .payment-method-form-inputs.payment-cvv {
      position: relative; }
    .payment-method-form .payment-method-form-column .payment-method-form-inputs .payment-method-form-inputs-icon {
      position: absolute;
      top: 28px;
      right: 14px;
      width: 16px;
      height: 18px;
      fill: #ECBD00; }

.payment-method-form .form-field-checkbox {
  display: flex;
  align-content: center; }
  .payment-method-form .form-field-checkbox .form-field-title {
    position: relative;
    left: 1px;
    top: 0;
    margin-bottom: 0; }

.payment-method-form .form-field-control {
  width: 20px; }

.payment-method-form .payment-method-form-details {
  display: inline-block;
  margin-bottom: 15px; }
  .payment-method-form .payment-method-form-details:first-child {
    margin-right: 30px; }

.payment-method-form .payment-method-form-details-description {
  margin-left: 0;
  font-weight: 700; }

.payment-method-form-heading {
  margin-top: 5px;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: #7d7d7d; }

.account-wrapper.account-page-payment input#default_instrument {
  height: 15px;
  width: 15px; }

.account-wrapper.account-page-payment .account-header {
  margin-bottom: 0; }

.account-wrapper .payment-method-list .button.account-button-secondary, .payment-method-list .button.account-button-primary {
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 0.8rem, 18px);
  line-height: 1.5;
  padding-top: .60em;
  padding-bottom: .60em;
  padding-left: .75em;
  padding-right: .75em; }

.account-wrapper.account-page-payment .form-actions {
  position: relative;
  display: block;
  padding-top: 10px; }

.payment-method-form-subheading {
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0; }

.payment-method-form-cards-icon {
  width: 40px;
  margin-right: 5px; }

.billing-heading {
  margin-top: 25px;
  margin-bottom: 5px; }

.billing-address-form {
  padding-top: 20px;
  border-top: 1px solid #EFEFEF;
  margin-left: 0;
  margin-right: 0; }
  .billing-address-form .form-field {
    width: 100%; }
    @media screen and (min-width: 400px) {
      .billing-address-form .form-field {
        float: left;
        width: 47%;
        padding-right: 10px; }
        .billing-address-form .form-field:nth-of-type(2n + 1) {
          clear: left; } }

.billing-actions .button + .button {
  margin-top: 20px; }
  @media screen and (min-width: 400px) {
    .billing-actions .button + .button {
      margin-top: 0;
      margin-left: 5px; } }

.account-wrapper.account-page-payment .billing-actions > .button.button-primary, .account-wrapper.account-page-payment .form-actions > .button.button-primary {
  display: inline-block;
  position: relative;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: clamp(15px, 1.4vw, 18px);
  padding-top: .6rem;
  padding-bottom: .6rem;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.5; }

.account-wrapper.account-page-payment .billing-actions a.button, .account-wrapper.account-page-payment .form-actions a.button {
  display: inline-block;
  position: relative;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: clamp(15px, 1.4vw, 18px);
  font-weight: 400;
  padding-top: .6rem;
  padding-bottom: .6rem;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.5; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .payment-method-form .payment-method-form-column .payment-method-form-inputs:last-child {
    width: 35%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .payment-method-form-subheading {
    margin-bottom: 20px; } }

.account-page-login .alert {
  max-width: 860px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto; }

.account-login-wrapper {
  max-width: 860px;
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 620px) {
    .account-login-wrapper {
      display: table;
      width: 100%;
      table-layout: fixed; } }

.account-page-login .account-sub-heading {
  margin: 0 0 20px; }

@media screen and (min-width: 620px) {
  .account-login,
  .account-create {
    display: table-cell;
    vertical-align: top; } }

@media screen and (max-width: 619px) {
  .account-login {
    margin-bottom: 30px; } }

@media screen and (min-width: 620px) {
  .account-login {
    padding: 15px 45px 15px 0; } }

.account-login-button {
  margin-right: 15px; }

.account-create {
  padding: 15px;
  background: rgba(220, 220, 220, 0.4); }

.account-create-intro:empty {
  display: none; }

.account-create-facts {
  padding-left: 20px;
  margin-bottom: 30px;
  list-style: disc; }
  .account-create-facts li:empty {
    display: none; }

.account-page-forgot .account-body {
  width: 100%;
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  float: none; }

.account-forgot-form {
  display: table;
  width: 100%;
  margin-top: 30px; }
  .account-forgot-form .form-field,
  .account-forgot-form .form-actions {
    display: table-cell;
    text-align: left;
    vertical-align: bottom; }
  .account-forgot-form .form-actions {
    width: 1px;
    padding-left: 10px; }

.account-page-create .account-header {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #EFEFEF; }

.account-page-create .account-body {
  max-width: 860px;
  margin-right: auto;
  margin-left: auto; }

.account-create-form.form .form-field.form-field-common {
  position: relative;
  display: inline-block;
  float: none;
  clear: unset;
  width: 45%; }

body.createaccount .page-container.page-narrow {
  max-width: 1000px;
  margin-bottom: clamp(15px, 2%, 25px); }

body.createaccount .form-field-title {
  display: block;
  position: relative;
  margin-bottom: 3px;
  color: #7d7d7d; }

.account-create-form .g-recaptcha > div {
  margin: 0 auto; }

@media screen and (min-width: 620px) {
  .account-create-form .form-field {
    float: left;
    width: 50%;
    padding-right: 15px; }
    .account-create-form .form-field:nth-of-type(2n) {
      padding-right: 0;
      padding-left: 15px; }
    .account-create-form .form-field:nth-of-type(2n + 1) {
      clear: left; } }

.account-create-details,
.account-create-address {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #EFEFEF; }

.account-create-form-actions {
  text-align: center; }

.account-create-captcha {
  display: inline-block;
  vertical-align: middle; }
  @media screen and (max-width: calc($account-breakpoint-small - 1)) {
    .account-create-captcha {
      margin-bottom: 15px; } }
  @media screen and (min-width: 620px) {
    .account-create-captcha {
      margin-right: 15px; } }

.account-page-created .account-body {
  float: none;
  width: 100%;
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  .account-page-created .account-body p {
    margin-bottom: 30px;
    line-height: 1.5; }
  .account-page-created .account-body em {
    font-family: monospace;
    font-style: normal;
    font-weight: bold;
    background: rgba(220, 220, 220, 0.4); }

.account-page-new-password .account-content {
  width: 100%;
  max-width: 400px;
  margin-right: auto;
  margin-left: auto; }

.new-password-requirements {
  margin-bottom: 30px;
  text-align: center; }

.giftcard-nav {
  padding: 60px;
  margin-bottom: 60px;
  text-align: center; }

.giftcard-nav-item {
  display: inline-block;
  margin: 0 1em;
  color: #0078de; }
  .giftcard-nav-item.is-active {
    color: #3F3F3F; }

.giftcard-heading-container {
  margin-bottom: 60px;
  text-align: center; }

.giftcard-form-help-message {
  display: block;
  margin-top: 6px; }

.giftcard-form-preview iframe {
  width: 100%; }

.giftcard-single-theme {
  display: none; }

.giftcard-balance-container {
  max-width: 600px;
  margin: 0 auto; }

.form-giftcard-balance {
  position: relative; }
  .form-giftcard-balance .form-field-title {
    position: absolute;
    left: -9999px; }
  .form-giftcard-balance .form-field-control {
    display: block; }
    @media screen and (min-width: 630px) {
      .form-giftcard-balance .form-field-control {
        margin-right: calc(30% + 15px); } }
  @media screen and (min-width: 630px) {
    .form-giftcard-balance .form-actions {
      position: absolute;
      top: 0;
      right: 0;
      width: 30%; } }
  .form-giftcard-balance .button {
    width: 100%; }

.giftcard-redeem-steps {
  line-height: 1.5; }
  .giftcard-redeem-steps li {
    margin-bottom: 0.75em; }

body.account_orderstatus .page-container {
  margin-bottom: 20px; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    body.account_orderstatus .page-container {
      padding-top: 0;
      margin-bottom: 15px; } }

.account-content {
  font-size: 16px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: black; }

.account-wrapper .form-input {
  color: black; }

#icon-plus {
  width: 32px;
  height: 32px; }

.compare-tab {
  position: fixed;
  right: 40px;
  bottom: 0;
  z-index: 1;
  display: none;
  min-width: 22.30769em;
  padding: 9px 15px 12px;
  font-size: 0.92857em;
  background: #FFF;
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .compare-tab {
      right: 0;
      left: 0;
      border-width: 1px 0 0; } }
  .compare-tab.animating, .compare-tab.visible {
    display: block;
    transform: translateY(100%);
    transition: transform 0.2s ease; }
  .compare-tab.visible {
    transform: translateY(0); }

.compare-tab-upper {
  margin-bottom: 17px;
  font-weight: 300;
  font-family: "lato"; }
  .compare-tab-upper .item-limit {
    float: left; }
  .compare-tab-upper .clear-compare {
    float: right; }

.compare-submit {
  position: absolute;
  right: 15px;
  bottom: 18px;
  height: 38px;
  font-size: 0.84615em; }

.compare-items-list {
  margin-right: 120px; }

.compare-tab-item {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 3px;
  text-align: center; }

.compare-tab-item-remove {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 14px;
  height: 14px;
  padding-bottom: 1px;
  font-size: 1em;
  line-height: 1;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  background: #000;
  border-radius: 50%;
  opacity: 0; }
  .compare-tab-item-remove:hover {
    color: #FFF; }
  .compare-tab-item:hover .compare-tab-item-remove {
    opacity: 1; }

.compare-tab-item-image img {
  max-height: 50px; }

@media screen and (max-width: 1281px) {
  .compare-content {
    overflow-x: auto; } }

@media screen and (max-width: 1281px) {
  .header-column {
    display: none; } }

@media screen and (min-width: 1281px) {
  .header-column {
    max-width: 115px; } }

.compare-table {
  width: 100%;
  min-width: 900px;
  font-size: 0.92857em;
  font-weight: 300;
  text-align: center;
  border-width: 0;
  table-layout: fixed; }
  .compare-table .button {
    width: 100%;
    max-width: 200px;
    padding: 11px 0 10px;
    margin: 10px 0;
    font-size: 0.84615em; }

.compare-empty-cell {
  border: 0; }

.compare-row:nth-child(odd):not(:first-child) .compare-table-cell,
.compare-row:nth-child(odd):not(:first-child) .compare-table-heading {
  background: rgba(200, 200, 200, 0.2); }

.compare-table-cell,
.compare-table-heading {
  padding: 10px 20px;
  border-top: 0;
  border-bottom: 0; }

.compare-table-cell {
  min-width: 230px; }
  @media screen and (max-width: 1281px) {
    .compare-table-cell:first-of-type {
      border-left: 0; } }

.compare-table-heading {
  font-family: "lato";
  text-align: left;
  vertical-align: top; }

.compare-remove {
  display: block; }

.compare-description-row {
  text-align: left;
  vertical-align: top; }

.compare-rating-row .compare-no-rating {
  opacity: 0.6; }

body.search {
  width: 100%;
  overflow-x: hidden; }

.search-head {
  margin-top: 35px;
  border-bottom: 1px solid rgba(100, 100, 100, 0.75);
  font-family: "lato";
  font-weight: 400; }

.search-tab-toggle {
  position: relative;
  bottom: -1px;
  display: inline-block;
  width: 155px;
  padding: 12px 20px;
  text-align: center;
  background-color: #f0f0f0;
  border: 1px solid rgba(100, 100, 100, 0.4);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 1px solid rgba(100, 100, 100, 0.75);
  margin-right: 5px; }
  @media screen and (min-width: 1281px) {
    .search-tab-toggle {
      width: auto;
      text-align: left; } }
  .search-tab-toggle:first-child {
    margin-left: 5px; }
  .search-tab-toggle.disabled {
    display: none; }
  .search-tab-toggle.active {
    color: inherit;
    cursor: default;
    background-color: #FFF;
    border: 1px solid rgba(100, 100, 100, 0.75);
    border-bottom: 1px solid #FFF; }
    .search-tab-toggle.active:hover {
      color: #000; }

.search-tab {
  display: none; }
  .search-tab.active {
    display: block; }
  .search-tab .content-result {
    display: block;
    padding-bottom: 1vw;
    margin-top: 1vw; }
    .search-tab .content-result:not(.last-item) {
      border-bottom: 1px solid #EFEFEF; }

body.search .main-footer {
  padding-left: 30px;
  padding-right: 25px; }

.search-subhead {
  position: relative;
  display: block;
  top: 8px;
  font-family: "lato", "arial-fallback", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: black; }
  .search-subhead strong {
    font-weight: 800; }

.search-subhead > p {
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center; }

body.search .product-item {
  max-width: 250px; }

body.search .product-item-thumbnail::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/vertical-bar-loader-animated.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  z-index: 3;
  opacity: 0.35; }

body.search .product-item-thumbnail img {
  position: relative;
  width: max-content;
  min-height: 10%;
  height: max-content;
  z-index: 5; }

body.search .product-item.no-stock figure.product-item-thumbnail::before {
  background: rgba(0, 0, 0, 0.5);
  content: "SOLD OUT";
  position: absolute;
  display: inline-flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #e6e6e6;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 3px;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  text-indent: 4px;
  pointer-events: all; }

.collection-brand-category-index-column {
  display: inline-block;
  width: 100%;
  padding: 0 20px;
  margin-bottom: 40px;
  background-color: #FFF; }

.brand-results h2,
.category-results h2 {
  margin-bottom: 5px; }

.category-results {
  margin-top: 10px;
  margin-bottom: 20px; }

.brand-results {
  margin-top: 20px;
  margin-bottom: 20px; }
  .brand-results + .category-results {
    margin-top: 25px; }

.collection-content-index-column {
  margin-top: 20px; }
  .content-search-tab .collection-content-index-column {
    float: none;
    margin-right: auto;
    margin-left: auto; }

.search-result {
  display: block; }

.content-result-title a {
  font-family: "proxima-soft";
  font-size: 1.44rem;
  font-weight: 600;
  color: #0078de; }
  @media screen and (min-width: 1281px) {
    .content-result-title a {
      font-size: 1.68rem; } }

body.search .content-result-type {
  font-family: "lato";
  font-weight: 400;
  color: #c8c8c8; }

.search-empty-notice {
  text-align: center;
  padding: 40px 10px 60px; }

.content-result-title {
  font-weight: 600; }

.content-result-title:hover {
  text-decoration: underline; }

article.search-result:last-of-type {
  padding-bottom: 20px; }

body.search .product-search-tab .collection-name {
  visibility: visible; }

.product-search-tab .collection-name {
  visibility: hidden; }

body.search .collection-sidebar-column {
  margin-top: 0; }

body.search .collection-brand-category-index-column {
  padding: 0 0; }

body.search .content-search-tab {
  padding-left: 40px;
  padding-right: 40px; }

body.search .container {
  padding-left: 0;
  padding-right: 0; }

body.search .category-results {
  margin-bottom: 0; }

body.search .product-grid-container {
  justify-content: left;
  width: calc(100% + 20px);
  margin-left: -10px; }

@media screen and (max-width: 1280px) {
  .search-tab-toggle {
    padding: 12px 8px;
    font-size: 15px;
    width: 155px; } }

@media screen and (max-width: 1024px) {
  body.search .main-footer {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.search .collection-sidebar-column {
    margin-top: 20px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .search-tab-toggle {
    width: 145px;
    font-size: 14px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .search-head {
    margin-top: 15px; } }

@media screen and (max-width: 768px) {
  .search-head {
    margin-left: -10px;
    width: calc(100% + 20px); } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .search-tab-toggle {
    width: 120px;
    font-size: 13px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .search-head {
    margin-top: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.search .product-grid-container {
    justify-content: center;
    width: calc(100% + 20px);
    margin-left: -10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.search .product-item {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    width: 300px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .search-subhead {
    font-size: 13px;
    font-family: "lato";
    top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .search-subhead p {
    margin-bottom: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.search .collection-sorting {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .collection-content-index-column {
    margin-top: 15px; } }

.button-contact-submit .button-primary {
  color: white;
  background-color: #00C9E7;
  border-color: #009FB8; }
  .button-contact-submit .button-primary:hover, .button-contact-submit .button-primary:focus {
    color: white;
    background-color: #009FB8;
    border-color: #009FB8; }
  .button-contact-submit .button-primary.ripple {
    background-position: center;
    transition: background 0.8s; }
    .button-contact-submit .button-primary.ripple:hover {
      background: #009FB8 radial-gradient(circle, transparent 1%, #009FB8 1%) center/15000%; }
    .button-contact-submit .button-primary.ripple:active {
      background-color: #00C9E7;
      background-size: 100%;
      transition: background 0s; }

.giftcard-nav {
  padding: 2.85714em 0 2.42857em;
  margin-bottom: 1.85714em; }

.giftcard-nav-item {
  padding: 0 0 0.58333em;
  border-bottom: 1px solid transparent; }
  .giftcard-nav-item.is-active {
    color: #000;
    cursor: default; }

.giftcard-heading-container {
  margin-bottom: clamp(20px, 1em, 40px); }

.giftcard-heading {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  color: black;
  margin-bottom: 0.4em; }

.giftcard-subheading {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 20px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 18px;
  color: #646464; }

.giftcard-redeem-steps {
  padding-left: 1.71429em; }

#purchase-gift-certificate.tabcontent, #redeem-gift-certificate.tabcontent, #view-gift-certificate.tabcontent {
  padding-bottom: 30px;
  padding-top: 15px; }

#purchase-gift-certificate.tabcontent.active, #redeem-gift-certificate.tabcontent.active, #view-gift-certificate.tabcontent.active {
  display: block; }

body.giftcertificates .page-container, body.giftcertificates_balance .page-container, body.giftcertificates_redeem .page-container {
  max-width: 800px;
  margin-bottom: clamp(20px, 2vh, 70px); }

body.giftcertificates .page-container .tab button, body.giftcertificates_balance .page-container .tab button, body.giftcertificates_redeem .page-container .tab button {
  width: 140px; }

body.giftcertificates input.form-input, body.giftcertificates_balance input.form-input, body.giftcertificates_redeem input.form-input {
  padding-top: clamp(5px, 0.65em, 12px);
  padding-bottom: clamp(5px, 0.65em, 12px);
  font-size: clamp(14px, 0.9rem, 18px);
  cursor: pointer;
  line-height: 1.2; }

body.giftcertificates input.form-input::placeholder, body.giftcertificates_balance input.form-input::placeholder, body.giftcertificates_redeem input.form-input::placeholder {
  padding-top: clamp(5px, 0.65em, 12px);
  padding-bottom: clamp(5px, 0.65em, 12px);
  font-size: clamp(14px, 0.9rem, 18px);
  line-height: 1.2; }

body.giftcertificates .form-field-title, body.giftcertificates_balance .form-field-title, body.giftcertificates_redeem .form-field-title {
  position: relative;
  display: block;
  margin-bottom: 2px;
  color: #7d7d7d;
  font-size: clamp(13px, 1rem, 16px); }

body.giftcertificates .giftcard-form-theme .form-label, body.giftcertificates_balance .giftcard-form-theme .form-label, body.giftcertificates_redeem .giftcard-form-theme .form-label {
  margin-bottom: .1em; }

body.giftcertificates .giftcard-form-theme .form-field-title, body.giftcertificates_balance .giftcard-form-theme .form-field-title, body.giftcertificates_redeem .giftcard-form-theme .form-field-title {
  margin-bottom: 8px; }

body.giftcertificates .form-required .form-label-text, body.giftcertificates_balance .form-required .form-label-text, body.giftcertificates_redeem .form-required .form-label-text {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: clamp(13px, 1rem, 16px);
  font-weight: 400;
  color: black;
  bottom: 1px;
  position: relative;
  display: inline;
  float: none; }

body.giftcertificates .giftcard-redeem-steps, body.giftcertificates_redeem .giftcard-redeem-steps {
  font-size: clamp(14px, 0.9rem, 16px);
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: #323232; }

body.giftcertificates .account-form-column-container .form-field {
  width: 46%; }

.tabcontent.active#view-gift-certificate .giftcard-balance-container {
  display: inline-block;
  position: relative;
  width: 100%;
  align-items: center;
  max-width: 100%; }

.tabcontent.active#view-gift-certificate form.form-giftcard-balance {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-top: 15px; }

.tabcontent.active#view-gift-certificate #giftcard-code {
  position: relative;
  display: inline-block; }

.tabcontent.active#view-gift-certificate .form-actions, .tabcontent.active#purchase-gift-certificate .form-actions {
  position: relative;
  display: inline-block;
  margin-left: 0;
  margin-top: 7px; }

body.giftcertificates_balance .tabcontent.active#view-gift-certificate .form-actions {
  margin-left: 0; }

.tabcontent.active#view-gift-certificate .form-giftcard-balance .form-field-control {
  margin-right: 15px; }

.tabcontent.active#view-gift-certificate .form-giftcard-balance input.button-primary {
  padding-top: clamp(5px, 0.66em, 11px);
  padding-bottom: clamp(5px, 0.66em, 11px);
  padding-left: clamp(5px, 0.66em, 8px);
  padding-right: clamp(5px, 0.66em, 8px);
  font-size: clamp(14px, 0.9rem, 18px);
  line-height: 1.2;
  max-width: 175px; }

body.giftcertificates_balance .balance-key {
  font-weight: 600;
  font-size: 16px;
  color: black;
  font-family: "lato", "arial-fallback", sans-serif;
  margin-right: 12px; }

body.giftcertificates_balance .balance-amt {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 12px; }

body.giftcertificates_balance .balance-val {
  font-weight: 400;
  font-size: 16px;
  color: black;
  font-family: "lato", "arial-fallback", sans-serif; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.giftcertificates .page-container .tab button, body.giftcertificates_balance .page-container .tab button, body.giftcertificates_redeem .page-container .tab button {
    width: auto;
    padding-left: 10px;
    padding-right: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.giftcertificates .account-form-column-container .form-field {
    width: 100%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.giftcertificates .account-form-column-container .form-field:nth-child(even) {
    padding-left: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.giftcertificates .form-input, body.giftcertificates_balance .form-input, body.giftcertificates_redeem .form-input {
    width: 100%;
    max-width: 400px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.giftcertificates input.form-input.form-radio, body.giftcertificates_balance input.form-input.form-radio, body.giftcertificates_redeem input.form-input.form-radio, body.giftcertificates input.form-input.form-checkbox, body.giftcertificates_balance input.form-input.form-checkbox, body.giftcertificates_redeem input.form-input.form-checkbox {
    width: auto; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .tabcontent.active#view-gift-certificate .form-actions, .tabcontent.active#purchase-gift-certificate .form-actions {
    margin-top: 0; } }

.first-section-wrapper {
  margin-top: 0;
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  float: left; }

.featured_mobile a:hover .featured_product_name {
  color: #0AA9FF; }

.swipe-indicator {
  display: none; }

.category-block ul.more-categories li a {
  font-size: 15px;
  font-weight: 500;
  font-family: "lato", "arial-fallback", sans-serif; }

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

.section-title-home {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  font-family: "fertigo-pro", "arial-fallback", sans-serif;
  font-weight: bold; }

body.home #baguetteBox-overlay .full-image figcaption {
  position: relative;
  bottom: -20px;
  font-size: 15px; }

.section-title-home > h1 {
  font-size: 36px;
  font-family: "fertigo-pro", "arial-fallback", sans-serif;
  font-weight: bold;
  color: #177900;
  line-height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  height: 36px;
  width: 100%; }

.section-subtitle-home-right a {
  color: #0078DE; }

.section-subtitle-home-right a:hover {
  color: #56aef9; }

.section-subtitle-home {
  display: block;
  position: relative;
  margin-left: 4%;
  margin-bottom: 0;
  text-align: center;
  width: 92%;
  font-size: 19px;
  color: black;
  font-family: lato, "arial-fallback", sans-serif;
  letter-spacing: .25px;
  line-height: 32px; }

.section-subtitle-home a {
  display: inline;
  position: relative;
  width: auto;
  height: auto;
  color: #0078DE; }

.section-subtitle-home a:hover {
  color: #50b4ff; }

.carousel-container {
  margin: 0 auto;
  padding: 40px;
  width: 80%;
  color: #333;
  background: #419be0;
  height: 700px; }

.featured_left, .featured_right {
  display: none; }

#home-intro-block {
  position: relative;
  display: block;
  width: calc(100% - 100px);
  margin-left: 50px;
  margin-top: 40px;
  margin-bottom: 30px;
  height: auto; }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  #home-intro-block {
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 35px;
    width: calc(100% - 80px); } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-title-home {
    margin-bottom: 20px;
    font-size: 26px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-title-home > h1 {
    font-size: 30px;
    font-family: "fertigo-pro", "arial-fallback", sans-serif;
    font-weight: bold;
    color: #177900;
    line-height: 30px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-subtitle-home {
    font-size: 17px;
    margin-top: 0;
    text-align: center;
    margin-left: unset;
    width: unset;
    line-height: 30px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  #home-intro-block {
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 25px;
    width: calc(100% - 60px); } }

@media screen and (min-width: 769px) {
  .featured_products {
    display: none;
    height: 0;
    width: 0; } }

@media screen and (min-width: 769px) {
  .all_products {
    display: none; } }

@media screen and (min-width: 769px) {
  .featured_product_name {
    display: none;
    height: 0;
    width: 0; } }

@media screen and (min-width: 769px) {
  .categorybar-mobile {
    display: none; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-title-home {
    margin-bottom: 13px;
    font-size: 28px;
    font-weight: 600; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-title-home > h1 {
    font-size: 28px;
    font-family: "fertigo-pro", "arial-fallback", sans-serif;
    font-weight: bold;
    color: #177900;
    margin-top: 0;
    margin-bottom: 13px;
    text-align: center; } }

@media screen and (min-width: 769px) {
  .center-heading {
    display: none; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-subtitle-home {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    letter-spacing: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  hr.half-line, hr.half-line-featured {
    background: #572400;
    font-size: 1px;
    font-family: "lato";
    font-weight: 400; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-title-home {
    margin-top: 0;
    width: calc(100% - 40px);
    text-align: left;
    margin-left: 20px;
    margin-right: 0;
    margin-bottom: 15px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-title-home > h1 {
    font-size: 26px;
    font-family: "fertigo-pro";
    font-weight: bold;
    color: #177900;
    text-align: center;
    margin-top: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-subtitle-home {
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
    margin-left: 20px;
    width: calc(100% - 40px);
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
    line-height: 26px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .center-heading {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 0;
    margin-bottom: 25px;
    text-align: center;
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 800;
    color: black; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .center-heading.products {
    margin-top: 12px;
    margin-bottom: 5px;
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 800;
    color: black; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .featured_text_label {
    display: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  p.featured_product_name {
    display: block;
    text-align: center;
    font-family: "lato";
    font-size: 17px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .featured_left {
    display: inline-block;
    position: relative;
    float: left;
    width: calc(50% - 30px);
    margin-left: 20px;
    height: auto; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .featured_right {
    display: inline-block;
    position: relative;
    float: left;
    width: calc(50% - 30px);
    margin-left: 20px;
    height: auto; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .featured_left a, .featured_right a {
    font-family: "lato";
    font-size: 16px;
    font-weight: 600;
    color: black; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .featured_left a:hover, .featured_right a:hover {
    color: #0078de; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  #featured_product_wrapper img.gallery_image {
    width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .featured_products, .all_products, .dishes_recipes, .edible_landscape, .news_heading {
    margin-left: 22px;
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
    font-size: 18px;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    font-weight: 800;
    letter-spacing: .75px;
    color: black; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  #featured_product_wrapper .center-heading {
    margin-bottom: 20px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  #featured_product_wrapper {
    display: inline-block;
    background-color: white;
    width: 100%;
    margin-left: 0;
    height: auto;
    padding-top: 5px;
    padding-bottom: 3px;
    margin-top: 0;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom: 1px solid rgba(150, 150, 150, 0.8); } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .categorybar-mobile {
    width: calc(100% - 40px);
    height: auto;
    line-height: 28px;
    overflow: hidden;
    text-align: center;
    position: relative;
    display: block;
    margin-bottom: 3px;
    margin-top: 3px;
    margin-left: 20px;
    z-index: 1;
    float: left; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.home, body.home .main-content, body.home .main-header .container {
    background-color: #E4E4E4; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .first-section-wrapper {
    background: transparent;
    padding-top: 0;
    border-bottom-style: none;
    margin-top: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  #home-intro-block {
    margin-top: 0;
    padding-top: 20px;
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
    background: white; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .first-letter {
    padding-left: 0 !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  h2.featured_products {
    position: relative;
    display: block;
    text-align: center;
    font-weight: 800;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 7px;
    height: auto;
    width: calc(100% - 24px);
    display: block;
    text-transform: uppercase;
    color: black;
    letter-spacing: .25px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .featured_product_name {
    text-align: center;
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 600;
    font-size: 16px;
    -webkit-margin-before: 5px !important;
    margin-block-start: 5px !important;
    -webkit-margin-after: 5px !important;
    margin-block-end: 5px !important;
    color: black; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-title-home {
    text-align: center;
    padding-top: 15px;
    margin-left: 12px;
    width: calc(100% - 24px);
    padding-bottom: 0;
    margin-bottom: 0;
    height: auto; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-title-home > h1 {
    font-size: 19px;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    font-weight: 800;
    color: black;
    line-height: 26px;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-subtitle-home {
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
    line-height: 22px;
    width: calc(100% - 24px);
    margin-left: 12px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .all_products {
    font-size: 1rem;
    width: 90%;
    text-align: left;
    font-weight: 700;
    font-family: "proxima-soft";
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 10px;
    height: auto;
    text-transform: uppercase; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .categorybar-mobile {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .category-links {
    width: 100%;
    border-style: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .category-row {
    width: 100%;
    text-align: left;
    height: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .categorybar {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  td.category-data {
    padding: 2px;
    width: 50%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-family: "lato";
    cursor: pointer;
    border: 1px solid rgba(100, 100, 100, 0.4); } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  td.category-data.active {
    background-color: rgba(100, 100, 100, 0.3);
    font-weight: 700;
    color: black;
    cursor: pointer;
    border: 1px solid rgba(100, 100, 100, 0.9); } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .center-heading {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 1px;
    position: relative;
    display: block;
    float: left;
    width: 100%;
    border-bottom-style: none;
    border-top-style: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .heading-line {
    display: flex;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  hr.half-line, hr.half-line-featured {
    width: 15%;
    float: left;
    background: #323232; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .center-heading.products {
    margin-top: 30px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #home-intro-block {
    display: block;
    position: relative;
    background-color: white;
    height: auto;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #969696; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .first-section-wrapper {
    display: block;
    position: relative;
    margin-top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #featured_product_wrapper {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    background-color: white;
    margin-top: 10px;
    border-bottom: 1px solid #969696;
    border-top: 1px solid #969696; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .featured_left, .featured_right {
    display: none; } }

.featured_mobile {
  display: none; }

.featured_mobile::-webkit-scrollbar {
  /* WebKit */ }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .featured_mobile::-webkit-scrollbar {
      width: 0;
      height: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .featured_mobile {
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .featured_mobile a {
    margin-right: 12px; } }

#categories-section-block {
  display: none; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #carousel-block {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-subtitle-home a:active {
    color: #50b4ff;
    opacity: .75; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #categories-section-block {
    display: block;
    margin-top: 0;
    position: relative;
    float: left;
    height: auto;
    width: 100%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .category-block {
    display: block;
    position: relative;
    float: left;
    height: auto;
    width: 100%;
    background-color: white;
    border-top: 1px solid #969696;
    border-bottom: 1px solid #969696;
    margin-top: 10px;
    padding-bottom: 4px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .category-block ul.more-categories {
    line-height: 30px;
    margin-bottom: 2px;
    margin-left: 15px;
    font-size: 15px;
    font-weight: 400;
    font-family: "lato", "arial-fallback", sans-serif; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .swipe-indicator {
    display: block;
    position: absolute;
    right: 12px;
    top: 48%;
    width: auto;
    height: auto;
    color: white;
    opacity: .60;
    font-size: 16px;
    pointer-events: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .swipe-indicator .swipe-text {
    position: relative;
    display: inline-block;
    margin-right: 1px;
    bottom: 1px;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: white; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .swipe-indicator span > svg.chevron-right-icon {
    width: 16px;
    height: 16px;
    margin-right: -7px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.featured_left a:hover {
    color: #0078de; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .featured_text_label {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.home, body.home .main-content, body.home .main-header .container {
    background-color: #E4E4E4; } }

.center-heading.news {
  display: none;
  margin-top: 35px;
  margin-bottom: 0; }

.second-section-wrapper {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 0;
  background: whitesmoke;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(150, 150, 150, 0.25);
  border-top: 1px solid rgba(150, 150, 150, 0.25); }

#announcements {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: -10px;
  z-index: 2; }

.nfn-photo-gallery {
  width: calc(50% - 20px);
  max-width: 1130px;
  display: block;
  float: left;
  position: relative;
  padding-bottom: 0;
  margin-left: 50px;
  overflow: hidden; }

h2.photo-gallery-heading {
  font-family: "fertigo-pro";
  color: #177900;
  font-size: 1.75rem;
  font-weight: bold;
  width: 100%;
  display: inline-block;
  position: relative;
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 10px;
  text-align: center; }

.photo-wrapper a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative; }

.bg-accent-right {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 1000px;
  max-width: 100%;
  height: 100%;
  background: url("../img/white-floral-pattern.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .25;
  z-index: 1; }

.bg-green-accent-right {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 1143px;
  height: 100%;
  background: url("../img/green-floral-pattern.jpg");
  background-repeat: no-repeat;
  z-index: 1; }

.nfn-activity-stream {
  width: calc(50% - 30px);
  max-width: 700px;
  height: 100%;
  margin-left: 0;
  display: block;
  float: left;
  position: relative; }

.nfn-announcements {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.nfn-events {
  width: 100%;
  height: 45%;
  display: block;
  float: left;
  position: relative; }

#photo-gal .photo-wrapper {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 450px;
  overflow: hidden;
  padding-top: 0; }

.photo-wrapper {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
  padding-bottom: 0;
  border-style: none;
  text-align: center; }

.announce-title {
  width: calc(100% - 175px);
  height: auto;
  display: block;
  position: relative;
  float: left;
  color: black;
  font-size: 16px;
  font-family: "proxima-soft";
  font-style: normal;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
  margin-left: 15px;
  letter-spacing: .25px; }

.slick-slide > div:nth-of-type(even) > .photo-wrapper {
  margin-right: 0;
  padding-top: 10px; }

span.photo-description {
  position: absolute;
  bottom: -68px;
  left: 0;
  text-align: left;
  font-family: "lato";
  font-weight: 400;
  font-size: 15px;
  height: 60px;
  width: 100%;
  display: block;
  line-height: 20px; }

h2.news {
  font-family: "fertigo-pro";
  font-size: 1.75rem;
  font-weight: bold;
  color: #177900;
  margin-bottom: 30px;
  margin-top: 0; }

.announce-type-icon {
  width: 26px;
  height: 26px;
  display: block;
  position: relative;
  float: left;
  margin-right: 0;
  left: 5px;
  top: 2px; }

.announce-header {
  width: 100%;
  height: 30px;
  display: block;
  position: relative;
  float: left; }

.announce-timestamp {
  width: auto;
  height: 30px;
  display: block;
  position: relative;
  float: right;
  color: #6e6e6e;
  font-size: 14px;
  font-family: "lato";
  font-weight: 300; }

.announce-footer-grid {
  width: 100%;
  height: auto;
  display: inline-grid;
  position: relative;
  grid-template-columns: repeat(auto-fit, minmax(100px, auto));
  grid-row-gap: 1px;
  grid-column-gap: 20px;
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #646464;
  margin-bottom: 12px;
  float: left;
  overflow: hidden; }

.announcement-link,
.news-link {
  display: block;
  position: relative;
  width: 100%;
  height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.announcement-link > a {
  color: #008FCC;
  font-weight: 400; }

.news-footer-grid-alt {
  width: 128%;
  height: auto;
  display: inline-grid;
  position: relative;
  grid-template-columns: repeat(auto-fit, minmax(100px, auto));
  grid-template-rows: 20px;
  grid-row-gap: 1px;
  grid-column-gap: 20px;
  font-family: "lato";
  font-weight: 400;
  font-size: 14px;
  color: #828282;
  white-space: nowrap;
  float: left;
  overflow: hidden; }

.news-thumbnail-wrapper-alt {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  float: left;
  margin-top: 11px;
  margin-bottom: 0; }

.news-body-wrapper {
  float: left;
  position: relative;
  display: block;
  width: calc(100% - 30px);
  height: auto;
  margin-left: 30px; }

.news-thumbnail {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  width: 120px;
  height: 85px; }

a.news-thumbnail-target {
  display: inline-block;
  position: relative;
  margin-right: 15px;
  width: 120px;
  height: 105px; }

a.news-thumbnail-target:nth-last-child(1) {
  margin-right: 0; }

a.news-thumbnail-target:nth-last-child(1) > .news-thumbnail {
  margin-right: 0; }

span.news-thumbnail-title {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 20px;
  color: #0078de;
  font-size: 13px;
  font-weight: 300;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

a.news-thumbnail-target:hover .news-thumbnail {
  opacity: .8; }

.news-icon {
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  left: -3px; }

.news-icon.product-update {
  width: 32px;
  top: -8px;
  left: -6px; }

.news-icon.product-update img {
  position: relative;
  display: block; }

.news-icon.general {
  top: 1px; }

.news-icon.important {
  top: -2px; }

.news-icon.shipping {
  top: 2px; }

.message-body {
  float: left;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-left: 0;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 6px;
  line-height: 28px; }

.announce-content {
  width: calc(100% - 41px);
  height: auto;
  display: block;
  position: relative;
  margin-left: 41px; }

.news-footer-grid {
  width: 100%;
  height: auto;
  display: inline-grid;
  position: relative;
  grid-template-columns: repeat(auto-fit, minmax(100px, auto));
  grid-template-rows: 20px;
  grid-row-gap: 1px;
  grid-column-gap: 20px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #828282;
  white-space: nowrap;
  float: left;
  overflow: hidden;
  margin-top: 3px; }

.news-footer-grid > div > span,
.announce-footer-grid > div > span {
  font-weight: 700; }

.news-link a {
  font-family: "lato";
  font-weight: 400; }

.announce-footer td {
  padding-left: 0;
  padding-right: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  border-style: none; }

.announce-description {
  width: 100%;
  height: auto;
  max-height: 100px;
  display: block;
  position: relative;
  font-size: 16px;
  color: black;
  font-family: "lato";
  font-weight: 400;
  font-style: normal;
  margin-bottom: 3px;
  float: left;
  line-height: 24px;
  letter-spacing: .25px; }

.news-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(150, 150, 150, 0.3);
  display: inline-block;
  position: relative;
  bottom: 2px;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  margin-left: 0;
  border-bottom: 1px solid white; }

.news-wrapper {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  float: left; }

.news-wrapper-alt {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  float: left; }

.slick-lightbox-slick-caption {
  display: block;
  font-size: 16px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  letter-spacing: .75px;
  color: white;
  margin-top: 20px; }

.news-title {
  width: calc(100% - 105px);
  height: auto;
  display: block;
  position: relative;
  float: left;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: black;
  text-transform: uppercase;
  letter-spacing: .25px; }

.news-body a:hover,
.news-body-alt a:hover {
  text-decoration: underline; }

.news-body {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  float: left;
  font-family: "lato";
  font-size: .9rem;
  font-weight: 400;
  color: black;
  margin-bottom: 2px;
  bottom: 3px;
  line-height: 24px;
  letter-spacing: .25px; }

.news-body-alt {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  float: left;
  font-family: "lato";
  font-size: 16px;
  font-weight: 400;
  color: black;
  margin-bottom: 2px;
  bottom: 3px; }

.news-thumbnail-wrapper {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  float: left;
  margin-top: 11px;
  margin-bottom: 0; }

.news-wrapper-alt .news-thumbnail-wrapper {
  width: 128%; }

.announce-description a:hover {
  text-decoration: underline; }

.news-header-wrapper {
  display: block;
  position: relative;
  height: auto;
  float: left;
  width: 100%;
  margin-bottom: 5px; }

#photo-gal .slick-caption {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 6px;
  margin-left: 10px;
  font-family: "lato";
  color: black;
  font-weight: 500;
  font-size: 15px;
  text-align: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(100% - 100px);
  max-height: 20px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: 0; }

#gallery .swipe-indicator {
  display: none; }

.slick-photo-ts {
  font-family: "lato";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  color: #8c8c8c;
  margin-top: 6px;
  text-align: right;
  letter-spacing: -.25px;
  width: auto;
  height: auto;
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  padding-right: 2px;
  line-height: 18px;
  float: right; }

.news-header-content-wrapper {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  line-height: 22px;
  margin-left: 30px; }

.news-ts {
  width: 100px;
  height: auto;
  display: block;
  position: relative;
  float: right;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 14px;
  color: #a0a0a0;
  bottom: 0;
  font-weight: 400;
  text-align: right;
  letter-spacing: .25px; }

.nfn-events ul {
  float: left;
  position: relative;
  display: block;
  left: 0;
  width: 100%; }

.nfn-events li {
  position: relative;
  float: left;
  display: block;
  list-style: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 100%; }

ul#announcement-list li {
  position: relative;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  margin-top: 10px;
  width: 100%; }

.nfn-announcements ul {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  display: block; }

span.view-all {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #0078de;
  width: auto;
  height: 25px;
  display: inline-block;
  position: relative;
  text-align: left;
  margin-left: 30px;
  bottom: 1px; }

.list-totals {
  width: 100%;
  height: 25px;
  font-family: "lato";
  font-weight: 300;
  font-size: 13px;
  color: black;
  display: block;
  position: relative;
  margin-top: -11px;
  text-align: right;
  float: left; }

#news-list-totals {
  width: 100%;
  height: 25px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #aaaaaa;
  display: block;
  position: relative;
  margin-top: 2px;
  right: 5px;
  bottom: 2px;
  text-align: right;
  float: left; }

#news-list-totals span {
  font-weight: 700;
  color: #323232; }

.news-list-item:last-of-type .news-divider {
  display: none; }

hr.section-two-divider {
  display: none;
  width: 100%;
  background: #e6e6e6;
  position: relative;
  float: left;
  margin-top: 20px; }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  hr.section-two-divider {
    margin-top: 35px; } }

.slick-gallery .slick-slide {
  margin-left: 0;
  margin-right: 0;
  float: left; }

.slick-gallery .slick-list {
  margin-left: 0;
  margin-right: 0;
  height: auto; }

.pagelink,
.filelink {
  width: 14px;
  height: 14px;
  margin-left: 1px;
  margin-right: 3px;
  margin-bottom: 3px; }

@media screen and (max-width: 1505px) {
  .slick-photo-ts {
    margin-top: 5px; } }

@media screen and (max-width: 1505px) {
  .announce-type-icon {
    top: unset;
    bottom: 3px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .news-title {
    font-size: 16px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .news-wrapper {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 1280px) {
  .nfn-activity-stream {
    width: 54%;
    margin-left: 0; } }

@media screen and (max-width: 1280px) {
  #photo-gal .photo-wrapper {
    padding-left: 0;
    padding-right: 0;
    max-width: unset;
    max-width: 350px;
    overflow: unset; } }

@media screen and (max-width: 1505px) {
  .announce-timestamp {
    line-height: 24px; } }

@media screen and (max-width: 1505px) {
  .announce-header {
    height: auto;
    line-height: 22px; } }

@media screen and (max-width: 1280px) {
  .announce-footer-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-gallery.slick-initialized img.photo-thumbnail {
    border-left-style: none; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  img.photo-thumbnail {
    width: 350px;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0% 0%;
    object-position: 0% 0%; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  h2.photo-gallery-heading {
    margin-left: 0;
    margin-bottom: 30px; } }

@media screen and (max-width: 1280px) {
  .slick-gallery .slick-slide {
    height: auto; } }

@media screen and (max-width: 1280px) {
  .nfn-photo-gallery {
    width: 40%;
    margin-bottom: 1.5vw; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  h2.news,
  h2.photo-gallery-heading {
    font-size: 28px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-gallery.slick-initialized .slick-list {
    overflow: hidden;
    padding-bottom: 0;
    scrollbar-width: none;
    -ms-overflow-style: none; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-gallery.slick-initialized .slick-list::-webkit-scrollbar {
    width: 0;
    height: 0; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-gallery.slick-initialized.slick-slider {
    margin-left: 0;
    width: 100%;
    max-height: unset; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .slick-gallery.slick-initialized .slick-track {
    margin-left: 0; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .message-body {
    font-size: 15px;
    line-height: 24px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-gallery.slick-initialized.slick-slider {
    margin-left: 0;
    width: 100%;
    max-height: unset;
    display: flex;
    justify-content: center; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .news-footer-grid {
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #828282; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .nfn-events li {
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    padding-bottom: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  h2.news,
  h2.photo-gallery-heading {
    font-family: "fertigo-pro";
    font-size: 26px;
    font-weight: bold; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .news-icon.product-update {
    top: -9px;
    left: -3px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  h2.photo-gallery-heading {
    margin-bottom: 28px;
    margin-left: 0;
    text-align: center; } }

@media screen and (max-width: 1024px) {
  .announce-description {
    max-height: unset; } }

@media screen and (max-width: 1024px) {
  .slick-gallery.slick-initialized .slick-track {
    max-height: unset;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    overflow-y: unset; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-gallery.slick-initialized .slick-list {
    overflow-y: scroll;
    overflow-x: hidden;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-y;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 0;
    margin-bottom: 0;
    max-width: 280px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-gallery.slick-initialized .slick-list::-webkit-scrollbar {
    width: 7px;
    border-radius: 4px; } }

/* Track */
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-gallery.slick-initialized .slick-list::-webkit-scrollbar-track {
    background: rgba(200, 200, 200, 0.5); } }

/* Handle */
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-gallery.slick-initialized .slick-list::-webkit-scrollbar-thumb {
    background: #338920; } }

/* Handle on hover */
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-gallery.slick-initialized .slick-list::-webkit-scrollbar-thumb:hover {
    background: #246016; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-gallery.slick-initialized img.photo-thumbnail {
    width: 250px;
    height: 250px;
    border-left-style: none; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .slick-gallery.slick-initialized img.photo-thumbnail::before {
    width: 250px;
    height: 250px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  #photo-gal .photo-wrapper {
    max-width: 250px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  #photo-gal .slick-caption {
    width: 100%;
    max-width: 100%;
    text-align: center;
    justify-content: center;
    margin-left: 0; } }

@media screen and (max-width: 1024px) {
  .slick-photo-ts {
    display: none; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .news-title {
    font-size: 16px;
    margin-bottom: 6px;
    line-height: 22px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .message-body {
    font-size: 15px;
    line-height: 24px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .news-body {
    font-size: 15px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  #announcements {
    margin-bottom: 25px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .news-ts {
    font-size: 13px;
    line-height: 26px;
    bottom: 2px;
    width: 90px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .news-footer-grid {
    font-size: 13px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .news-header-wrapper {
    margin-bottom: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-gallery.slick-initialized.slick-slider {
    margin-left: 0;
    width: 100%;
    max-height: 750px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-gallery.slick-initialized .slick-list::-webkit-scrollbar {
    position: absolute;
    top: 0;
    right: -5px;
    width: 6px;
    border-radius: 4px; } }

/* Track */
@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-gallery.slick-initialized .slick-list::-webkit-scrollbar-track {
    background: rgba(200, 200, 200, 0.3); } }

/* Handle */
@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-gallery.slick-initialized .slick-list::-webkit-scrollbar-thumb {
    background: #338920; } }

/* Handle on hover */
@media screen and (max-width: 768px) and (min-width: 600px) {
  .gallery_image {
    display: block;
    position: relative;
    width: 90%;
    max-width: 300px;
    max-height: 300px;
    height: 90%;
    margin: 0 auto;
    visibility: visible; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-gallery.slick-initialized .slick-list::-webkit-scrollbar-thumb:hover {
    background: #246016; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-gallery.slick-initialized .slick-list {
    overflow-y: scroll;
    overflow-x: hidden;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-y;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 0;
    margin-bottom: 0;
    z-index: 1000; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-gallery.slick-initialized img.photo-thumbnail {
    width: 250px;
    height: 250px;
    border-style: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-gallery.slick-initialized img.photo-thumbnail::before {
    height: 250px;
    width: 250px;
    border-style: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .nfn-photo-gallery {
    margin-left: 7%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  #photo-gal .photo-wrapper {
    max-width: unset;
    width: auto; } }

@media screen and (max-width: 768px) {
  .news-header-wrapper {
    height: auto;
    line-height: 20px;
    margin-bottom: 0; } }

@media screen and (max-width: 768px) {
  .announce-type-icon {
    left: 6px;
    height: 50px; } }

@media screen and (max-width: 768px) {
  .news-ts {
    float: left;
    margin-left: 0;
    height: auto;
    line-height: 22px;
    text-indent: 0;
    top: 0;
    font-size: 13px;
    width: auto; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .news-body-wrapper {
    margin-top: 3px; } }

@media screen and (max-width: 768px) {
  .news-body {
    font-size: 14px; } }

@media screen and (max-width: 768px) {
  .slick-caption {
    font-size: 14px; } }

@media screen and (max-width: 768px) {
  .news-footer-grid,
  #news-list-totals {
    font-size: 12px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .news-header-content-wrapper {
    line-height: 20px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .message-body {
    font-size: 14px;
    line-height: 22px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .announce-timestamp {
    float: left;
    text-indent: 14px;
    height: 26px; } }

@media screen and (max-width: 768px) {
  .news-icon {
    width: 22px;
    height: 22px;
    left: 0; } }

@media screen and (max-width: 768px) {
  .news-icon.product-update {
    width: 28px;
    height: 28px;
    top: -5px;
    bottom: unset;
    left: -3px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  h2.photo-gallery-heading {
    font-size: 18px;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    color: black;
    font-weight: 800;
    text-transform: uppercase;
    margin-left: 5px;
    margin-bottom: 25px;
    text-align: center; } }

@media screen and (max-width: 768px) {
  .news-icon.general,
  .news-icon.shipping {
    width: 22px;
    height: 22px;
    top: 2px;
    left: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .slick-caption {
    width: auto;
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: 0;
    max-width: unset; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-section-wrapper .section-wrapper {
    margin-top: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  h2.news {
    font-size: 18px;
    text-transform: uppercase;
    color: black;
    font-weight: 800;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  #announcements {
    margin-top: 5px;
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) {
  .news-title {
    font-size: 14px;
    margin-left: 0;
    width: calc(100% - 40px);
    margin-bottom: 0; } }

@media screen and (max-width: 768px) {
  .center-heading.news {
    display: block; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .second-section-wrapper {
    margin-left: 0;
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #969696;
    border-top: 1px solid #969696;
    background: white; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .second-section-divider-mobile {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px; } }

@media screen and (max-width: 768px) {
  .news-icon.important {
    top: 0; } }

@media screen and (max-width: 599px) {
  .slick-gallery.slick-initialized.slick-slider {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    max-height: unset;
    margin-left: 0; } }

@media screen and (max-width: 599px) {
  .nfn-activity-stream {
    width: 100%;
    margin-left: 0;
    padding-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #gallery .swipe-indicator {
    display: block;
    position: absolute;
    right: 10px;
    top: 47%;
    width: auto;
    height: auto;
    color: white;
    opacity: .7;
    font-size: 17px;
    pointer-events: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #announcements {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .message-body {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #photo-gal .photo-wrapper .slick-caption {
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-size: 14px;
    margin-left: 0;
    padding-left: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #photo-gal .photo-wrapper {
    padding-left: 0;
    padding-right: 0;
    max-width: unset;
    padding-top: 0;
    max-height: 240px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    max-width: 300px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .news_heading {
    font-size: 13px;
    width: 90%;
    text-align: left;
    font-weight: 700;
    font-family: "proxima-soft";
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 10px;
    height: auto;
    text-transform: uppercase; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .news-ts {
    font-size: 12px;
    line-height: 16px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .news-body-wrapper {
    margin-top: 6px; } }

@media screen and (max-width: 599px) {
  .announce-type-icon {
    margin-right: 8px;
    width: 22px;
    bottom: 0;
    left: 2px; } }

@media screen and (max-width: 599px) {
  .announce-title {
    margin-left: 0;
    font-size: 14px;
    margin-bottom: 0; } }

@media screen and (max-width: 599px) {
  .announce-timestamp {
    float: left;
    text-indent: 0;
    height: 26px;
    font-size: 14px; } }

@media screen and (max-width: 599px) {
  .announce-footer-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 300px));
    font-size: 13px; } }

@media screen and (max-width: 599px) {
  .news-footer-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 200px));
    font-size: 12px; } }

@media screen and (max-width: 599px) {
  .announce-description {
    font-size: 14px;
    max-height: unset; } }

@media screen and (max-width: 599px) {
  .announce-content {
    width: calc(100% - 30px);
    margin-left: 30px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .news-body,
  .news-body-alt {
    font-size: 14px; } }

@media screen and (max-width: 599px) {
  .news-wrapper-alt .news-thumbnail-wrapper {
    width: 100%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-caption {
    width: 100%;
    max-width: unset;
    position: relative;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    overflow: hidden;
    bottom: 0;
    left: 0;
    justify-content: left;
    display: block;
    padding-left: 2%;
    padding-right: 2%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  h2.photo-gallery-heading {
    font-size: 15px;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    color: black;
    font-weight: 800;
    border-top: 1px solid #969696;
    border-bottom: 1px solid #969696;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
    line-height: 20px;
    padding-top: 1px;
    text-transform: uppercase;
    text-align: center; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-gallery.slick-initialized img.photo-thumbnail {
    width: 300px;
    height: 240px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0% 0%;
    object-position: 0% 0%;
    border-style: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-gallery.slick-initialized img.photo-thumbnail:hover {
    border-style: none; } }

@media screen and (max-width: 599px) {
  #announcements {
    margin-top: 5px;
    margin-bottom: 0;
    flex-direction: column; } }

@media screen and (max-width: 599px) {
  .nfn-photo-gallery {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 0;
    padding-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .center-heading.news {
    margin-top: 30px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .second-section-wrapper {
    margin-bottom: 0;
    background-color: white;
    margin-top: 10px;
    border-top: 1px solid #969696;
    border-bottom: 1px solid #969696; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  h2.news {
    font-size: 15px;
    text-transform: uppercase;
    color: black;
    font-weight: 800;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
    border-top: 1px solid #969696;
    border-bottom: 1px solid #969696;
    padding-top: 1px; } }

@media screen and (max-width: 599px) {
  .slick-gallery.slick-initialized .slick-track {
    width: auto;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-left: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-gallery.slick-initialized .slick-slide {
    margin-right: 12px;
    text-align: left;
    max-width: 300px;
    padding-right: 0;
    margin-left: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-gallery.slick-initialized .slick-list {
    display: inline-block;
    position: relative;
    padding: 0 !important;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-gallery.slick-initialized .slick-list::-webkit-scrollbar {
    width: 0;
    height: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .second-section-wrapper .section-wrapper {
    margin-bottom: 5px; } }

.page-three-body-wrapper {
  float: right;
  position: relative;
  display: block;
  margin-right: 50px;
  width: calc(100% - 100px);
  height: auto;
  margin-top: 30px; }

.third-section-wrapper .blog-item .timestamp {
  font-size: 15px;
  font-weight: 400;
  color: #787878;
  font-family: "lato", "arial-fallback", sans-serif; }

.blog-item .excerpt {
  font-weight: 400;
  letter-spacing: .25px;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 5px;
  color: black; }

#blog-section-block {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 1; }

#blog-section-block > .section > .container {
  padding: 0;
  margin-left: 0;
  width: 100%; }

.third-section-wrapper .section {
  padding: 0;
  margin: 0; }

.featured_text_label {
  display: block;
  position: relative;
  left: 95px;
  top: 20px;
  color: black;
  font-weight: 300;
  z-index: 9;
  font-size: 12px;
  font-family: "lato"; }

.third-section-wrapper {
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  display: block; }

.section-title-home-right {
  margin: auto;
  width: 100%;
  text-align: left;
  font-size: 1.75rem;
  color: #177900;
  font-family: "fertigo-pro";
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 5px;
  float: left;
  margin-left: 0; }

.section-subtitle-home-right {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  font-size: 16px;
  color: #191919;
  font-family: "lato", "arial-fallback", sans-serif;
  margin-top: 5px;
  margin-bottom: 25px;
  margin-right: 0;
  margin-left: 0;
  float: left;
  z-index: 2; }

.text-indent {
  margin-left: 0;
  display: inline-block;
  position: relative;
  font-size: .95rem;
  font-family: "lato";
  font-weight: 400;
  letter-spacing: .25px;
  left: 0; }

.third-section-wrapper .section-wrapper {
  margin-bottom: 20px; }

div.nutrition-info:nth-of-type(3) {
  margin-left: 0; }

hr.section-three-divider {
  display: none;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  position: relative;
  margin-top: 0;
  float: left; }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-title-home-right {
    font-size: 28px;
    margin-left: -4px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .page-three-body-wrapper {
    padding-right: 50px;
    float: left;
    position: relative;
    display: block;
    margin-left: 50px;
    width: calc(100% - 50px);
    height: auto;
    margin-top: 30px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .third-section-wrapper .section-wrapper {
    margin-bottom: 10px; } }

@media screen and (max-width: 1280px) {
  .third-section-wrapper .section {
    padding: 0;
    margin: 0;
    z-index: 2; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-subtitle-home-right {
    font-size: 15px;
    margin-left: -4px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.home .blog-item .excerpt {
    font-size: 15px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-title-home-right {
    margin-right: 0;
    width: 100%;
    font-size: 26px;
    margin-top: 15px;
    margin-left: -3px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .third-section-wrapper .blog-item .timestamp {
    font-size: 15px;
    color: #969696; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.home .blog-item .excerpt {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 5px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .text-indent {
    margin-left: -3px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-subtitle-home-right {
    margin-right: 0;
    margin-left: 0;
    margin-top: 6px;
    font-size: 14px;
    width: 100%; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page-three-body-wrapper {
    margin-right: 25px;
    margin-left: 0;
    width: calc(100% - 50px); } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .nutrition-info {
    width: auto;
    height: auto;
    display: inline-block;
    position: relative;
    margin-left: 5%;
    margin-bottom: 20px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .nutrition-heading {
    font-size: 16px;
    margin-right: 0;
    margin-left: 20px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .blog-items-list {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.nutrition-info ul li::before {
    margin-right: 5px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.nutrition-info ul li a {
    font-size: 14px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .third-section-wrapper {
    display: block;
    position: relative;
    float: left;
    margin-left: 0;
    width: 100%; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .third-section-wrapper .section-wrapper {
    margin-left: 40px;
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .center-heading-dishes {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-left: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  h2.dishes_recipes {
    text-transform: uppercase;
    margin-left: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .center-heading span.text-indent {
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: black;
    margin-top: 4px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .third-section-wrapper {
    display: block;
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    background-color: white;
    margin-bottom: 10px;
    border-top: 1px solid rgba(150, 150, 150, 0.8);
    border-bottom: 1px solid rgba(150, 150, 150, 0.8); } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .third-section-wrapper .section-wrapper {
    margin-bottom: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-title-home-right {
    display: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-subtitle-home-right {
    display: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .nutrition-info {
    width: auto;
    height: auto;
    display: inline-block;
    position: relative;
    margin-left: 30px;
    margin-bottom: 20px;
    text-align: right; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .page-three-body-wrapper {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .nutrition-heading {
    font-size: 16px;
    margin-right: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  div.nutrition-info ul li a {
    font-size: 14px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  div.nutrition-info ul li::before {
    margin-right: 5px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .center-heading.dishes {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  #blog-section-block .blog-items-list {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .third-section-wrapper .blog-items-list .blog-item {
    position: relative;
    display: inline-block;
    width: calc(50% - 12.5px); } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .third-section-wrapper .blog-items-list .blog-item:nth-of-type(odd) {
    margin-left: 0;
    margin-right: 15px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .third-section-wrapper .blog-items-list .blog-item:nth-of-type(even) {
    margin-left: 10px;
    margin-right: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .third-section-wrapper .blog-item .timestamp {
    font-size: 13px;
    font-weight: 400;
    color: #969696;
    font-family: "lato", "arial-fallback", sans-serif; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .third-section-wrapper .blog-item .excerpt {
    font-family: "lato", "arial-fallback", sans-serif;
    color: black;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .third-section-wrapper .blog-item .title {
    margin-top: 4px;
    margin-bottom: 6px;
    font-family: "lato", "arial-fallback", sans-serif;
    color: #743700;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #blog-section-block {
    display: block;
    position: relative;
    background-color: transparent;
    margin-top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .third-section-wrapper .blog-item .timestamp {
    font-size: 13px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .center-heading.dishes {
    margin-top: 0;
    margin-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
    text-align: center; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .dishes_recipes {
    font-size: 15px;
    width: 100%;
    text-align: center;
    font-weight: 800;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    float: left;
    margin-top: 0;
    margin-bottom: 6px;
    margin-left: 0;
    height: auto;
    text-transform: uppercase;
    color: black;
    text-align: left; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .third-section-wrapper {
    background-color: white;
    margin-top: 10px;
    border-top: 1px solid #969696; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .center-heading.dishes span.text-indent {
    font-size: 14px;
    font-weight: 400;
    font-family: "lato", "arial-fallback", sans-serif;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    width: 100%;
    pointer-events: all; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .third-section-wrapper .blog-item .continue-reading span {
    top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .center-heading.dishes span.text-indent a:hover {
    color: #0AA9FF;
    cursor: pointer; } }

.fourth-section-wrapper {
  margin: auto;
  width: 100%;
  height: auto;
  float: left;
  background-color: whitesmoke;
  position: relative;
  display: block;
  border-top: 1px solid rgba(150, 150, 150, 0.25); }

.section-body-text {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: black;
  margin-top: 15px;
  position: relative;
  float: left;
  width: 100%;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.25px; }

.points-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: auto;
  z-index: 10; }

.section-body-text-small {
  display: none; }

.section-four-title-home {
  width: 100%;
  text-align: left;
  font-size: 1.75rem;
  color: #177900;
  font-family: "fertigo-pro";
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  float: left;
  margin-left: 0;
  position: relative;
  z-index: 2; }

.center-heading.landscape {
  display: none;
  margin-top: 35px;
  margin-bottom: 0;
  z-index: 2; }

.page-four-body-wrapper {
  float: left;
  position: relative;
  display: block;
  margin-left: 0;
  margin-right: 0;
  z-index: 2;
  margin-bottom: 20px; }

.landscape-link:hover {
  color: #63b7ff; }

.landscape-design-points {
  display: inline-block;
  position: relative;
  width: calc(100% - 850px);
  max-width: 900px;
  height: auto;
  margin-left: 45px;
  margin-top: 10px; }

.landscape-design-caption {
  float: left;
  position: relative;
  display: block;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 13px;
  color: #646464;
  text-align: left;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 15px; }

.landscape-design {
  float: left;
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  margin-bottom: 5px; }

.landscape-design-img-fallback {
  position: absolute;
  display: block;
  top: 0;
  left: 0; }

.landscape-design-slide {
  float: left;
  position: relative;
  display: block;
  width: auto; }

.caption-circle {
  width: 30px;
  height: 30px;
  background: #0c2300;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: white;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 700;
  font-size: 18px;
  margin-top: 30px;
  padding-top: 2px;
  border-style: none;
  box-shadow: 2px 2px 5px grey;
  z-index: 1; }

.caption-circle:hover {
  cursor: pointer; }

.hover-caption {
  width: 250px;
  height: auto;
  position: absolute;
  display: block;
  top: 200px;
  left: 310px;
  pointer-events: none; }

.hover-caption-2 {
  width: 250px;
  height: auto;
  position: absolute;
  display: block;
  top: 240px;
  left: 200px;
  pointer-events: none; }

.hover-caption-3 {
  width: 250px;
  height: auto;
  position: absolute;
  display: block;
  top: 120px;
  left: 160px;
  pointer-events: none; }

.hover-caption-4 {
  width: 250px;
  height: auto;
  display: block;
  position: absolute;
  top: 260px;
  left: 280px;
  pointer-events: none; }

.hover-caption-5 {
  width: 250px;
  height: auto;
  position: absolute;
  display: block;
  top: 350px;
  left: 530px;
  pointer-events: none; }

.hover-caption-6 {
  width: 250px;
  height: auto;
  position: absolute;
  display: block;
  top: 380px;
  left: 200px;
  pointer-events: none; }

.caption-overlay-on {
  width: 180px;
  height: auto;
  border-radius: 4%;
  background: #0c2300;
  display: block;
  float: left;
  position: relative;
  text-align: left;
  line-height: 20px;
  color: white;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 10px;
  margin-left: 10px;
  border: 1px solid black;
  z-index: 100;
  letter-spacing: 0.25px; }

.caption-overlay-off {
  display: none !important;
  position: relative;
  float: left;
  z-index: 100; }

.landscape-design-img-wrapper {
  width: 800px !important;
  height: 680px;
  position: relative;
  display: block;
  float: left;
  margin-top: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #9f9f9f; }

span.number {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: #0c2300;
  margin-right: 25px;
  display: inline-block;
  position: relative;
  text-align: center;
  width: 20px;
  vertical-align: middle; }

span.point-text {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: black;
  text-align: left;
  display: inline-block;
  position: relative;
  width: calc(100% - 45px);
  vertical-align: middle;
  letter-spacing: .25px; }

.landscape-design-points ul li {
  margin-bottom: 25px; }

.section-four-subtitle-home {
  width: 100%;
  font-size: 18px;
  color: black;
  font-family: "lato", "arial-fallback", sans-serif;
  margin-top: 8px;
  margin-left: 0;
  float: left;
  position: relative;
  text-align: left;
  z-index: 2;
  letter-spacing: .25px; }

.nutrition-info {
  text-align: left;
  width: auto;
  font-size: 16px;
  color: #5a5a5a;
  font-family: "lato", "arial-fallback", sans-serif;
  float: right;
  margin-left: 7%;
  margin-bottom: 40px; }

.nutrition-info ul {
  margin-left: 20px;
  list-style: none;
  /* Remove default bullets */
  margin-top: 5px; }

.nutrition-info ul li {
  font-size: 15px;
  font-family: "lato", "arial-fallback", sans-serif;
  color: #5a5a5a;
  line-height: 24px; }

.nutrition-info ul li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #5a5a5a;
  /* Change the color */
  font-weight: 700;
  /* If you want it to be bold */
  font-size: 18px;
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  margin-right: 8px; }

.nutrition-heading {
  margin-right: 0;
  margin-left: 20px;
  color: #49f000;
  font-size: 18px;
  font-weight: 700;
  font-family: lato, "arial-fallback", sans-serif; }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  .landscape-design-points {
    width: calc(100% - 710px);
    margin-left: 25px; } }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  .landscape-design-points ul li {
    margin-bottom: 15px; } }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  .hover-caption {
    width: auto;
    top: 240px;
    left: 180px; } }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  .hover-caption-2 {
    width: auto;
    top: 200px;
    left: 150px; } }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  .hover-caption-3 {
    width: auto;
    top: 100px;
    left: 100px; } }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  .hover-caption-4 {
    width: auto;
    top: 210px;
    left: 230px; } }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  .hover-caption-5 {
    width: auto;
    top: 270px;
    left: 430px; } }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  .hover-caption-6 {
    width: auto;
    top: 290px;
    left: 180px; } }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  .landscape-design-img-wrapper {
    width: 670px !important;
    height: 570px;
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #9f9f9f; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-body-text {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 15px;
    line-height: 26px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .landscape-design-points {
    width: calc(100% - 560px);
    margin-top: 0;
    margin-left: 4%; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  span.point-text {
    line-height: 24px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-four-subtitle-home {
    font-size: 16px;
    width: 100%; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .section-four-title-home {
    font-size: 28px;
    margin-top: 0; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .landscape-design-caption {
    font-size: 13px;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .hover-caption {
    width: auto;
    top: 180px;
    left: 130px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .hover-caption-2 {
    width: auto;
    top: 140px;
    left: 120px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .hover-caption-3 {
    width: auto;
    top: 80px;
    left: 80px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .hover-caption-4 {
    width: auto;
    top: 170px;
    left: 180px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .hover-caption-5 {
    width: auto;
    top: 200px;
    left: 310px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .hover-caption-6 {
    width: auto;
    top: 230px;
    left: 120px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .nutrition-info {
    margin-left: 3%;
    width: 29%;
    max-width: 250px;
    min-width: 200px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .nutrition-info:nth-of-type(1) {
    max-width: 210px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .nutrition-info:nth-of-type(3) {
    width: 25%; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .nutrition-heading {
    font-size: 14px;
    margin-left: 22px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .nutrition-info ul li {
    font-size: 14px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .nutrition-info ul li::before {
    margin-right: 5px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .caption-circle {
    opacity: 1; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .page-four-body-wrapper {
    float: left;
    position: relative;
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .landscape-design-img-wrapper {
    width: 506px !important;
    height: 428px;
    position: relative;
    display: block;
    margin-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #9f9f9f; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .landscape-design {
    margin-top: 20px; } }

@media screen and (max-width: 1024px) {
  .caption-circle {
    opacity: 1; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .landscape-design-caption {
    font-size: 13px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-body-text-small {
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 15px;
    line-height: 26px;
    color: black;
    margin-top: 30px;
    margin-left: 0;
    position: relative;
    float: left;
    width: 100%;
    font-weight: 500;
    text-align: left;
    display: block !important; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-body-text {
    margin-left: 25px;
    width: calc(100% - 50px);
    font-size: 16px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page-four-body-wrapper {
    width: 100%;
    margin-bottom: 0; } }

@media screen and (max-width: 1024px) {
  .landscape-design-points {
    display: none; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-four-subtitle-home {
    font-size: 16px;
    margin-left: 0;
    width: 100%; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .section-four-title-home {
    margin-top: 0;
    font-size: 26px;
    width: 100%;
    margin-left: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .page-four-body-wrapper {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .landscape-design {
    margin-top: 15px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .landscape-design-img-wrapper {
    width: 662px !important;
    height: 560px !important;
    position: relative;
    display: block;
    margin-top: 15px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #9f9f9f;
    float: none; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .hover-caption-6 {
    top: 290px;
    left: 160px;
    pointer-events: auto;
    z-index: 2; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .hover-caption-5 {
    top: 280px;
    left: 430px;
    pointer-events: auto; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .hover-caption-4 {
    top: 220px;
    left: 230px;
    pointer-events: auto; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .hover-caption-3 {
    top: 90px;
    left: 110px;
    pointer-events: auto; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .hover-caption-2 {
    top: 200px;
    left: 150px;
    pointer-events: auto; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .hover-caption {
    top: 230px;
    left: 180px;
    pointer-events: auto; } }

@media screen and (min-width: 769px) {
  .dishes-recipes {
    display: none;
    height: 0;
    width: 0;
    font-family: "lato", "arial-fallback", sans-serif;
    color: #323232;
    font-size: 13px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .fourth-section-wrapper {
    margin-bottom: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .center-heading.landscape {
    display: block;
    position: relative;
    margin-top: 0;
    font-size: 18px;
    font-weight: 800;
    color: black;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    text-transform: uppercase; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .fourth-section-wrapper {
    border-top: 1px solid rgba(150, 150, 150, 0.8);
    border-bottom: 1px solid rgba(150, 150, 150, 0.8);
    margin-bottom: 10px;
    background: white; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .page-four-body-wrapper {
    margin-left: 0;
    margin-right: 0;
    width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .landscape-design-caption {
    display: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .landscape-design-slide {
    float: unset;
    margin: 0 auto;
    width: calc( 100% - 90px); } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-four-title-home {
    font-size: 24px;
    margin-left: 0;
    margin-top: 0;
    width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .center-heading.landscape h2.edible_landscape {
    margin: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-body-text {
    width: 100%;
    font-size: 14px;
    margin-top: 20px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-body-text-small {
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: black;
    margin-top: 20px;
    margin-bottom: 3px;
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    display: block !important;
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .section-four-subtitle-home {
    margin-top: 5px;
    margin-left: 0;
    font-size: 14px;
    width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .landscape-design {
    margin-top: 15px;
    margin-bottom: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .landscape-design-img-wrapper {
    margin-top: 5px;
    width: 520px !important;
    height: 440px;
    float: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .hover-caption-6 {
    top: 220px;
    left: 120px;
    width: auto;
    pointer-events: auto; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .hover-caption-5 {
    top: 200px;
    left: 330px;
    width: auto;
    pointer-events: auto; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .hover-caption-4 {
    top: 140px;
    left: 180px;
    width: auto;
    pointer-events: auto; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .hover-caption-3 {
    top: 50px;
    left: 80px;
    width: auto;
    pointer-events: auto; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .hover-caption-2 {
    top: 120px;
    left: 100px;
    width: auto;
    pointer-events: auto; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .hover-caption {
    top: 170px;
    left: 120px;
    width: auto;
    pointer-events: auto; } }

@media screen and (max-width: 768px) {
  .section-four-title-home, .section-four-subtitle-home {
    display: none; } }

@media screen and (max-width: 768px) {
  .page-four-body-wrapper {
    margin-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .page-three-body-wrapper {
    float: left;
    position: relative;
    display: block;
    margin-left: 0;
    width: 100%;
    height: auto;
    margin-top: 20px;
    padding-right: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .nutrition-info {
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #5a5a5a;
    font-family: "lato", "arial-fallback", sans-serif;
    float: left;
    margin-bottom: 20px;
    margin-left: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .nutrition-heading {
    margin-right: 0;
    margin-left: 0;
    color: #49f000;
    font-size: 15px;
    font-weight: 700;
    font-family: "lato", "arial-fallback", sans-serif;
    text-align: center;
    width: 100%;
    position: relative;
    float: left; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.home .collection-sorting {
    margin-top: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .nutrition-info ul li {
    font-size: 14px;
    font-family: "lato", "arial-fallback", sans-serif;
    color: #5a5a5a; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .nutrition-info ul {
    line-height: 20px;
    margin-left: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .nutrition-info ul li::before {
    width: 5px;
    /* Also needed for space (tweak if needed) */
    margin-left: 0;
    /* Also needed for space (tweak if needed) */
    height: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .dishes-recipes {
    text-align: center;
    font-weight: 600;
    margin-top: 0;
    width: 150px;
    margin-bottom: 20px;
    font-family: "lato", "arial-fallback", sans-serif;
    color: #323232;
    font-size: 13px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-title-home-right {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-subtitle-home-right {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .edible_landscape {
    font-size: 13px;
    width: 90%;
    text-align: left;
    font-weight: 700;
    font-family: "proxima-soft";
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 10px;
    height: auto;
    text-transform: uppercase; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-four-title-home {
    width: 100%;
    text-align: left;
    font-size: 21px;
    color: #177900;
    font-family: "fertigo-pro";
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    margin-left: 15px;
    position: relative; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-four-subtitle-home {
    width: calc(100% - 30px);
    font-size: 14px;
    color: #5a5a5a;
    font-family: "lato", "arial-fallback", sans-serif;
    margin-top: 5px;
    margin-left: 15px;
    float: left;
    position: relative;
    text-align: left; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .page-four-body-wrapper {
    float: left;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .landscape-design-img-wrapper {
    background: none;
    background-repeat: no-repeat;
    width: 92% !important;
    height: 100%;
    max-width: 380px;
    max-height: 390px;
    position: relative;
    display: block;
    margin-top: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .landscape-design-caption {
    float: left;
    position: relative;
    display: block;
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 12px;
    color: black;
    text-align: center;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .landscape-design {
    float: left;
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .mobile-gallery-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 80px;
    color: rgba(255, 255, 255, 0.5);
    z-index: 9;
    pointer-events: none;
    top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .fourth-section-wrapper {
    display: none;
    margin-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .center-heading.landscape {
    margin-top: 30px;
    display: block; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-body-text-small {
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 14px;
    color: black;
    margin-top: 25px;
    position: relative;
    float: left;
    width: calc(100% - 40px);
    font-weight: 600;
    text-align: left;
    display: block !important;
    margin-left: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .hover-caption, .hover-caption-2, .hover-caption-3, .hover-caption-4, .hover-caption-5, .hover-caption-6 {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .section-body-text {
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 13px;
    color: #177900;
    margin-top: 15px;
    margin-left: 15px;
    position: relative;
    float: left;
    width: calc(100% - 30px);
    font-weight: 600; } }

body.category-All .product-item {
  max-width: 170px; }

.temp-home-banner {
  margin: 15px auto 25px auto;
  padding: 15px 10px;
  border: 1px solid #ccc;
  background: #f8f8f8;
  border-radius: 10px;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  font-weight: normal; }

body.category-All .product-item-thumbnail {
  display: block;
  position: relative;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  width: auto;
  max-width: 170px;
  min-height: 170px;
  background: whitesmoke;
  border-style: none;
  z-index: 1; }

body.category-All .product-item-thumbnail::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/vertical-bar-loader-animated.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  z-index: 3;
  opacity: 0.35; }

body.category-All .product-item-thumbnail img {
  position: relative;
  width: max-content;
  min-height: 170px;
  height: max-content;
  z-index: 5; }

body.category-All .product-item.no-stock figure.product-item-thumbnail::before {
  background: rgba(0, 0, 0, 0.5);
  content: "SOLD OUT";
  position: absolute;
  display: inline-flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-left: 0;
  padding-right: 0;
  pointer-events: all;
  color: #e6e6e6;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 2.5px;
  justify-content: center;
  align-items: center;
  z-index: 7;
  opacity: 1; }

body.category-All #controls {
  display: block; }

.circle-info-icon {
  width: 18px;
  height: 18px;
  color: #969696; }

#compare-plants .tail-select .select-label .label-count {
  padding: 0 5px 0 0; }

#controls .show-more-info {
  position: absolute;
  display: block;
  top: 10px;
  right: 5px;
  width: 18px;
  height: 18px;
  cursor: alias; }

.circle-info-icon:hover {
  color: #42B22A; }

body.category-All span.pre-order-badge {
  display: none; }

body.category-All .filter-arrow,
body.category-All .filter-text,
body.category-All .mobile-filter-btn-wrapper,
.mobile-filter-bar,
.mobile-filter-btn-wrapper {
  display: none; }

.show-products-category-name {
  display: none; }

.mix-results-summary,
.result-count,
.filter-count {
  display: none; }

#controls .vertical-scale {
  width: 30px;
  height: auto;
  position: relative;
  float: left;
  display: block;
  text-align: center;
  padding-top: 21px;
  margin-right: 2px; }

#controls #moisture-tolerance .filter-body {
  height: 110px; }

#controls #other-benefits.filter-block {
  padding-bottom: 12px; }

#controls #other-benefits label.form-check-label {
  height: 22px;
  vertical-align: middle; }

#controls #other-benefits .custom-checkbox-l {
  height: 18px; }

#controls #other-benefits .title-block {
  margin-bottom: 0; }

#controls #other-benefits .form-check-vertical input[type="checkbox"] + .form-check-label::before {
  vertical-align: middle;
  margin-bottom: 2px; }

.light-btn-group,
.moisture-btn-group {
  height: auto;
  position: relative;
  float: left;
  display: block;
  padding-left: 3px; }

#controls #other-benefits .sidebar-heading-most {
  margin-bottom: 0; }

body.category-All .product-item-price {
  display: block;
  text-align: center;
  margin-top: 5px; }

body.category-All .product-item-price > .price,
body.category-All .product-item-price > .price span.price {
  font-size: 15px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: black; }

.filter-tag-list {
  display: none;
  width: auto;
  height: 34px;
  line-height: 18px;
  margin-left: 25px;
  font-size: 14px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 300;
  color: #ebffeb;
  z-index: 10;
  position: relative;
  padding: 6px;
  background: #0079ba;
  border: 1px solid #004e8a;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.26); }

.filter-tag-list:hover {
  color: white;
  cursor: pointer; }

span[data-ref="display"] {
  display: inline-block;
  width: auto;
  height: 10px; }

span[data-ref="store"] {
  display: none; }

.hrz-block {
  width: 100%;
  text-align: center;
  position: relative;
  display: block;
  font-family: "lato";
  font-weight: 400;
  color: #787878;
  font-size: 14px; }

.form-check-vertical {
  height: 22px; }

.filter-body {
  display: block;
  text-align: left;
  position: relative;
  width: 100%;
  height: auto; }

.reset-all-list {
  display: none;
  opacity: 1;
  width: 25px;
  height: 25px;
  font-size: 18px;
  color: #9e0202;
  z-index: 10;
  padding-left: 6px;
  margin-top: 5px;
  float: left; }

.reset-all-list:hover {
  color: red;
  cursor: pointer; }

.circle-icon-xmark {
  height: 18px;
  width: 18px; }

body.category-All .product-item-title {
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 5px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 17px;
  font-weight: 700;
  margin-left: 5px;
  width: calc(100% - 10px);
  position: relative;
  display: block; }

body.category-All .product-breakdown {
  display: block;
  margin-top: 5px; }

body.category-All .product-breakdown ul li span:nth-child(1) {
  font-weight: 400;
  margin-right: 3px; }

body.category-All .product-breakdown ul li span {
  font-family: "lato";
  font-size: 12px;
  font-weight: 200;
  color: black;
  display: inline-block;
  position: relative; }

body.category-All .product-breakdown ul li {
  text-align: left;
  line-height: 16px; }

body.category-All .product-item-details {
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
  width: 100%;
  height: auto;
  overflow: hidden; }

body.category-All .collection-name,
body.category-All .category-description-wrapper {
  display: none; }

body.category-All a.quick-shop {
  top: 20%;
  z-index: 1;
  display: none; }

body.category-All .collection-columns {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0; }

body.category-All .main-content {
  margin-top: 0; }

body.category-All .all-container {
  display: block;
  width: 100%;
  height: 68px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 2; }

body.category-All .product-grid-container {
  padding-left: 22px;
  padding-right: 13px;
  padding-bottom: 30px;
  padding-top: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-around;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden; }

body.category-All #mix-container.withlabel .product-grid-container {
  justify-content: left;
  flex-wrap: nowrap;
  max-height: 702px; }

body.category-All #mix-container.withlabel .product-item {
  margin-left: 8px;
  margin-right: 8px;
  min-width: 16%;
  padding-top: 15px; }

body.category-All #mix-container.withlabel .product-item .label-row-wrapper {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0; }

body.category-All .product-item-pre-order-tag {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  height: 200px;
  font-weight: 700;
  line-height: 21px;
  width: 90%;
  color: white;
  text-shadow: 0 1px 4px #000;
  font-family: "proxima-soft";
  font-size: 18px;
  background-color: rgba(70, 70, 70, 0.6);
  right: 10px; }

@media screen and (max-width: 1505px) {
  body.category:not(.category-All) .product-item-sold-out-tag {
    width: calc(100% - 20px);
    left: 10px; } }

body.category-All .product-item-sold-out-tag {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  height: 200px;
  font-weight: 700;
  line-height: 21px;
  width: 100%;
  color: white;
  text-shadow: 0 1px 4px #000;
  font-family: "proxima-soft";
  font-size: 18px;
  background-color: rgba(70, 70, 70, 0.6);
  right: 0;
  top: 0; }

body.category-All .section-subscription-form {
  padding-top: 60px; }

body.category-All span.sale-badge {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 117px;
  height: 35px;
  background-image: url("../img/sale-tag.svg");
  background-repeat: no-repeat;
  font-family: "lato";
  font-size: 18px;
  font-weight: 600;
  color: white;
  text-align: right;
  padding-right: 15px;
  padding-top: 2px;
  opacity: 0.96;
  box-shadow: -1px -15px 12px -9px rgba(0, 0, 0, 0.6);
  letter-spacing: 1px;
  padding-left: 0; }

body.category-All .product-itemz {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 10px;
  margin-top: 10px; }

body.category-All .product-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0; }

.show-more-info .tooltip-rectangle {
  display: none;
  position: absolute;
  top: 0;
  left: 30px;
  background-color: black;
  color: white;
  width: 200px;
  height: auto;
  font-size: 13px;
  font-family: "lato";
  font-weight: 400;
  border-radius: 6px;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 8px;
  padding-bottom: 12px;
  z-index: 10; }

body.category-All .show-more-info:hover .tooltip-rectangle {
  display: block; }

body.category-All .price-ns-wrapper {
  margin-bottom: -5px; }

body.category-All .product-item-price .price-ns-label, body.category-All .product-item-price .price-ns {
  font-size: 13px; }

.product-sort-select {
  display: none; }

body.category-All .product-item-rating {
  display: none; }

.page-title-plant-finder {
  margin-left: 20px;
  margin-top: 0;
  padding-top: 9px;
  display: block;
  width: 200px;
  height: auto;
  font-size: 18px;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-weight: 700;
  position: relative;
  float: left;
  color: white;
  letter-spacing: 1.5px; }

body.category-All li.breadcrumb:not(.is-active) a:hover {
  color: white;
  opacity: 1; }

body.category-All .collection-product-index-column > .collection-sorting {
  display: none; }

body.category-All .breadcrumbs-container-all {
  margin-left: 5px;
  margin-top: 0;
  position: relative;
  z-index: 10;
  color: #8fd9ff;
  display: block;
  font-size: 14px;
  font-family: "lato";
  float: left; }

body.category-All .breadcrumbs-container {
  display: none; }

body.category-All .breadcrumb:not(.is-active)::after {
  color: #8fd9ff; }

body.category-All .breadcrumb-label.link {
  color: #8fd9ff; }

.all-container {
  display: none; }

.sticky-filter-bar {
  display: block;
  height: 67px !important;
  width: 100% !important;
  position: relative;
  background: #0079ba;
  border-bottom: 1px solid #004e8a;
  border-top: 1px solid #004e8a;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.42);
  z-index: 4 !important; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category-All .sticky-filter-bar,
  body.category-All .all-container {
    display: block;
    position: fixed;
    bottom: 0;
    top: unset;
    left: 0;
    height: 50px !important;
    border-top: 1px solid #004e8a;
    border-bottom: unset; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.category-All .sticky-filter-bar,
  body.category-All .all-container {
    display: block;
    height: 58px !important; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.category-All .sticky-filter-bar,
  body.category-All .all-container {
    display: block;
    height: 62px !important; } }

body.category-All .divider-lean {
  display: block;
  height: 25px;
  width: 100%;
  position: relative;
  background: url("../img/sticky-filter-divider-dots.svg");
  background-repeat: no-repeat;
  opacity: 1;
  margin-top: 0;
  background-position: center center; }

body.category-All .sidebar-block {
  border-style: none;
  padding: 0;
  display: none; }

body.category-All li.shop-by-price-item a {
  font-size: 14px;
  font-family: "lato";
  font-weight: 400; }

body.category-All li.shop-by-price-item {
  line-height: 21px; }

body.category-All .product-sort-select {
  position: absolute;
  right: 30px;
  top: 25px; }

body.category-All .shop-by-price-heading {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 8px; }

.native_region {
  display: block;
  width: 100%;
  position: relative;
  height: 100px;
  margin-bottom: 0;
  padding-right: 2px;
  padding-top: 0;
  padding-bottom: 2px;
  padding-left: 0;
  line-height: 21px; }

#controls .form-check-input {
  height: 20px;
  width: 20px; }

#controls .filter-block {
  display: block;
  position: relative;
  height: auto;
  padding-bottom: 12px;
  padding-top: 8px;
  line-height: 22px;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(150, 150, 150, 0.3);
  width: 100%; }

.c-1-color {
  background: red; }

.c-2-color {
  background: yellow; }

.c-3-color {
  background: green; }

.c-4-color {
  background: blue; }

.c-5-color {
  background: purple; }

.range-slider {
  display: block;
  position: relative;
  height: 80px;
  width: 240px; }

.filter-tags {
  display: block;
  position: relative;
  float: left;
  width: calc(100% - 760px);
  height: 100%;
  padding-left: 0;
  padding-right: 25px;
  margin-left: 205px; }

.tm-input {
  display: none; }

body.category-All .input-group-search {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 160px;
  padding-top: 14px;
  float: right;
  margin-right: 155px; }

.controls-dropdown-wrapper {
  position: absolute;
  left: 20px;
  top: 10px;
  display: block;
  width: 200px;
  height: auto; }

.count {
  display: block;
  float: left;
  position: relative;
  width: 175px;
  height: auto;
  font-size: 14px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 300;
  margin-left: 25px;
  color: #8fd9ff; }

body.category-All .search-rounded:hover {
  border: 1px solid white; }

body.category-All .sort-controls > .edd-root {
  border: 1px solid rgba(194, 235, 255, 0.9);
  background: rgba(255, 255, 255, 0.05);
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 500; }

body.category-All .sort-controls > .edd-root:hover {
  border: 1px solid white; }

body.category-All .search-rounded:hover .edd-head .edd-arrow::before {
  border-right: 1px solid white;
  border-bottom: 1px solid white; }

body.category-All .sort-controls > .edd-root > .edd-head .edd-arrow {
  position: absolute;
  display: block;
  top: 11px;
  right: 8px;
  width: 12px;
  height: 12px; }

body.category-All .sort-controls > .edd-root > .edd-head .edd-arrow::before {
  top: 0;
  right: 0; }

body.category-All .sort-controls > .edd-root > .edd-head {
  padding-top: 1px;
  padding-bottom: 1px;
  background: rgba(255, 255, 255, 0.05); }

body.category-All .sort-controls > .edd-root > .edd-head > .edd-value {
  padding-top: 8px;
  padding-bottom: 7px;
  margin: 0;
  padding-left: 8px;
  padding-right: 0;
  line-height: 1.2;
  height: auto; }

body.category-All input[type="text"].search-rounded::-webkit-input-placeholder {
  position: relative;
  bottom: 1px;
  color: rgba(194, 235, 255, 0.7);
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 16px;
  font-weight: 300; }

body.category-All input[type="text"].search-rounded {
  height: auto;
  padding-left: 8px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin: 0;
  font-size: 16px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 600;
  color: white;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(194, 235, 255, 0.9);
  border-radius: 6px;
  outline: 0;
  box-shadow: none;
  width: 130px;
  line-height: 1.2; }

.input-group-search-append {
  margin-left: -5px;
  border: 1px solid #969696;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.input-group-search-append > .input-group-text {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem; }

.select-wrapper {
  font-family: "lato"; }

.sunlight-filter {
  display: block;
  position: relative;
  height: 160px;
  margin-top: 1px !important;
  margin-bottom: 1px; }

.hardiness-filter {
  display: block;
  position: relative;
  height: 115px; }

body.category-All .rounded-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 200;
  font-size: 13px;
  font-family: "lato";
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fafafa;
  border: 1px solid #646464;
  line-height: 1.5;
  border-radius: 4px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
 border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 0;
  margin-left: 0;
  margin-right: 2px;
  text-transform: none;
  box-shadow: none;
  color: #1e1e1e;
  width: 60px;
  height: 34px; }

body.category-All .rounded-button:hover {
  border: 1px solid #004e8a;
  color: #0079ba;
  font-weight: 400; }

body.category-All .rounded-button-group {
  display: block;
  position: relative;
  margin-left: -1px;
  margin-top: 7px;
  margin-bottom: 4px; }

body.category-All .rounded-button.active {
  background-color: #0079ba;
  border: 1px solid #004e8a;
  color: white;
  font-weight: 400;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.open-dot {
  height: 15px;
  width: 15px;
  background-color: #c8c8c8;
  border: 1px solid rgba(75, 75, 75, 0.5);
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle; }

.full-dot {
  height: 15px;
  width: 15px;
  background-color: #ffdf00;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid rgba(75, 75, 75, 0.5);
  vertical-align: middle; }

.custom-checkbox {
  height: 21px; }

.custom-checkbox-l {
  height: 23px; }

.light-scale {
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  align-items: center;
  margin-left: -4px;
  font-size: 14px;
  font-family: "lato";
  font-weight: 200;
  color: rgba(100, 100, 100, 0.8); }

.moisture-scale {
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  align-items: center;
  margin-left: -4px;
  font-size: 14px;
  font-family: "lato";
  font-weight: 200;
  color: rgba(100, 100, 100, 0.8); }

.shade-line {
  height: 1px;
  width: 36px;
  display: inline-block;
  position: relative;
  background: rgba(150, 150, 150, 0.5);
  margin-right: 4px;
  margin-left: 2px;
  vertical-align: middle; }

.pshade-line {
  height: 20px;
  width: 1px;
  display: inline-block;
  position: relative;
  background: rgba(150, 150, 150, 0.5);
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: middle; }

.hrz-block .p-line {
  height: 45px;
  width: 1px;
  display: inline-block;
  position: relative;
  background: rgba(150, 150, 150, 0.5);
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: middle; }

.psun-line {
  height: 1px;
  width: 37px;
  display: inline-block;
  position: relative;
  background: rgba(150, 150, 150, 0.5);
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: middle; }

.sun-line {
  height: 1px;
  width: 33px;
  display: inline-block;
  position: relative;
  background: rgba(150, 150, 150, 0.5);
  margin-left: 4px;
  vertical-align: middle; }

.rounded-button-label-fixed {
  width: 50px;
  word-wrap: normal;
  white-space: pre-wrap;
  line-height: 14px;
  text-align: center; }

.hours {
  font-size: 11px;
  position: relative;
  margin-left: 1px;
  margin-top: 2px;
  font-family: "lato";
  font-weight: 400; }

.percent {
  font-size: 11px;
  position: relative;
  margin-left: 1px;
  margin-top: -2px;
  font-family: "lato"; }

.form-radio-vertical {
  display: block;
  align-items: center;
  position: relative;
  width: 150px;
  line-height: 20px;
  height: 22px; }
  .form-radio-vertical input[type="radio"] {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0; }
    .form-radio-vertical input[type="radio"] + .form-radio-label::before {
      content: "";
      background: #f4f4f4;
      border-radius: 100%;
      border: 1px solid #b4b4b4;
      display: inline-block;
      position: relative;
      margin-right: 7px;
      margin-top: -3px;
      vertical-align: middle;
      cursor: pointer;
      text-align: center;
      height: 17px;
      width: 17px;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      transition: all 0.15s ease-out 0s;
      outline: none;
      box-shadow: inset 0 0 1px 1px rgba(200, 200, 200, 0.8); }
    .form-radio-vertical input[type="radio"]:hover + .form-radio-label::before {
      background-color: rgba(200, 200, 200, 0.6);
      border-radius: 50%; }
    .form-radio-vertical input[type="radio"]:checked + .form-radio-label::before {
      background-color: #0078de;
      box-shadow: inset 0 0 0 4px #f4f4f4; }
    .form-radio-vertical input[type="radio"]:focus + .form-radio-label::before {
      outline: none; }
    .form-radio-vertical input[type="radio"]:disabled + .form-radio-label::before {
      box-shadow: inset 0 0 0 4px #f4f4f4;
      border-color: #b4b4b4;
      background: #b4b4b4; }
    .form-radio-vertical input[type="radio"] + .form-radio-label:empty::before {
      margin-right: 0; }

#controls #light-requirement .filter-body {
  height: 110px; }

#controls #light-requirement .title-block {
  margin-bottom: 1px; }

#controls .form-check-label {
  position: relative;
  display: inline-block;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 14px;
  font-weight: 400;
  width: auto;
  height: 20px;
  vertical-align: middle; }

@keyframes click-wave {
  0% {
    height: 10px;
    width: 10px;
    left: -2px;
    top: 5px;
    opacity: 0.3;
    position: absolute; }
  100% {
    height: 30px;
    width: 30px;
    left: -6px;
    top: 0;
    opacity: 0;
    position: absolute; } }

@keyframes click-wave {
  0% {
    height: 10px;
    width: 10px;
    left: -2px;
    top: 5px;
    opacity: 0.3;
    position: absolute; }
  100% {
    height: 30px;
    width: 30px;
    left: -6px;
    top: 0;
    opacity: 0;
    position: absolute; } }

#controls .form-radio-label {
  width: auto;
  font-size: 14px;
  font-family: "lato", "arial-fallback", sans-serif;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 18px; }

#controls .form-radio-inline {
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 120px;
  line-height: 20px;
  height: 20px;
  vertical-align: middle;
  font-size: 15px; }
  #controls .form-radio-inline input[type="radio"] {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0; }
    #controls .form-radio-inline input[type="radio"] + .form-radio-label::before {
      content: "";
      background: #f4f4f4;
      border-radius: 100%;
      border: 1px solid #b4b4b4;
      display: inline-block;
      position: relative;
      margin-right: 7px;
      vertical-align: top;
      cursor: pointer;
      text-align: center;
      line-height: 17px;
      height: 17px;
      width: 17px;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      transition: all 0.15s ease-out 0s;
      outline: none;
      box-shadow: inset 0 0 1px 1px rgba(200, 200, 200, 0.8); }
    #controls .form-radio-inline input[type="radio"]:hover + .form-radio-label::before {
      background-color: rgba(200, 200, 200, 0.6);
      border-radius: 50%; }
    #controls .form-radio-inline input[type="radio"]:checked + .form-radio-label::before {
      background-color: #0078de;
      box-shadow: inset 0 0 0 4px #f4f4f4; }
    #controls .form-radio-inline input[type="radio"]:focus + .form-radio-label::before {
      outline: none; }
    #controls .form-radio-inline input[type="radio"]:disabled + .form-radio-label::before {
      box-shadow: inset 0 0 0 4px #f4f4f4;
      border-color: #b4b4b4;
      background: #b4b4b4; }
    #controls .form-radio-inline input[type="radio"] + .form-radio-label:empty::before {
      margin-right: 0; }

.filter-category {
  display: inline-block;
  height: 25px;
  width: 90%;
  position: relative;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(175, 175, 175, 0.6);
  border-top: 1px solid rgba(175, 175, 175, 0.6);
  font-size: 14px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 100; }

form.plant-filters {
  margin-right: 25px;
  width: 275px; }

.popularity-filters {
  line-height: 16px;
  height: 106px; }

.moisture-filter {
  display: block;
  position: relative;
  height: 160px;
  margin-top: 0 !important; }

.compare-plants {
  height: auto;
  padding-bottom: 14px; }

#controls .form-check-inline {
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 120px;
  line-height: 22px;
  height: 20px;
  font-size: 15px;
  margin-bottom: 2px;
  white-space: nowrap; }
  #controls .form-check-inline input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px; }
    #controls .form-check-inline input[type="checkbox"] + .form-check-label::before {
      content: "";
      background: #f4f4f4;
      border-radius: 4px;
      border: 1px solid #b4b4b4;
      display: inline-block;
      position: relative;
      margin-right: 7px;
      vertical-align: top;
      line-height: 17px;
      cursor: pointer;
      text-align: center;
      height: 17px;
      width: 17px;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      transition: all 0.15s ease-out 0s;
      outline: none;
      box-shadow: inset 0 0 1px 1px rgba(200, 200, 200, 0.8); }
    #controls .form-check-inline input[type="checkbox"]:hover + .form-check-label::before {
      background-color: rgba(200, 200, 200, 0.6);
      border-radius: 4px; }
    #controls .form-check-inline input[type="checkbox"]:checked + .form-check-label::before {
      height: 18px;
      width: 18px;
      position: relative;
      content: "\2713";
      display: inline-block;
      font-size: 14px;
      font-family: "lato";
      font-weight: 500;
      text-align: center;
      line-height: 18px;
      color: white;
      background-color: #0078de;
      border-color: #004e8a;
      box-shadow: none; }
    #controls .form-check-inline input[type="checkbox"]:focus + .form-check-label::before {
      outline: none; }
    #controls .form-check-inline input[type="checkbox"]:disabled + .form-check-label::before {
      box-shadow: inset 0 0 0 4px #f4f4f4;
      border-color: #b4b4b4;
      background: #b4b4b4; }
    #controls .form-check-inline input[type="checkbox"] + .form-check-label:empty::before {
      margin-right: 0; }

#controls .form-check-inline-narrow {
  display: inline-flex;
  justify-content: center;
  position: relative;
  width: 20px;
  line-height: 21px;
  height: 35px;
  font-size: 15px;
  margin-bottom: 2px; }
  #controls .form-check-inline-narrow .form-check-label {
    position: relative;
    display: inline-block;
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 19px;
    height: 20px;
    vertical-align: middle;
    text-align: center; }
  #controls .form-check-inline-narrow input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px; }
    #controls .form-check-inline-narrow input[type="checkbox"] + .form-check-label::before {
      content: "";
      background: #f4f4f4;
      border-radius: 4px;
      border: 1px solid #b4b4b4;
      display: inline-block;
      position: relative;
      margin-right: 7px;
      vertical-align: top;
      line-height: 17px;
      cursor: pointer;
      text-align: center;
      height: 17px;
      width: 17px;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      transition: all 0.15s ease-out 0s;
      outline: none;
      box-shadow: inset 0 0 1px 1px rgba(200, 200, 200, 0.8); }
    #controls .form-check-inline-narrow input[type="checkbox"]:hover + .form-check-label::before {
      background-color: rgba(200, 200, 200, 0.6);
      border-radius: 4px; }
    #controls .form-check-inline-narrow input[type="checkbox"]:checked + .form-check-label::before {
      height: 18px;
      width: 18px;
      position: relative;
      content: "\2713";
      display: inline-block;
      font-size: 14px;
      font-family: "lato";
      font-weight: 500;
      text-align: center;
      line-height: 18px;
      color: white;
      background-color: #0078de;
      border-color: #004e8a;
      box-shadow: none; }
    #controls .form-check-inline-narrow input[type="checkbox"]:focus + .form-check-label::before {
      outline: none; }
    #controls .form-check-inline-narrow input[type="checkbox"]:disabled + .form-check-label::before {
      box-shadow: inset 0 0 0 4px #f4f4f4;
      border-color: #b4b4b4;
      background: #b4b4b4; }
    #controls .form-check-inline-narrow input[type="checkbox"] + .form-check-label:empty::before {
      margin-right: 0; }

#controls .title-block > h5.sidebar-heading,
#controls .title-block > h5.sidebar-heading-more {
  margin: 0; }

form#native-region > .form-check-inline:nth-of-type(1) {
  width: 120px; }

form#native-region > .form-check-inline:nth-of-type(3) {
  width: 120px; }

form#native-region > .form-check-inline:nth-of-type(5) {
  width: 120px; }

form#native-region-mobile > .form-check-inline {
  width: 140px; }

form#other-benefits-mobile > .form-check-inline {
  width: 180px; }

.form-check-vertical {
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  position: relative;
  width: 280px; }
  .form-check-vertical input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px; }
    .form-check-vertical input[type="checkbox"] + .form-check-label::before {
      content: "";
      background: #f4f4f4;
      border-radius: 4px;
      border: 1px solid #b4b4b4;
      display: inline-block;
      position: relative;
      margin-right: 7px;
      vertical-align: top;
      line-height: 17px;
      cursor: pointer;
      text-align: center;
      height: 17px;
      width: 17px;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      transition: all 0.15s ease-out 0s;
      outline: none;
      box-shadow: inset 0 0 1px 1px rgba(200, 200, 200, 0.8); }
    .form-check-vertical input[type="checkbox"]:hover + .form-check-label::before {
      background-color: rgba(200, 200, 200, 0.6);
      border-radius: 4px; }
    .form-check-vertical input[type="checkbox"]:checked + .form-check-label::before {
      height: 17px;
      width: 17px;
      position: relative;
      content: "\2713";
      display: inline-block;
      font-size: 14px;
      font-family: "lato";
      font-weight: 500;
      text-align: center;
      line-height: 17px;
      color: white;
      background-color: #0078de;
      border-color: #004e8a;
      box-shadow: none; }
    .form-check-vertical input[type="checkbox"]:focus + .form-check-label::before {
      outline: none; }
    .form-check-vertical input[type="checkbox"]:disabled + .form-check-label::before {
      box-shadow: inset 0 0 0 4px #f4f4f4;
      border-color: #b4b4b4;
      background: #b4b4b4; }
    .form-check-vertical input[type="checkbox"] + .form-check-label:empty::before {
      margin-right: 0; }

.plant-type {
  line-height: 19px;
  height: 126px; }

.other-benefits {
  width: 100%;
  line-height: 16px;
  height: 199px;
  margin-top: 10px;
  border-bottom-style: none; }

span.dry img,
span.wet img {
  width: 20px;
  height: 20px;
  margin-top: -3px; }

span.dry {
  margin-left: -2px;
  margin-top: -2px; }

span.wet {
  margin-left: -5px;
  margin-top: -2px; }

.vdry-line {
  height: 1px;
  width: 36px;
  display: inline-block;
  position: relative;
  background: rgba(150, 150, 150, 0.5);
  margin-right: 4px;
  margin-left: 2px;
  vertical-align: middle; }

.dry-line {
  height: 1px;
  width: 36px;
  display: inline-block;
  position: relative;
  background: rgba(150, 150, 150, 0.5);
  margin-left: -2px;
  margin-right: 4px;
  vertical-align: middle; }

.moist-line {
  height: 1px;
  width: 35px;
  display: inline-block;
  position: relative;
  background: rgba(150, 150, 150, 0.5);
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: middle; }

.wet-line {
  height: 1px;
  width: 31px;
  display: inline-block;
  position: relative;
  background: rgba(150, 150, 150, 0.5);
  margin-left: 3px;
  margin-right: 0;
  vertical-align: middle; }

span.match,
span.total {
  font-weight: 600;
  color: #daf2ff; }

.other-benefits[data-filter-group="other-benefits"] {
  border-bottom-style: none; }

body.category-All .rounded-button:last-child {
  margin-right: 0; }

body.category-All .md-form {
  margin-top: 8px;
  border-radius: 6px;
  border: 1px solid #646464;
  height: 38px;
  font-family: "lato";
  font-size: 16px;
  color: #a0a0a0;
  background-color: #fafafa;
  width: 82%; }

body.category-All .select-dropdown::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  border-radius: 8px; }

body.category-All .select-dropdown::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5; }

body.category-All .select-dropdown::-webkit-scrollbar-thumb {
  border-radius: 8px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #0079ba; }

body.category-All .select-dropdown {
  border-style: none;
  border-radius: 0;
  margin-left: 0;
  margin-top: -1px;
  color: #323232;
  width: 100% !important;
  overflow-x: hidden;
  overflow-y: scroll; }

body.category-All .multiple-select-dropdown.active > span.search-wrap > .md-form {
  background: #f0f0f0;
  border: 1px solid #969696;
  font-family: "lato";
  font-size: 14px;
  color: rgba(160, 160, 160, 0.6);
  font-weight: 300;
  margin-bottom: 10px;
  width: 210px; }

body.category-All .md-form input[type="text"] {
  border-bottom-style: none !important;
  box-shadow: none !important;
  outline: none !important;
  height: 38px;
  padding-left: 10px;
  padding-right: 40px;
  font-size: 14px;
  color: black;
  text-overflow: ellipsis;
  width: 188px !important; }

body.category-All .dropdown-content li {
  margin-left: 10px; }

body.category-All .select-wrapper.md-form > ul li label {
  font-size: 14px;
  font-family: "lato";
  padding-left: 18px; }

body.category-All .select-wrapper.md-form > ul li.select-toggle-all label {
  padding-left: 24px;
  padding-top: 1px;
  color: #004e8a;
  font-weight: 400; }

body.category-All .multiple-select-dropdown li [type="checkbox"] + label {
  height: 14px; }

body.category-All .colorful-select .dropdown-content li.active span {
  color: #fff !important; }

body.category-All .dropdown-content li:hover,
.dropdown-content li.active {
  background-color: #0079ba !important; }

body.category-All .colorful-select .dropdown-content li.active span [type="checkbox"]:checked + label::before {
  width: 10px;
  height: 16px;
  margin-top: 2px;
  margin-left: 2px; }

body.category-All .select-wrapper.md-form > ul li.select-toggle-all [type="checkbox"]:checked + label::before {
  width: 10px;
  height: 16px;
  margin-top: 2px;
  margin-left: 2px; }

body.category-All .rounded-button-save {
  background-color: #f0f0f0 !important;
  margin-left: 10px;
  margin-top: 15px; }

body.category-All .dropdown-content li > a,
.dropdown-content li > span {
  padding: 2px !important; }

body.category-All .select-wrapper + label {
  top: 42px;
  font-size: 14px;
  color: #191919;
  margin-left: 9px;
  opacity: 1; }

body.category-All .select-wrapper + label.active {
  opacity: 0; }

body.category-All .select-wrapper span.caret {
  font-size: 11px;
  font-weight: 300;
  color: #323232; }

body.category-All .reset-all {
  font-size: 13px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: #8fd9ff;
  margin-left: 15px;
  margin-top: 1px;
  height: auto;
  float: left;
  display: none;
  cursor: pointer;
  z-index: 11;
  letter-spacing: 0.5px; }

body.category-All .reset-all:hover {
  color: white; }

body.category-All .show {
  display: inline-block !important; }

body.category-All .breadcrumb:not(.is-active)::after {
  top: 0.15em;
  font-size: 12px; }

body.category-All .lower-toolbar {
  position: absolute;
  display: inline-block;
  top: 38px;
  left: 0;
  width: 100%;
  height: 20px;
  vertical-align: middle; }

body.category-All .sort-controls {
  position: absolute;
  display: inline-block;
  width: 120px;
  height: auto;
  top: 14px;
  right: 20px; }

.md-outline.select-wrapper + label {
  top: 0.5em !important;
  z-index: 2 !important; }

body.category-All .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.select-wrapper.md-form.md-outline input.select-dropdown {
  width: 140px !important; }

body.category-All .md-form.md-outline {
  width: 100% !important;
  position: relative;
  margin-top: 1.1rem;
  margin-bottom: 1.5rem;
  font-size: 14px;
  background: transparent;
  border-style: none; }

body.category-All .select-outline div ul {
  width: 140px !important; }

body.category-All .select-outline input[type="text"] {
  font-size: 15px;
  color: #f0f0f0;
  border: 1px solid rgba(200, 200, 200, 0.7) !important;
  border-radius: 5px; }

body.category-All .select-wrapper.md-form.md-outline .dropdown-content {
  font-size: 15px; }

body.category-All .select-outline span.caret {
  color: #fafafa !important;
  padding-right: 0.2rem; }

body.category-All .select-outline input.select-dropdown:focus {
  border-style: none !important; }

body.category-All .dropdown-content li > a,
.dropdown-content li > span {
  font-size: 13px !important; }

body.category-All .outline-label {
  font-size: 9px;
  display: block;
  position: absolute;
  width: 32px;
  height: 10px;
  top: 12px;
  left: -6px;
  background-color: #0079ba;
  color: #e1e1e1;
  z-index: 100;
  padding-left: 4px;
  padding-right: 3px; }

.select-outline + label {
  top: 0.5em !important;
  z-index: 2 !important; }

.edd-root,
.edd-root *,
.edd-root *::before,
.edd-root *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.customer-links > .edd-root {
  border-style: none;
  width: auto; }

.customer-links .edd-option-focused:not(.edd-option-disabled):not(
.edd-option-selected):hover {
  font-weight: 400;
  color: #0078de; }

.customer-links .edd-arrow {
  color: #646464;
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 14px;
  top: 1px;
  right: 0; }

.customer-links .edd-arrow::before {
  right: 1px; }

.customer-links .edd-value {
  border-style: none;
  color: #646464;
  font-size: 14px;
  font-family: "lato";
  font-weight: 400;
  width: auto; }

.customer-links .edd-root:not(.edd-root-open):hover {
  border-style: none;
  border-radius: 0; }

.customer-links .edd-head:hover .edd-arrow,
.customer-links .edd-head:hover .edd-value {
  color: #0078de; }

.customer-links > .edd-root .edd-head {
  width: 110%; }

.customer-links .edd-root-open .edd-head {
  border-style: none;
  outline: none;
  box-shadow: none; }

.outline-heading {
  font-size: 10px;
  font-family: "lato";
  width: auto;
  height: 9px;
  padding-left: 2px;
  padding-right: 2px;
  color: white;
  background-color: #0079ba;
  position: absolute;
  display: block;
  top: -5px;
  left: 10px;
  z-index: 2;
  font-weight: 300; }

li.select-toggle-all {
  display: none; }

.select-dropdown [type="checkbox"]:disabled:not(:checked) + label::before {
  display: none; }

body.category-All #product-summary {
  color: #191919;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 17px;
  width: 100%;
  margin-left: 0;
  max-height: auto;
  display: block;
  text-align: center;
  margin-top: 5px; }

#product-summary {
  display: none; }

body.category-All #mix-container.container {
  padding-left: 0;
  padding-right: 0;
  margin-left: 25px;
  margin-top: 0;
  max-width: calc(100% - 25px); }

body.category-All .md-form:hover {
  border: 1px solid #004e8a; }

.tagsinput {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  background: transparent;
  font-family: "lato";
  font-size: 14px;
  line-height: 20px;
  color: #556270;
  padding: 0;
  border-style: none;
  border-radius: 2px;
  align-items: center; }

.tagsinput.focus {
  border-color: #ccc; }

.tagsinput * {
  box-sizing: border-box; }

.tag-text {
  position: absolute;
  bottom: 18px;
  left: 6px;
  display: block;
  background: #8fd9ff;
  font-size: 13px;
  font-family: "lato";
  color: #004e8a; }

.tagsinput .tag {
  position: relative;
  background: #8fd9ff;
  display: block;
  width: 75px;
  word-wrap: break-word;
  color: #fff;
  padding: 0;
  border-radius: 5px;
  margin-left: 0;
  margin-right: 9px;
  margin-top: 0;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.5); }

.tagsinput .tag .tag-remove {
  position: absolute;
  background: none;
  display: block;
  width: 30px;
  height: 30px;
  bottom: 13px;
  left: 47px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  color: #004e8a;
  line-height: 30px;
  padding: 0;
  border: 0; }

.tagsinput .tag .tag-remove::before,
.tagsinput .tag .tag-remove::after {
  background: #004e8a;
  position: absolute;
  display: block;
  width: 10px;
  height: 2px;
  top: 14px;
  left: 10px;
  content: ""; }

.tagsinput .tag .tag-remove::before {
  transform: rotateZ(45deg); }

.tagsinput .tag .tag-remove::after {
  transform: rotateZ(-45deg); }

.tagsinput div {
  flex-grow: 1; }

.tagsinput div input {
  background: transparent;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  padding: 5px;
  border: 0 none;
  margin: 0 5px 5px 0; }

.tagsinput div input.error {
  color: #ff6b6b; }

.tagsinput div input::-ms-clear {
  display: none; }

.tagsinput div input::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1; }

.tagsinput div input:-moz-placeholder {
  color: #ccc;
  opacity: 1; }

.tagsinput div input::-moz-placeholder {
  color: #ccc;
  opacity: 1; }

.tagsinput div input:-ms-input-placeholder {
  color: #ccc;
  opacity: 1; }

#tag-collections {
  display: none;
  font-family: "lato";
  color: black;
  font-size: 11px;
  position: absolute;
  height: auto;
  top: 40px;
  z-index: 100; }

.closex {
  font-size: 17px;
  color: #ebebeb;
  font-weight: 800;
  font-family: "proxima-soft";
  cursor: pointer;
  margin-left: 8px;
  vertical-align: middle;
  position: relative;
  bottom: 3px; }

.filter-tag-list:hover > .closex {
  color: white; }

#controls {
  display: none; }

body.category-All #mobile-controls {
  display: none; }

body.category-All .vertical-separator {
  height: 99%;
  width: 1px;
  position: absolute;
  top: 10px;
  right: -24px;
  background: rgba(150, 150, 150, 0.2);
  box-shadow: 3px 0 5px 1px rgba(0, 0, 0, 0.06); }

body.category-All .clearbox {
  height: 17px;
  width: 18px;
  background-color: rgba(194, 235, 255, 0.2);
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  font-family: "lato";
  color: white;
  font-weight: 600;
  vertical-align: middle;
  line-height: 19px;
  position: absolute;
  right: 7px;
  top: 23px;
  cursor: pointer;
  z-index: 10; }

body.category-All .clearbox:hover {
  background-color: #d52600;
  color: white; }

body.category-All .compare-breakdown {
  display: none;
  position: absolute;
  height: auto;
  width: 100%;
  font-family: "lato";
  text-align: left;
  color: black;
  font-size: 12px;
  opacity: 1;
  bottom: 0;
  left: 0; }

.attribute {
  padding: 2px;
  display: inline-block;
  position: relative;
  width: 100%;
  text-transform: uppercase;
  color: #969696;
  font-size: 11px;
  font-family: "lato";
  font-weight: 300; }

.attribute-value {
  width: 100%;
  display: inline-block;
  position: relative;
  height: auto; }

#compare-labels {
  width: 100%;
  display: block;
  position: relative;
  height: 300px;
  border: 1px solid grey; }

.label-row:nth-child(odd),
.label-row-wrapper:nth-child(odd) {
  background: rgba(211, 234, 245, 0.5); }

.label-row {
  width: 100%;
  display: block;
  position: relative;
  float: left;
  height: 30px;
  font-size: 12px;
  font-family: "lato";
  font-weight: 600;
  text-align: left;
  line-height: 28px;
  border-top: 1px solid rgba(150, 150, 150, 0.2);
  border-bottom: 1px solid rgba(150, 150, 150, 0.2);
  padding-left: 10px;
  color: black; }

.label-row-wrapper {
  width: 100%;
  display: block;
  position: relative;
  float: left;
  height: 30px;
  border-top: 1px solid rgba(150, 150, 150, 0.2);
  border-bottom: 1px solid rgba(150, 150, 150, 0.2);
  overflow: hidden;
  padding-left: 6px;
  padding-right: 6px; }

.label-row-wrapper:last-child {
  height: 30px;
  border-bottom-style: none; }

span.label-row-value {
  width: 100%;
  display: inline-block;
  position: relative;
  font-size: 13px;
  font-family: "lato";
  font-weight: 400;
  text-align: left;
  line-height: 28px;
  overflow: hidden;
  color: #0a0a0a;
  text-overflow: ellipsis;
  white-space: nowrap; }

body.category-All #mix-container.container.withlabel span.label-row-value a {
  font-size: 14px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  padding-left: 5px;
  padding-right: 5px; }

body.category-All #mix-container.container.withlabel #product-summary {
  font-size: 14px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  max-height: 65px;
  overflow: hidden;
  margin-left: 5px;
  width: calc(100% - 10px); }

body.category-All .clear-trigger {
  font-size: 11px;
  font-weight: 600;
  font-family: "lato";
  position: absolute;
  right: 5px;
  top: 8px;
  display: block;
  cursor: pointer;
  color: #0079ba; }

body.category-All #compare-plants .dropdown-wrapper {
  position: relative;
  display: block;
  width: 98%;
  margin-top: 5px;
  margin-bottom: 4px; }

body.category-All #compare-plants .select-dropdown ul li.dropdown-option::before {
  vertical-align: middle; }

body.category-All #compare-plants .select-dropdown ul li {
  padding-top: 6px;
  padding-bottom: 4px; }

body.category-All #compare-plants .tail-select .select-dropdown ul li.dropdown-option::before {
  height: 29px; }

body.category-All .clear-trigger:hover {
  color: #0AA9FF; }

body.category-All div.container.withlabel a.quick-shop {
  top: 11%; }

body.category-All #mix-container.withlabel .product-item[data-ref="compare-labels"] {
  display: block;
  padding-top: 315px;
  margin-top: 14px;
  height: auto;
  margin-left: 4px;
  margin-right: 0;
  padding-right: 6px;
  border-style: none;
  box-shadow: none; }

body.category-All .compare-breakdown .label-row-wrapper,
body.category-All #mix-container.withlabel .label-row {
  border-bottom-style: none; }

body.category-All #mix-container.withlabel .label-row:last-of-type {
  border-bottom: 1px solid rgba(150, 150, 150, 0.2); }

body.category-All #mix-container .product-item[data-ref="compare-labels"] {
  display: none; }

form#search-products {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0; }

body.category-All .empty-results {
  display: none;
  position: absolute;
  top: 135px;
  left: 370px;
  font-size: 17px;
  font-family: "lato";
  width: 50%;
  height: 25px; }

body.category-All .mixitup-container-failed > .empty-results {
  display: block;
  position: absolute;
  top: 160px;
  left: 370px;
  font-size: 17px;
  font-family: "lato";
  width: 50%;
  height: 25px; }

.product-itemz,
.compare-breakdown,
.empty-results,
.divider-lean {
  display: none; }

body.category-All .indent {
  margin-left: 15px; }

.cart-header h3 {
  visibility: hidden; }

.make-sticky {
  position: fixed;
  top: 0;
  width: 100%; }

.sidebar-standard {
  display: block; }

.sidebar-all-mobile {
  display: none; }

.hide-more {
  display: none !important; }

#mobileDefaultCheckBoxInline1,
#mobileDefaultCheckboxInline2,
#mobileDefaultCheckboxInline3,
#mobileDefaultCheckboxInline4,
#mobileDefaultCheckboxInline5,
#mobileDefaultCheckboxInline6,
#mobileDefaultCheckboxInline7,
#mobileDefaultCheckboxInline8 {
  width: 120px; }

#mobileDefaultCheckBox1,
#mobileDefaultCheckbox2,
#mobileDefaultCheckbox4,
#mobileDefaultCheckbox5 {
  width: 95px; }

#mobileDefaultCheckBox3,
#mobileDefaultCheckbox6 {
  width: 125px; }

body.category-All .product-item-sold-out-tag span {
  position: absolute;
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  color: white;
  text-shadow: 0 1px 4px #000;
  font-family: "proxima-soft";
  font-stretch: expanded;
  letter-spacing: 2px; }

body.category-All .product-item-pre-order-tag span {
  position: absolute;
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  color: white;
  text-shadow: 0 1px 4px #000;
  font-family: "proxima-soft";
  font-stretch: expanded;
  letter-spacing: 2px; }

@media only screen and (min-width: 1281px) and (max-width: 1505px) {
  body.category-All .product-item-thumbnail img {
    width: 170px;
    height: 170px;
    max-width: auto; }
  body.category-All .product-item-sold-out-tag {
    width: 130px;
    height: 130px;
    right: 0; }
  body.category-All .product-item-sold-out-tag {
    width: calc(100% - 10px);
    height: 100%;
    right: 5px; }
  body.category-All .product-item-thumbnail {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0;
    display: inline-block; } }

@media screen and (max-width: 1505px) {
  body.category-All span.sale-badge {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: -1px;
    width: 117px;
    height: 35px;
    background-image: url("../img/sale-tag.svg");
    background-repeat: no-repeat;
    font-family: "lato";
    font-size: 18px;
    font-weight: 600;
    color: white;
    text-align: right;
    padding-right: 15px;
    padding-top: 2px;
    opacity: 0.96;
    box-shadow: -1px -15px 12px -9px rgba(0, 0, 0, 0.6);
    letter-spacing: 1px; } }

@media screen and (min-width: 1025px) {
  body.category-All .product-item-sold-out-tag span {
    margin-left: 2px; } }

@media screen and (min-width: 1025px) {
  body.category-All #mix-container.container:not(.withlabel) .product-item.five-across {
    max-width: 170px;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0; } }

@media screen and (min-width: 1025px) {
  body.category-All #mix-container.container.withlabel .product-item.five-across {
    min-width: 16%;
    max-width: unset;
    margin-left: 8px;
    margin-right: 8px; } }

@media screen and (max-width: 1280px) {
  body.category-All #mix-container.container.withlabel .product-grid-container {
    margin-top: 40px; } }

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  body.category-All #mix-container.container.withlabel .product-item.five-across {
    min-width: 20%; }
  body.category-All .product-item {
    max-width: 150px;
    margin-left: 5px;
    margin-right: 5px; }
  body.category-All .product-item-thumbnail {
    display: block;
    position: relative;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    width: auto;
    max-width: 150px;
    min-height: 150px;
    background: whitesmoke;
    border-style: none;
    z-index: 1; }
  body.category-All .product-item-thumbnail::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/vertical-bar-loader-animated.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    z-index: 3;
    opacity: 0.35; }
  body.category-All .product-item-thumbnail img {
    position: relative;
    width: max-content;
    min-height: 170px;
    height: max-content;
    z-index: 5; }
  .filter-tags {
    width: calc(100% - 340px);
    margin-left: 340px;
    float: unset; }
  .filter-tag-list {
    margin-left: 10px;
    margin-bottom: 7px;
    height: auto; }
  .closex {
    bottom: 3px; }
  #tag-collections {
    display: block;
    font-family: "lato";
    color: black;
    font-size: 11px;
    margin-left: -30px;
    margin-top: 34px;
    position: absolute;
    height: auto;
    top: 48px;
    width: 100%;
    line-height: 40px;
    z-index: 100; }
  body.category-All .reset-all {
    display: none !important; }
  body.category-All .main-header {
    height: 64px;
    min-height: 0; }
  body.category-All span.sale-badge {
    right: -1px; }
  body.category-All .product-item-sold-out-tag span {
    font-size: 16px !important; }
  body.category-All .product-grid-container {
    padding-top: 0;
    padding-left: 15px;
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
  body.category-All .vertical-separator {
    right: -20px; }
  body.category-All .product-item-sold-out-tag {
    width: 160px;
    height: 160px;
    right: 0; } }

@media screen and (max-width: 1280px) {
  body.category-All .product-item-title {
    margin-bottom: 0;
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: black;
    margin-left: 0;
    margin-top: 5px;
    margin-right: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

@media screen and (max-width: 1280px) {
  body.category-All .product-item-title:hover, body.category-All .product-item:hover .product-item-title {
    color: #0AA9FF; } }

@media screen and (max-width: 1280px) {
  body.category-All .product-item.no-stock figure.product-item-thumbnail::before {
    content: "SOLD OUT";
    width: 100%;
    left: 0;
    color: #e6e6e6;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    font-size: 16px;
    font-weight: 700; } }

@media screen and (max-width: 1280px) {
  body.category-All .product-item-price {
    text-align: center;
    font-size: 13px;
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-top: 5px; } }

@media screen and (max-width: 1280px) {
  #taggle {
    display: none; } }

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  body.category-All .product-item {
    max-width: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 8px; }
  body.category-All .product-item-thumbnail {
    display: block;
    position: relative;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    width: auto;
    max-width: 150px;
    min-height: 150px;
    background: whitesmoke;
    border-style: none;
    z-index: 1; }
  body.category-All .product-item-thumbnail::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/vertical-bar-loader-animated.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    z-index: 3;
    opacity: 0.35; }
  body.category-All .product-item-thumbnail img {
    position: relative;
    width: max-content;
    min-height: 150px;
    height: max-content;
    z-index: 5; }
  body.category-All .product-item.no-stock figure.product-item-thumbnail::before {
    font-size: 16px; }
  body.category-All .main-header .non-sticky-search {
    display: none; }
  body.category-All .reset-all-list {
    width: 25px;
    height: 25px;
    margin-top: 11px; }
  .closex {
    bottom: 3px; }
  body.category-All .product-grid-container {
    padding-left: 17px;
    padding-right: 0;
    padding-bottom: 30px;
    padding-top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-around;
    width: 97%;
    margin-left: 0;
    margin-right: 0; }
  body.category-All #mix-container.container.withlabel .product-grid-container {
    width: 100%; }
  svg.circle-icon-xmark {
    position: relative;
    display: block;
    width: 18px;
    height: 18px; }
  .zones {
    right: 0; }
  #tag-collections {
    display: block;
    font-family: "lato";
    color: black;
    font-size: 11px;
    position: absolute;
    height: auto;
    top: 75px;
    left: 0;
    width: 100%;
    line-height: 40px; }
  body.category-All form#search-products {
    position: absolute;
    display: inline-block;
    right: 0;
    top: -2px; }
  body.category-All .sort-controls {
    top: 12px;
    right: 20px; }
  body.category-All .reset-all {
    display: none !important; }
  body.category-All .main-header {
    height: 50px;
    min-height: 0; }
  body.category-All .product-item-sold-out-tag {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: calc(100% - 10px);
    height: 100%;
    font-weight: 700;
    line-height: 30px;
    color: white;
    font-family: "proxima-soft";
    text-shadow: 0 1px 4px #000;
    background-color: rgba(70, 70, 70, 0.6);
    right: 5px;
    top: 0; }
  body.category-All .product-item-sold-out-tag span {
    font-size: 15px !important; }
  body.category-All .product-item-title {
    font-size: 16px !important;
    padding-left: 5px;
    width: calc(100% - 10px); }
  body.category-All #mix-container.withlabel .product-item.five-across {
    max-width: unset;
    min-width: 30%;
    margin-top: 0; }
  body.category-All #mix-container.withlabel .product-item {
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 0; }
  body.category-All span.sale-badge {
    right: 5px;
    bottom: -2px;
    width: 100px;
    height: 32px;
    opacity: 0.92;
    padding-right: 10px; }
  .filter-tags {
    display: block;
    position: relative;
    float: left;
    width: calc(100% - 345px);
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 100px; }
  body.category-All .vertical-separator {
    right: -20px !important; }
  body.category-All .page-title-plant-finder {
    margin-top: -1px; }
  body.category-All .lower-toolbar {
    margin-top: -3px; }
  body.category-All .filter-tag-list {
    margin-left: 10px;
    margin-bottom: 7px;
    padding: 7px 10px;
    height: auto; } }

@media screen and (max-width: 768px) {
  #controls form#compare-plants {
    display: none; } }

@media only screen and (min-width: 600px) and (max-width: 768px) {
  body.category-All .product-item {
    max-width: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 8px; }
  body.category-All .product-item-thumbnail {
    display: block;
    position: relative;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    width: auto;
    max-width: 150px;
    min-height: 150px;
    background: whitesmoke;
    border-style: none;
    z-index: 1; }
  body.category-All .product-item-thumbnail::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/vertical-bar-loader-animated.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    z-index: 3;
    opacity: 0.35; }
  body.category-All .product-item-thumbnail img {
    position: relative;
    width: max-content;
    min-height: 150px;
    height: max-content;
    z-index: 5; }
  body.category-All .main-header .non-sticky-search {
    display: none; }
  body.category-All .product-grid-container {
    width: calc(100% - 15px);
    margin-left: 0;
    margin-right: 0;
    padding-left: 18px;
    padding-right: 0;
    justify-content: space-around;
    padding-top: 0; }
  body.category-All .page-title-plant-finder {
    font-size: 18px;
    font-weight: 700;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    padding-top: 7px; }
  body.category-All .lower-toolbar {
    margin-top: -5px; }
  .zones {
    right: 0; }
  #tag-collections {
    display: block;
    font-family: "lato";
    color: black;
    font-size: 11px;
    margin-left: 0;
    margin-top: 24px;
    position: absolute;
    height: auto;
    top: 48px;
    width: calc(100% + 5px);
    line-height: 36px;
    z-index: 100; }
  body.category-All form#search-products {
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 10px; }
  body.category-All .sort-controls {
    top: 10px;
    right: 15px; }
  body.category-All .filter-tag-list {
    margin-left: 10px;
    margin-bottom: 7px;
    height: auto; }
  body.category-All .clearbox {
    top: 19px; }
  body.category-All .input-group-search {
    margin-right: 150px;
    padding-top: 10px; }
  body.category-All .reset-all {
    display: none !important; }
  .reset-all-list {
    margin-top: 4px; }
  body.category-All .main-header {
    height: 50px;
    min-height: 0; }
  body.category-All span.showing {
    display: none; }
  body.category-All span.showing-products {
    display: none; }
  body.category-All .divider-lean {
    height: 15px;
    margin-top: 5px; }
  body.category-All .product-item-sold-out-tag {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    font-weight: 700;
    line-height: 21px;
    color: white;
    text-shadow: 0 1px 4px #000;
    font-family: "proxima-soft";
    background-color: rgba(70, 70, 70, 0.6);
    left: 5px;
    top: 10px;
    right: unset; }
  body.category-All .product-item-sold-out-tag span {
    font-size: 15px !important; }
  body.category-All .product-item {
    max-width: 150px;
    min-width: 150px;
    width: 150px;
    padding-left: 0;
    padding-right: 0; }
  body.category-All .product-item-thumbnail {
    max-width: 150px;
    min-height: 150px; }
  body.category-All .product-item-thumbnail img.lozad {
    min-height: 150px; }
  body.category-All span.sale-badge {
    right: 5px;
    bottom: -2px;
    width: 100px;
    height: 32px;
    opacity: 0.92;
    padding-right: 10px; }
  .filter-tags {
    display: block;
    position: relative;
    float: left;
    width: calc(100% - 325px);
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 90px; }
  body.category-All .vertical-separator {
    right: -20px !important; } }

@media screen and (min-width: 320px) and (max-width: 599px) {
  body.category-All .product-item {
    max-width: 150px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 8px;
    padding-bottom: 10px; }
  body.category-All .product-item-thumbnail {
    max-width: 150px;
    min-height: 150px; }
  body.category-All .product-item-thumbnail::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/vertical-bar-loader-animated.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    z-index: 3;
    opacity: 0.35; }
  body.category-All .product-item-thumbnail img {
    min-height: 150px; }
  .chevron-down-icon {
    width: 11px;
    height: 11px; }
  body.category-All .product-grid-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% - 20px);
    padding-top: 0;
    justify-content: space-around; }
  body.category-All ul.breadcrumbs {
    margin-left: 5px;
    margin-top: 0;
    font-size: 12px; }
  body.category-All .header-primary-container {
    border-bottom-style: none; }
  body.category-All .count {
    position: absolute;
    display: none;
    right: 105px;
    top: 3px;
    width: auto;
    font-size: 12px; }
  body.category-All .breadcrumbs-container-all {
    position: absolute;
    display: block;
    bottom: -25px;
    left: 0;
    padding-left: 0;
    margin-left: 0;
    height: 15px;
    width: 100%;
    font-size: 12px; }
  body.category-All .page-title-plant-finder {
    display: none; }
  body.category-All .lower-toolbar {
    top: 5px !important;
    height: 13px; }
  body.category-All .header-primary-container {
    box-shadow: none;
    -webkit-box-shadow: none; }
  body.category-All ul.breadcrumbs .chevron-icon-right {
    height: 10px;
    width: 10px; }
  body.category-All .show-products-category-name {
    position: absolute;
    display: block;
    top: 3px;
    left: 10px;
    color: white;
    font-size: 14px;
    font-family: "lato";
    font-weight: 500;
    letter-spacing: 0.75px; }
  .form-check-inline {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 120px;
    line-height: 30px;
    margin-bottom: 2px; }
  form#plant-type-mobile > .form-check-inline {
    width: 160px; }
  form#native-region-mobile > .form-check-inline {
    width: 160px; }
  form#native-region-mobile > .form-check-inline:nth-of-type(1) {
    width: 160px; }
  form#native-region-mobile > .form-check-inline:nth-of-type(4) {
    width: 160px; }
  body.category-All .form-check-vertical {
    display: inline-block;
    position: relative;
    width: auto;
    margin-right: 12px;
    line-height: 30px; }
  body.category-All .collection-product-index-column {
    display: block;
    position: relative;
    margin-left: 0;
    margin-top: 10px;
    width: 100%; }
  body.category-All .filter-arrow {
    display: flex;
    position: relative;
    bottom: 0;
    align-items: center;
    font-family: "lato";
    font-weight: 400;
    height: 15px;
    color: white;
    transition: transform 0.5s; }
  body.category-All .filter-arrow.up {
    transform: rotate(180deg);
    transition: transform 0.5s; }
  body.category-All .filter-text {
    display: flex;
    align-items: center;
    position: relative;
    font-family: "lato";
    font-weight: 400;
    font-size: 14px;
    height: 15px;
    color: white;
    margin-right: 3px;
    letter-spacing: 0.75px; }
  .plant-type {
    height: auto;
    padding-bottom: 8px; }
  .other-benefits {
    height: auto;
    padding-bottom: 8px; }
  .zones {
    right: 6.5%;
    top: -15px; }
  #show-products div.form-check:first-of-type {
    margin-left: -5px; }
  #tag-collections {
    display: block;
    font-family: "lato";
    color: black;
    font-size: 11px;
    left: 0;
    position: absolute;
    height: auto;
    top: 0;
    width: 100%;
    line-height: 36px;
    z-index: 100; }
  body.category-All .sort-controls {
    top: 10px;
    display: none; }
  body.category-All .mixitup-container-failed > .empty-results {
    display: block;
    position: relative;
    top: -20px;
    left: 10px;
    font-size: 14px;
    font-family: "lato";
    width: 90%;
    height: auto;
    margin-bottom: 35px;
    font-weight: 600; }
  body.category-All #controls {
    display: none; }
  body.category-All .reset-all {
    display: block;
    position: absolute;
    top: 12px;
    right: 125px;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0; }
  body.category-All .main-header {
    height: 50px;
    min-height: 0; }
  body.category-All span.showing-products {
    display: none; }
  body.category-All .filter-block {
    border-bottom: 1px solid transparent;
    margin-top: 0; }
  body.category-All .sidebar-heading,
  body.category-All .sidebar-heading-soil,
  body.category-All .sidebar-heading-light,
  body.category-All .sidebar-heading-more,
  body.category-All .sidebar-heading-most,
  body.category-All .sidebar-heading-climate {
    display: none; }
  body.category-All .sidebar-standard {
    display: none; }
  body.category-All .sidebar-all-mobile {
    display: block; }
  form#search-products {
    display: none; }
  .result-count {
    display: block;
    float: left;
    position: relative;
    width: auto;
    height: auto;
    color: black;
    font-size: 12px;
    letter-spacing: 0.5px; }
  .filter-count {
    display: block;
    float: right;
    position: relative;
    width: auto;
    height: auto;
    color: black;
    font-size: 12px;
    letter-spacing: 0.5px; }
  .active-indicator {
    display: none;
    position: absolute;
    right: 30px;
    top: 12px;
    width: 115px;
    height: auto;
    font-family: "lato";
    font-size: 11px;
    color: #004e8a;
    font-weight: 700; }
  .active-num {
    margin-right: 4px;
    font-size: 12px; }
  body.category-All ul.slide li {
    display: none;
    position: relative;
    z-index: 1;
    border-top: 1px solid #969696;
    box-shadow: 0 -2px 2px 1px rgba(150, 150, 150, 0.1); }
  body.category-All ul.slide h2 {
    padding-left: 15px;
    font-weight: 700;
    margin-bottom: 3px; }
  body.category-All .noUi-target {
    margin-left: 5px; }
  body.category-All .product-item-sold-out-tag {
    width: calc(100% - 10px);
    height: calc(100% - 5px);
    top: 5px;
    left: 5px;
    right: 5px; }
  .header-primary-container.sticky {
    width: 100% !important; }
  body.category-All .product-item-sold-out-tag span {
    width: 80%; }
  body.category-All span.sale-badge {
    right: 4px; }
  body.category-All .product-item-title {
    font-size: 16px !important; }
  .moisture-btn-group,
  .light-btn-group {
    width: 120px; }
  body.category-All .collection-sidebar-column {
    display: none; }
  .p-line {
    height: 58px; }
  .custom-checkbox-l {
    height: 23px;
    display: inline-block;
    position: relative;
    width: auto;
    margin-right: 18px;
    line-height: 34px; }
  .hardiness-filter {
    height: auto;
    padding-bottom: 50px; }
  .sunlight-filter {
    height: 140px;
    padding-bottom: 10px;
    margin-top: 0 !important; }
  #other-benefits .custom-checkbox-l {
    height: 23px;
    display: inline-block;
    position: relative;
    width: 220px;
    margin-right: 18px;
    line-height: 34px; }
  .native_region {
    height: auto;
    padding-bottom: 10px; }
  .range-slider-2 {
    width: 88%; }
  .filter-tags {
    display: none;
    position: relative;
    float: left;
    width: calc(100% - 80px);
    height: auto;
    padding-left: 0;
    padding-right: 0;
    margin-left: 20px;
    margin-top: 25px; }
  body.category-All .popularity-filters {
    line-height: 16px;
    height: auto;
    padding-bottom: 6px; }
  body.category-All .divider-lean {
    display: none; }
  .moisture-filter {
    height: 140px;
    padding-bottom: 10px;
    margin-top: 0 !important; }
  body.category-All .mobile-filter-btn-wrapper {
    display: block;
    position: absolute;
    height: 15px;
    width: 100px;
    right: 12px;
    bottom: 25px;
    z-index: 1000; }
  body.category-All .mobile-filter-btn-wrapper .edd-items-list {
    overflow: unset; }
  body.category-All .mobile-filter-btn-wrapper .edd-root {
    width: 100%;
    font-size: 13px; }
  body.category-All .mobile-filter-btn-wrapper .edd-value {
    font-size: 13px;
    width: calc(100% - 27px);
    margin-left: 6px; }
  body.category-All .mobile-filter-btn-wrapper .edd-arrow::before {
    transform-origin: 100% 0%; }
  body.category-All .mobile-filter-btn-wrapper .edd-arrow {
    top: calc(50% - 3px); }
  body.category-All .mobile-filter-btn-wrapper .edd-root-open .edd-arrow {
    transform: rotateX(180deg); }
  body.category-All .filter-btn-link {
    display: flex;
    align-items: center;
    width: auto;
    height: 15px;
    white-space: nowrap;
    z-index: 10;
    cursor: pointer; }
  body.category-All .filter-btn-link:hover .filter-text,
  body.category-All .filter-btn-link:hover .filter-arrow {
    color: #8fd9ff; }
  body.category-All .result-count > .match,
  body.category-All .filter-count > .numfilters {
    color: black;
    font-weight: 700;
    font-family: "lato";
    font-size: 12px; }
  body.category-All .mix-results-summary {
    position: relative;
    display: block;
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-top: 6px;
    height: 15px;
    font-family: "lato";
    font-weight: 400;
    color: black;
    font-size: 13px; }
  body.category-All #mix-container.container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-top: 3px;
    max-width: 100%;
    margin-bottom: 0; }
  body.category-All ul.slide {
    width: 100%;
    margin: 0;
    margin-left: 0;
    margin-top: -2px;
    border-top-style: none;
    height: auto;
    display: block;
    position: fixed;
    bottom: 50px;
    background: #fcfcfc; }
  ul.slide li .close-btn {
    color: black;
    font-weight: 700;
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 14px;
    width: 10px;
    height: 10px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out; }
  ul.slide li .close-btn-wrapper:hover .close-btn {
    color: #0AA9FF;
    border-right: 1px solid #0AA9FF;
    border-bottom: 1px solid #0AA9FF; }
  ul.slide li .close-btn-wrapper {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 6px;
    top: -4px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1000; }
  body.category-All #mobile-controls {
    display: block;
    visibility: visible;
    opacity: 100;
    position: absolute;
    width: 100%;
    max-height: 0;
    top: -10px;
    left: 0;
    background: transparent;
    z-index: 100;
    padding-top: 5px;
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 0; }
  body.category-All #mobile-controls.active {
    display: block;
    visibility: visible;
    opacity: 1;
    position: absolute;
    width: 100%;
    max-height: 400px;
    top: 50px;
    left: 0;
    background: white;
    z-index: 100;
    padding-top: 5px;
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #c8c8c8;
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1);
    transition: max-height 0.5s, opacity 0.35s; }
  body.category-All .vertical-separator {
    display: none; }
  body.category-All .clearbox {
    top: 18px; }
  .input-group-search {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 160px;
    padding-top: 7px;
    float: right;
    margin-right: 10px; }
  body.category-All .breadcrumb:not(.is-active)::after {
    top: 1px;
    font-size: 11px; }
  body.category-All .mobile-filter-bar {
    display: block;
    position: relative;
    width: calc(100% + 20px);
    height: 30px;
    background: #c8c8c8;
    margin-left: -10px; }
  #mobile-controls .form-radio-inline input[type="radio"] + .form-radio-label::before {
    height: 18px;
    width: 18px; }
  #mobile-controls .vertical-scale {
    width: 30px;
    height: auto;
    position: relative;
    float: left;
    display: block;
    text-align: center;
    padding-top: 21px;
    margin-right: 2px; }
  #mobile-controls #moisture-tolerance-mobile .filter-body {
    height: 110px; }
  #mobile-controls #other-benefits-mobile .filter-block {
    padding-bottom: 12px; }
  #mobile-controls #other-benefits-mobile label.form-check-label {
    height: 22px;
    vertical-align: middle; }
  #mobile-controls #other-benefits-mobile .custom-checkbox-l {
    height: 18px; }
  #mobile-controls #other-benefits-mobile .title-block {
    margin-bottom: 0; }
  #mobile-controls #other-benefits-mobile .form-check-vertical input[type="checkbox"] + .form-check-label::before {
    vertical-align: middle;
    margin-bottom: 2px; }
  #mobile-controls #other-benefits-mobile .sidebar-heading-most {
    margin-bottom: 0; }
  #mobile-controls .form-check-input {
    height: 20px;
    width: 20px; }
  #mobile-controls .filter-block {
    display: block;
    position: relative;
    height: auto;
    padding-bottom: 8px;
    padding-top: 5px;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%; }
  #mobile-controls #light-requirement-mobile .filter-body {
    height: 110px; }
  #mobile-controls #light-requirement-mobile .title-block {
    margin-bottom: 1px; }
  #mobile-controls .form-check-label {
    position: relative;
    display: inline-block;
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: auto;
    height: 18px;
    vertical-align: middle; }
  #mobile-controls .form-radio-label {
    width: auto;
    font-size: 14px;
    font-family: "lato", "arial-fallback", sans-serif;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 20px; }
  #mobile-controls .form-radio-inline {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 120px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
    font-size: 15px; }
    #mobile-controls .form-radio-inline input[type="radio"] {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0; }
      #mobile-controls .form-radio-inline input[type="radio"] + .form-radio-label::before {
        content: "";
        background: #f4f4f4;
        border-radius: 100%;
        border: 1px solid #b4b4b4;
        display: inline-block;
        position: relative;
        margin-right: 7px;
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        line-height: 17px;
        height: 17px;
        width: 17px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        transition: all 0.15s ease-out 0s;
        outline: none;
        box-shadow: inset 0 0 1px 1px rgba(200, 200, 200, 0.8); }
      #mobile-controls .form-radio-inline input[type="radio"]:hover + .form-radio-label::before {
        background-color: rgba(200, 200, 200, 0.6);
        border-radius: 50%; }
      #mobile-controls .form-radio-inline input[type="radio"]:checked + .form-radio-label::before {
        background-color: #0078de;
        box-shadow: inset 0 0 0 4px #f4f4f4; }
      #mobile-controls .form-radio-inline input[type="radio"]:focus + .form-radio-label::before {
        outline: none; }
      #mobile-controls .form-radio-inline input[type="radio"]:disabled + .form-radio-label::before {
        box-shadow: inset 0 0 0 4px #f4f4f4;
        border-color: #b4b4b4;
        background: #b4b4b4; }
      #mobile-controls .form-radio-inline input[type="radio"] + .form-radio-label:empty::before {
        margin-right: 0; }
  #mobile-controls .form-check-inline {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 120px;
    line-height: 20px;
    height: 20px;
    font-size: 15px;
    margin-bottom: 2px;
    white-space: nowrap; }
    #mobile-controls .form-check-inline input[type="checkbox"] {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      height: 21px;
      width: 21px; }
      #mobile-controls .form-check-inline input[type="checkbox"] + .form-check-label::before {
        content: "";
        background: #f4f4f4;
        border-radius: 4px;
        border: 1px solid #b4b4b4;
        display: inline-block;
        position: relative;
        margin-right: 7px;
        vertical-align: top;
        line-height: 17px;
        cursor: pointer;
        text-align: center;
        height: 17px;
        width: 17px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        transition: all 0.15s ease-out 0s;
        outline: none;
        box-shadow: inset 0 0 1px 1px rgba(200, 200, 200, 0.8); }
      #mobile-controls .form-check-inline input[type="checkbox"]:hover + .form-check-label::before {
        background-color: rgba(200, 200, 200, 0.6);
        border-radius: 4px; }
      #mobile-controls .form-check-inline input[type="checkbox"]:checked + .form-check-label::before {
        height: 18px;
        width: 18px;
        position: relative;
        content: "\2713";
        display: inline-block;
        font-size: 14px;
        font-family: "lato";
        font-weight: 500;
        text-align: center;
        line-height: 18px;
        color: white;
        background-color: #0078de;
        border-color: #004e8a;
        box-shadow: none; }
      #mobile-controls .form-check-inline input[type="checkbox"]:focus + .form-check-label::before {
        outline: none; }
      #mobile-controls .form-check-inline input[type="checkbox"]:disabled + .form-check-label::before {
        box-shadow: inset 0 0 0 4px #f4f4f4;
        border-color: #b4b4b4;
        background: #b4b4b4; }
      #mobile-controls .form-check-inline input[type="checkbox"] + .form-check-label:empty::before {
        margin-right: 0; }
  #mobile-controls .form-check-inline-narrow {
    display: inline-flex;
    justify-content: center;
    position: relative;
    width: 20px;
    line-height: 21px;
    height: 35px;
    font-size: 15px;
    margin-bottom: 2px; }
    #mobile-controls .form-check-inline-narrow .form-check-label {
      position: relative;
      display: inline-block;
      font-family: "lato", "arial-fallback", sans-serif;
      font-size: 14px;
      font-weight: 400;
      width: 19px;
      height: 20px;
      vertical-align: middle;
      text-align: center; }
    #mobile-controls .form-check-inline-narrow input[type="checkbox"] {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      height: 21px;
      width: 21px; }
      #mobile-controls .form-check-inline-narrow input[type="checkbox"] + .form-check-label::before {
        content: "";
        background: #f4f4f4;
        border-radius: 4px;
        border: 1px solid #b4b4b4;
        display: inline-block;
        position: relative;
        margin-right: 7px;
        vertical-align: top;
        line-height: 17px;
        cursor: pointer;
        text-align: center;
        height: 17px;
        width: 17px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        transition: all 0.15s ease-out 0s;
        outline: none;
        box-shadow: inset 0 0 1px 1px rgba(200, 200, 200, 0.8); }
      #mobile-controls .form-check-inline-narrow input[type="checkbox"]:hover + .form-check-label::before {
        background-color: rgba(200, 200, 200, 0.6);
        border-radius: 4px; }
      #mobile-controls .form-check-inline-narrow input[type="checkbox"]:checked + .form-check-label::before {
        height: 18px;
        width: 18px;
        position: relative;
        content: "\2713";
        display: inline-block;
        font-size: 14px;
        font-family: "lato";
        font-weight: 500;
        text-align: center;
        line-height: 18px;
        color: white;
        background-color: #0078de;
        border-color: #004e8a;
        box-shadow: none; }
      #mobile-controls .form-check-inline-narrow input[type="checkbox"]:focus + .form-check-label::before {
        outline: none; }
      #mobile-controls .form-check-inline-narrow input[type="checkbox"]:disabled + .form-check-label::before {
        box-shadow: inset 0 0 0 4px #f4f4f4;
        border-color: #b4b4b4;
        background: #b4b4b4; }
      #mobile-controls .form-check-inline-narrow input[type="checkbox"] + .form-check-label:empty::before {
        margin-right: 0; } }

@media only screen and (max-width: 390px) {
  body.category-All .product-item {
    max-width: 140px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 8px; }
  body.category-All .product-item-thumbnail {
    max-width: 140px;
    min-height: 140px; }
  body.category-All .product-item-thumbnail img {
    min-height: 140px;
    height: 140px;
    width: 140px !important; }
  body.category-All .page-title-plant-finder {
    margin-top: 0;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 800;
    font-family: "lato"; }
  body.category-All .product-item.no-stock figure.product-item-thumbnail::before {
    font-size: 14px; }
  body.category-All .product-item.five-across {
    width: 46%;
    min-width: 140px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px; }
  body.category-All .product-grid-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 3px;
    padding-right: 3px;
    width: calc(100% - 6px);
    padding-top: 0;
    justify-content: space-around; }
  body.category-All .light-btn-group > .form-check-vertical {
    display: inline-block;
    position: relative;
    width: 130px;
    line-height: 26px; }
  body.category-All .moisture-btn-group > .form-check-vertical {
    display: inline-block;
    position: relative;
    width: 80px;
    line-height: 26px; }
  #mobile-controls ul li:last-child {
    border-bottom-style: none; }
  .form-check-inline {
    width: 120px;
    line-height: 30px;
    margin-bottom: 2px; }
  body.category-All .input-group-search {
    width: 125px;
    margin-right: 10px;
    padding-top: 8px; }
  body.category-All .clearbox {
    top: 19px;
    right: 8px; }
  body.category-All .product-item {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0; }
  body.category-All .noUi-target {
    width: 82%; }
  body.category-All .zones {
    right: 10%; }
  body.category span.sale-badge {
    right: 5px;
    bottom: -2px;
    width: 100px;
    height: 32px;
    opacity: 0.92;
    padding-right: 10px; } }

body.blog .blog-items-list {
  margin-left: 0;
  margin-right: 0; }

.blog-items-list {
  margin-left: -1.3%;
  margin-right: -1.3%; }

body.blog_post li.share-on-title {
  display: none; }

.blog-items-list-mobile .blog-item {
  width: 100%; }

body.blog .continue-reading .chevron-right-icon {
  display: inline;
  position: relative;
  top: 1px;
  width: 12px;
  height: 12px; }
  @media screen and (max-width: 1024px) {
    body.blog .continue-reading .chevron-right-icon {
      top: 2px; } }

body.blog_post .blog-post-content td {
  padding: 6px; }

body.blog .blog-item .timestamp {
  position: relative;
  display: block;
  margin-top: 8px;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: #7d7d7d; }

#blog-section-block .section-header {
  font-size: 15px;
  font-weight: 700;
  font-family: "proxima-soft", "arial-fallback", sans-serif; }

body.blog .blog-item .blog-image-container {
  border: 2px solid #5a5a5a; }

body.home .blog-item .blog-image-container {
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  border: 2px solid #4b4b4b !important; }

body.home .blog-item .blog-image-container:hover {
  border: 2px solid #0078de !important; }

.blog-item {
  position: relative;
  display: inline-block;
  width: 30%;
  margin-bottom: 25px;
  letter-spacing: .25px; }
  @media screen and (min-width: 600px) {
    .blog-item {
      width: 46.09375%;
      margin-left: 1.95312%;
      margin-right: 1.95312%;
      float: left; }
      .blog-item:nth-child(2n + 1) {
        clear: left; } }
  @media screen and (min-width: 1025px) {
    .blog-item {
      margin-bottom: 30px;
      width: 30.47619%;
      margin-left: 1.42857%;
      margin-right: 1.42857%; }
      .blog-item:nth-child(2n + 1) {
        clear: none; }
      .blog-item:nth-child(3n + 1) {
        clear: left; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .blog-item .blog-image-container-empty {
      display: none; } }
  .blog-item .blog-image-container {
    width: 100%;
    height: 0;
    padding-bottom: 62.5%;
    position: relative;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow: hidden; }
    .blog-item .blog-image-container a {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .blog-item .blog-image-container a img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center; }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .blog-item .blog-image-container {
      margin-bottom: 5px;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0; } }
  .blog-item .title {
    margin-bottom: 5px;
    margin-top: 5px;
    letter-spacing: .5px;
    font-family: "lato";
    font-weight: 700;
    color: #743700; }
  .blog-item .excerpt {
    font-weight: 400;
    color: black;
    font-family: "lato", "arial-fallback", sans-serif; }
  .blog-item .continue-reading {
    font-weight: 600;
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 15px;
    color: #177900; }
    .blog-item .continue-reading:hover {
      text-decoration: underline; }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    .blog-item .continue-reading {
      font-size: 14px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .blog-item .continue-reading {
      font-size: 13px; } }
  .blog-item .continue-reading span {
    font-size: 14px;
    position: relative;
    top: 0; }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    .blog-item .continue-reading span {
      font-size: 12px;
      top: 0; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .blog-item .continue-reading span {
      font-size: 11px;
      left: 1px;
      top: 0; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .blog-items-list {
    margin-left: -1.6%;
    margin-right: -1.6%; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .blog-items-list {
    margin-left: -2%;
    margin-right: -2%; } }

body.blog .blog-item .title {
  margin-bottom: 5px; }

@media screen and (min-width: 1025px) {
  .blog-post-index {
    margin-bottom: 25px; } }

.blog-post-index .page-heading {
  text-align: center; }

.blog-post-index .blog-item {
  position: relative;
  display: block;
  margin-bottom: 30px; }

.blog-items-list-mobile {
  display: none; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .blog-items-list-mobile {
    margin-right: -35px;
    display: inline;
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .blog-items-list {
    margin-right: -1.42857%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.blog .blog-items-list {
    display: block; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.blog .blog-item {
    width: 100%;
    margin-bottom: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.blog .blog-post-index {
    padding-top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.blog .continue-reading span {
    top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .blog-items-list {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.home .blog-item .blog-image-container {
    width: auto; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .blog-item {
    margin-bottom: 15px;
    margin-top: 10px;
    letter-spacing: .25px; }
    .blog-item .blog-image-container {
      position: relative;
      margin-bottom: 5px;
      border: 1px solid #5a5a5a !important;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      overflow: hidden;
      width: auto; }
      .blog-item .blog-image-container img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center; }
    .blog-item .timestamp {
      font-size: 13px;
      font-weight: 400;
      color: #8c8c8c;
      font-family: "lato", "arial-fallback", sans-serif;
      line-height: 18px; }
    .blog-item .title {
      margin-bottom: 3px;
      margin-top: 2px;
      letter-spacing: 1px;
      font-family: "lato", "arial-fallback", sans-serif;
      font-weight: 800;
      font-size: 16px;
      color: #743700; }
    .blog-item .title:hover {
      color: #B85600; }
    .blog-item .excerpt {
      font-weight: 400;
      line-height: 22px;
      font-size: 14px;
      color: black;
      font-family: "lato", "arial-fallback", sans-serif;
      margin-bottom: 4px; }
    .blog-item .continue-reading {
      position: relative;
      display: block;
      top: 2px;
      font-weight: 600;
      font-family: "lato", "arial-fallback", sans-serif;
      font-size: 13px;
      color: #177900; }
      .blog-item .continue-reading:hover {
        text-decoration: underline; }
    .blog-item .continue-reading span {
      font-size: 12px;
      top: 2px;
      position: relative; } }

@media screen and (min-width: 1025px) {
  .blog-post-single {
    margin-bottom: 2.5vw; } }

body.blog .blog-item .blog-image-container:hover {
  border: 2px solid #00C9E7; }

body.blog_post .blog-post-content img {
  margin-bottom: 15px; }

body.blog_post .blog-post-content p {
  margin-top: 0;
  margin-bottom: 10px; }

body.blog .blog-item .excerpt {
  font-size: 16px; }

.blog-item .continue-reading .chevron-right-icon {
  position: relative;
  width: 12px;
  height: 12px;
  top: 2px; }

.blog-post-image-container img {
  max-width: 800px;
  max-height: 800px;
  height: auto;
  display: block;
  margin: 0 auto;
  position: relative; }

.blog-post-single .page-narrow {
  margin-top: 25px; }

.blog-post-header {
  margin: 10px 0 25px;
  text-align: center; }

.blog-post-meta {
  font-size: 0.92857em;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  text-align: center; }
  .blog-post-meta a {
    color: inherit; }
    .blog-post-meta a:hover {
      color: #0078DE; }

.blog-post-tags {
  display: inline-block; }

.blog-post-title {
  margin: 16px 0 18px;
  font-size: 1.71429em; }
  @media screen and (min-width: 0) {
    .blog-post-title {
      font-size: 2.14286em; } }
  @media screen and (min-width: 600px) {
    .blog-post-title {
      font-size: 2.57143em; } }

.blog-post-single .post-author {
  margin-bottom: 5px; }

.post-author {
  font-size: 0.92857em;
  text-align: center; }
  @media screen and (min-width: 0) {
    .post-author {
      font-size: 1em; } }

.blog-post-share {
  margin-top: 2vw;
  text-align: center; }
  .blog-post-share .heading {
    margin: 0 0 2px; }
  .blog-post-share .share-link {
    margin: 10px 6px; }
  .blog-post-share a {
    font-size: 1.28571em; }
    @media screen and (min-width: 600px) {
      .blog-post-share a {
        font-size: 1.71429em; } }
    .blog-post-share a:hover {
      color: #00C9E7; }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .blog-post-image-container img {
    max-width: 600px;
    max-height: 600px;
    margin-top: 20px;
    margin-bottom: 30px; } }

@media screen and (max-width: 768px) {
  .blog-post-image-container {
    position: relative;
    display: block;
    width: 100%;
    margin: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .blog-post-image-container img {
    max-width: 100%;
    max-height: 600px;
    margin-top: 20px;
    margin-bottom: 30px; } }

@media screen and (max-width: 768px) {
  .blog-post-header {
    margin-top: 0; } }

@media screen and (max-width: 768px) {
  body.blog .continue-reading .chevron-right-icon {
    width: 11px;
    height: 11px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .blog-post-image-container img {
    max-width: 100%;
    max-height: 500px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.blog .blog-item .excerpt {
    font-size: 14px; } }

.category-finder-ad {
  display: block;
  position: relative;
  width: 88%;
  margin-left: 6%;
  height: auto;
  margin-top: 15px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: black;
  text-align: center; }

body.category-All .category-finder-ad {
  display: none; }

body.product .price-withouttax {
  visibility: hidden; }

body.category .price {
  font-size: 18px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: black; }

body.category span[data-product-price-without-tax], body.category span[data-product-price] {
  visibility: hidden; }

body.category #quick-shop-modal span[data-product-price-without-tax], body.category #quick-shop-modal span[data-product-price] {
  visibility: visible; }

.collection-columns {
  margin-top: 0; }

.collection-progress-overlay {
  display: none;
  background-color: rgba(255, 255, 255, 0.9); }
  .collection-progress-overlay.visible {
    display: block; }
  .collection-progress-overlay .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    padding: 90px 0 0 6px;
    margin-top: -30px;
    margin-left: -30px;
    font-size: 0.85714em;
    font-style: italic;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.6);
    text-align: center; }
  .collection-progress-overlay .pxu-fading-circle {
    top: 0;
    left: 0;
    margin: 0; }

.sidebar-heading-most {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 13px;
  font-family: "lato", "arial-fallback", sans-serif; }

.sidebar-heading-climate {
  margin: 0;
  font-weight: 700;
  font-size: 13px;
  font-family: "lato", "arial-fallback", sans-serif; }

.sidebar-heading-light {
  font-weight: 700;
  font-size: 13px;
  font-family: "lato", "arial-fallback", sans-serif;
  margin-bottom: 4px;
  margin-top: 3px; }

.sidebar-heading-soil {
  font-weight: 700;
  font-size: 13px;
  font-family: "lato", "arial-fallback", sans-serif;
  margin-bottom: 4px;
  margin-top: 3px;
  display: block;
  width: 100%;
  position: relative; }

.sidebar-heading {
  margin: 0 0 4px;
  font-weight: 700;
  font-size: 13px;
  font-family: "lato", "arial-fallback", sans-serif; }

body.product .product-meta .price-withouttax {
  visibility: visible; }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .category-finder-ad {
    width: 80%;
    margin-left: 10%;
    margin-top: 15px;
    text-align: center; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .category-finder-ad {
    width: 90%;
    margin-left: 5%;
    text-align: center;
    font-size: 1rem; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .category-finder-ad {
    width: 86%;
    margin-left: 7%;
    text-align: center;
    font-size: 1rem; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .category-finder-ad {
    width: calc(100% - 40px);
    margin-left: 20px;
    text-align: center;
    font-size: 15px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .collection-sorting {
    text-align: center; } }

.product-sort-select {
  font-weight: 300;
  font-family: "lato", "arial-fallback", sans-serif;
  margin-right: 20px; }
  @media screen and (min-width: 600px) {
    .product-sort-select {
      float: right; } }
  .product-sort-select .form-label {
    display: inline-block;
    color: #000; }
  .product-sort-select .sort-select-input-wrapper {
    display: inline-block; }
    .product-sort-select .sort-select-input-wrapper::after {
      top: 0.54545em;
      right: 0.36364em;
      font-size: 0.78571em; }
  .ajax-progress .product-sort-select {
    pointer-events: none;
    opacity: 0.8; }

.product-empty-notice {
  padding: 40px 10px;
  font-size: 0.92857em;
  font-style: italic;
  color: gray;
  text-align: center; }

.sidebar-heading-more {
  margin: 0 0 5px;
  font-weight: 700;
  font-size: 13px;
  font-family: "lato", "arial-fallback", sans-serif;
  display: inline; }

body.search .collection-name {
  position: absolute;
  left: 40%;
  top: -120px; }

@media screen and (max-width: 1280px) {
  body.search .collection-name {
    font-size: 36px; } }

@media screen and (max-width: 1024px) {
  body.search .collection-name {
    font-size: 28px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.search .collection-name {
    font-size: 22px;
    font-weight: 600;
    font-family: "proxima-soft", "arial-fallback", sans-serif; } }

.collection-name {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: black;
  letter-spacing: 0.75px; }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .collection-name {
      margin-bottom: 10px;
      text-align: center;
      font-size: 36px; } }

.collection-sidebar-column {
  position: relative;
  width: 100%;
  margin-top: -10px;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  text-align: center; }
  @media screen and (max-width: 1280px) and (min-width: 1025px) {
    .collection-sidebar-column {
      width: 21.90476%;
      margin-left: 1.42857%;
      margin-right: 1.42857%;
      margin-top: -15px;
      margin-bottom: 20px;
      margin-left: 0;
      margin-right: 0;
      text-align: center;
      width: 100%; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .collection-sidebar-column {
      width: 28.57143%;
      margin-left: 1.42857%;
      margin-right: 1.42857%;
      margin-top: -15px;
      margin-bottom: 15px;
      margin-left: 0;
      margin-right: 0;
      text-align: center;
      width: 100%; } }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .collection-sidebar-column {
      margin-top: -15px;
      margin-bottom: 10px;
      margin-left: 0;
      margin-right: 0;
      text-align: center;
      width: 100%; } }
  .collection-sidebar-column .collection-progress-overlay {
    background-color: rgba(255, 255, 255, 0.4); }

body.category-All .collection-sidebar-column {
  position: relative;
  clear: left;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  text-align: left; }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    body.category-All .collection-sidebar-column {
      text-align: left;
      margin-left: -7px !important;
      margin-right: 0;
      float: left;
      width: 260px; } }
  @media screen and (min-width: 600px) {
    body.category-All .collection-sidebar-column {
      width: 28.57143%;
      margin-left: 1.42857%;
      margin-right: 1.42857%;
      float: left;
      margin-left: 0;
      width: 260px; } }
  @media screen and (min-width: 1025px) {
    body.category-All .collection-sidebar-column {
      width: 260px;
      margin-right: 15px; } }
  body.category-All .collection-sidebar-column .collection-progress-overlay {
    background-color: rgba(255, 255, 255, 0.4); }

.collection-product-index-column,
.collection-content-index-column,
.collection-brand-category-index-column {
  position: relative;
  margin-bottom: 0;
  width: 100%; }
  @media screen and (min-width: 600px) {
    .collection-product-index-column,
    .collection-content-index-column,
    .collection-brand-category-index-column {
      float: none;
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 1025px) {
    .collection-product-index-column,
    .collection-content-index-column,
    .collection-brand-category-index-column {
      width: 100%;
      display: block;
      position: relative;
      margin: 0 auto;
      float: none; } }

body.category-All .collection-product-index-column,
body.category-All .collection-content-index-column,
body.category-All .collection-brand-category-index-column {
  position: relative;
  margin-bottom: 20px;
  margin-right: 0;
  margin-top: 15px; }
  @media screen and (min-width: 1025px) {
    body.category-All .collection-product-index-column,
    body.category-All .collection-content-index-column,
    body.category-All .collection-brand-category-index-column {
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
      width: calc(100% - 275px);
      margin-left: 0;
      display: flex;
      justify-content: center;
      float: none; } }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    body.category-All .collection-product-index-column,
    body.category-All .collection-content-index-column,
    body.category-All .collection-brand-category-index-column {
      width: 65.71429%;
      margin-left: 1.42857%;
      margin-right: 1.42857%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      width: calc(100% - 282px); } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    body.category-All .collection-product-index-column,
    body.category-All .collection-content-index-column,
    body.category-All .collection-brand-category-index-column {
      width: 15.2381%;
      margin-left: 1.42857%;
      margin-right: 1.42857%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      width: calc(100% - 272px); } }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    body.category-All .collection-product-index-column,
    body.category-All .collection-content-index-column,
    body.category-All .collection-brand-category-index-column {
      margin-top: 0; } }

.category-image-container {
  margin-bottom: 30px; }
  @media screen and (min-width: 600px) {
    .category-image-container {
      margin-bottom: 52px; } }

.category-description {
  margin-bottom: 25px;
  margin-top: 25px;
  margin-left: 0;
  margin-right: 0;
  font-size: 18px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: black;
  text-align: center;
  padding-left: 4%;
  padding-right: 4%;
  overflow: hidden; }
  @media screen and (max-width: 1280px) {
    .category-description {
      font-size: 16px;
      padding-left: 5%;
      padding-right: 5%; } }

.sidebar-block {
  padding-top: 2.28571em;
  margin-top: 1.42857em;
  border-top: 1px solid #EFEFEF; }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .sidebar-block {
      margin-bottom: 20px; } }
  .sidebar-block .is-active {
    color: #000; }

@media screen and (max-width: 1280px) {
  body.category-All .collection-product-index-column {
    margin-top: 20px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.category:not(.category-All) .main-content {
    margin-top: 0; } }

@media screen and (max-width: 768px) {
  body.search .collection-name {
    position: unset;
    left: unset;
    top: unset; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .sidebar-heading-more {
    margin: 0 0 2px;
    font-weight: 700;
    font-size: 13px;
    font-family: "lato", "arial-fallback", sans-serif;
    display: inline; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category-All .collection-product-index-column {
    margin-top: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .sidebar-heading-most {
    margin: 0 0 2px !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .category-description {
    font-size: 16px !important;
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 400;
    margin-top: 20px !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category-All .collection-content-index-column {
    margin-top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category-All .collection-sidebar-column {
    margin-top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category .price {
    font-size: 16px; } }

.product-grid-container {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto; }

body.category figure {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

body.product .rating-stars .rating-num, #quick-shop-modal .rating-stars .rating-num {
  display: none; }

body.category:not(.category-All) .product-grid-container {
  padding-left: 0;
  padding-right: 0; }

@media screen and (max-width: 1280px) {
  body.category:not(.category-All) .product-grid-container {
    padding-left: 0;
    padding-right: 0;
    justify-content: space-evenly; } }

body.category:not(.category-All) .product-item-thumbnail img {
  position: relative;
  width: 300px;
  height: auto;
  aspect-ratio: 1/1; }

body.category:not(.category-All) .product-item-thumbnail img.lazyloaded {
  z-index: 4; }

h1[data-in-stock="false"] {
  color: rgba(0, 0, 0, 0.5); }

.cat-label-row-key {
  color: #191919;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 600;
  font-size: 15px;
  width: auto;
  height: auto;
  display: table-cell;
  text-align: left; }

.cat-label-row-value {
  color: #191919;
  font-family: "lato";
  font-weight: 400;
  font-size: 15px;
  width: auto;
  height: auto;
  display: table-cell;
  text-align: left; }

.cat-label-row-wrapper {
  height: auto;
  line-height: 22px;
  width: 100%;
  max-width: 300px;
  position: relative;
  display: table-row;
  color: #646464; }

body.product .product-item.no-stock figure.product-item-thumbnail::before {
  background: rgba(0, 0, 0, 0.5);
  content: "SOLD OUT";
  position: absolute;
  display: inline-flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: all;
  color: #e6e6e6;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 3px;
  justify-content: center;
  align-items: center;
  text-indent: 0;
  padding-left: 0;
  padding-right: 0;
  z-index: 7;
  opacity: 1; }

body.product .product-item-thumbnail,
body.search .product-item-thumbnail {
  position: relative;
  display: block; }

.rating-stars .rating-num {
  position: relative;
  display: inline;
  height: auto;
  font-weight: 500;
  font-size: 14px;
  font-family: "lato", "arial-fallback", sans-serif;
  color: #B48E04;
  vertical-align: text-top;
  left: 2px;
  bottom: 1px; }

body.category:not(.category-All) .product-item-thumbnail {
  display: block;
  position: relative;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  width: auto;
  max-width: 300px;
  min-height: 298px;
  background: whitesmoke;
  border: 1px solid #c8c8c8;
  z-index: 1; }

body.category:not(.category-All) .product-item-thumbnail::before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/vertical-bar-loader-animated.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  z-index: 3;
  opacity: .35; }

body.category:not(.category-All) .product-item-thumbnail img.lozad {
  position: relative;
  width: max-content;
  min-height: 300px;
  height: max-content;
  z-index: 5;
  opacity: 0; }

.fade {
  animation-name: fade;
  animation-duration: .75s;
  animation-fill-mode: forwards; }

@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

body.category:not(.category-All) .product-item.no-stock figure.product-item-thumbnail::before {
  background: rgba(0, 0, 0, 0.5);
  content: "SOLD OUT";
  position: absolute;
  display: inline-flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-left: 0;
  padding-right: 0;
  pointer-events: all;
  color: #e6e6e6;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
  justify-content: center;
  align-items: center;
  z-index: 7;
  opacity: 1; }

.cat-label-table {
  height: auto;
  width: 100%;
  max-width: 300px;
  position: relative;
  display: table;
  margin-top: 8px;
  color: #787878;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

body.category-All .cat-label-table {
  display: none; }

div.out-of-stock > div > div.product-info-column > div.product-title-wrapper > h1.product-title {
  color: #969696; }

body.category:not(.category-All) .product-item-sold-out-tag {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 10px);
  z-index: 1;
  width: 100%;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  font-family: "proxima-soft";
  background-color: rgba(75, 75, 75, 0.6);
  border-style: none;
  font-size: 20px;
  color: white;
  top: 10px;
  left: 0; }

span.out-of-stock-badge {
  background: rgba(150, 150, 150, 0.5);
  border-radius: 5px;
  border: 1px solid #969696;
  color: black;
  font-weight: 600;
  margin-left: 15px;
  bottom: 7px;
  font-size: 14px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  display: none; }

button.add-to-cart.out-of-stock {
  background-color: #969696;
  border-color: #969696;
  pointer-events: none; }

/* 5 Columns */
@media screen and (min-width: 1281px) {
  body.category-All .product-item,
  body.category-All .gap {
    width: calc(100% / 5 - (((5 - 1) * 1rem) / 5)); } }

/* 5 Columns */
@media screen and (min-width: 1281px) {
  body.category-All .product-itemz,
  body.category-All .gap {
    width: calc(100% / 5 - (((5 - 1) * 1rem) / 5)); } }

.product-itemz {
  position: relative;
  padding-bottom: 16px;
  padding-top: 10px;
  margin-bottom: 16px;
  text-align: center;
  border: 1px solid transparent;
  transition: border-color 0.2s ease, box-shadow 0.2s ease; }
  @media screen and (min-width: 320px) {
    .product-itemz {
      width: 48.07692%;
      margin-left: 0.96154%;
      margin-right: 0.96154%;
      float: left; }
      .product-itemz:nth-child(2n + 1) {
        clear: left; } }
  @media screen and (min-width: 768px) {
    .product-itemz {
      width: 32.05128%;
      margin-left: 0.64103%;
      margin-right: 0.64103%; }
      .product-itemz:nth-child(2n + 1) {
        clear: none; }
      .product-itemz:nth-child(3n + 1) {
        clear: left; } }
  @media screen and (min-width: 1024px) {
    .product-itemz {
      width: 24.22481%;
      margin-left: 0.3876%;
      margin-right: 0.3876%; }
      .product-itemz:nth-child(3n + 1) {
        clear: none; }
      .product-itemz:nth-child(4n + 1) {
        clear: left; } }
  @media screen and (min-width: 1025px) {
    .product-itemz.four-across {
      width: 24.22481%;
      margin-left: 0.3876%;
      margin-right: 0.3876%; }
      .product-itemz.four-across:nth-child(3n + 1) {
        clear: none; }
      .product-itemz.four-across:nth-child(4n + 1) {
        clear: left; } }
  @media screen and (min-width: 1281px) {
    .product-itemz.five-across {
      width: 19%;
      margin-left: 0.4%;
      margin-right: 0.4%; }
      .product-itemz.five-across:nth-child(3n + 1) {
        clear: none; }
      .product-itemz.five-across:nth-child(4n + 1) {
        clear: none; }
      .product-itemz.five-across:nth-child(5n + 1) {
        clear: left; } }
  .product-itemz:hover {
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); }

.product-item {
  position: relative;
  padding-bottom: 4px;
  padding-top: 10px;
  margin-bottom: 4px;
  text-align: center;
  border: 1px solid transparent;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  z-index: 1; }
  @media screen and (min-width: 600px) {
    .product-item {
      width: 48.07692%;
      margin-left: 0.96154%;
      margin-right: 0.96154%;
      float: left;
      max-width: 220px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 2px;
      margin-bottom: 2px;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 10px;
      padding-bottom: 0; } }
  @media screen and (min-width: 768px) {
    .product-item {
      width: 32.05128%;
      margin-left: 0.64103%;
      margin-right: 0.64103%;
      max-width: 300px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 5px;
      margin-bottom: 5px;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 10px;
      padding-bottom: 0; } }
  @media screen and (min-width: 1024px) {
    .product-item {
      max-width: 300px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 10px;
      margin-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
      padding-bottom: 0; } }
  @media screen and (min-width: 1281px) {
    .product-item.five-across {
      max-width: 300px;
      padding-top: 10px;
      padding-bottom: 2px;
      padding-left: 10px;
      padding-right: 10px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 5px;
      margin-bottom: 5px; } }
  .product-item:hover {
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); }

body.category:not(.category-All) #mix-container {
  padding-right: 0;
  padding-left: 0; }

body.category-All article.mix.product-item.five-across:hover {
  border: 1px solid transparent;
  box-shadow: none;
  outline: none; }

body.category-All .container.withlabel article.mix.product-item.five-across {
  border: 1px solid rgba(150, 150, 150, 0.5); }

body.category-All .container.withlabel .pagination-container {
  display: none; }

body.category-All i.empty-item {
  position: relative;
  display: inline-block;
  max-width: 170px;
  border: 1px solid transparent; }
  @media screen and (min-width: 600px) {
    body.category-All i.empty-item {
      width: 48.07692%;
      margin-left: 0.96154%;
      margin-right: 0.96154%; } }
  @media screen and (min-width: 768px) {
    body.category-All i.empty-item {
      width: 32.05128%;
      margin-left: 0.64103%;
      margin-right: 0.64103%; } }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    body.category-All i.empty-item {
      max-width: 150px;
      padding-left: 0;
      padding-right: 0;
      margin-left: 5px;
      margin-right: 5px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    body.category-All i.empty-item {
      max-width: 150px;
      min-width: 150px;
      width: 150px;
      padding-left: 0;
      padding-right: 0;
      margin-left: 5px;
      margin-right: 5px; } }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    body.category-All i.empty-item {
      max-width: 150px;
      width: 150px;
      margin-left: 5px;
      margin-right: 5px; } }
  @media screen and (max-width: 390px) and (min-width: 0) {
    body.category-All i.empty-item {
      max-width: 140px;
      min-width: 140px;
      width: 46%;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 1025px) {
    body.category-All i.empty-item {
      max-width: 170px;
      margin-left: 8px;
      margin-right: 8px; } }
  @media screen and (min-width: 1281px) {
    body.category-All i.empty-item {
      width: calc(100% / 5 - (((5 - 1) * 1rem) / 5)); } }

body.category:not(.category-All) i.empty-item {
  border: 1px solid transparent; }
  @media screen and (min-width: 600px) {
    body.category:not(.category-All) i.empty-item {
      width: 48.07692%;
      margin-left: 0.96154%;
      margin-right: 0.96154%;
      float: left;
      max-width: 200px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 2px;
      margin-bottom: 2px;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 10px;
      padding-bottom: 0; } }
  @media screen and (min-width: 768px) {
    body.category:not(.category-All) i.empty-item {
      width: 32.05128%;
      margin-left: 0.64103%;
      margin-right: 0.64103%;
      max-width: 200px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 5px;
      margin-bottom: 5px;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 10px;
      padding-bottom: 0; } }
  @media screen and (min-width: 1024px) {
    body.category:not(.category-All) i.empty-item {
      max-width: 250px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 10px;
      margin-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
      padding-bottom: 0; } }
  @media screen and (min-width: 1281px) {
    body.category:not(.category-All) i.empty-item {
      max-width: 300px;
      padding-top: 10px;
      padding-bottom: 2px;
      padding-left: 10px;
      padding-right: 10px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 5px;
      margin-bottom: 5px; } }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    body.category:not(.category-All) i.empty-item {
      display: none; } }

body.category-All article.mix.product-item.five-across:hover .product-item-thumbnail {
  opacity: 0.75; }

body.product .cat-label-table {
  display: none; }

.product-breakdown {
  display: none; }

.product-item-details {
  max-width: 300px; }

.product-item-title {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1px;
  margin-top: 3px;
  font-weight: 700;
  color: #000;
  font-size: 23px;
  font-family: "lato", "arial-fallback", helvetica, sans-serif; }

@media screen and (max-width: 1280px) {
  .product-item-title {
    font-size: 20px; } }

.product-item-color-options {
  display: inline-block; }
  .product-item-color-options li {
    float: left;
    margin: 0 2px; }

.product-item-swatch-wrap {
  display: block;
  cursor: pointer;
  border: 1px solid #FFF; }
  .product-item-swatch-wrap .swatch {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid transparent; }
  .product-item-swatch-wrap:hover .swatch, .product-item-swatch-wrap.active .swatch {
    border: 1px solid #FFF; }
  .product-item-swatch-wrap:hover {
    border-color: rgba(0, 0, 0, 0.2); }
  .product-item-swatch-wrap.active {
    border-color: #000; }

.product-item-price {
  position: relative;
  display: block;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #191919;
  margin-top: 5px; }
  .product-item-price .on-sale .price-value {
    color: #338920; }
  .product-item-price .price-rrp {
    color: #000;
    text-decoration: line-through; }
  .product-item-price .tax-label {
    font-size: 0.78571em; }

.product-item-rating {
  margin-top: 6px; }
  .product-item-rating.no-rating {
    visibility: hidden;
    display: none; }

.product-item-compare {
  margin-top: 7px;
  font-size: 0.92857em;
  color: #0078DE; }
  .product-item-compare .input-checkbox:focus {
    outline: 0; }
  .product-item-compare .form-label-text {
    display: inline-block;
    position: relative;
    bottom: 2px;
    line-height: 28px; }
  .product-item-compare:hover .input-checkbox,
  .product-item-compare:hover .form-label-text {
    cursor: pointer; }
  .no-js .product-item-compare {
    visibility: hidden; }

@media screen and (min-width: 1025px) {
  .grid-small .product-item {
    width: 300px;
    margin-left: 1%;
    margin-right: 1%;
    clear: none; } }

.grid-small .product-item .product-item-title {
  font-size: 0.92857em; }

.grid-small .product-item .product-item-price {
  font-size: 0.92857em; }

@media screen and (max-width: 1280px) {
  .grid-small .product-item {
    width: 24.22481%;
    margin-left: 0.3876%;
    margin-right: 0.3876%;
    clear: none; } }

.grid-small .product-item .product-item-title {
  font-size: 1rem; }

.grid-small .product-item .product-item-price {
  font-size: 1rem; }

.product-item-sale-tag {
  position: absolute;
  font-size: 12px;
  width: calc(100% - 20px);
  font-family: "lato";
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  text-transform: uppercase;
  background-color: #C2DD66; }
  .sale-tag-rectangle .product-item-sale-tag {
    top: 10px;
    right: 10px;
    padding: 0.7em 0.9em 0.6em; }
  .sale-tag-circle .product-item-sale-tag {
    top: 16px;
    right: 16px;
    width: 3.6em;
    height: 3.6em;
    padding-top: 1.4em;
    text-align: center;
    border-radius: 50%; }

body.product .product-grid-container.grid-small .product-item {
  padding-top: 10px;
  padding-bottom: 10px; }

body.product .product-grid-container.related-products .product-item {
  padding-top: 0;
  margin-left: 0;
  margin-right: 0; }

.product-item-sold-out-tag {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 10px);
  z-index: 1;
  width: calc(100% - 20px);
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  font-family: "proxima-soft";
  background-color: rgba(75, 75, 75, 0.6);
  border-style: none;
  font-size: 20px;
  color: white;
  top: 10px; }

article[data-pre-order="true"] > a > figure.product-item-thumbnail > span.pre-order-badge {
  display: block; }

.product-item span.sale-badge {
  position: absolute;
  display: block;
  width: 65%;
  height: 20px;
  bottom: 0;
  right: 0; }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  body.category-All .product-item.no-stock figure.product-item-thumbnail::before {
    content: "SOLD OUT";
    width: 100%;
    left: 0;
    color: #e6e6e6;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    font-size: 16px;
    font-weight: 700; } }

@media screen and (max-width: 1505px) and (min-width: 1281px) {
  body.category:not(.category-All) .product-item.no-stock figure.product-item-thumbnail::before {
    content: "SOLD OUT";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;
    text-indent: 0;
    color: #e6e6e6;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    font-size: 18px;
    font-weight: 700; } }

@media screen and (max-width: 1920px) and (min-width: 1506px) {
  body.category:not(.category-All) span.sale-badge {
    display: inline-flex;
    position: absolute;
    bottom: 0;
    width: 152px;
    height: 38px;
    background-image: url("../img/sale-tag-wide.svg");
    background-repeat: no-repeat;
    font-family: "lato";
    font-size: 20px;
    font-weight: 700;
    color: white;
    padding-left: 70px;
    right: -2px;
    padding-top: 4px;
    opacity: 0.96;
    -webkit-box-shadow: -1px -15px 12px -9px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: -1px -15px 12px -9px rgba(0, 0, 0, 0.6);
    box-shadow: -1px -15px 12px -9px rgba(0, 0, 0, 0.6);
    letter-spacing: 1px; } }

@media screen and (max-width: 1366px) {
  body.category:not(.category-All) span.sale-badge {
    right: 8px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.category:not(.category-All) .product-item {
    max-width: 250px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.category:not(.category-All) .product-item-thumbnail {
    max-width: 250px;
    min-height: 248px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.category:not(.category-All) .product-item-thumbnail img.lozad {
    min-height: 250px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.category-All .product-item {
    max-width: 170px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.category-All .product-item-thumbnail {
    max-width: 170px;
    min-height: 170px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.category-All .product-item-thumbnail img.lozad {
    min-height: 170px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.product span.sale-badge {
    display: inline;
    right: 9px;
    padding-left: 37px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.category:not(.category-All) #mix-container.container {
    padding-left: 0; } }

@media screen and (max-width: 1280px) {
  .cat-label-row-key,
  .cat-label-row-value {
    font-size: 14px !important; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.category:not(.category-All) .product-item {
    max-width: 200px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.category:not(.category-All) .product-item-thumbnail {
    max-width: 200px;
    min-height: 198px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.category:not(.category-All) .product-item-thumbnail img.lozad {
    min-height: 200px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.category-All .product-item {
    max-width: 150px;
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.category-All .product-item-thumbnail {
    max-width: 150px;
    min-height: 150px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.category-All .product-item-thumbnail img.lozad {
    min-height: 150px; } }

@media screen and (max-width: 1024px) {
  .product-item:hover {
    border: 1px solid transparent;
    box-shadow: none; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.product .product-item[data-on-sale="true"]:not(.no-stock) > a > figure.product-item-thumbnail::after,
  body.product .account-product-item[data-on-sale="true"]:not(.no-stock) > a > figure.product-item-thumbnail::after {
    padding-top: 6px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.product span.sale-badge {
    display: inline;
    right: 9px;
    padding-left: 37px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.category:not(.category-All) #mix-container.container {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .rating-stars .rating-num {
    bottom: 2px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.category:not(.category-All) .product-item {
    max-width: 200px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.category:not(.category-All) .product-item-thumbnail {
    max-width: 200px;
    min-height: 198px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.category:not(.category-All) .product-item-thumbnail img.lozad {
    min-height: 200px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product span.sale-badge {
    display: inline;
    right: 9px;
    padding-left: 37px;
    height: 30px;
    width: 100px; } }

@media screen and (max-width: 768px) {
  body.category:not(.category-All) .product-item-thumbnail img {
    width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.category-All .product-item.no-stock figure.product-item-thumbnail::before {
    content: "SOLD OUT";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #e6e6e6;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    font-size: 16px;
    font-weight: 700; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.category:not(.category-All) #mix-container.container {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-item[data-on-sale="true"]:not(.no-stock) > a > figure.product-item-thumbnail::after,
  body.product .account-product-item[data-on-sale="true"]:not(.no-stock) > a > figure.product-item-thumbnail::after {
    padding-top: 6px; } }

@media screen and (max-width: 768px) {
  .cat-label-table {
    display: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .cat-label-table {
    display: table;
    margin-top: 6px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .cat-label-row-key {
    width: auto;
    text-align: left;
    margin-right: 8px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .cat-label-row-wrapper:nth-of-type(n + 3):nth-of-type(-n + 6) {
    display: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-title {
    font-size: 1.9rem !important; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-item-sold-out-tag {
    left: 10px; } }

@media screen and (max-width: 768px) {
  .product-item-details {
    max-width: unset; } }

@media screen and (max-width: 768px) {
  body.category-All .product-item-details {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .rating-stars .rating-num {
    bottom: 4px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category:not(.category-All) .product-item {
    max-width: 170px;
    margin-left: 5px;
    margin-right: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category:not(.category-All) .product-item-thumbnail {
    max-width: 170px;
    min-height: 170px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category:not(.category-All) .product-item-thumbnail img {
    min-height: 170px;
    height: 170px;
    max-width: 170px; } }

@media screen and (max-width: 599px) {
  body.category:not(.category-All) .collection-sidebar-column {
    width: 100%; } }

@media screen and (max-width: 599px) {
  h1.collection-name {
    font-size: 26px; } }

@media screen and (max-width: 599px) {
  body.category:not(.category-All) .category-description p {
    font-size: 15px; } }

@media screen and (max-width: 599px) {
  body.category:not(.category-All) .category-description {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 599px) {
  body.category:not(.category-All) .collection-product-index-column {
    width: 100%; } }

@media screen and (max-width: 599px) {
  body.category:not(.category-All) #mix-container.container {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0 auto; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  fieldset.input-stars {
    margin-left: 4px;
    margin-top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category:not(.category-All) .product-grid-container {
    margin-left: 0;
    margin-right: 0;
    justify-content: space-evenly; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-item-rating {
    margin-top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cat-label-table {
    display: table;
    margin-top: 3px;
    line-height: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cat-label-row-key {
    width: auto;
    text-indent: 0;
    text-align: left;
    margin-right: 8px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cat-label-row-value {
    width: auto;
    height: auto; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cat-label-row-wrapper {
    display: inline-flex;
    justify-content: left;
    text-indent: 0;
    height: auto; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cat-label-row-wrapper:nth-of-type(n + 3):nth-of-type(-n + 6) {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category:not(.category-All) .product-item {
    margin-bottom: -2px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category:not(.category-All) article.mix.product-item.five-across:hover {
    box-shadow: none;
    outline: none;
    border: 1px solid transparent;
    background: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product span.sale-badge {
    display: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-item-sold-out-tag {
    left: 10px;
    right: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-item-title {
    font-size: 18px;
    margin-bottom: 2px;
    margin-top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-item-price {
    margin-bottom: 6px;
    margin-top: 4px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category-All .product-item.no-stock figure.product-item-thumbnail::before {
    content: "SOLD OUT";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #e6e6e6;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    font-size: 16px;
    font-weight: 700; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.category-All .product-item.no-stock figure.product-item-thumbnail::before {
    content: "SOLD OUT";
    font-size: 16px; } }

@media screen and (max-width: 390px) and (min-width: 0) {
  .product-grid-container.grid-small .product-item-details {
    padding: 0; } }

@media screen and (max-width: 390px) and (min-width: 0) {
  body.category:not(.category-All) .product-item {
    max-width: 250px; } }

@media screen and (max-width: 390px) and (min-width: 0) {
  body.category:not(.category-All) .product-item-thumbnail {
    max-width: 250px;
    min-height: 248px; } }

@media screen and (max-width: 390px) and (min-width: 0) {
  body.category:not(.category-All) .product-item-thumbnail img {
    min-height: 170px;
    height: unset;
    max-width: unset; } }

.product-options-container {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 12px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px; }
  .product-options-container .form-field-title {
    font-weight: 600;
    font-size: 16px;
    font-family: "lato", "arial-fallback", sans-serif;
    margin-bottom: 8px;
    color: #D93838; }
  .product-options-container .form-field {
    margin-bottom: 10px; }
    .product-options-container .form-field .input-number {
      max-width: 25%; }
    .product-options-container .form-field .input-select {
      width: 100%; }
    .product-options-container .form-field textarea {
      height: auto;
      resize: vertical; }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .product-options-container .form-field {
      margin-bottom: 16px; } }

.product-info-column form[data-cart-item-add] {
  min-height: 120px; }

.product-options-container .option-unavailable {
  opacity: 0.5;
  pointer-events: none; }

.swatch-value {
  font-weight: normal; }

.form-field-swatch .swatch-wrap {
  position: relative;
  float: left;
  margin: 0 2px 2px 0;
  border: 1px solid transparent; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .form-field-swatch .swatch-wrap:first-child .swatch-pattern-expanded {
      left: -10px;
      transform: translateX(0); }
    .form-field-swatch .swatch-wrap:last-child .swatch-pattern-expanded {
      left: auto;
      right: -10px;
      transform: translateX(0); } }

.form-field-swatch .swatch {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid transparent; }

.form-field-swatch .swatch-wrap:hover .swatch {
  border-color: #EFEFEF; }

.form-field-swatch .swatch-color {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px; }
  .form-field-swatch .swatch-color.secondary {
    left: 50%; }
  .form-field-swatch .swatch-color.tertiary {
    top: 50%;
    left: 50%; }

.form-field-swatch .swatch-radio {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0; }
  .form-field-swatch .swatch-radio:checked + .swatch {
    border-color: #d7d7d7; }

.form-field-swatch .swatch-pattern-expanded {
  display: none;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  padding: 3px;
  border: 1px solid #EFEFEF;
  border-radius: 3px;
  background: #FFF;
  transform: translateX(-50%); }
  .form-field-swatch .swatch-pattern-expanded img {
    display: block;
    width: 100px;
    max-width: none; }

.form-field-swatch .swatch-wrap:hover .swatch-pattern-expanded {
  display: block; }

.form-file-types,
.form-file-size {
  display: block;
  margin-top: 0.33333em;
  font-size: 0.64286em;
  color: #000; }

label.form-label.rectangle:not(.option-unavailable) > .rectangle-text:hover,
label.form-label.rectangle:not(.option-unavailable) > .rectangle-text.selected {
  border: 1px solid #004e8a;
  border-radius: 4px;
  background-color: #00c9e7;
  color: white;
  cursor: pointer; }

label.form-label.rectangle.option-unavailable > .rectangle-text {
  pointer-events: none; }

.form-field-rectangle .rectangle {
  position: relative;
  display: block;
  float: left;
  margin: 0 5px 10px 0; }

.form-field-rectangle .rectangle-text {
  display: block;
  min-width: 3.63636em;
  padding: 0.72727em;
  margin: 0 0.42857em 0 0;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 0.85714em;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  border: 1px solid #646464;
  border-radius: 4px; }

.form-field-rectangle .form-input {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0; }

.form-field-rectangle .form-field-control > label.form-input-hidden {
  display: none; }

.form-field-quantity-control {
  margin-left: 8px; }

input.form-input.form-rectangle[type="radio"]:checked + .rectangle-text {
  background-color: #00c9e7;
  color: white; }

.product-picklist-item {
  position: relative;
  display: block;
  margin-bottom: -1px; }

.product-picklist-radio {
  position: absolute;
  top: 50%;
  left: 14px;
  margin-top: -7px;
  line-height: 14px; }

.product-picklist-item-body {
  position: relative;
  display: table;
  width: 100%;
  min-height: 60px;
  padding: 6px 8px 6px 84px;
  font-size: 0.92857em;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 3px; }
  .product-picklist-item-body.picklist-none {
    padding-left: 36px; }
  .product-picklist-item-body:hover {
    z-index: 1;
    border-color: #f0f0f0; }
  [type="radio"]:checked ~ .product-picklist-item-body {
    z-index: 2;
    color: #0078DE;
    border-color: #0078DE; }

.product-picklist-image-wrap {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 34px;
  width: 40px;
  overflow: hidden; }

.product-picklist-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.product-picklist-label-text {
  display: table-cell;
  line-height: 1.4;
  color: inherit;
  vertical-align: middle; }

.product-event-bounds {
  clear: left;
  display: block;
  margin-top: 0.4em;
  color: #000;
  font-size: 0.71429em; }

.form-field-rectangle.form-input.form-input-hidden {
  display: none; }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-options-container {
    display: inline-block;
    position: relative;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-options-container .form-field-options:last-of-type {
    margin-bottom: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-options-container .form-field-control {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%; } }

body.product .main-content {
  padding-bottom: clamp(10px, 2%, 25px); }

body.product .upper-block, body.product .product-images-column {
  position: relative;
  display: block;
  width: 100%; }

article.product-item[data-on-sale="true"] .new-product-wrapper {
  display: none; }

article.product-item[data-in-stock="false"] .sale-badge {
  display: none; }

body.product .product-slides-wrap .slick-slide.slick-active, .product-slides-wrap .slick-slide:hover {
  opacity: 1; }

.product-info-column .product-details-block dt[data-product-stock], .product-info-column .product-details-block dd[data-product-stock] {
  display: none; }

body.product .slick-lightbox-slick-caption {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis; }

.total-score .num-reviews {
  position: relative;
  bottom: 1px;
  font-size: 14px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: #0078de; }

.total-score .num-reviews:hover {
  cursor: pointer;
  color: #00C9E7; }

body.product figure {
  margin-left: 15px;
  margin-right: 15px; }

body.product form[data-cart-item-add] {
  border-top: 1px solid #EFEFEF;
  margin-top: 15px; }

body.product .form-sections {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 66px;
  margin-top: 12px;
  padding-bottom: 0;
  border-bottom: 1px solid #EFEFEF; }

body.product div[data-product-option-message] .alert {
  margin-bottom: 0; }

body.product .product-quantity-submit-columns {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 20px;
  min-height: 113px; }

body.product .product-quantity-submit-columns.hidden {
  display: none; }

body.product .upper-block .wishlist-form {
  margin-top: 10px; }

.required-text {
  color: red; }

body.product .form-label-text {
  font-weight: 600;
  color: black;
  font-size: 15px; }

.product-images-container {
  position: relative;
  margin-bottom: 40px; }

body.product .product-meta .product-item-thumbnail, body.search .product-item-thumbnail {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0;
  margin-right: 0; }

body.product .product-meta .product-item-price {
  margin-top: 0.3em;
  margin-bottom: 0; }

.product-slides-container {
  position: relative;
  overflow: hidden;
  height: auto; }

body.product .product-images-container svg.eye-icon {
  width: 80px;
  height: 80px;
  color: white;
  opacity: 0;
  pointer-events: none; }

body.product .product-images-container .view-fullscreen-icon:hover svg.eye-icon {
  opacity: 0.5; }

.no-js .product-images-pagination {
  display: none; }

.single-product:not([class*="out-of-stock"]) .product-message .product-option-message,
.single-product.out-of-stock .product-message .out-of-stock-message {
  display: block;
  visibility: visible; }

.single-product.out-of-stock .product-message > .product-option-message,
.single-product:not([class*="out-of-stock"]) .product-message .out-of-stock-message {
  display: none;
  visibility: hidden; }

.single-product .product-message {
  display: none; }

.single-product.in-stock .product-message,
.single-product.out-of-stock .product-message {
  display: block; }

.product-quantity-submit-columns,
.wishlist-form,
.product-message {
  max-width: 450px; }

.form-sections .preorder-message {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  margin-top: 19px;
  font-size: 17px;
  font-family: "lato";
  font-weight: 400;
  line-height: 30px; }

.single-product-share .icon-twitter {
  color: #1DA1F2;
  width: 24px;
  height: 24px; }

.single-product-share .icon-facebook {
  color: #4267B2;
  width: 24px;
  height: 24px; }

.single-product-share .icon-pinterest {
  color: #E60023;
  width: 24px;
  height: 24px; }

.single-product-share .icon-email {
  color: #969696;
  width: 24px;
  height: 23px; }

.product-slides-wrap.slick-slider > .slick-list > .slick-track {
  height: auto; }

.badge-img {
  width: 100%;
  height: 100%; }

.product-slide {
  position: relative;
  float: left;
  width: 100%;
  text-align: center; }

.product-images-pagination-container {
  display: flex;
  flex-direction: row;
  position: relative;
  height: auto;
  padding: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 15px;
  margin-left: 20px;
  width: calc(100% - 40px);
  text-align: center;
  z-index: 2; }

#product-thumbnails .slick-list > .slick-track {
  height: auto; }

#product-images .slick-initialized.slick-slider {
  background-color: transparent;
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
  border-style: none;
  box-shadow: unset;
  -webkit-box-shadow: unset; }

#product-thumbnails.slick-initialized.slick-slider {
  background-color: transparent;
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
  border-style: none;
  box-shadow: unset;
  -webkit-box-shadow: unset; }

#product-images .nav-arrows {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  width: 100%;
  max-height: 120px; }

#product-thumbnails {
  position: relative;
  display: block;
  float: left;
  height: 120px;
  width: 100%; }

.slick-prev.slick-arrow .chevron-icon-left {
  position: absolute;
  display: block;
  height: 24px;
  width: 24px;
  left: 0;
  top: 0;
  color: #afafaf; }

.slick-next.slick-arrow .chevron-icon-right {
  position: absolute;
  display: block;
  height: 24px;
  width: 24px;
  left: 0;
  top: 0;
  color: #afafaf; }

.slick-prev .chevron-icon-left:hover, .slick-next .chevron-icon-right:hover {
  color: #0AA9FF; }

.nav-arrows .slick-next::before, .nav-arrows .slick-prev::before {
  display: none; }

#product-thumbnails .slick-list {
  padding: 0;
  margin-top: 15px;
  height: 100%; }

.product-images-container .nav-arrows button.slick-arrow.slick-prev {
  left: -25px !important;
  bottom: 0; }

.product-images-container .nav-arrows button.slick-arrow.slick-next {
  right: -20px !important;
  bottom: 0; }

#product-thumbnails .slick-thumbnail-prev svg.circle-chevron-left {
  height: 25px;
  width: 25px; }

#product-thumbnails:not(.slick-initialized) {
  display: none; }

#product-images .nav-arrows .slick-next {
  position: absolute;
  right: 10px;
  top: 25px;
  display: block;
  height: 30px;
  width: 30px; }

#product-thumbnails.slick-initialized .slick-slide {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 120px; }

#product-thumbnails.slick-initialized .slick-slide > div {
  margin-left: 5px;
  margin-right: 5px; }

#product-thumbnails.slick-initialized .slick-slide div a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%; }

#product-thumbnails.slick-initialized .slick-slide div a img {
  position: relative;
  display: inline-block;
  height: 100px;
  width: 140px;
  object-fit: cover; }

.product-images-column .nav-arrows {
  position: absolute;
  left: 0;
  bottom: 45px;
  width: 100%;
  height: 30px;
  display: flex;
  z-index: 1; }

#product-images .slick-list {
  height: 100%;
  margin-top: 0;
  overflow: hidden;
  touch-action: auto; }

#product-images .slick-slide {
  height: 400px; }

#product-images .slick-slide.slick-active .product-slide {
  opacity: 1; }

.product-slides-wrap {
  height: 400px;
  position: relative; }

body.product .container.single-product .product-info-column {
  width: 47.05882%;
  margin-left: 0%;
  margin-right: 0%;
  float: left;
  max-width: 550px; }

@media screen and (min-width: 600px) {
  body.product .container.single-product {
    padding-top: 15px; }
    body.product .container.single-product .product-images-column {
      width: 49.01961%;
      margin-left: 0%;
      margin-right: 0%;
      float: right;
      position: relative;
      z-index: 2; } }

@media screen and (min-width: 1281px) {
  body.product .container.single-product {
    padding-left: 6%;
    padding-right: 6%; }
    body.product .container.single-product .product-images-column {
      width: 60%;
      float: right;
      position: relative;
      z-index: 2; }
    body.product .container.single-product .product-info-column {
      width: 35%;
      float: left;
      max-width: 550px;
      margin-right: 0; } }

.product-meta-column {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin-top: clamp(10px, 0.5%, 20px); }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-info-column {
    margin-bottom: 20px; } }

.product-info-column .cart-messages-upper .alert {
  margin-bottom: 1.5em; }

.product-info-column .product-title {
  display: inline;
  position: relative;
  font-weight: 500;
  font-size: 2.2rem;
  margin: 0 0 1rem;
  left: -1px;
  line-height: 1.35; }

.product-info-column .product-brand {
  display: inline-block;
  margin-bottom: 0.33333em;
  font-size: 1.42857em;
  color: #000; }

.product-info-column .product-price {
  position: relative;
  display: none;
  height: auto;
  margin-top: 9px;
  margin-bottom: 9px;
  font-size: 1.14286em;
  font-family: "proxima-soft";
  font-weight: 600; }

.product-info-column .call-for-price {
  color: #000; }

.product-info-column .price-rrp {
  color: #000;
  text-decoration: line-through; }

.product-info-column .on-sale .price-value {
  color: #338920; }

.product-info-column .tax-label {
  font-size: 0.8125em;
  font-weight: 300; }

.product-info-column .price-second-line {
  display: inline-block;
  font-size: 0.875em;
  color: #000; }

.product-info-column .price-you-save {
  font-family: "lato";
  font-size: 0.8125em;
  letter-spacing: 0;
  color: #338920;
  text-transform: none; }

.product-info-column .on-sale .list-price {
  color: #338920; }

.product-info-column .product-quantity-container {
  margin-bottom: 22px; }
  .product-info-column .product-quantity-container .form-input {
    width: 60px;
    height: 32px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px; }

.product-info-column hr {
  margin: 19px 0; }

.product-info-column .button.add-to-cart {
  margin-top: 5px;
  margin-bottom: 8px; }

.product-info-column .button.add-to-wishlist {
  font-family: "lato"; }

body.product .product-meta-product-grid .product-item-title {
  font-size: 18px;
  font-family: "lato";
  font-weight: 600;
  color: black;
  margin-top: 0;
  margin-bottom: 3px; }

body.product .product-meta-product-grid .price-value,
body.product .product-meta-product-grid span.price.price-without-tax {
  font-weight: 400;
  color: #646464;
  font-size: 16px;
  font-family: "lato", "arial-fallback", sans-serif; }

.product-title-wrapper {
  margin-bottom: 35px; }

body.product .product-info-column .product-price {
  font-size: 19px; }

body.product .product-info-column .price-ns-label,
body.product .product-info-column .price-ns {
  font-size: 20px;
  color: #969696;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 500; }

a.review-link:hover {
  text-decoration: underline; }

.product-details-block {
  margin: 10px 0;
  font-size: 15px; }

.product-details-heading {
  font-size: 1em;
  margin: 0 0 0.28571em;
  font-weight: 600; }

.product-details-block div {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 8px; }

.product-details-block div:last-of-type {
  margin-bottom: 0; }

.product-details-name,
.product-details-value {
  display: inline;
  margin: 0;
  margin-bottom: 4px;
  margin-top: 4px;
  line-height: 1.4; }

.product-details-name {
  margin-right: 6px;
  color: #000;
  font-weight: 700;
  line-height: 1.4; }

.product-details-hidden {
  display: none; }

.product-purchase-message-container {
  display: none; }
  .product-purchase-message-container.visible {
    display: block; }

.product-quantity-submit-columns .alert {
  padding: 10px 15px;
  margin-bottom: 8px; }

.product-quantity-submit-columns button,
.wishlist-form button {
  max-width: 275px; }

.single-product-share {
  margin-top: 1.28571em;
  margin-bottom: 10px; }
  .single-product-share a {
    font-size: 30px;
    color: #b3b3b3; }
    .single-product-share a:hover {
      color: #8a8a8a; }

.variation-preview {
  position: relative;
  display: block;
  height: 3.57143em;
  padding: 0 1em 0 3.57143em;
  margin-top: 1.42857em;
  color: #000;
  border: 1px solid #EFEFEF;
  border-radius: 3px; }
  .variation-preview:hover {
    color: #1a1a1a;
    border-color: #d7d7d7; }

.variation-preview-thumb-wrap {
  position: absolute;
  top: 0.42857em;
  left: 0.42857em; }

.variation-preview-thumb {
  width: 2.57143em;
  height: 2.57143em;
  background-position: center center;
  background-size: cover; }

.variation-preview-label {
  display: inline-block;
  padding: 1.15385em 0 0.53846em;
  font-size: 0.92857em; }

.mobile-gallery-icon {
  display: none; }

.product-meta {
  margin-bottom: 50px;
  margin-top: 0; }

.product-meta-product-grid {
  margin-top: 50px; }

.product-section-header {
  padding-bottom: 6px;
  margin-bottom: clamp(15px, 2vw, 25px);
  border-bottom: 1px solid #EFEFEF; }

.product-section-title {
  margin: 0 0 6px;
  color: #000;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-size: 24px;
  letter-spacing: 0.25px; }

.product-tab-links {
  display: none;
  margin-bottom: 46px;
  border-bottom: 1px solid #EFEFEF; }
  .tabs-active .product-tab-links {
    display: block; }

.product-tab-link {
  display: inline-block;
  margin: 0 32px -1px 0; }
  .product-tab-link a {
    display: block;
    padding: 6px 0 11px;
    font-weight: 300;
    color: #000;
    border-bottom: 2px solid transparent; }
  .product-tab-link:hover a {
    border-bottom-color: #EFEFEF; }
  .product-tab-link.active a {
    font-weight: 600;
    color: #000;
    border-bottom-color: #00C9E7; }

.tabs-inactive .tab-content-panel {
  display: block; }

.product-videos-list .video-container {
  margin-bottom: 2em; }

.product-grid-scroll-container {
  overflow: hidden; }
  .product-grid-scroll-container .product-grid-container {
    width: 200%; }
    @media screen and (min-width: 0) {
      .product-grid-scroll-container .product-grid-container {
        width: 133.33%; } }
    @media screen and (min-width: 1025px) {
      .product-grid-scroll-container .product-grid-container {
        width: 100%; } }

.product-grid-container.grid-small.related-products {
  justify-content: flex-start; }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .product-options-container .form-field-rectangle .rectangle-text.form-label-text {
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px; } }

@media screen and (max-width: 1280px) {
  body.product .product-meta .product-grid-container.grid-small {
    width: 100%;
    justify-content: left;
    left: -10px; } }

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #fafafa;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 15px; }

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: #f0f0f0;
  float: left;
  border-style: none;
  outline: none;
  cursor: pointer;
  padding: 14px 12px;
  width: 130px;
  letter-spacing: 0.5px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: clamp(14px, 0.95rem, 17px);
  border-right: 1px solid rgba(175, 175, 175, 0.8); }

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #e0e0e0; }

/* Create an active/current tablink class */
.tab button.active {
  background-color: #e0e0e0;
  font-weight: 700;
  color: black; }

/* Style the tab content */
.tabcontent {
  display: none;
  padding-top: clamp(15px, 2%, 30px);
  padding-bottom: clamp(15px, 2%, 30px);
  padding-left: clamp(20px, 3%, 50px);
  padding-right: clamp(20px, 3%, 50px);
  border: 1px solid #ccc;
  border-top-style: none; }

body.product .price-value-label,
body.product .price-value {
  color: black;
  font-weight: 600;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 20px; }

body.product .product-quantity-container .form-label-text {
  color: black;
  font-size: 16px;
  font-weight: 600;
  font-family: "lato", "arial-fallback", sans-serif; }

.product-description-container h2 {
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-weight: 600;
  color: black;
  font-size: clamp(16px, 1.1rem, 18px);
  margin-top: clamp(8px, 1.4vw, 14px);
  margin-bottom: clamp(8px, 1.4vw, 14px);
  background-color: whitesmoke;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  text-transform: uppercase;
  text-align: center !important;
  padding-bottom: 2px; }

.product-description-container h2 span {
  font-family: "lato", "arial-fallback", sans-serif !important;
  font-size: clamp(16px, 1rem, 17px) !important;
  font-weight: 400 !important;
  color: black; }

.product-description-container p span {
  font-family: "lato", "arial-fallback", sans-serif !important;
  font-size: clamp(16px, 1rem, 17px) !important;
  line-height: 1.5 !important;
  color: black; }

.product-description-container p {
  font-family: "lato", "arial-fallback", sans-serif !important;
  font-weight: 400;
  color: black;
  font-size: clamp(16px, 1rem, 17px) !important;
  line-height: 1.5 !important;
  margin-bottom: 9px;
  margin-top: 9px; }

#product-warranty p {
  font-family: "lato", "arial-fallback", sans-serif !important;
  font-weight: 400;
  color: black;
  font-size: clamp(16px, 1rem, 17px) !important;
  line-height: 1.5 !important;
  margin-bottom: 0;
  margin-top: 0; }

.product-description-container ul {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.5;
  font-size: clamp(16px, 1rem, 17px) !important; }

.share-instruction {
  font-family: "lato";
  font-weight: 400;
  font-size: 12px;
  color: #969696; }

body.product .product-info-column .price-ns-wrapper,
body.product .product-info-column .price-value-wrapper {
  display: inline-block;
  position: relative;
  width: 140px;
  height: auto;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 600; }

body.product .product-info-column .price-withouttax {
  direction: rtl;
  text-align: left;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400; }

img.product-slides-img {
  height: 400px;
  width: 550px;
  -o-object-fit: contain;
  object-fit: contain; }

img.pot-size-slide-img {
  height: 400px;
  width: 900px;
  -o-object-fit: contain;
  object-fit: contain;
  border-style: none;
  padding: 0; }

span.preorder-badge {
  font-family: "lato";
  font-size: 38px;
  font-weight: 400;
  color: black;
  display: none;
  line-height: 51px; }

.product-description-container img.__mce_add_custom__ {
  margin-top: 20px;
  margin-bottom: 10px; }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.product .container.single-product {
    padding-left: 40px;
    padding-right: 40px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.product .container.single-product .product-info-column {
    width: 40%; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.product .product-slides-wrap .slick-slide {
    margin-left: 0;
    margin-right: 0;
    height: 350px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  #product-images .slick-slide {
    height: 32vw; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .product-meta .product-section-header {
    margin-bottom: 10px; } }

@media screen and (max-width: 1280px) {
  .product-meta {
    margin-bottom: 30px;
    margin-bottom: 1.6vw;
    margin-top: 0; } }

@media screen and (max-width: 1280px) {
  .product-meta-product-grid {
    margin-top: 30px;
    margin-top: 1.8vw; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .product-meta {
    margin-bottom: 30px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .product-meta-product-grid {
    margin-bottom: 0;
    margin-top: 40px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.product .product-quantity-submit-columns button.button-primary span.button-text {
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 1px; } }

@media screen and (min-width: 1280px) {
  .product-images-pagination li img {
    height: 120px; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .product-slides-container {
    position: relative;
    overflow: hidden;
    height: auto; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  #product-warranty p {
    font-size: 15px;
    line-height: 22px; } }

@media screen and (min-width: 1025px) {
  .product-description-container ul li {
    font-size: 0.9rem;
    font-family: "lato";
    font-weight: 400;
    color: black;
    line-height: 30px; } }

@media screen and (max-width: 1280px) {
  body.product .product-meta-product-grid .price-value,
  body.product .product-meta-product-grid span.price.price-without-tax {
    font-size: 16px; } }

@media screen and (max-width: 1280px) {
  .tabcontent {
    padding-left: 30px;
    padding-right: 30px; } }

@media screen and (max-width: 1280px) {
  body.product .product-meta-product-grid .product-item-title {
    font-size: 16px; } }

@media screen and (min-width: 1025px) {
  .upper-block {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 10px; } }

@media screen and (max-width: 1280px) and (min-width: 769px) {
  .product-images-pagination li img {
    height: 80px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.product .container.single-product .product-info-column {
    width: 40%; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  #product-images .slick-slide {
    height: 32vw; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.product .product-slides-wrap .slick-slide {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (min-width: 769px) {
  .product-images-pagination {
    margin-top: 40px; }
  .product-images-pagination li {
    display: inline-block;
    margin: 0 3px 3px 0;
    background: #fff;
    border: 1px solid transparent;
    transition: border 0.2s ease; }
  .product-images-pagination li.active {
    border: 1px solid #d2d2d2; }
  .product-images-pagination li.active a {
    opacity: 1; }
  body.product .slick-lightbox-inner .slick-next.slick-arrow::before, body.product .slick-lightbox-inner .slick-prev.slick-arrow::before {
    font-size: 40px;
    font-weight: 800;
    color: white;
    font-family: "proxima-soft", Arial, Helvetica, sans-serif; }
  body.product .slick-lightbox .slick-list {
    height: 100%;
    margin-top: 0px; }
  .product-images-pagination li a {
    display: block;
    padding: 4px;
    opacity: 0.75; }
  .product-images-pagination li a:hover {
    opacity: 1; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .product-options-container .form-field-rectangle .rectangle-text.form-label-text {
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 15px; } }

@media screen and (max-width: 1024px) {
  body.product .product-meta-product-grid .price-value,
  body.product .product-meta-product-grid span.price.price-without-tax {
    font-size: 16px; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.product .product-meta .product-grid-container.grid-small {
    left: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.product .product-meta .grid-small .product-item {
    width: 33.3%;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.product .product-meta figure.product-item-thumbnail {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .product-slides-container {
    position: relative;
    overflow: hidden;
    height: auto; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.product .price-value-label,
  body.product .price-value {
    font-size: 20px; } }

@media screen and (max-width: 1024px) {
  body.product .product-info-column .price-ns-wrapper,
  body.product .product-info-column .price-value-wrapper {
    width: 120px; } }

@media screen and (max-width: 1024px) {
  body.product .product-info-column .price-ns-label,
  body.product .product-info-column .price-ns {
    font-size: 18px; } }

@media screen and (min-width: 769px) {
  .product-slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all 0.2s ease; }
  .product-slide.current {
    z-index: auto;
    opacity: 1; }
  .no-js .product-slide:first-child {
    position: static;
    opacity: 1; } }

@media screen and (max-width: 1280px) {
  .product-images-container .nav-arrows button.slick-arrow.slick-prev {
    left: -15px !important; } }

@media screen and (max-width: 1280px) {
  .product-images-container .nav-arrows button.slick-arrow.slick-next {
    right: -10px !important; } }

@media screen and (max-width: 768px) {
  .product-images-container {
    margin-top: 0;
    margin-bottom: 20px; }
  .product-slides-container::after {
    display: none;
    content: "swipe"; }
  .swipe-fade-active .product-slide {
    transition: all 0.2s ease; }
  .no-js .product-slide:not(:first-child) {
    display: none; } }

@media screen and (max-width: 768px) {
  .product-images-pagination {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%; }
  .product-images-pagination li {
    display: inline-block;
    margin: 0 1px;
    vertical-align: bottom;
    background: #efefef;
    border-radius: 50%; }
  .product-images-pagination li.active {
    background: #3f3f3f; }
  .product-images-pagination li a {
    display: block;
    width: 15px;
    height: 15px; }
  .product-images-pagination li img {
    display: none; } }

@media screen and (max-width: 1280px) {
  img.product-slides-img {
    height: auto; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-meta-product-grid .product-item-title {
    font-size: 16px; } }

@media screen and (max-width: 768px) {
  body.product .product-meta-product-grid .price-value,
  body.product .product-meta-product-grid span.price.price-without-tax {
    font-size: 15px; } }

@media screen and (max-width: 768px) {
  body.product .price-value-label,
  body.product .price-value {
    font-size: 18px; } }

@media screen and (max-width: 768px) {
  body.product .upper-block .wishlist-form {
    margin-top: 3px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .upper-block .wishlist-form {
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-description-container h2 {
    padding-top: 2px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-section-header {
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-section-title {
    font-size: 21px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-meta-product-grid figure.product-item-thumbnail {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .tab .tablinks {
    font-size: 14px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-description-container img.__mce_add_custom__ {
    margin-top: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-info-column .product-price {
    position: relative;
    display: none;
    height: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 1.14286em;
    font-family: "proxima-soft";
    font-weight: 600; } }

@media screen and (max-width: 768px) {
  .product-quantity-submit-columns,
  .wishlist-form,
  .product-message {
    max-width: unset; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-quantity-submit-columns div[data-product-add],
  .product-info-column .wishlist-form {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .badge {
    bottom: 6px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .container.single-product {
    padding-left: 25px;
    padding-right: 25px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .container.single-product .product-images-column {
    width: 100%;
    float: left; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-options-container .form-field-rectangle .rectangle-text.form-label-text {
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-info-column .price-withouttax {
    text-align: center; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .form-sections {
    padding-bottom: 5px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-info-column .product-rating-block {
    margin-bottom: 15px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .container.single-product .product-info-column {
    width: 100%;
    max-width: unset;
    float: left;
    margin-top: 0;
    text-align: center;
    margin-bottom: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-info-column .product-quantity-container {
    margin-bottom: 15px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .single-product-share {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    right: 80px;
    margin-top: 8px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-meta .product-grid-container.grid-small {
    left: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-meta .grid-small .product-item {
    width: 33.3%;
    padding-left: 5px;
    padding-right: 5px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .form-sections .preorder-message {
    margin-bottom: 15px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-rating-block .product-rating {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-rating-block .review-link-block {
    display: inline-block;
    width: 200px;
    position: relative;
    text-align: left;
    margin-left: 35px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-slides-container {
    margin-right: 0;
    margin-left: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .container.single-product .product-details-block {
    display: flex;
    position: relative;
    text-align: left;
    flex-flow: row wrap;
    justify-content: left;
    align-items: flex-start;
    line-height: 24px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-grid-container.grid-small .product-item {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-details-block .product-details-name.product-details-availability {
    float: unset;
    margin-bottom: unset;
    margin-top: 8px;
    display: block; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-details-block .product-details-value.product-details-availability {
    display: inline;
    float: unset;
    margin-bottom: unset; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-details-block .product-details-name.product-details-custom {
    float: unset;
    margin-bottom: unset;
    margin-top: 0;
    display: inline-flex;
    position: relative;
    width: auto;
    margin-right: 5px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.product .product-details-block .product-details-value.product-details-custom {
    display: inline;
    float: unset;
    margin-bottom: unset;
    text-align: left;
    flex-basis: 75%;
    flex-grow: 1;
    margin-top: 0;
    line-height: 20px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .single-product-share .icon-twitter,
  .single-product-share .icon-facebook,
  .single-product-share .icon-pinterest,
  .single-product-share .icon-email {
    width: 22px;
    height: 22px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-slides-wrap .product-slides-img {
    display: inline-block; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .product-images-pagination-container {
    margin-top: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .collection-columns {
    margin-top: 15px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .product-meta .product-grid-container.grid-small {
    left: 0;
    width: 50%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-meta {
    margin-top: 0;
    margin-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product main.main-content {
    overflow-x: hidden;
    margin-top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-images-container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-images-pagination-container {
    margin-top: 0;
    width: 100%;
    height: 120px;
    margin-left: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #product-thumbnails.slick-initialized .slick-list {
    margin-left: -5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-slides-wrap.slick-initialized .slick-slide {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-images-container .nav-arrows {
    bottom: 45px;
    height: 30px;
    z-index: 2;
    width: 100%;
    pointer-events: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-images-container .nav-arrows button.slick-arrow.slick-prev {
    left: 15px !important;
    background: transparent;
    bottom: 0 !important;
    top: unset;
    opacity: 1;
    pointer-events: all; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #product-thumbnails .slick-list {
    margin-top: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-images-container .nav-arrows button.slick-arrow.slick-next {
    right: 20px !important;
    background: transparent;
    bottom: 0 !important;
    top: unset;
    opacity: 1;
    pointer-events: all; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-prev.slick-arrow .chevron-icon-left, .slick-next.slick-arrow .chevron-icon-right {
    color: white; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-prev.slick-arrow:hover .chevron-icon-left, .slick-next.slick-arrow:hover .chevron-icon-right {
    color: #00C9E7; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #product-images.product-slides-container {
    height: 275px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-info-column hr {
    margin-top: 12px;
    margin-bottom: 19px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-options-container .form-field {
    margin-bottom: 12px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .badge {
    position: absolute;
    display: inline-block;
    width: 90px;
    height: 39px; } }

@media screen and (max-width: 599px) {
  .tab {
    font-size: 13px; } }

@media screen and (max-width: 1024px) {
  .tabcontent {
    padding-left: 20px;
    padding-right: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .tabcontent {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-slides-wrap {
    height: 275px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  img.product-slides-img {
    width: 100%;
    height: auto;
    padding: 0;
    object-fit: contain; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #product-thumbnails.slick-initialized .slick-slide {
    width: auto; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .product-grid-container.grid-small {
    width: 100%;
    justify-content: center;
    left: 3px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .container.single-product {
    padding-top: 2px;
    padding-left: 15px;
    padding-right: 15px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-meta-column {
    margin-top: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-meta-product-grid {
    margin-top: 15px;
    padding-left: 12px;
    padding-right: 12px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product figure {
    margin-left: 5px;
    margin-right: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-section-title {
    font-size: 21px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .container.single-product {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-slides-container {
    margin-right: 0;
    margin-left: 0;
    height: 275px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .product-info-column .price-ns-label,
  body.product .product-info-column .price-ns {
    font-size: 18px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-info-column .product-price {
    margin-bottom: 5px;
    margin-top: 4px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .container.single-product .product-info-column {
    margin-top: 10px;
    position: relative;
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-left: 12px;
    width: calc(100% - 24px); } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-info-column .product-title {
    font-size: 26px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-details-block {
    font-size: 14px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-quantity-submit-columns button,
  .wishlist-form button {
    max-width: 100%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .product-grid-scroll-container .product-grid-container.grid-small {
    width: 100%;
    display: flex; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .product-meta-product-grid .product-item-title {
    font-size: 15px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-quantity-submit-columns .form-field.form-inline .form-label-text {
    margin-top: 6px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-quantity-submit-columns div.form-field.form-inline,
  .product-quantity-submit-columns .product-quantity-container {
    margin-bottom: 18px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .product-quantity-submit-columns {
    min-height: 98px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .grid-small .product-item .price-value,
  body.product .grid-small .product-item .price-ns,
  body.product .grid-small .product-item .price-value-label,
  body.product .grid-small .product-item .price-ns-label,
  body.product .grid-small .product-item span.price.price-without-tax {
    font-size: 14px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .product-meta .grid-small .product-item {
    width: 45%;
    padding-left: 0;
    padding-right: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .single-product-share .icon-twitter,
  .single-product-share .icon-facebook,
  .single-product-share .icon-pinterest,
  .single-product-share .icon-email {
    width: 20px;
    height: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-description-container h3 {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 21px;
    font-family: "lato", "arial-fallback", sans-serif !important;
    color: black; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-description-container ul {
    line-height: 22px;
    margin-left: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-description-container li {
    margin-bottom: 3px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-slides-wrap.slick-slider:not(.slick-gallery) .slick-track {
    height: 275px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .product-description-container img.__mce_add_custom__ {
    margin-top: 5px;
    margin-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  img.pot-size-slide-img {
    width: 600px;
    height: 240px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .tab button {
    width: 100px;
    padding-left: 6px;
    padding-right: 6px; } }

.review-modal-container {
  display: none; }

.review-item:last-of-type {
  border-bottom-style: none; }

#leave-review-modal-content {
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 10%;
  margin-bottom: 10%;
  border: 2px solid rgba(0, 0, 0, 0.8); }

@media screen and (min-width: 600px) {
  .modal-leave-review {
    padding: 8%; }
    .modal-leave-review .modal-content {
      padding: 20px; } }

.modal-leave-review .modal-body {
  margin-left: -1.59574%;
  margin-right: -1.59574%; }

.review-image-column {
  width: 42.10526%;
  margin-left: 1.57895%;
  margin-right: 1.57895%;
  float: left;
  border-right: 1px solid #EFEFEF;
  padding-right: 20px; }
  @media screen and (max-width: 768px) {
    .review-image-column {
      display: none; } }

.modal-body figure.review-image-container {
  margin-left: 0;
  margin-right: 0; }

.modal-body .review-image-column {
  margin-left: 0;
  margin-right: 0; }

.review-image-container {
  padding-right: 30px;
  text-align: center; }

.review-image-caption {
  margin-top: 20px;
  text-align: center; }

.review-form-heading {
  margin: 3px 0 20px; }

.review-form-column input.form-input,
.review-form-column textarea.form-input {
  padding-left: 10px; }

#form-leave-a-review .form-field-title {
  font-size: 17px;
  font-weight: 600;
  font-family: "lato", "arial-fallback", sans-serif;
  color: black; }

#form-leave-a-review .form-input {
  margin-top: 3px;
  font-size: 17px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: black;
  padding-top: 1vw;
  padding-bottom: 1vw;
  width: 100%; }

.form-field-input-stars {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0 0 0 3px;
  font-size: 1.42857em;
  border: 0; }
  .form-field-input-stars.form-field-error {
    position: relative;
    padding-bottom: 24px; }
  .form-field-input-stars .star {
    float: right;
    padding-right: 4px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.2);
    cursor: pointer; }
    .form-field-input-stars .star::before {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: contain;
      background-size: 26px 26px !important;
      display: inline-block;
      content: "";
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='icon-star' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='28' viewBox='0 0 32 28' enable-background='new 0 0 32 28' xml:space='preserve'%3E%3Cpath fill='%23969696' d='M17.6,1c-0.3-0.6-0.9-1-1.6-1s-1.3,0.4-1.6,1l-3.5,7.2L3.1,9.4c-0.7,0.1-1.2,0.6-1.4,1.2c-0.2,0.6,0,1.3,0.4,1.8L7.8,18l-1.3,7.9c-0.1,0.7,0.2,1.3,0.7,1.7C7.7,28,8.4,28.1,9,27.8l7-3.7l7,3.7c0.6,0.3,1.3,0.3,1.8-0.1s0.8-1.1,0.7-1.7L24.2,18l5.7-5.6c0.5-0.5,0.6-1.2,0.4-1.8c-0.2-0.6-0.7-1.1-1.4-1.2l-7.8-1.2L17.6,1z'%3E%3C/path%3E%3C/svg%3E");
      width: 26px;
      height: 26px;
      position: relative; }
    .form-field-input-stars .star:hover,
    .form-field-input-stars .star:hover ~ .star {
      color: #00C9E7; }
      .form-field-input-stars .star:hover::before,
      .form-field-input-stars .star:hover ~ .star::before {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        background-size: 26px 26px !important;
        display: inline-block;
        content: "";
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='icon-star' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='28' viewBox='0 0 32 28' enable-background='new 0 0 32 28' xml:space='preserve'%3E%3Cpath fill='%23f5c105' d='M17.6,1c-0.3-0.6-0.9-1-1.6-1s-1.3,0.4-1.6,1l-3.5,7.2L3.1,9.4c-0.7,0.1-1.2,0.6-1.4,1.2c-0.2,0.6,0,1.3,0.4,1.8L7.8,18l-1.3,7.9c-0.1,0.7,0.2,1.3,0.7,1.7C7.7,28,8.4,28.1,9,27.8l7-3.7l7,3.7c0.6,0.3,1.3,0.3,1.8-0.1s0.8-1.1,0.7-1.7L24.2,18l5.7-5.6c0.5-0.5,0.6-1.2,0.4-1.8c-0.2-0.6-0.7-1.1-1.4-1.2l-7.8-1.2L17.6,1z'%3E%3C/path%3E%3C/svg%3E");
        width: 26px;
        height: 26px;
        position: relative; }
  .form-field-input-stars input:checked ~ .star {
    color: #f5c105; }
    .form-field-input-stars input:checked ~ .star::before {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: contain;
      background-size: 26px 26px !important;
      display: inline-block;
      content: "";
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='icon-star' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='28' viewBox='0 0 32 28' enable-background='new 0 0 32 28' xml:space='preserve'%3E%3Cpath fill='%23f5c105' d='M17.6,1c-0.3-0.6-0.9-1-1.6-1s-1.3,0.4-1.6,1l-3.5,7.2L3.1,9.4c-0.7,0.1-1.2,0.6-1.4,1.2c-0.2,0.6,0,1.3,0.4,1.8L7.8,18l-1.3,7.9c-0.1,0.7,0.2,1.3,0.7,1.7C7.7,28,8.4,28.1,9,27.8l7-3.7l7,3.7c0.6,0.3,1.3,0.3,1.8-0.1s0.8-1.1,0.7-1.7L24.2,18l5.7-5.6c0.5-0.5,0.6-1.2,0.4-1.8c-0.2-0.6-0.7-1.1-1.4-1.2l-7.8-1.2L17.6,1z'%3E%3C/path%3E%3C/svg%3E");
      width: 26px;
      height: 26px;
      position: relative; }
  .form-field-input-stars .form-inline-message {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap; }
    .form-field-input-stars .form-inline-message + .form-inline-message {
      display: none; }

.rating-stars span.star {
  position: relative;
  display: inline-block; }
  .rating-stars span.star.star-full {
    color: #f5c105; }
  .rating-stars span.star.star-empty {
    color: #969696; }
  .rating-stars span.star.star-negative {
    color: #969696; }

.rating-stars.stars-medium span.star {
  width: 22px;
  height: 22px;
  margin-left: -3px; }
  .rating-stars.stars-medium span.star svg {
    width: 22px;
    height: 22px; }

.rating-stars.stars-small span.star {
  width: 18px;
  height: 18px; }
  .rating-stars.stars-small span.star svg {
    width: 18px;
    height: 18px; }

.rating-stars.stars-large span {
  width: 26px;
  height: 26px; }
  .rating-stars.stars-large span svg {
    width: 26px;
    height: 26px; }

.product-rating-block {
  margin-bottom: 13px;
  margin-top: 10px; }
  .product-rating-block .product-rating {
    margin-bottom: 5px; }
    .product-rating-block .product-rating .rating-stars {
      position: relative;
      display: inline-block;
      width: auto; }
    .product-rating-block .product-rating .total-score {
      position: relative;
      display: inline-block;
      font-weight: 600;
      font-family: "lato", "arial-fallback", sans-serif;
      font-size: 16px;
      color: black;
      bottom: 3px;
      margin-left: 3px; }
  .product-rating-block .review-link-block {
    font-size: clamp(13px, 0.85714em, 15px); }

.has-reviews .review-link {
  display: inline-block; }
  .has-reviews .review-link::first-letter {
    text-transform: uppercase; }

#write_review.product-meta-reviews .review-link {
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif; }

.product-reviews-container button.button {
  margin-top: 5px; }

.product-review-summary {
  margin-top: 15px; }
  .product-review-summary .rating-stars,
  .product-review-summary .rating-summary,
  .product-review-summary .review-link {
    display: inline-block;
    vertical-align: middle; }
  .product-review-summary .rating-stars {
    margin-right: 15px;
    line-height: unset; }
  .product-review-summary .rating-summary {
    margin-right: 6px; }
  .product-review-summary .review-link::first-letter {
    text-transform: uppercase; }

.review-item {
  margin: 1vw 0;
  border-bottom: 1px dashed rgba(150, 150, 150, 0.5);
  padding-bottom: 15px; }
  .review-item.review-item-supplementary {
    display: none; }
    .all-reviews-visible .review-item.review-item-supplementary {
      display: block; }

#product-reviews .review-image-column {
  width: 42%;
  position: relative;
  display: inline-block;
  padding-right: 20px;
  margin-left: 0;
  margin-right: 2%; }

#product-reviews .review-item {
  margin-left: 0;
  margin-right: 0;
  margin-top: clamp(8px, 1.2vw, 15px);
  margin-bottom: clamp(8px, 1.2vw, 15px);
  padding-bottom: 0; }

.review-item-header {
  margin-bottom: 14px; }

.review-item-stars .rating-stars,
.review-item-stars .review-item-score {
  display: inline-block;
  vertical-align: middle; }

.review-item-stars .review-item-score {
  margin-left: 6px; }

.review-item-title {
  margin: 6px 0;
  font-size: clamp(17px, 1.1rem, 18px);
  font-family: "proxima-soft", "arial-fallback", sans-serif; }

.review-meta {
  font-size: clamp(15px, 0.9rem, 17px);
  font-family: "lato", "arial-fallback", sans-serif;
  color: #646464; }

.review-item-body {
  font-size: clamp(16px, 0.95rem, 17px);
  line-height: 1.5; }

.modal-leave-review .review-form-column .form-label-text {
  font-size: 18px;
  margin-right: 5px; }

.modal-leave-review .form-field.rating {
  margin-bottom: 20px; }

@media screen and (min-width: 1281px) {
  #form-leave-a-review .form-input {
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
    max-width: 400px; } }

.review-form-column {
  position: relative;
  display: block; }
  @media screen and (min-width: 769px) {
    .review-form-column {
      width: 47.91667%;
      margin-left: 2.08333%;
      margin-right: 2.08333%;
      float: left; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .review-form-column #leave-review-modal-content {
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 10%;
      margin-bottom: 10%; } }
  @media screen and (max-width: 768px) {
    .review-form-column {
      width: 100%;
      padding-left: 0;
      padding-right: 10px; } }

@media only screen and (min-width: 600px) and (max-width: 768px) {
  .modal-leave-review .review-form-column {
    width: 97%; }
  body.review-modal .modal-leave-review {
    min-width: 75%;
    padding: 0; }
  body.review-modal .modal-leave-review > .modal-content {
    padding-top: 15px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px; }
  body.review-modal .review-form-heading {
    margin-top: 0; }
  #form-leave-a-review .form-field-title {
    font-size: 16px;
    font-weight: 500;
    color: #D93838; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .review-form-heading {
    margin-top: 0;
    margin-bottom: 25px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #leave-review-modal-content {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 10%;
    margin-bottom: 10%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .review-form-column .form-field.rating > .form-label-text {
    margin-top: 6px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .form-field-review-captcha {
    width: 100% !important;
    margin-bottom: 5px !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .form-field-review-captcha > div.g-recaptcha > div {
    width: 100% !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .review-image-caption {
    margin-top: 10px;
    font-size: 14px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #form-leave-a-review > .form-field:nth-of-type(1) {
    margin-bottom: 0; } }

@media screen and (max-width: 1024px) {
  .review-item-stars .review-item-score {
    margin-left: 3px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.product .product-rating-block .product-rating .total-score {
    bottom: 4px; } }

@media screen and (max-width: 390px) and (min-width: 0) {
  #form-leave-a-review textarea.form-input {
    line-height: 1vh;
    padding-top: 12px; } }

.quick-shop-modal-container {
  display: none; }

.quick-shop-modal-container.on {
  display: block; }

.quick-shop-details-link > span.pxu-chevron-rounded-right {
  margin-left: 4px;
  margin-top: 1px;
  color: #0078de; }

.quick-shop-info-column:not([class*="out-of-stock"]) .product-message .product-option-message,
.quick-shop-info-column.out-of-stock .product-message .out-of-stock-message {
  display: block;
  visibility: visible; }

.quick-shop-info-column.out-of-stock .product-message > .product-option-message,
.quick-shop-info-column:not([class*="out-of-stock"]) .product-message .out-of-stock-message {
  display: none;
  visibility: hidden; }

#quick-shop-modal .product-info-column .product-quantity-container {
  margin-bottom: 30px;
  margin-top: 20px; }

#quick-shop-modal .pxu-fading-circle {
  z-index: 120; }

#quick-shop-modal .product-info-column .product-title {
  font-size: clamp(22px, 2rem, 36px); }

#quick-shop-modal .pxu-fading-circle .pxu-circle::before {
  background-color: #c8c8c8; }

#quick-shop-modal .chevron-right-icon {
  display: inline;
  position: relative;
  width: 10px;
  height: 12px;
  top: 1px; }

#quick-shop-modal .total-score .num-reviews, #quick-shop-modal .total-score .num-reviews a {
  color: black;
  pointer-events: none;
  cursor: auto; }

.quick-shop-info-column .product-message {
  display: none; }

#quick-shop-modal .product-info-column .cart-messages-upper .alert {
  margin-bottom: 2em;
  margin-top: 2em; }

.quick-shop-info-column.in-stock .product-message,
.quick-shop-info-column.out-of-stock .product-message {
  display: block; }

#quick-shop-modal-content {
  width: 80%;
  max-width: 1000px;
  height: auto;
  border: 2px solid rgba(0, 0, 0, 0.8);
  padding: 30px; }

@media screen and (min-width: 0) {
  .modal-quick-shop {
    max-width: 1060px;
    padding: 20px; }
    .modal-quick-shop .modal-content {
      padding: 50px; } }

.modal-quick-shop .modal-content {
  max-height: 80%;
  opacity: 0;
  transition: opacity 0.2s ease; }
  .modal-quick-shop .modal-content.loaded {
    opacity: 1; }

.modal-quick-shop .modal-body {
  margin-left: 0%;
  margin-right: 0%; }

.modal-quick-shop .quick-shop-product-description {
  margin-bottom: 6px;
  font-size: 0.92857em;
  line-height: 24px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif; }

.modal-quick-shop .quick-shop-details-link {
  display: inline-block;
  font-size: 0.92857em;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif; }
  .modal-quick-shop .quick-shop-details-link:hover {
    text-decoration: underline; }

.modal-quick-shop .product-info-column .product-quantity-submit-columns {
  margin: 24px 0 8px; }

.modal-quick-shop .product-info-column .product-quantity-container {
  float: left;
  width: 45%;
  margin-bottom: 0; }

.modal-quick-shop .product-info-column .button.add-to-cart {
  float: left;
  width: 55%;
  margin: 0; }

.modal-quick-shop .product-info-column .button.add-to-wishlist {
  float: right;
  width: 55%; }

.quick-shop-image-column {
  width: 48.91304%;
  margin-left: 0%;
  margin-right: 0%;
  float: left; }
  @media screen and (max-width: 1280px) and (min-width: 1025px) {
    .quick-shop-image-column {
      width: 47.82609%;
      margin-left: 0%;
      margin-right: 0%; } }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    .quick-shop-image-column {
      width: 43.47826%;
      margin-left: 0%;
      margin-right: 0%; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .quick-shop-image-column {
      display: none; } }

.quick-shop-info-column {
  width: 46.73913%;
  margin-left: 0%;
  margin-right: 0%;
  float: left;
  padding-left: 32px;
  border-left: 1px solid #EFEFEF;
  margin-top: 0; }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    .quick-shop-info-column {
      width: 50%;
      margin-left: 0%;
      margin-right: 0%; } }

.quick-shop-images-container {
  min-height: 520px;
  padding-right: 32px;
  margin-right: -1px;
  border-right: 1px solid #EFEFEF; }

.quick-shop-images {
  text-align: center;
  max-height: 375px;
  height: auto; }
  .quick-shop-images img {
    display: none;
    max-height: 360px; }
    .quick-shop-images img.active {
      display: inline-block;
      -o-object-fit: cover;
      object-fit: cover;
      padding: 8px; }

.quick-shop-images-pagination {
  margin-top: 22px;
  text-align: center; }

.quick-shop-image-thumb {
  display: inline-block;
  max-width: 100px;
  margin-right: 4px; }
  .quick-shop-image-thumb a {
    display: block;
    padding: 4px;
    opacity: 0.75; }
    .quick-shop-image-thumb a:hover {
      opacity: 1; }
  .quick-shop-image-thumb.active a {
    opacity: 1;
    border: 1px solid #d2d2d2; }

.quick-shop-details-lower {
  position: absolute;
  bottom: -6em;
  left: 50%;
  display: none;
  width: 200px;
  padding: 8px;
  margin-left: -100px;
  font-size: 0.64286em;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #EFEFEF;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.2); }
  .quick-shop-details-lower:hover {
    color: #FFF;
    background-color: #00c9e7;
    border-color: #FFF; }

.quick-shop-product-description {
  display: block;
  position: relative;
  font-size: clamp(16px, 1.6vw, 18px);
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: black;
  margin-bottom: 8px;
  line-height: 1.4em; }

.quick-shop-details-link {
  position: relative;
  display: block;
  width: auto;
  font-size: clamp(14px, 1.2vw, 16px);
  margin-bottom: 25px; }

.quick-shop {
  position: absolute;
  top: 25%;
  left: 50%;
  display: block;
  width: 110px;
  padding: 5px 0;
  margin-left: -55px;
  font-size: 0.92857em;
  background: #FFF;
  border-radius: 3px;
  opacity: 0;
  transform: translateY(10px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 2; }
  .quick-shop:hover {
    color: #FFF;
    background-color: #00C9E7; }

html.js article.mix.product-item:hover a.quick-shop {
  opacity: 1; }

.quick-shop-info-column .price-ns-label,
.quick-shop-info-column .price-ns {
  font-size: 20px;
  color: #afafaf;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400; }

.quick-shop-info-column .product-info-column .price-ns-wrapper,
.quick-shop-info-column .product-info-column .price-value-wrapper {
  display: inline-block;
  position: relative;
  width: 120px;
  height: 30px; }

.quick-shop-info-column .product-info-column .price-withouttax {
  direction: rtl;
  text-align: left; }

.quick-shop-info-column .price-value-label,
.quick-shop-info-column .price-value {
  color: black;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 20px; }

#quick-shop-modal .product-quantity-container .form-label-text {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: black;
  top: 1px; }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  a.quick-shop {
    top: 26%;
    z-index: 2;
    display: block; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  a.quick-shop {
    display: none !important; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  a.quick-shop {
    display: none !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  a.quick-shop {
    display: none !important; } }

.wishlist-modal {
  display: none;
  position: absolute;
  left: 75%;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  max-width: 350px;
  min-width: 200px;
  box-shadow: 0 0 6px 5px rgba(50, 50, 50, 0.05);
  -webkit-box-shadow: 0 0 6px 5px rgba(50, 50, 50, 0.05);
  -moz-box-shadow: 0 0 6px 5px rgba(50, 50, 50, 0.05);
  border: 1px solid #969696;
  border-radius: 10px;
  transform: scale(0);
  transition: all;
  transition-duration: 0.3; }
  .wishlist-modal.animating, .wishlist-modal.visible {
    display: block;
    transform: scale(100px);
    transition: all;
    transition-duration: 0.3; }
  .wishlist-modal.animating-in {
    transform: translateY(-100px);
    transition: transform 0.3s ease; }
  .wishlist-modal.animating-out {
    opacity: 0;
    transition: opacity 0.2s ease; }
  .wishlist-modal.visible {
    transform: translateY(0);
    opacity: 1; }
  .wishlist-modal .form-required .form-field-title {
    display: none; }
  .wishlist-modal .form-field-options .form-label {
    cursor: pointer; }
  .wishlist-modal .pxu-fading-circle {
    z-index: 2; }

.wishlist-form {
  position: relative; }

.wishlist-modal .form-actions {
  position: relative;
  display: block;
  margin-top: 20px; }

.wishlist-modal .modal-content {
  position: relative;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  z-index: 1;
  background: #ebfcff;
  border-radius: 10px;
  box-shadow: unset; }

#quick-shop-modal .wishlist-form {
  margin-top: 5px; }

h2.wishlist-modal-title {
  font-family: "lato";
  font-weight: 600;
  font-size: 16px;
  color: black;
  text-transform: uppercase;
  margin-top: 0; }

.wishlist-modal-overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7); }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .wishlist-modal {
    left: 0;
    width: 100%; } }

.wishlist-modal .form-field.form-field-common {
  margin-bottom: 9px; }

.wishlist-form-options input.form-checkbox {
  margin-left: 0;
  margin-right: 6px;
  position: relative;
  display: block;
  float: left;
  top: 2px;
  cursor: pointer; }

form#form-wishlist .form-label-text {
  display: list-item;
  list-style-type: disc;
  list-style-position: inside; }

body.wishlist {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh; }

#form-wishlist .radio {
  margin-top: 0.5rem;
  margin-bottom: 0.5em;
  margin-left: 0;
  margin-right: 0; }
  #form-wishlist .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    #form-wishlist .radio input[type="radio"] + .radio-label {
      font-size: 16px;
      font-family: "lato", "arial-fallback", sans-serif;
      font-weight: 400;
      color: black;
      line-height: 26px; }
      #form-wishlist .radio input[type="radio"] + .radio-label::before {
        content: "";
        background: white;
        border-radius: 100%;
        border: 1px solid #bfbfbf;
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
        top: -1px;
        margin-right: 6px;
        vertical-align: middle;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease; }
    #form-wishlist .radio input[type="radio"]:checked + .radio-label::before {
      background-color: #3197EE;
      box-shadow: inset 0 0 0 4px white; }
    #form-wishlist .radio input[type="radio"]:focus + .radio-label::before {
      outline: none;
      border-color: #3197EE; }
    #form-wishlist .radio input[type="radio"]:disabled + .radio-label::before {
      box-shadow: inset 0 0 0 4px white;
      border-color: #bfbfbf;
      background: #bfbfbf; }
    #form-wishlist .radio input[type="radio"] + .radio-label:empty::before {
      margin-right: 0; }

.wishlist-modal-title {
  position: relative;
  display: inline-block;
  width: calc(100% - 50px);
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  color: black;
  margin-top: 0;
  margin-bottom: 0; }

.wishlist-form #input-wishlistname {
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 15px;
  padding-top: 5px;
  padding-bottom: 5px; }

.wishlist-form .new-wishlist-title {
  position: relative;
  display: block;
  width: 100%;
  height: 20px;
  font-size: 12px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 20px; }

.wishlist-form .form-input::-webkit-input-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 15px; }

.wishlist-form .form-input::-moz-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 15px; }

.wishlist-form .form-input:-ms-input-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 15px; }

.wishlist-form .form-input::-ms-input-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 15px; }

.wishlist-form .form-input::placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 15px; }

.wishlist-form .form-field-checkbox .form-label-text,
.form-field-radio .form-label-text {
  position: relative;
  display: inline-block;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 15px;
  color: black;
  font-weight: 400;
  bottom: 0; }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .wishlist-modal {
    left: 300px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .wishlist-modal {
    left: unset;
    bottom: 35px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .wishlist-modal-title {
    display: block; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .wishlist-list-form {
    display: block;
    position: relative;
    text-align: left;
    width: 100%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .wishlist-modal.visible form.wishlist-form {
    display: block;
    position: relative;
    text-align: left;
    width: 100%; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  form#form-wishlist > div.form-field {
    margin-left: 0; } }

@media screen and (min-width: 1281px) {
  .quick-cart {
    position: relative;
    display: block;
    width: 390px; }
    .quick-cart.empty {
      width: 244px; } }

.empty-cart {
  padding: 30px;
  font-size: 13px;
  text-align: center;
  color: #333333; }
  @media screen and (max-width: 1280px) {
    .empty-cart {
      margin-top: 58px; } }

.quick-cart-overlay {
  display: none;
  background-color: rgba(255, 255, 255, 0.7); }

.cart-header {
  position: relative;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  padding: 17px 20px 20px 24px;
  background: rgba(220, 220, 220, 0.4); }
  @media screen and (min-width: 1281px) {
    .cart-header {
      display: none; } }
  .cart-header h3 {
    position: relative;
    margin-top: 5px;
    margin: 0;
    font-size: 16px; }
    .cart-header h3 .count {
      font-weight: normal; }
  .cart-header .close-cart {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px 21px;
    font-size: 22px;
    color: rgba(60, 60, 60, 0.64); }

.cart-header .close-cart:hover {
  color: #0078de; }

.cart-content-area {
  position: relative;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
  max-height: calc(100vh - 300px);
  padding-top: 15px; }
  @media screen and (max-width: 1280px) {
    .cart-content-area {
      position: relative;
      display: block;
      width: 320px;
      top: 0;
      right: unset;
      bottom: 0;
      left: 0; } }

/* width */
.cart-content-area::-webkit-scrollbar {
  width: 12px; }

/* Track */
.cart-content-area::-webkit-scrollbar-track {
  background: #c3c3c3; }

/* Handle */
.cart-content-area::-webkit-scrollbar-thumb {
  background: #00C9E7; }

/* Handle on hover */
.cart-content-area::-webkit-scrollbar-thumb:hover {
  background: #007C8F; }

.quickcart-item {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8px;
  padding-top: 14px;
  border-bottom: 1px solid #EFEFEF; }
  @media screen and (max-width: 1280px) {
    .quickcart-item {
      padding-right: 13px;
      padding-left: 13px; } }
  @media screen and (min-width: 1281px) {
    .quickcart-item {
      margin: 0 14px; } }
  .quickcart-item .image-column {
    float: left;
    width: 80px;
    text-align: center; }
    .quickcart-item .image-column img {
      max-height: 80px; }
  .quickcart-item .content-column {
    margin-left: 96px; }
  .quickcart-item .product-name {
    margin-left: 0;
    margin-right: 0;
    margin-top: -1px;
    margin-bottom: 6px;
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: black; }
  .quickcart-item .product-options-summary,
  .quickcart-item .product-customizations-summary,
  .quickcart-item .product-quantity {
    margin-bottom: 3px;
    font-size: 13px;
    line-height: 1.5;
    color: #000; }
  .quickcart-item .product-quantity {
    line-height: 1; }
  .quickcart-item .product-remove {
    font-size: 12px; }
  .quickcart-item .product-price {
    position: absolute;
    right: 13px;
    bottom: 15px;
    font-size: 15px;
    line-height: 6px;
    font-weight: 400;
    font-family: "lato", "arial-fallback", sans-serif; }
  .quickcart-item .product-price .price {
    font-size: 16px; }
  .quickcart-item .product-price .price-discounted {
    display: none;
    position: relative;
    bottom: 15px;
    color: #969696;
    font-size: 14px;
    text-decoration: line-through; }
  .quickcart-item .quickcart-item-footer {
    margin-top: 0; }

.cart-footer .actions {
  margin-top: 15px; }

.cart-footer {
  padding-left: 0;
  padding-right: 0;
  margin-left: 10px;
  padding-top: 0;
  padding-bottom: 20px;
  background: #FFF;
  border-top: 1px solid transparent;
  width: calc(100% - 20px); }
  @media screen and (max-width: 1280px) {
    .cart-footer {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      border-top: 1px solid transparent;
      padding-bottom: 20px; } }
  @media screen and (min-width: 1281px) {
    .cart-footer {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 20px;
      margin-left: 14px;
      width: calc(100% - 28px); } }
  .scrollable .cart-footer {
    border-style: none; }
  .bottomed .cart-footer {
    border-color: transparent; }
  .cart-footer .subtotal {
    margin-bottom: 3px;
    margin-top: 8px;
    width: calc(100% - 13px);
    position: relative;
    display: block; }
    .cart-footer .subtotal .label,
    .cart-footer .subtotal .total {
      line-height: 1.14286em; }
    .cart-footer .subtotal .label {
      float: left;
      padding-top: 0.14286em;
      font-size: 0.71429em;
      text-overflow: clip;
      white-space: nowrap;
      overflow: hidden;
      width: 100px;
      text-align: left; }
    .cart-footer .subtotal .total {
      font-size: 0.71429em;
      font-weight: 400;
      text-align: right; }
  .cart-footer .discount-total {
    margin-bottom: 5px;
    width: calc(100% - 13px);
    position: relative;
    display: block; }
    .cart-footer .discount-total .label,
    .cart-footer .discount-total .total {
      line-height: 1.14286em; }
    .cart-footer .discount-total .label {
      float: left;
      padding-top: 0.14286em;
      font-size: 0.71429em;
      font-weight: 400;
      text-overflow: clip;
      white-space: nowrap;
      overflow: hidden;
      width: 100px;
      text-align: left; }
    .cart-footer .discount-total .total {
      font-size: 0.71429em;
      font-weight: 400;
      text-align: right; }
  .cart-footer .order-total {
    margin-bottom: 0;
    margin-top: 10px;
    width: calc(100% - 13px);
    position: relative;
    display: block; }
    .cart-footer .order-total .label,
    .cart-footer .order-total .total {
      line-height: 1.14286em; }
    .cart-footer .order-total .label {
      float: left;
      padding-top: 0.14286em;
      font-size: 0.85714em;
      font-weight: 700;
      text-overflow: clip;
      white-space: nowrap;
      overflow: hidden;
      width: 100px;
      text-align: left; }
    .cart-footer .order-total .total {
      font-size: 0.85714em;
      font-weight: 700;
      text-align: right; }
  .cart-footer .button {
    padding: 0.66667em 4px;
    font-size: 0.85714em; }
    .cart-footer .button.view-cart-button {
      width: 43.58974%;
      margin-left: 0%;
      margin-right: 0%;
      float: left; }
    .cart-footer .button.checkout-button {
      width: 46.15385%;
      margin-left: 0%;
      margin-right: 0%;
      float: right; }

.quickcart-item > .content-column > .product-quantity {
  font-size: 13px;
  width: auto;
  color: #000; }

@media screen and (max-width: 1280px) {
  .cart-header {
    padding-top: 15px;
    padding-bottom: 15px; } }

@media screen and (max-width: 1280px) {
  #quick-cart .cart-footer .subtotal, #quick-cart .cart-footer .discount-total, #quick-cart .cart-footer .order-total {
    width: calc(100% - 5px); } }

@media screen and (max-width: 1280px) {
  .cart-footer .actions .button.view-cart-button, .cart-footer .actions .button.checkout-button {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 17px;
    font-weight: 700;
    font-family: "proxima-soft", "arial-fallback", sans-serif; } }

@media screen and (max-width: 1280px) {
  .cart-footer .actions .button.checkout-button {
    width: 45%; } }

@media screen and (max-width: 1280px) {
  .cart-footer .actions .button.view-cart-button {
    width: 45%; } }

@media screen and (max-width: 1280px) {
  .cart-footer .subtotal .label, .cart-footer .subtotal .total, .cart-footer .discount-total .label, .cart-footer .discount-total .total {
    font-size: 14px; } }

@media screen and (max-width: 1280px) {
  .cart-footer .subtotal {
    margin-bottom: 3px;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden; } }

@media screen and (max-width: 1280px) {
  .cart-footer .order-total {
    font-size: 20px; } }

body.cart {
  background: #f8f8f8; }

body.cart .page-heading.page-heading-small {
  margin-top: 0; }

body.cart .circle-xmark-icon {
  height: 22px;
  width: 22px; }

body.cart .page-container {
  position: relative;
  display: block;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
  width: 70%;
  max-width: 1600px; }

.cart-item-details-container {
  display: inline-block;
  position: absolute;
  top: 17px;
  right: 10px;
  width: 45%;
  max-width: 440px; }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .cart-item-details-container {
      position: absolute;
      top: 17px;
      right: 0;
      width: 230px; } }

body.cart .price-totals-table td[colspan="2"] {
  padding-bottom: 5px; }

tr.order-total {
  padding-top: 12px; }

.cart-table-item .price, .cart-table-item .cart-content-quantity {
  font-size: 16px; }

.cart-item-details-header .cell,
.cart-item-details .cell {
  float: left;
  width: 33.33%;
  line-height: 24px; }

.cart-item-details-header .cart-header-quantity,
.cart-item-details-header .cart-content-quantity,
.cart-item-details .cart-header-quantity,
.cart-item-details .cart-content-quantity {
  text-align: center; }

.cart-item-details-header .cart-header-total,
.cart-item-details-header .cart-content-total,
.cart-item-details .cart-header-total,
.cart-item-details .cart-content-total {
  text-align: right; }

.cart-table-header {
  font-size: 0.92857em;
  font-weight: 500;
  padding: 5px;
  color: white;
  background-color: #00C9E7;
  border: 1px solid #004752; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .cart-table-header {
      display: none; } }
  .cart-table-header .cell {
    padding: 0;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    font-family: "lato", "arial-fallback", sans-serif; }
  .cart-table-header .cart-header-product {
    float: left;
    margin-left: 5px;
    position: relative; }
  .cart-table-header .cart-item-details-header {
    position: relative;
    display: block;
    float: right;
    width: 40.5%;
    max-width: 430px;
    margin-right: 10px; }
    @media screen and (max-width: 1024px) and (min-width: 769px) {
      .cart-table-header .cart-item-details-header {
        width: 40%; } }

table.price-totals-table {
  font-size: 17px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: black;
  margin-bottom: 3px; }

.cart-table {
  position: relative; }

.cart-table-loading-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgba(255, 255, 255, 0.4); }
  .cart-table-loading-overlay .cart-processing {
    display: block; }

.cart-table-item {
  padding-top: 14px;
  padding-bottom: 12px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: -1px;
  border-top: 1px solid #EFEFEF; }
  @media screen and (min-width: 600px) {
    .cart-table-item {
      padding-top: 14px;
      padding-bottom: 12px; } }
  .cart-table-item:first-child {
    border-top: 0; }
  .cart-table-item:last-child {
    border-bottom: 0; }
  .cart-table-item.animating {
    opacity: 1;
    transition: opacity 0.3s ease; }
  .cart-table-item.animating-out {
    opacity: 0; }
  .cart-table-item .image-column {
    float: left;
    width: 60px;
    text-align: center;
    margin-right: 0;
    margin-top: 1px; }
    @media screen and (min-width: 0) {
      .cart-table-item .image-column {
        width: 82px;
        margin-right: 15px;
        height: 90px; } }
    @media screen and (min-width: 600px) {
      .cart-table-item .image-column {
        width: 82px;
        height: 88px;
        margin-right: 15px; } }
    .cart-table-item .image-column img {
      max-height: 120px;
      border: 1px solid rgba(100, 100, 100, 0.5); }
  .cart-table-item .main-column {
    position: relative;
    margin-left: 82px; }
    @media screen and (max-width: 599px) and (min-width: 320px) {
      .cart-table-item .main-column {
        margin-left: 0;
        margin-top: -2px; } }
    @media screen and (max-width: 768px) and (min-width: 600px) {
      .cart-table-item .main-column {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: -2px; } }
    @media screen and (min-width: 769px) {
      .cart-table-item .main-column {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0; } }
  @media screen and (min-width: 769px) {
    .cart-table-item .cart-item-meta {
      margin-right: 50%; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .cart-table-item .cart-item-meta {
      margin-bottom: 10px;
      margin-right: 47%; } }
  .cart-table-item .product-name {
    margin: 0 0 4px;
    color: black;
    font-weight: 700;
    font-family: "lato", "arial-fallback", sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px; }
  .cart-table-item .cart-item-detail {
    margin-bottom: 4px;
    font-size: 14px;
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 400;
    color: #4b4b4b;
    line-height: 20px; }
  .cart-table-item .actions {
    position: relative;
    display: block;
    font-size: 12px;
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 400; }
    @media screen and (max-width: 599px) and (min-width: 320px) {
      .cart-table-item .actions {
        margin-left: 96px; } }
    .cart-table-item .actions .inline-actions {
      position: relative;
      display: inline; }
      .cart-table-item .actions .inline-actions .action-link {
        margin-right: 12px; }
      .cart-table-item .actions .inline-actions .action-link:last-child {
        margin-right: 0; }
      .cart-table-item .actions .inline-actions .remove-item-link {
        position: relative;
        display: inline; }
        @media screen and (max-width: 599px) and (min-width: 320px) {
          .cart-table-item .actions .inline-actions .remove-item-link {
            display: none; } }
  .cart-table-item .divider {
    color: #EFEFEF; }
  .cart-table-item .removal-btn-wrapper {
    display: none; }
    @media screen and (max-width: 599px) and (min-width: 320px) {
      .cart-table-item .removal-btn-wrapper {
        display: block;
        position: absolute;
        top: -14px;
        right: -20px; } }
    .cart-table-item .removal-btn-wrapper .remove-item-button {
      display: block;
      position: absolute;
      top: -5px;
      right: -5px;
      width: 23px;
      height: 23px; }
  .cart-table-item .cart-item-details-header {
    position: relative;
    display: block;
    width: 35%;
    max-width: 500px;
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 0.85714em;
    line-height: 1;
    color: rgba(60, 60, 60, 0.64);
    background-color: rgba(220, 220, 220, 0.4); }
    @media screen and (min-width: 600px) {
      .cart-table-item .cart-item-details-header {
        display: none; } }
    .cart-table-item .cart-item-details-header .cell {
      padding: 7px 10px; }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .cart-table-item .cart-item-details {
      font-size: 15px;
      font-family: "lato", "arial-fallback", sans-serif;
      font-weight: 400;
      color: black; } }
  .cart-table-item .cart-item-details .cell {
    line-height: 24px; }
  .cart-table-item .cart-header-each {
    padding-left: 0; }
  .cart-table-item .cart-header-total {
    padding-right: 0; }
  .cart-table-item .cart-header-price {
    padding-top: 3px; }
  .cart-table-item .price, .cart-table-item .cart-content-quantity {
    font-size: 16px;
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 400;
    color: black; }
  .cart-table-item .price {
    padding-top: 5px; }
  .cart-table-item .price-discounted {
    text-decoration: line-through;
    color: #000; }
  .cart-table-item .form-input.quantity-input {
    width: 46px;
    height: 31px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    margin-top: 1px; }
  .cart-table-item .update-quantity {
    display: inline-block;
    padding: 6px 4px;
    font-size: 0.78571em;
    visibility: hidden; }
    .cart-table-item .update-quantity.visible {
      visibility: visible; }

.cart-table-item .cell.cart-content-total > .price {
  font-weight: 600;
  font-size: 16px; }

.calculator-field-city {
  padding-right: 10px !important; }

#shipping-city::-webkit-input-placeholder, #shipping-zip::-webkit-input-placeholder {
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #9b9b9b; }

#shipping-city::-moz-placeholder, #shipping-zip::-moz-placeholder {
  font-family: "lato";
  font-size: 15px;
  font-weight: 300;
  color: #9b9b9b; }

#shipping-city:-ms-input-placeholder, #shipping-zip:-ms-input-placeholder {
  font-family: "lato";
  font-size: 15px;
  font-weight: 300;
  color: #9b9b9b; }

#shipping-city::-ms-input-placeholder, #shipping-zip::-ms-input-placeholder {
  font-family: "lato";
  font-size: 15px;
  font-weight: 300;
  color: #9b9b9b; }

#shipping-city::placeholder, #shipping-zip::placeholder {
  font-family: "lato";
  font-size: 15px;
  font-weight: 300;
  color: #9b9b9b; }

body.cart .cart-table-item .price-discounted {
  display: none; }

body.cart .cart-content {
  display: block;
  position: relative;
  width: 100%;
  background: white;
  border-top: 1px solid rgba(150, 150, 150, 0.5);
  border-bottom: 1px solid rgba(150, 150, 150, 0.5);
  border-left: 1px solid rgba(150, 150, 150, 0.5);
  border-right: 1px solid rgba(150, 150, 150, 0.5);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 6px;
  margin-left: auto;
  margin-right: auto;
  right: 20px; }

body.cart .main-content > .container {
  background: #f8f8f8; }

.cart-table-footer {
  position: relative;
  display: block;
  margin-right: -20px;
  margin-top: 30px;
  z-index: 1; }
  @media screen and (min-width: 600px) {
    .cart-table-footer {
      float: right;
      width: 400px; } }
  .cart-table-footer .input-appended .form-input-wrapper {
    right: 75px; }
  .cart-table-footer .input-appended .button {
    width: 65px;
    font-size: 0.78571em; }
  .cart-table-footer .input-appended .form-input,
  .cart-table-footer .input-appended .button {
    height: 2.05556rem; }
  .cart-table-footer .cart-footer-loading-overlay {
    display: none;
    background-color: rgba(255, 255, 255, 0.4); }
  .cart-table-footer.cart-processing .cart-footer-loading-overlay {
    display: block; }
  .cart-processing .cart-table-footer .pxu-fading-circle {
    display: none; }

.price-totals-table {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 300;
  border: 0;
  border-collapse: collapse; }
  .price-totals-table tbody {
    border-bottom: 12px solid transparent; }
  .price-totals-table td {
    padding: 0 0 12px;
    vertical-align: top;
    border: 0; }
    .price-totals-table td.faded {
      color: gray; }
  .price-totals-table .value {
    text-align: right; }
  .price-totals-table .order-total td {
    padding-top: 15px;
    font-weight: 700;
    border-top: 1px solid #e1e1e1;
    font-size: 1.15rem;
    font-family: "lato", "arial-fallback", sans-serif; }

.coupon-code-apply-form,
.gift-certificate-apply-form {
  margin-bottom: 14px; }

.gift-cert-meta {
  font-size: 0.78571em; }

.cart-action-minor {
  font-size: 0.85714em;
  text-align: right;
  margin-top: 4px; }
  .cart-action-minor a {
    cursor: pointer; }

.min_order_message {
  display: inline-block;
  position: relative;
  width: 300px;
  height: 20px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-size: 10px;
  color: red;
  font-weight: 400;
  margin-bottom: 6px;
  margin-top: 6px;
  right: -90px; }

.shipping-calculator {
  display: none;
  padding: 5px 0 10px; }
  .shipping-calculator.visible {
    display: block;
    margin-top: 5px; }

.show-calculator {
  cursor: pointer; }

.show-calculator:hover {
  cursor: pointer;
  color: #67b9ff; }

button.button-shipping-estimate-submit {
  min-width: 210px; }

.calculator-form {
  margin: 0 -5px; }
  .calculator-form label.form-label {
    font-size: 15px;
    font-family: "lato", "arial-fallback", sans-serif;
    font-weight: 400;
    color: #646464;
    margin-bottom: 2px; }
  .calculator-form .form-field {
    padding: 0 5px;
    font-size: 15px;
    font-family: "lato", "arial-fallback", sans-serif;
    color: black;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 15px; }
  .calculator-form input.form-input {
    padding-left: 8px;
    padding-right: 8px;
    font-size: clamp(16px, 1.2vw, 17px); }
  .calculator-form .calculator-field-zip {
    float: left;
    width: 35%; }
  .calculator-form .calculator-field-city {
    float: left;
    width: 65%; }
  .calculator-form .form-action {
    padding-top: 12px;
    clear: left; }

.shipping-methods-container .form-label-text {
  font-weight: 500;
  font-family: "lato", "arial-fallback", sans-serif; }

.mincartmessage {
  background: rgba(217, 56, 56, 0.1) !important;
  border: 1px solid rgba(217, 56, 56, 0.5) !important; }

body[data-min-cart='NotApplied'] .mincartmessage {
  display: none; }

body[data-min-cart='Applied'] a[href='/checkout.php'], body[data-min-cart='Applied'] .checkoutBTN, body[data-min-cart='Applied'] .additional-checkout-buttons {
  border: #efefef;
  color: #aaaaaa;
  background: #efefef;
  pointer-events: none; }

body[data-min-cart='NotApplied'] a[href='/checkout.php'], body[data-min-cart='NotApplied'] .checkoutBTN, body[data-min-cart='NotApplied'] .additional-checkout-buttons {
  pointer-events: auto; }

body[data-min-cart='NotApplied'] .min_order_message {
  display: none; }

.product-item > span {
  display: none; }

.product-itemz > span {
  display: none; }

.coupon-code-apply-form,
.gift-certificate-apply-form {
  display: none; }

.input-shipping-quote {
  vertical-align: middle;
  color: black;
  cursor: pointer; }

div.shipping-methods-container > .form-field-small {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  width: 100%;
  line-height: 34px; }

div.shipping-methods-container > .form-field-small > .form-label > .form-label-text {
  display: inline;
  font-size: 16px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: black; }

.button-shipping-estimate-submit {
  padding-top: 6px;
  padding-bottom: 4px; }

.shipping-methods-choice {
  margin-top: 20px; }

.shipping-methods-heading {
  margin-bottom: 4px;
  font-size: 15px;
  color: #646464; }

.shipping-methods-container {
  padding: 10px 12px;
  margin-bottom: 15px;
  background-color: #fcfcfc;
  border: 1px solid #969696;
  line-height: 24px;
  font-size: 14px; }
  .shipping-methods-container input.input-shipping-quote {
    margin-top: -3px;
    width: 18px;
    height: 18px; }
  .shipping-methods-container .form-field:last-child {
    margin-bottom: 0; }

.shipping-provider-section {
  border-top: 1px solid rgba(136, 136, 136, 0.24);
  padding-top: 11px;
  margin-top: 8px; }

.input-shipping-quote {
  margin-right: 4px; }

.shipping-provider-logo {
  margin-right: 2px; }

.button-select-shipping-quote {
  padding-top: 6px;
  padding-bottom: 4px;
  font-size: 14px;
  margin-bottom: 10px; }

body.cart .cart-table-footer a.button-primary {
  font-size: 20px;
  font-weight: 700;
  color: white;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  letter-spacing: .75px;
  padding-top: .50em;
  padding-bottom: .50em;
  padding-left: 0;
  padding-right: 0; }

#preorder-modal svg.icon-close {
  color: #969696;
  height: 25px;
  width: 25px; }

#preorder-modal svg.icon-close:hover {
  color: #D93838;
  height: 25px;
  width: 25px; }

.view-fullscreen-icon {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute; }

.view-fullscreen-icon-wide {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute; }

.modal-content > a > svg.icon-close {
  width: 20px;
  height: 20px; }

.view-fullscreen-icon:active {
  pointer-events: none; }

.product-slides-wrap {
  cursor: pointer; }

.gift-card-image {
  padding: 10px;
  color: #e6e6e6;
  background-color: whitesmoke; }

.additional-checkout-buttons {
  margin-top: 5px;
  text-align: center; }
  .additional-checkout-buttons p {
    float: none !important; }
  .additional-checkout-buttons form {
    clear: both; }

.additional-checkout-buttons .paypal-smart-buttons {
  width: 100%;
  max-width: 200px; }

.message-cart-empty {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  text-align: center;
  line-height: 24px; }
  .message-cart-empty.hidden {
    display: none; }

.or-use-label {
  text-align: center !important; }

@media screen and (min-width: 1281px) {
  body.cart .cart-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 16px;
    padding-bottom: 6px;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.cart .header-primary-container {
    background: white; } }

@media screen and (max-width: 1280px) and (min-width: 1025px) {
  body.cart .page-container {
    width: 90%; } }

@media screen and (min-width: 1025px) {
  tr.order-total > td.label {
    width: 200px; } }

@media screen and (max-width: 1280px) {
  body.cart .cart-content {
    padding-left: 20px;
    padding-right: 19px;
    padding-top: 20px;
    padding-bottom: 5px; } }

@media screen and (max-width: 1280px) {
  .cart-table-item .product-name {
    font-size: 17px; } }

@media screen and (max-width: 1280px) {
  .cart-table-item .cart-item-detail, .cart-item-detail.product-options-summary {
    font-size: 14px; } }

body.cart .cart-table-footer {
  margin-top: 30px; }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.cart .header-primary-container {
    background: white; } }

@media screen and (min-width: 769px) {
  body.cart main.main-content {
    position: relative;
    display: block;
    margin-bottom: 35px;
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    background: #f8f8f8; } }

@media screen and (max-width: 1024px) {
  .cart-table-item .price, .cart-table-item .cart-content-quantity {
    font-size: 16px; } }

@media screen and (max-width: 1024px) {
  body.cart .main-content > .container {
    padding-left: unset;
    padding-right: unset;
    background: #f8f8f8; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.cart .page-container {
    padding-left: 0;
    padding-right: 0;
    width: 90%; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  body.cart main.main-content {
    margin-left: 0;
    width: calc(100% - 5px);
    background: #f8f8f8; } }

@media screen and (max-width: 768px) {
  body.cart main.main-content {
    margin-bottom: 30px;
    background: #f8f8f8; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.cart .header-primary-container {
    background: white; } }

@media screen and (min-width: 600px) {
  .cart-table-item .remove-item-button {
    display: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .cart-item-details-container {
    max-width: 250px;
    width: 43%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .menu-open {
    top: 1px;
    left: 2px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.cart .page-container {
    width: 90%; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.cart .cart-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 10px; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  body.cart .page-heading.page-heading-small {
    margin-top: -15px;
    margin-bottom: 20px;
    font-size: 32px; } }

@media screen and (max-width: 768px) {
  .view-fullscreen-icon, .view-fullscreen-icon-wide {
    display: none; } }

@media screen and (max-width: 768px) and (min-width: 600px) {
  .cart-table-header .cart-item-details-header {
    width: 36%;
    max-width: 250px;
    margin-right: 1px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.cart .cart-content {
    background: transparent;
    border-top-style: none;
    border-bottom-style: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.cart .page-heading.page-heading-small {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: "proxima-soft", "arial-fallback", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color: black; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-item-details-container {
    display: inline-block;
    margin-left: 0;
    margin-top: 0;
    min-width: 100%;
    width: 100%;
    height: 75px;
    top: 2px;
    right: 0;
    position: relative; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-table-item:first-child {
    padding-bottom: 13px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-top: 1px solid #afafaf; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-table-item.visible:last-child {
    border-bottom-style: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-table-item {
    padding-bottom: 10px;
    padding-top: 14px;
    padding-left: 15px;
    padding-right: 15px;
    background: white;
    margin-bottom: 15px;
    border: 1px solid #afafaf; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.cart .main-content > .container {
    background: #f8f8f8; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.cart .cart-content {
    right: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.cart .cart-item-details {
    height: 35px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-table-item .product-name {
    margin-bottom: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-table-item .form-input.quantity-input {
    font-size: 15px;
    width: 40px;
    height: 26px;
    margin-top: 4px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-table-item .price, .cart-table-item .cart-content-quantity, .cart-table-item .cell.cart-content-total > .price {
    font-size: 15px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-table-item .cart-item-details-header {
    position: relative;
    display: block;
    width: 100%;
    max-width: unset;
    height: 25px;
    margin-top: 7px;
    margin-bottom: 7px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-table-item .cart-item-details-header .cell {
    position: relative;
    padding: 0;
    color: #646464;
    font-size: 12px;
    font-family: "lato", sans-serif;
    letter-spacing: 0.25px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-table-item .cart-item-details-header .cell.cart-header-each {
    left: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-table-item .cart-item-details-header .cell.cart-header-total {
    right: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .shipping-methods-container {
    padding-left: 15px;
    padding-right: 10px;
    padding-bottom: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.shipping-methods-container > .form-field-small > .form-label {
    display: flex;
    align-items: center;
    position: relative;
    height: auto;
    margin-top: 3px;
    margin-bottom: 3px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .input-shipping-quote {
    display: inline;
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px;
    margin-left: 0;
    margin-top: 4px;
    float: left;
    width: 15px;
    height: 15px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.cart .page-container {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    width: calc(100% - 30px); } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.cart .cart-content {
    border-left-style: none;
    border-right-style: none; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.cart .calculator-form .form-field {
    margin-bottom: 10px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.cart .calculator-form .form-action {
    padding-top: 5px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.cart tr.order-total {
    position: relative;
    top: 4px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .price-totals-table tr.order-total td.label, .price-totals-table tr.order-total td.value {
    padding-bottom: 8px;
    font-size: 20px;
    font-family: "lato", sans-serif; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .price-totals-table tr td.label, .price-totals-table tr td.value {
    padding-bottom: 8px;
    font-size: 17px;
    font-family: "lato", sans-serif; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .price-totals-table tr td.label {
    padding-right: 8px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-header-quantity {
    width: 20px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-item-edit-button {
    margin-bottom: 0; } }

@media screen and (min-width: 600px) {
  .cart-item-edit-button {
    margin-bottom: 2px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.cart .cart-table-footer {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px; } }

.item-gift-wrap {
  display: inline-block;
  color: black;
  font-size: 13px;
  margin-top: 5px; }

.item-gift-wrap-change {
  font-size: 0.91667em; }
  .item-gift-wrap-change .item-gift-wrap-trigger,
  .item-gift-wrap-change .item-gift-wrap-remove {
    color: #0078DE; }
    .item-gift-wrap-change .item-gift-wrap-trigger:hover,
    .item-gift-wrap-change .item-gift-wrap-remove:hover {
      text-decoration: underline;
      color: #0AA9FF; }

.item-gift-wrap-add {
  padding: 0;
  text-decoration: underline;
  background: none;
  border: 0; }

.item-gift-wrap-add:hover {
  color: #0AA9FF; }

#gift-wrap-modal .gift-wrap-option-item .form-label {
  display: flex;
  align-items: center; }

#gift-wrap-modal-content {
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0;
  border: 2px solid rgba(0, 0, 0, 0.8); }

.gift-wrap-modal-container {
  display: none; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .modal-gift-wrap {
    font-size: 0.9em; } }

@media screen and (min-width: 0) {
  .modal-gift-wrap {
    max-width: 600px;
    padding: 20px;
    background-image: url("../images/spinner-large.svg");
    background-position: center center;
    background-repeat: no-repeat; }
    .modal-gift-wrap .modal-content {
      padding: 50px 50px 34px;
      opacity: 0;
      transition: opacity 0.1s ease; }
      .modal-wrapper.loaded .modal-gift-wrap .modal-content {
        opacity: 1; } }

.gift-wrap-heading {
  margin: 0 0 16px;
  text-align: center; }

.gift-wrap-multiple {
  max-height: 428px;
  overflow-y: auto;
  overflow-x: hidden; }

.gift-wrap-single,
.gift-wrap-multiple,
.gift-wrap-image-preview {
  display: none; }
  .gift-wrap-single.visible,
  .gift-wrap-multiple.visible,
  .gift-wrap-image-preview.visible {
    display: block; }

#gift-wrap-modal .gift-wrap-select {
  height: 2em;
  font-size: 14px;
  font-family: "lato", "arial-fallback", sans-serif;
  font-weight: 400;
  color: black;
  padding-left: 6px;
  padding-right: 6px; }

#gift-wrap-modal .gift-wrap-message label.form-label > .form-label-text {
  font-size: 14px;
  font-weight: 400;
  color: black;
  padding-bottom: 0;
  padding-right: 8px;
  width: 130px; }

#gift-wrap-modal .gift-wrap-option-item .form-field:first-child > label.form-label > .form-label-text {
  font-size: 14px;
  font-weight: 400;
  color: black;
  padding-bottom: 0;
  padding-right: 8px;
  width: auto; }

.item-gift-wrap > .item-gift-wrap-info {
  line-height: 18px;
  font-size: 12px;
  color: black; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  #gift-wrap-modal .gift-wrap-option-item label.form-label > .form-label-text {
    width: auto; } }

#gift-wrap-modal .gift-wrap-option-item > .form-field {
  margin-bottom: clamp(10px, 10%, 25px); }

.gift-wrap-image-label {
  float: left;
  width: 100%;
  padding-right: 10px;
  padding-bottom: 5px;
  font-size: 0.78571em;
  color: #7d7d7d; }

.gift-wrap-hover-for-preview {
  font-size: 0.78571em;
  color: #7d7d7d; }

.gift-wrap-single.visible .gift-wrap-message textarea.form-input {
  width: 100%; }

.gift-wrap-image {
  position: relative;
  display: block;
  float: left;
  width: 70%;
  height: 15vh;
  overflow: hidden;
  border-radius: 3px; }
  .gift-wrap-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(-50%); }
    .gift-wrap-image img.cover-hover {
      transform: translateY(0); }

.gift-wrap-message {
  display: none; }
  .gift-wrap-message.visible {
    display: block; }

.giftcard-nav {
  margin-bottom: 30px;
  padding: 0;
  font-size: 0.92857em;
  text-align: center; }

.giftcard-nav-item {
  display: inline-block;
  margin: 0 5px; }
  .giftcard-nav-item.is-active {
    color: #000; }
  .giftcard-nav-item[href]:hover {
    text-decoration: underline; }

.certificate-message {
  min-height: 166px; }

.certificate-form-actions {
  margin-top: 20px;
  text-align: center; }
  @media screen and (max-width: 599px) and (min-width: 320px) {
    .certificate-form-actions {
      margin-top: 10px; }
      .certificate-form-actions .button {
        width: 100%;
        margin: 0 0 5px; } }

.form-certificate-balance .input-appended .button {
  width: 160px; }

.form-certificate-balance .input-appended .form-input-wrapper {
  right: 168px; }

.certificate-theme-select .form-field-error:not(:last-child) .form-inline-message {
  display: none; }

.apple-pay-checkout-button {
  display: none;
  height: 2.77778rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 60%;
  border-radius: 5px;
  background-color: white;
  background-image: -webkit-named-image(apple-pay-logo-black);
  border: 0.5px solid black; }
  .additional-checkout-buttons .apple-pay-checkout-button {
    margin-bottom: 0.83333rem; }
  .apple-pay-supported .apple-pay-checkout-button {
    display: block; }

#cart-options-modal .reconfigure-errors {
  display: none; }

#cart-options-modal .cart-item-edit-product-title {
  margin: -8px 60px 25px 0;
  text-align: left;
  font-family: "proxima-soft", "arial-fallback", sans-serif;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  width: calc(100% - 60px); }

.cart-item-edit-button {
  display: inline;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  font-family: "lato", "arial-fallback", sans-serif;
  color: #0078DE; }

#cart-options-modal .cart-edit-options {
  visibility: hidden; }

#cart-options-modal .cart-edit-options.cart-edit-options-visible {
  visibility: visible; }

#cart-options-modal .modal-content {
  flex-direction: column; }

#cart-options-modal #CartEditProductFieldsForm .form-field-title {
  margin-bottom: 6px; }

#cart-options-modal .modal-body {
  position: relative;
  display: inline-block;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  min-height: 128px;
  transition: all .25s ease; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .cart-item-edit-button {
    display: block; } }

.account-button-primary {
  color: white;
  background-color: #00C9E7;
  border-color: #009FB8;
  font-family: "proxima-soft", sans-serif;
  padding-top: 0.65em;
  padding-bottom: 0.65em;
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.5; }
  .account-button-primary:hover, .account-button-primary:focus {
    color: white;
    background-color: #009FB8;
    border-color: #009FB8; }
  .account-button-primary.ripple {
    background-position: center;
    transition: background 0.8s; }
    .account-button-primary.ripple:hover {
      background: #009FB8 radial-gradient(circle, transparent 1%, #009FB8 1%) center/15000%; }
    .account-button-primary.ripple:active {
      background-color: #00C9E7;
      background-size: 100%;
      transition: background 0s; }

.account-wrapper .button.account-button-secondary {
  color: #00C9E7;
  background-color: #FFF;
  border-color: #00C9E7;
  font-family: "proxima-soft", sans-serif;
  padding-top: 0.65em;
  padding-bottom: 0.6em;
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.5; }
  .account-wrapper .button.account-button-secondary:hover, .account-wrapper .button.account-button-secondary:focus {
    color: #FFF;
    background-color: #00C9E7; }

.account-button-small {
  padding: 2px 6px;
  font-size: 0.66667rem;
  font-weight: normal; }

.account-heading {
  padding-bottom: 0.5em; }

.form-required .form-field-title::after {
  font-size: 0.85714em;
  color: #D93838;
  content: "*"; }

.account-nav-link {
  padding: 10px 15px; }
  .account-nav-link:hover {
    background: #fafafa; }

.account-create-form .form-field:nth-of-type(odd),
.account-settings-form .form-field:nth-of-type(odd),
.account-address-form .form-field:nth-of-type(odd) {
  clear: left; }

.account-product-item {
  position: relative;
  padding-bottom: 4px;
  padding-top: 10px;
  margin-bottom: 4px;
  text-align: center;
  border: 1px solid transparent;
  transition: border-color 0.2s ease, box-shadow 0.2s ease; }
  @media screen and (min-width: 600px) {
    .account-product-item {
      width: 48.07692%;
      margin-left: 0.96154%;
      margin-right: 0.96154%;
      float: left;
      max-width: 220px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 2px;
      margin-bottom: 2px;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 10px;
      padding-bottom: 0; } }
  @media screen and (min-width: 768px) {
    .account-product-item {
      width: 32.05128%;
      margin-left: 0.64103%;
      margin-right: 0.64103%;
      max-width: 300px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 5px;
      margin-bottom: 5px;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 10px;
      padding-bottom: 0; } }
  @media screen and (min-width: 1024px) {
    .account-product-item {
      max-width: 300px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 10px;
      margin-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
      padding-bottom: 0; } }
  @media screen and (min-width: 1281px) {
    .account-product-item.five-across {
      max-width: 300px;
      padding-top: 10px;
      padding-bottom: 2px;
      padding-left: 10px;
      padding-right: 10px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 5px;
      margin-bottom: 5px; } }
  .account-product-item:hover {
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); }

.account-product-item-thumbnail {
  padding: 16px;
  margin-bottom: 10px; }
  .account-product-item-thumbnail img {
    max-height: 200px; }

.account-product-item-title {
  margin: 10px 10px 2px;
  font-weight: 700; }
  .account-product-item-title a {
    color: #000; }

.account-product-item-brand a {
  color: #000; }

.account-product-item-price .price-withouttax,
.account-product-item-price .price-withtax {
  display: block; }

.account-product-item-price .price-rrp {
  text-decoration: line-through; }

.account-product-item-price .price-tax-label {
  font-size: 0.71429em; }

.account-product-item-remove input[type="submit"] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 1em;
  height: 1em;
  padding: 0;
  font-size: 1.44444rem;
  font-weight: normal;
  line-height: 1;
  color: #D93838;
  background: transparent;
  border: 0; }

.account-list-header {
  background: rgba(220, 220, 220, 0.4); }

.account-list-header-label {
  font-size: 0.66667rem; }

.account-list-item {
  padding: 12px 0;
  border-bottom: 1px solid #EFEFEF; }

.account-wishlists .account-list-header-item,
.account-wishlists .account-list-item-cell {
  width: 18%;
  padding: 4px 8px; }
  .account-wishlists .account-list-header-item:last-child,
  .account-wishlists .account-list-item-cell:last-child {
    width: 46%; }

.account-share-wishlist-url {
  padding: 24px;
  background: rgba(220, 220, 220, 0.4); }
  .account-share-wishlist-url .account-sub-heading {
    margin-top: 0; }

.account-content .pagination {
  display: table;
  width: 100%;
  margin-top: 20px;
  font-weight: 300;
  font-family: "lato", "arial-fallback", sans-serif; }

.account-content .pagination-item {
  display: table-cell;
  width: 1%;
  white-space: nowrap; }

.account-content .pagination-count {
  display: table-cell;
  text-align: center; }

.account-content .pagination-next {
  text-align: right; }

.account-content .form-field-title {
  color: #5d5d5d; }

[data-payment-method-form] .button:not(.button-primary) .account-button-secondary {
  color: #00C9E7;
  background-color: #FFF;
  border-color: #00C9E7;
  font-family: "proxima-soft";
  padding-top: 0.65em;
  padding-bottom: 0.5em;
  font-size: .7rem; }
  [data-payment-method-form] .button:not(.button-primary) .account-button-secondary:hover, [data-payment-method-form] .button:not(.button-primary) .account-button-secondary:focus {
    color: #FFF;
    background-color: #00C9E7; }

.payment-method-form .payment-method-form-inputs-icon {
  top: 28px !important; }

@media screen and (min-width: 619px) and (max-width: 819px) {
  .payment-method-edit-form .button + .button {
    margin-top: 5px;
    margin-left: 0; } }

/*
 |  tail.select - The vanilla solution to make your HTML select fields AWESOME!
 |  @file       ./css/modern/tail.select-light-feather.css
 |  @author     SamBrishes <sam@pytes.net>
 |  @version    0.5.16 - Beta
 |
 |  @website    https://github.com/pytesNET/tail.select
 |  @license    X11 / MIT License
 |  @copyright  Copyright © 2014 - 2019 SamBrishes, pytesNET <info@pytes.net>
 */
/* @start GENERAL */
.tail-select, .tail-select *, .tail-select *::before, .tail-select *::after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.tail-select, .tail-select * {
  outline: none;
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

.tail-select {
  width: 250px;
  margin: 1px;
  padding: 0;
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 22px;
  font-family: inherit;
  z-index: 1; }

.tail-select mark {
  color: white;
  background-color: #DC4650; }

.tail-select button {
  outline: none; }

.tail-select.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.tail-select button.tail-all, .tail-select button.tail-none {
  height: auto;
  margin: 0 2px;
  padding: 2px 6px;
  display: inline-block;
  font-size: 10px;
  line-height: 14px;
  text-shadow: none;
  letter-spacing: 0;
  text-transform: none;
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 3px;
  box-shadow: none;
  -webkit-box-shadow: none;
  transition: color 142ms linear, border 142ms linear, background 142ms linear;
  -webkit-transition: color 142ms linear, border 142ms linear, background 142ms linear; }

.tail-select button.tail-all {
  color: rgba(48, 52, 56, 0.5);
  border-color: rgba(48, 52, 56, 0.5);
  background-color: transparent; }

.tail-select button.tail-all:hover {
  color: #62C462;
  border-color: #62C462;
  background-color: transparent; }

.tail-select button.tail-none {
  color: rgba(48, 52, 56, 0.5);
  border-color: rgba(48, 52, 56, 0.5);
  background-color: transparent; }

.tail-select button.tail-none:hover {
  color: #EE5F5B;
  border-color: #EE5F5B;
  background-color: transparent; }

.tail-select.disabled button.tail-all {
  color: rgba(48, 52, 56, 0.25);
  border-color: rgba(48, 52, 56, 0.25);
  background-color: transparent; }

.tail-select.disabled button.tail-none {
  color: rgba(48, 52, 56, 0.25);
  border-color: rgba(48, 52, 56, 0.25);
  background-color: transparent; }

.tail-select input[type="text"] {
  color: #303438;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 6px 12px;
  display: inline-block;
  outline: 0;
  font-size: 14px;
  line-height: 28px;
  vertical-align: middle;
  background-color: transparent;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none; }

.tail-select input[type="text"]:hover {
  color: #303438;
  border-color: transparent;
  background-color: transparent; }

.tail-select input[type="text"]:focus {
  color: black;
  border-color: transparent;
  background-color: transparent; }

.tail-select.disabled input[type="text"] {
  color: rgba(48, 52, 56, 0.75);
  border-color: transparent;
  background-color: transparent; }

.tail-select-container {
  margin: 0;
  padding: 3px 5px 2px;
  text-align: left;
  border-radius: 34px; }

.tail-select-container .select-handle {
  width: auto;
  color: #303438;
  cursor: pointer;
  margin: 1px;
  padding: 2px 8px 3px;
  display: inline-block;
  position: relative;
  font-size: 11px;
  font-family: lato;
  text-align: left;
  font-weight: bold;
  line-height: 16px;
  text-shadow: none;
  vertical-align: top;
  background-color: #d9d9d9;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  border-radius: 10px;
  transition: background 142ms linear;
  -webkit-transition: background 142ms linear; }

.tail-select-container .select-handle:hover {
  color: #303438;
  background-color: #F2BABE; }

.tail-select-container .select-handle:hover::after {
  font-weight: 800; }

.tail-select-container .select-handle::after {
  margin-left: 4px;
  content: 'x';
  font-size: 13px;
  font-weight: 600;
  color: black; }

/* @end GENERAL */
/* @start LABEL */
.tail-select .select-label {
  cursor: pointer;
  color: rgba(48, 52, 56, 0.85);
  width: 100%;
  height: auto;
  margin: 0;
  padding: 4px 20px 5px 5px;
  display: inline-block;
  z-index: 2;
  position: relative;
  text-align: left;
  background-color: white;
  border-width: 0;
  border-style: solid;
  border-color: #d9d9d9;
  border-radius: 6px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
  transition: none; }

.tail-select .select-label::before {
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  opacity: 1;
  content: "";
  display: inline-block;
  position: absolute; }

.tail-select .select-label::after {
  top: 13px;
  right: 10px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  z-index: 25;
  content: "";
  opacity: 0.5;
  display: inline-block;
  position: absolute;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  text-shadow: none;
  border-radius: -1px;
  transition: opacity 142ms linear, transform 142ms linear;
  -webkit-transition: opacity 142ms linear, transform 142ms linear; }

.tail-select .select-label .label-count, .tail-select .select-label .label-inner {
  width: auto;
  margin: 0;
  text-align: left;
  vertical-align: top; }

.tail-select .select-label .label-count {
  color: rgba(48, 52, 56, 0.85);
  margin: 0 5px 0 0;
  padding: 0 7px 0 0;
  display: inline-block;
  font-size: 11.844px;
  font-weight: bold;
  text-shadow: none;
  white-space: nowrap;
  vertical-align: top;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #d9d9d9;
  border-radius: 0; }

.tail-select .select-label .label-inner {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.tail-select.active .select-label {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.tail-select:hover .select-label, .tail-select.idle .select-label,
.tail-select.active .select-label {
  z-index: 25;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px #3C82E6;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px #3C82E6; }

.tail-select:hover .select-label::before, .tail-select.idle .select-label::before,
.tail-select.active .select-label::before {
  opacity: 1;
  border-color: transparent; }

.tail-select:hover .select-label::after, .tail-select.idle .select-label::after,
.tail-select.active .select-label::after {
  opacity: 0.85;
  border-top-color: #3C82E6; }

.tail-select:hover .select-label .label-count, .tail-select.idle .select-label .label-count,
.tail-select.active .select-label .label-count, .tail-select:hover .select-label .label-inner,
.tail-select.idle .select-label .label-inner, .tail-select.active .select-label .label-inner {
  opacity: 1; }

.tail-select.active .select-label {
  z-index: 27; }

.tail-select.active .select-label::before {
  opacity: 1; }

.tail-select.active .select-label::after {
  top: 13px;
  opacity: 1;
  border-top-color: #3C82E6;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg); }

.tail-select.disabled .select-label {
  cursor: not-allowed;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35); }

/* @end LABEL */
/* @start DROPDOWN */
.tail-select .select-dropdown {
  top: 100%;
  left: 0;
  color: #303438;
  width: 100%;
  min-height: 35px;
  margin: 15px 0 0;
  padding: 0;
  z-index: 3;
  display: none;
  overflow: visible;
  position: absolute;
  background-color: white;
  border-width: 0;
  border-style: solid;
  border-color: #d9d9d9;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25); }

.tail-select .select-dropdown::before, .tail-select .select-dropdown::after {
  display: none; }

.tail-select .select-dropdown::after {
  display: none; }

.tail-select .select-dropdown .dropdown-search {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #d9d9d9;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

.tail-select .select-dropdown .dropdown-inner {
  width: 100%;
  margin: 0;
  padding: 1px 0;
  display: block;
  overflow-x: hidden;
  overflow-y: auto; }

.tail-select .select-dropdown .dropdown-empty {
  margin: 0;
  padding: 16px 0;
  display: block;
  font-size: 12px;
  text-align: center;
  line-height: 18px; }

.tail-select .select-dropdown .dropdown-action {
  top: 3px;
  right: 15px;
  width: auto;
  margin: 0;
  padding: 7px 0;
  z-index: 35;
  display: inline-block;
  position: absolute;
  text-align: center; }

.tail-select .select-dropdown ul, .tail-select .select-dropdown ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  list-style: none;
  font-size: 13px;
  line-height: 20px; }

.tail-select .select-dropdown ul li {
  color: #303438;
  padding: 5px 10px 5px 35px;
  font-size: 12px;
  text-align: left;
  line-height: 20px;
  font-weight: normal; }

.tail-select .select-dropdown ul li:first-of-type {
  margin-top: 5px; }

.tail-select .select-dropdown ul li:last-of-type {
  margin-bottom: 5px; }

.tail-select .select-dropdown ul li.optgroup-title {
  color: rgba(48, 52, 56, 0.7);
  cursor: default;
  margin: 9px 0 0;
  padding-left: 10px;
  font-size: 13px;
  text-shadow: none; }

.tail-select .select-dropdown ul li.optgroup-title button {
  float: right;
  margin-top: -2px;
  opacity: 0; }

.tail-select .select-dropdown ul:hover li button {
  opacity: 1; }

.tail-select .select-dropdown ul li.dropdown-option {
  cursor: pointer;
  color: black;
  font-size: 13px;
  transition: all 0.3s ease-out; }

.tail-select .select-dropdown ul li.dropdown-option::before {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  z-index: 21;
  display: inline-block;
  content: "";
  opacity: 0;
  position: absolute;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center center;
  transition: opacity 50ms linear;
  -webkit-transition: opacity 50ms linear; }

.tail-select .select-dropdown ul li.dropdown-option .option-description {
  color: rgba(48, 52, 56, 0.85);
  width: auto;
  margin: 0;
  padding: 0;
  display: block;
  font-size: 10px;
  text-align: left;
  line-height: 14px; }

.tail-select .select-dropdown ul li.dropdown-option:hover,
.tail-select .select-dropdown ul li.dropdown-option.hover {
  transition: all 0.4s ease; }

.tail-select .select-dropdown ul li.dropdown-option:hover .option-description,
.tail-select .select-dropdown ul li.dropdown-option.hover .option-description {
  color: #303438; }

.tail-select.open-top .select-dropdown {
  top: auto;
  bottom: 100%;
  margin: 0 0 15px;
  border-radius: 3px; }

.tail-select.open-top .select-dropdown::before, .tail-select.open-top .select-dropdown::after {
  top: auto;
  bottom: -13px;
  border-width: 13px 14px 0;
  border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent; }

.tail-select.open-top .select-dropdown::after {
  top: auto;
  bottom: -12px;
  border-width: 12px 13px 0;
  border-color: white transparent transparent; }

.tail-select.hide-selected .select-dropdown ul li.selected,
.tail-select.hide-disabled .select-dropdown ul li.disabled {
  display: none; }

/* State & Icons :: Single */
.tail-select .select-dropdown ul li.dropdown-option::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23303438%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203v3a2%202%200%200%201-2%202H3m18%200h-3a2%202%200%200%201-2-2V3m0%2018v-3a2%202%200%200%201%202-2h3M3%2016h3a2%202%200%200%201%202%202v3%22%3E%3C/path%3E%3C/svg%3E"); }

.tail-select .select-dropdown ul li.dropdown-option:hover::before,
.tail-select .select-dropdown ul li.dropdown-option.hover::before {
  opacity: 0.5; }

.tail-select .select-dropdown ul li.dropdown-option.selected {
  color: #3C82E6;
  background-color: white; }

.tail-select .select-dropdown ul li.dropdown-option.selected::before {
  opacity: 0.85;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23303438%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C/polyline%3E%3C/svg%3E"); }

.tail-select .select-dropdown ul li.dropdown-option.selected .option-description {
  color: #3C82E6; }

.tail-select.deselect .select-dropdown ul li.dropdown-option.selected:hover::before,
.tail-select.deselect .select-dropdown ul li.dropdown-option.selected.hover::before {
  opacity: 0.85;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23303438%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C/line%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C/line%3E%3C/svg%3E"); }

.tail-select .select-dropdown ul li.dropdown-option:hover,
.tail-select .select-dropdown ul li.dropdown-option.hover {
  background-color: #e9edf2; }

.tail-select.disabled .select-dropdown ul li.dropdown-option,
.tail-select .select-dropdown ul li.dropdown-option.disabled {
  cursor: not-allowed;
  color: rgba(48, 52, 56, 0.4);
  text-shadow: 0 1px 0 rgba(119, 129, 138, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #fafafa; }

.tail-select.disabled .select-dropdown ul li.dropdown-option::before,
.tail-select .select-dropdown ul li.dropdown-option.disabled::before {
  opacity: 0.85;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23303438%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203H5a2%202%200%200%200-2%202v3m18%200V5a2%202%200%200%200-2-2h-3m0%2018h3a2%202%200%200%200%202-2v-3M3%2016v3a2%202%200%200%200%202%202h3%22%3E%3C/path%3E%3C/svg%3E"); }

.tail-select.disabled .select-dropdown ul li.dropdown-option .option-description,
.tail-select .select-dropdown ul li.dropdown-option.disabled .option-description {
  color: rgba(48, 52, 56, 0.75); }

/* State & Icons :: Multiple */
.tail-select.multiple .select-dropdown ul li.dropdown-option::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23303438%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C/circle%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212%22%20y2%3D%2216%22%3E%3C/line%3E%3Cline%20x1%3D%228%22%20y1%3D%2212%22%20x2%3D%2216%22%20y2%3D%2212%22%3E%3C/line%3E%3C/svg%3E"); }

.tail-select.multiple .select-dropdown ul li.dropdown-option.selected::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23303438%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%3E%3C/path%3E%3Cpolyline%20points%3D%2222%204%2012%2014.01%209%2011.01%22%3E%3C/polyline%3E%3C/svg%3E"); }

.tail-select.multiple .select-dropdown ul li.dropdown-option.selected:hover::before,
.tail-select.multiple .select-dropdown ul li.dropdown-option.selected.hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23303438%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C/circle%3E%3Cline%20x1%3D%228%22%20y1%3D%2212%22%20x2%3D%2216%22%20y2%3D%2212%22%3E%3C/line%3E%3C/svg%3E"); }

.tail-select.multiple.disabled .select-dropdown ul li.dropdown-option::before,
.tail-select.multiple .select-dropdown ul li.dropdown-option.disabled::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23303438%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C/circle%3E%3C/svg%3E"); }

/* @end DROPDOWN */
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-16px); }
  60% {
    -webkit-transform: translateY(-7px); } }

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

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

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0); }
  40% {
    -o-transform: translateY(-16px); }
  60% {
    -o-transform: translateY(-7px); } }

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-16px); }
  60% {
    transform: translateY(-7px); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

#forkongithub a {
  background: #903;
  color: #fff; }

.project_container a {
  color: #000; }

.clearfix::before,
.clearfix::after {
  display: block;
  content: "";
  line-height: 0;
  clear: both; }

.taggle_list {
  float: left;
  width: 100%;
  display: inline-flex;
  align-items: center;
  height: 67px; }

.taggle_input {
  border-style: none;
  outline: none;
  font-size: 16px;
  font-weight: 300; }

.taggle_list li {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  font-weight: 500;
  margin-bottom: 0; }

.taggle_list .taggle {
  margin-right: 25px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #8fd9ff;
  padding: 2px 4px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width: 120px;
  height: 42px;
  line-height: 14px; }

.taggle_list .taggle_hot {
  background: #cac8c4; }

.taggle_list .taggle .close {
  font-size: 1.2rem;
  position: absolute;
  bottom: 3px;
  right: -2px;
  text-decoration: none;
  padding-top: 3px;
  line-height: 0.5;
  color: #c9edff;
  display: block;
  border: 0;
  background: none;
  outline: none;
  pointer-events: none;
  cursor: pointer; }

.taggle_list .taggle:hover .taggle_text {
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s; }

.taggle_list .taggle:hover .taggle_head {
  color: white;
  background: none;
  opacity: 0;
  transition: all 0.3s; }

.taggle_list .taggle:hover .close {
  color: white;
  font-weight: 700;
  transition: all 0.3s;
  display: block; }

.taggle_list .taggle:hover {
  border: 1px solid white;
  box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.2); }

.taggle_placeholder {
  position: absolute;
  color: #ccc;
  top: 12px;
  left: 8px;
  transition: opacity, 0.25s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.taggle_input {
  padding: 8px;
  padding-left: 0;
  float: left;
  margin-top: -5px;
  background: none;
  width: 100%;
  max-width: 100%; }

.taggle_sizer {
  padding: 0;
  margin: 0;
  position: absolute;
  top: -500px;
  z-index: -1;
  visibility: hidden; }

/*container styles*/
textarea.input,
.textarea.input {
  border: 0;
  background: #fdfdfd;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.7);
  min-height: 60px;
  padding: 8px;
  border-radius: 3px;
  color: #555;
  transition: all 0.25s;
  cursor: text;
  margin-bottom: 10px;
  position: relative; }

.textarea.input:focus,
.textarea.input.active,
textarea.input:focus,
textarea.input.active {
  background: #fff;
  transition: all 0.25s; }

.textarea.input,
textarea.input {
  height: auto; }

.textarea.tags {
  position: relative; }

.textarea.tags * {
  box-sizing: content-box; }

.placeholder_input {
  position: relative; }

.placeholder_input span {
  position: absolute;
  color: #aaa;
  top: 50%;
  margin-top: -11px;
  left: 10px; }

.placeholder_input input {
  width: 120px; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0; }

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none; }

.ui-widget-content {
  background: #fff;
  color: #903; }

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%; }

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  min-height: 0;
  font-weight: normal;
  color: #8a8a8a;
  cursor: pointer; }
  .ui-menu .ui-menu-item a:hover {
    color: #fff;
    background: #903; }

.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: #903;
  color: #fff !important; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #fff; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaa;
  background: #fff;
  font-weight: normal;
  color: #212121; }

.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; }

.autocomplete {
  max-height: 200px;
  overflow: scroll;
  position: absolute;
  top: 66px;
  background: white;
  width: 99.5%;
  left: 0.25%;
  z-index: 2; }

.autocomplete ul li {
  display: block;
  padding: 6px 8px; }

.autocomplete ul li.selected,
.autocomplete ul li:hover {
  background: #f63;
  color: #fff;
  cursor: pointer; }

.ui-autocomplete {
  max-height: 200px;
  overflow: scroll;
  width: 99% !important; }

.custom.textarea {
  border-radius: 0;
  box-shadow: none; }
  .custom.textarea .taggle {
    border-radius: 0;
    padding: 5px;
    padding-right: 20px; }
    .custom.textarea .taggle .close {
      display: inline-block;
      right: 3px; }

.custom.delicious {
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
  border: 1px solid #aaa;
  min-height: 50px; }
  .custom.delicious.active {
    border-color: #3274d1;
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); }
  .custom.delicious .taggle {
    color: #444;
    border-radius: 0;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    background-color: #ddd;
    font-family: "proxima-soft";
    font-size: 0.8rem;
    padding: 5px;
    padding-left: 20px; }
    .custom.delicious .taggle .close {
      color: #aaa;
      font-size: 0.9rem;
      height: 0.7rem;
      width: 0.7rem;
      line-height: 0.1rem;
      margin-top: 3px;
      right: auto;
      left: 5px; }
      .custom.delicious .taggle .close:hover {
        color: #888; }

.custom.stackoverflow {
  border: 1px solid #ccc;
  font-family: "proxima-soft"; }
  .custom.stackoverflow .taggle {
    color: #3e6d8e;
    border-radius: 0;
    background-color: #e0eaf1;
    font-weight: 300; }
    .custom.stackoverflow .taggle.taggle_hot {
      background: #bdd0dd; }
    .custom.stackoverflow .taggle .close {
      color: #aaa;
      border-radius: 0.7rem;
      font-size: 0.9rem;
      height: 0.7rem;
      width: 0.7rem;
      line-height: 0.1rem;
      margin-top: 3px; }
      .custom.stackoverflow .taggle .close:hover {
        background: #c03434;
        color: #fff; }

.taggle_head {
  display: inline-block;
  position: absolute;
  font-family: "lato", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #aae6ff;
  width: auto;
  background: #0079ba;
  background: linear-gradient(180deg, #0079ba 0%, #3088be 100%);
  height: auto;
  text-align: left;
  margin-left: 2px;
  margin-top: -9px;
  padding-left: 2px;
  padding-right: 2px;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.taggle_text {
  display: flex;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  font-family: "lato", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: white;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 32px;
  text-align: left;
  white-space: pre-wrap;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  padding-bottom: 3px;
  padding-top: 7px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0; }

.taggle_input {
  display: none; }

span.taggle_text_series {
  display: none; }

.slick-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 0;
  height: 0;
  background: black;
  transition: opacity 0.3s ease; }
  .slick-lightbox .slick-loading .slick-list {
    background-color: transparent; }
  .slick-lightbox .slick-prev {
    left: 2% !important;
    color: white;
    background: transparent;
    z-index: 10;
    opacity: .6;
    width: 40px; }
  .slick-lightbox .slick-next {
    right: 2% !important;
    color: white;
    background: transparent;
    z-index: 10;
    opacity: .6;
    width: 40px; }

body.slick-product-lightbox .slick-next, body.slick-product-lightbox .slick-prev {
  transform: translate(0, -50%) scaleX(0.75); }

.slick-lightbox .slick-next.slick-arrow::before, .slick-lightbox .slick-prev.slick-arrow::before {
  font-family: 'slick';
  font-size: 40px;
  font-weight: 700;
  line-height: 0;
  opacity: 1;
  color: white;
  -webkit-font-smoothing: antialiased; }

.slick-lightbox .slick-next.slick-arrow:hover, .slick-lightbox .slick-prev.slick-arrow:hover {
  opacity: 1; }

.slick-lightbox-hide {
  opacity: 0; }
  .slick-lightbox-hide.slick-lightbox-ie {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); }

.slick-lightbox-hide-init {
  position: absolute;
  top: -9999px;
  opacity: 0; }
  .slick-lightbox-hide-init.slick-lightbox-ie {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); }

.slick-lightbox-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.slick-lightbox-slick-item {
  text-align: center;
  overflow: hidden; }
  .slick-lightbox-slick-item::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

.slick-caption-bottom.slick-lightbox-slick-item .slick-lightbox-slick-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  margin-bottom: 20px; }

.slick-caption-dynamic.slick-lightbox-slick-item .slick-lightbox-slick-caption {
  display: block;
  text-align: center; }

.slick-lightbox-slick-item-inner {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  max-height: 90%; }

.slick-lightbox-slick-img {
  margin: 0 auto;
  display: block;
  max-width: 90%;
  max-height: 90%;
  min-height: 500px; }

.slick-lightbox-slick-caption {
  margin: 10px 0 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 25px;
  color: white; }

.slick-lightbox-close {
  position: absolute;
  top: 10px;
  right: 2%;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  padding: 0;
  border-style: none; }
  .slick-lightbox-close:focus {
    outline: none; }
  .slick-lightbox-close::before {
    font-family: "slick";
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: white;
    opacity: 0.85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '×'; }

.slick-lightbox-close::before {
  font-size: 40px;
  font-weight: 700; }

.slick-lightbox-close {
  height: 40px;
  width: 40px;
  z-index: 100; }

.slick-lightbox-close:hover::before {
  opacity: 1; }

.slick-lightbox-slick.slick-initialized {
  display: block;
  position: relative;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  visibility: visible;
  -webkit-user-select: unset;
  -moz-user-select: unset;
  -ms-user-select: unset;
  user-select: unset; }

.slick-lightbox-slick.slick-initialized .slick-track {
  display: block;
  position: relative;
  margin-left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  box-shadow: none;
  border-style: none; }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-lightbox-slick-item-inner {
    max-width: 90%;
    margin-left: 0; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-lightbox .slick-prev {
    left: 2px !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-lightbox .slick-next {
    right: 2px !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.slick-product-lightbox .slick-lightbox .slick-next {
    right: 2px !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.slick-product-lightbox .slick-lightbox .slick-prev {
    left: 2px !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.slick-product-lightbox .slick-lightbox-slick-img {
    min-height: auto; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  body.default .slick-lightbox-slick-img {
    min-height: 250px; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  .slick-lightbox .slick-next.slick-arrow::before, .slick-lightbox .slick-prev.slick-arrow::before {
    font-size: 28px; } }

.Sirv .zoom-controls {
  bottom: 15px;
  left: 12px;
  opacity: 1;
  width: 25px;
  height: 60px;
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 100; }

.zoom-controls .zoom-close, .zoom-controls .zoom-in, .zoom-controls .zoom-out {
  height: 25px;
  width: 25px;
  border: 1px solid #d7d7d7;
  background-color: white;
  margin: 3px; }

img.Sirv.sirv-image-loading {
  opacity: 0; }

img.Sirv.sirv-image-loaded {
  transition: opacity .4s linear;
  opacity: 1; }

.sirv-zoom-figure-view.fullscreen-only .sirv-zoom-button-fullscreen > span::after {
  left: 4px;
  top: auto;
  bottom: 2px;
  right: auto; }

@media screen and (max-width: 768px) and (min-width: 600px) {
  div.Sirv {
    display: block;
    opacity: 1; } }

@media screen and (max-width: 1024px) and (min-width: 769px) {
  div.Sirv {
    display: block;
    opacity: 1;
    width: 660px !important;
    height: 560px !important; } }

@media screen and (max-width: 599px) and (min-width: 320px) {
  div.Sirv {
    display: block;
    opacity: 1; } }

.accordion {
  display: none;
  max-width: 560px;
  margin: 0 auto 100px -16px;
  border-top: 1px solid #d9e5e8; }

.accordion li {
  border-bottom: 1px solid #d9e5e8;
  position: relative; }

.accordion li p {
  display: none;
  padding: 10px 25px 30px;
  color: #6b97a4; }

.accordion a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 400;
  line-height: 2.5;
  font-size: 12px;
  text-indent: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "lato";
  color: black; }

.accordion a::after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #4a6e78;
  border-bottom: 1px solid #4a6e78;
  position: absolute;
  right: 20px;
  content: " ";
  top: 14px;
  transform: rotate(-45deg);
  transition: all 0.2s ease-in-out; }

.accordion p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  padding: 10px; }

a.active::after {
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out; }

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-value-large {
  font-size: 15px; }

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative; }

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

/* Wrapper for all connect elements.
  */
.noUi-connects {
  overflow: hidden;
  z-index: 0; }

.noUi-target .noUi-connects {
  background: rgba(200, 200, 200, 0.4); }

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat; }

/* Offset direction
  */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto; }

/* Give origins 0 height/width so they don't interfere with clicking the
  * connect elements.
  */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0; }

.noUi-horizontal .noUi-origin {
  height: 0; }

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute; }

.noUi-touch-area {
  height: 100%;
  width: 100%; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Slider size and handle placement;
  */
.noUi-horizontal {
  height: 18px; }

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px; }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto; }

/* Styling;
  * Giving the connect element a border radius causes issues with using transform: scale
  */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
  margin-left: 12px; }

.noUi-connects {
  border-radius: 3px; }

.noUi-connect {
  background-color: #969696;
  border: 1px solid #787878;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; }

/* Handles and cursors;
  */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: ew-resize;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes;
  */
.noUi-handle::before,
.noUi-handle::after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px; }

.noUi-handle::after {
  left: 17px; }

.noUi-vertical .noUi-handle::before,
.noUi-vertical .noUi-handle::after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle::after {
  top: 17px; }

/* Disabled state;
  */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
  *
  */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
  *
  */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
  *
  */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
  *
  */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
  *
  */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px; }

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px; }

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px; }

.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%; }

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  transform: translate(50%);
  -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.noty_effects_close {
  -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.noty_fix_effects_height {
  -webkit-animation: noty_anim_height 75ms ease-out;
  animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  transition: all .2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: .3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  -webkit-animation: noty_modal_in .3s ease-out;
  animation: noty_modal_in .3s ease-out; }

.noty_modal.noty_modal_close {
  -webkit-animation: noty_modal_out .3s ease-out;
  animation: noty_modal_out .3s ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@-webkit-keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@-webkit-keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1; } }

@-webkit-keyframes noty_anim_out {
  100% {
    transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_out {
  100% {
    transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_out {
  100% {
    transform: translate(50%);
    opacity: 0; } }

@-webkit-keyframes noty_anim_height {
  100% {
    height: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }

.noty_theme__relax.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }

.noty_theme__relax.noty_bar .noty_body {
  padding: 10px; }

.noty_theme__relax.noty_bar .noty_buttons {
  border-top: 1px solid #e7e7e7;
  padding: 5px 10px; }

.noty_theme__relax.noty_type__alert,
.noty_theme__relax.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__relax.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }

.noty_theme__relax.noty_type__warning .noty_buttons {
  border-color: #dfaa30; }

.noty_theme__relax.noty_type__error {
  background-color: #FF8181;
  border: 1px solid #e25353;
  color: #FFF; }

.noty_theme__relax.noty_type__error .noty_buttons {
  border-color: darkred; }

.noty_theme__relax.noty_type__info,
.noty_theme__relax.noty_type__information {
  background-color: #ff9d00;
  border: 1px solid #c07701;
  color: #FFF; }

.noty_theme__relax.noty_type__info .noty_buttons,
.noty_theme__relax.noty_type__information .noty_buttons {
  border-color: #0B90C4; }

.noty_theme__relax.noty_type__success {
  background-color: #BCF5BC;
  border: 1px solid #7cdd77;
  color: darkgreen; }

.noty_theme__relax.noty_type__success .noty_buttons {
  border-color: #50C24E; }

.noty_theme__light.noty_bar {
  margin: 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }

.noty_theme__light.noty_bar .noty_body {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 600; }

.noty_theme__light.noty_bar .noty_body::after {
  content: "x";
  font-weight: 800;
  font-family: "lato";
  font-size: 16px;
  position: absolute;
  display: block;
  right: 12px;
  top: 2px;
  width: 10px;
  height: 10px; }

.noty_theme__light.noty_bar .noty_buttons {
  border-top: 1px solid #e7e7e7;
  padding: 5px 10px; }

.noty_theme__light.noty_type__alert,
.noty_theme__light.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__light.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }

.noty_theme__light.noty_type__warning .noty_buttons {
  border-color: #dfaa30; }

.noty_theme__light.noty_type__error {
  background-color: #ED7000;
  border: 1px solid #e25353;
  color: #FFF; }

.noty_theme__light.noty_type__error .noty_buttons {
  border-color: darkred; }

.noty_theme__light.noty_type__info,
.noty_theme__light.noty_type__information {
  background-color: #e78f00;
  border: 1px solid #a96800;
  color: #FFF; }

.noty_theme__light.noty_type__info .noty_buttons,
.noty_theme__light.noty_type__information .noty_buttons {
  border-color: #0B90C4; }

.noty_theme__light.noty_type__success {
  background-color: #57C880;
  border: 1px solid #7cdd77;
  color: darkgreen; }

.noty_theme__light.noty_type__success .noty_buttons {
  border-color: #50C24E; }

#giftwrapping-banner.noty_theme__light.noty_type__info {
  background-color: #21BA45;
  border-top: 1px solid #C10015;
  border-bottom: 1px solid #C10015;
  border-left: none;
  border-right: none;
  color: white; }

#giftwrapping-banner.noty_theme__light.noty_type__info .noty_body {
  background-color: #21BA45;
  border: none;
  color: white; }

.edd-root {
  display: inline-block;
  position: relative;
  width: 120px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'lato';
  font-size: 16px;
  color: #333;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  transition: box-shadow 200ms, border-color 150ms; }

.edd-root:not(.edd-root-open):hover {
  border: 1px solid white;
  border-radius: 5px; }

.edd-root-disabled {
  color: #ccc;
  cursor: not-allowed; }

.edd-head {
  position: relative;
  overflow: hidden;
  background: transparent;
  cursor: pointer; }

.edd-head,
.edd-body {
  border-radius: 4px; }

.edd-root-focused .edd-head {
  box-shadow: 0 0 5px rgba(105, 215, 255, 0.4); }

.edd-root-invalid .edd-head {
  box-shadow: 0 0 5px rgba(255, 105, 105, 0.671); }

.edd-root:not(.edd-root-disabled):not(.edd-root-open) .edd-head:hover {
  border-color: #ccc; }

.edd-value {
  width: calc(100% - 50px);
  display: inline-block;
  vertical-align: middle;
  margin: 6px 0 6px 8px;
  color: white;
  font-family: "lato";
  font-size: 15px;
  font-weight: 600; }

.edd-arrow {
  position: absolute;
  width: 6px;
  height: 3px;
  top: calc(50% - 5px);
  right: 3px;
  transition: transform 150ms;
  color: white; }

.edd-arrow::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  top: 0;
  right: 2px;
  transform: rotate(45deg);
  transform-origin: 50% 25%; }

.edd-root-open .edd-arrow {
  transform: rotate(180deg); }

.edd-value,
.edd-option,
.edd-group-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.edd-root:not(.edd-root-disabled) .edd-value,
.edd-option {
  cursor: pointer; }

.edd-select {
  position: absolute;
  opacity: 0;
  width: 100%;
  left: -100%;
  top: 0; }

.edd-root-native .edd-select {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.edd-body {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  border: 1px solid #eee;
  pointer-events: none;
  overflow: hidden;
  margin: 8px 0;
  z-index: 999;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  transform: scale(0.95);
  background: white; }

.edd-root-open .edd-body {
  opacity: 1;
  pointer-events: all;
  transform: scale(1);
  transition: opacity 200ms, transform 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.edd-root-open-above .edd-body {
  bottom: 100%; }

.edd-root-open-below .edd-body {
  top: 100%; }

.edd-root-open {
  border: 1px solid rgba(250, 250, 250, 0.2);
  border-radius: 5px; }

.edd-items-list {
  overflow: auto;
  max-height: 0;
  transition: max-height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-overflow-scrolling: touch; }

.edd-group-label {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 12px 8px 4px;
  color: #999; }

.edd-group-has-label {
  border-bottom: 1px solid #eee; }

.edd-option {
  padding: 4px 8px;
  font-family: "lato";
  font-size: 14px;
  color: black;
  border-bottom: 1px solid rgba(150, 150, 150, 0.25); }

.edd-option:last-child {
  border-bottom-style: none; }

.edd-group-has-label .edd-option {
  padding-left: 20px; }


.edd-option-selected {
  font-weight: bold;
  background-color: #8fd9ff; }

.edd-option-focused:not(.edd-option-disabled) {
  color: black; }

.edd-option-focused:not(.edd-option-disabled):not(
.edd-option-selected):hover {
  color: #0079ba;
  font-weight: 600; }

.edd-option-disabled,
.edd-group-disabled .edd-option {
  cursor: default;
  color: #ccc; }

.edd-gradient-top,
.edd-gradient-bottom {
  content: '';
  position: absolute;
  left: 2px;
  right: 2px;
  height: 32px;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 40%, white 60%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  background-size: 100% 200%;
  pointer-events: none;
  transition: opacity 100ms;
  opacity: 0; }

.edd-gradient-top {
  background-position: bottom;
  top: 0; }

.edd-gradient-bottom {
  background-position: top;
  bottom: 0; }

.edd-body-scrollable .edd-gradient-top,
.edd-body-scrollable .edd-gradient-bottom {
  opacity: 1; }

.edd-body-scrollable.edd-body-at-top .edd-gradient-top,
.edd-body-scrollable.edd-body-at-bottom .edd-gradient-bottom {
  opacity: 0; }