/* page breaks 1200 grid +10 */
/* breakpoints 1200 grid +15 for scrollbar */
/* MOBILE ------------------------- */
/* M1 / 360px */
/* M2 / 480px */
/* M3 / 600px */
/* M4 / 720px / largest single column */
/* M5 / 840px */
/* DESKTOP ------------------------ */
/* D1 / 960px / small */
/* D2 / 1080px */
/* D3 / 1200px / desktop */
/* D4 / 1320px */
/* D5 / 1440 / desktop plus */
body._has-modal {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.modals-overlay {
  z-index: 899;
}
.modal-slide,
.modal-popup {
  bottom: 0;
  left: 0;
  min-width: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s .3s, opacity .3s ease;
  transition: visibility 0s .3s, opacity .3s ease;
}
.modal-slide._show,
.modal-popup._show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.modal-slide._show .modal-inner-wrap,
.modal-popup._show .modal-inner-wrap {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-slide .modal-inner-wrap,
.modal-popup .modal-inner-wrap {
  background-color: #ffffff;
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
  opacity: 1;
  pointer-events: auto;
}
.modal-slide {
  left: 44px;
  z-index: 900;
}
.modal-slide._show .modal-inner-wrap {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.modal-slide .modal-inner-wrap {
  height: 100%;
  overflow-y: auto;
  position: static;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  width: auto;
}
.modal-slide._inner-scroll .modal-inner-wrap {
  overflow-y: visible;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal-slide._inner-scroll .modal-header,
.modal-slide._inner-scroll .modal-footer {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.modal-slide._inner-scroll .modal-content {
  overflow-y: auto;
}
.modal-slide._inner-scroll .modal-footer {
  margin-top: auto;
}
.modal-slide .modal-header,
.modal-slide .modal-content,
.modal-slide .modal-footer {
  padding: 0 2.6rem 2.6rem;
}
.modal-slide .modal-header {
  padding-bottom: 2.1rem;
  padding-top: 2.1rem;
}
.modal-popup {
  z-index: 900;
  left: 0;
  overflow-y: auto;
}
.modal-popup.confirm .modal-inner-wrap {
  max-width: 50rem;
}
.modal-popup._show .modal-inner-wrap {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.modal-popup .modal-inner-wrap {
  margin: 5rem auto;
  width: 75%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: transform .2s ease;
}
.modal-popup._inner-scroll {
  overflow-y: visible;
}
.ie11 .modal-popup._inner-scroll {
  overflow-y: auto;
}
.modal-popup._inner-scroll .modal-inner-wrap {
  max-height: 90%;
}
.ie11 .modal-popup._inner-scroll .modal-inner-wrap {
  max-height: none;
}
.modal-popup._inner-scroll .modal-content {
  overflow-y: auto;
}
.modal-popup .modal-header,
.modal-popup .modal-content,
.modal-popup .modal-footer {
  padding-left: 3rem;
  padding-right: 3rem;
}
.modal-popup .modal-header,
.modal-popup .modal-footer {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.modal-popup .modal-header {
  padding-bottom: 1.2rem;
  padding-top: 3rem;
}
.modal-popup .modal-footer {
  margin-top: auto;
  padding-bottom: 3rem;
  padding-top: 3rem;
}
.modal-popup .modal-footer-actions {
  text-align: right;
}
.modal-custom .action-close,
.modal-popup .action-close,
.modal-slide .action-close {
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-shadow: none;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0;
}
.modal-custom .action-close:focus,
.modal-popup .action-close:focus,
.modal-slide .action-close:focus,
.modal-custom .action-close:active,
.modal-popup .action-close:active,
.modal-slide .action-close:active {
  background: none;
  border: none;
}
.modal-custom .action-close:hover,
.modal-popup .action-close:hover,
.modal-slide .action-close:hover {
  background: none;
  border: none;
}
.modal-custom .action-close.disabled,
.modal-popup .action-close.disabled,
.modal-slide .action-close.disabled,
.modal-custom .action-close[disabled],
.modal-popup .action-close[disabled],
.modal-slide .action-close[disabled],
fieldset[disabled] .modal-custom .action-close,
fieldset[disabled] .modal-popup .action-close,
fieldset[disabled] .modal-slide .action-close {
  pointer-events: none;
  opacity: 0.5;
}
.modal-custom .action-close > span,
.modal-popup .action-close > span,
.modal-slide .action-close > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.modal-custom .action-close:before,
.modal-popup .action-close:before,
.modal-slide .action-close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 32px;
  line-height: 32px;
  color: #8f8f8f;
  content: '\e616';
  font-family: 'icons-blank-theme';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.modal-custom .action-close:hover:before,
.modal-popup .action-close:hover:before,
.modal-slide .action-close:hover:before {
  color: inherit;
}
.modal-custom .action-close:active:before,
.modal-popup .action-close:active:before,
.modal-slide .action-close:active:before {
  color: inherit;
}
.modal-custom .action-close:hover:before,
.modal-popup .action-close:hover:before,
.modal-slide .action-close:hover:before {
  color: #1a1a1a;
}
.modal-custom .action-close {
  margin: 25px;
}
.modal-popup {
  pointer-events: none;
}
.modal-popup .modal-title {
  border-bottom: 1px solid #c1c1c1;
  font-weight: 300;
  padding-bottom: 10px;
  font-size: 26px;
  margin-bottom: 0;
  min-height: 1em;
  word-wrap: break-word;
}
.modal-popup .action-close {
  padding: 10px;
}
.modal-slide .action-close {
  padding: 1.1rem 2rem;
}
.modal-slide .page-main-actions {
  margin-bottom: -12.9rem;
  margin-top: 2.1rem;
}
.modals-overlay {
  background-color: rgba(51, 51, 51, 0.55);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
body._has-modal-custom .modal-custom-overlay {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 899;
}
.tile.hero.tile-hero-signature {
  background-image: url('../image-samples/hero/hero-signature.jpg');
  background-position: 70% -65px;
}
@media (min-width: 735px) {
  .tile.hero.tile-hero-signature {
    background-position: 70% -124px;
  }
}
@media (min-width: 975px) {
  .tile.hero.tile-hero-signature {
    background-position: 50% -200px;
  }
}
.tile.tile-gold-bars {
  background-image: url('../image-samples/tile/gold-bar-quote.png');
}
.tile.tile-award {
  background-image: url('../image-samples/tile/gold-bars-full.jpg');
}
.tile.tile-business {
  background-image: url('../image-samples/tile/signature-collection.png');
}
.tile.tile-sauce {
  background-image: url('../image-samples/tile/sauces.png');
}
.tile.tile-where-to-buy {
  background-image: url('../image-samples/tile/where-to-buy-full.png');
}
.tile.tile-wedding {
  background-image: url('../image-samples/tile/favors.jpg');
}
.tile.tile-seasonal {
  background-image: url('../image-samples/tile/spring-collection.png');
}
.tile.tile-specialty {
  background-image: url('../image-samples/tile/specialty-collection.png');
}
.tile.tile-notes {
  background-image: none;
}
.tile.tile-talk-and-taste {
  background-image: url('../image-samples/tile/talk-and-taste-full.png');
}
.tile.tile-shipping {
  background-image: url('../image-samples/tile/caramels.png');
}
.tile.tile-customer-care {
  background-image: url('../image-samples/tile/customer-care.png');
}
.notes-post .image {
  background-image: url('../image-samples/notes/notes-sample.jpg');
}
.notes-post.post1 .image {
  background-image: url('../image-samples/notes/notes-sample1.jpg');
}
.notes-post.post2 .image {
  background-image: url('../image-samples/notes/notes-sample2.jpg');
}
.notes-post.post3 .image {
  background-image: url('../image-samples/notes/notes-sample3.jpg');
}
.notes-post.post4 .image {
  background-image: url('../image-samples/notes/notes-sample4.jpg');
}
body.contact-index-index .page-main {
  /*
            background-image: url('../image-samples/banner/frans-header-contact.jpg');
        */
}
body.cms-page-view {
  /*
    &.cms-news .page-main,
    &.cms-privacy .page-main,
    &.cms-charitable-giving .page-main,
    &.cms-event-favors .page-main{
        background-image: url('../image-samples/banner/frans-header-news.jpg');
        background-image: none;
    }

    &.cms-business-accounts .page-main{
        background-image: url('../image-samples/banner/frans-header-business-accounts.jpg');
    }
    &.cms-custom-orders .page-main{
        background-image: url('../image-samples/banner/frans-header-custom-orders.jpg');
    }
    &.cms-website .page-main{
        background-image: url('../image-samples/banner/frans-header-favors.jpg');
    }

    &.cms-frans-story .page-main{
        background-image: url('../image-samples/banner/frans-header-story.jpg');
        background-position: 0 0;
    }

    &.cms-terms .page-main{
        background-image: url('../image-samples/banner/frans-header-terms.jpg');
    }
    &.cms-confection-care .page-main{
        background-image: url('../image-samples/banner/frans-header-confection-care.jpg');
    }
    &.cms-ingredient-information .page-main{
        background-image: url('../image-samples/banner/frans-header-ingredients.jpg');
    }
    &.cms-shipping .page-main{
        background-image: url('../image-samples/banner/frans-header-shipping.jpg');
    }
    &.cms-guarantee .page-main{
        background-image: url('../image-samples/banner/frans-header-contact.jpg');
    }
    */
}
body.cms-event-favors .tile.tile-events {
  background-image: url('../image-samples/tile/event-favors-events.png');
}
body.cms-event-favors .tile.tile-weddings {
  background-image: url('../image-samples/tile/event-favors-weddings.png');
}
body.cms-event-favors .tile.tile-contact {
  background-image: url('../image-samples/tile/event-favors-contact.png');
}
body.page-layout-frans_store .page-main {
  background-image: none;
  padding: 30px;
}
body.page-layout-frans_stores .page-main .tile.tile-downtown-seattle {
  background-image: url('../image-samples/stores/store-downtown.jpg');
}
body.page-layout-frans_stores .page-main .tile.tile-bellevue {
  background-image: url('../image-samples/stores/store-bellevue.jpg');
}
body.page-layout-frans_stores .page-main .tile.tile-georgetown {
  background-image: url('../image-samples/stores/store-georgetown.jpg');
}
body.page-layout-frans_stores .page-main .tile.tile-university-village {
  background-image: url('../image-samples/stores/store-university.jpg');
}
body.page-layout-frans_stores .page-main .tile.tile-kobe {
  background-image: url('../image-samples/stores/store-kobe.png');
}
body.page-layout-frans_stores .page-main .tile.tile-kyoto {
  background-image: url('../image-samples/stores/store-kyoto.png');
}
body.page-layout-frans_store .img-box.box1 {
  background-image: url('../image-samples/stores/dt-one.jpg');
}
body.page-layout-frans_store .img-box.box2 {
  background-image: url('../image-samples/stores/dt-two.jpg');
}
body.page-layout-frans_store.cms-stores-university-village .img-box.box1 {
  background-image: url('../image-samples/stores/uv-one.jpg');
}
body.page-layout-frans_store.cms-stores-university-village .img-box.box2 {
  background-image: url('../image-samples/stores/uv-two.jpg');
}
body.page-layout-frans_store.cms-stores-bellevue .img-box.box1 {
  background-image: url('../image-samples/stores/bell-one.png');
}
body.page-layout-frans_store.cms-stores-bellevue .img-box.box2 {
  background-image: url('../image-samples/stores/bell-two.jpg');
}
body.page-layout-frans_store.cms-stores-georgetown .img-box.box1 {
  background-image: url('../image-samples/stores/gt-one.png');
}
body.page-layout-frans_store.cms-stores-georgetown .img-box.box2 {
  background-image: url('../image-samples/stores/gt-two.jpg');
}
body.page-layout-frans_store.cms-stores-kobe .img-box.box1 {
  background-image: url('../image-samples/stores/kobe-one.png');
}
body.page-layout-frans_store.cms-stores-kobe .img-box.box2 {
  background-image: url('../image-samples/stores/kobe-two.png');
}
body.page-layout-frans_store.cms-stores-kyoto .img-box.box1 {
  background-image: url('../image-samples/stores/kyoto-one.png');
}
body.page-layout-frans_store.cms-stores-kyoto .img-box.box2 {
  background-image: url('../image-samples/stores/kyoto-two.png');
}
body.contact-index-index .page-main .frans-store-list .tile.store.tile-downtown-seattle .store-thumbnail {
  background-image: url('../image-samples/stores/store-downtown-thumb.png');
}
body.contact-index-index .page-main .frans-store-list .tile.store.tile-bellevue .store-thumbnail {
  background-image: url('../image-samples/stores/store-bellevue-thumb.png');
}
body.contact-index-index .page-main .frans-store-list .tile.store.tile-georgetown .store-thumbnail {
  background-image: url('../image-samples/stores/store-georgetown-thumb.png');
}
body.contact-index-index .page-main .frans-store-list .tile.store.tile-university-village .store-thumbnail {
  background-image: url('../image-samples/stores/store-university-thumb.png');
}
body.contact-index-index .page-main .frans-store-list .tile.store.tile-kobe .store-thumbnail {
  background-image: url('../image-samples/stores/store-kobe-thumb.png');
}
body.contact-index-index .page-main .frans-store-list .tile.store.tile-kyoto .store-thumbnail {
  background-image: url('../image-samples/stores/store-kyoto-thumb.png');
}
.hdmx__contact-button {
  text-align: center;
  display: block;
  padding: 4px;
  background: #fff !important;
  border: 1px solid #d9d9d9;
  margin: 0 auto;
  max-width: 100px;
  cursor: pointer;
}
.hdmx__contact-popup {
  position: absolute;
  background: #fff;
  box-sizing: border-box;
  width: 80%;
  height: auto;
  margin: 0 10%;
  border: 1px solid #d9d9d9;
  z-index: 300;
}
.hdmx__contact-popup .hdmx__wrapper {
  position: relative;
  box-sizing: border-box;
  padding: 40px;
}
.hdmx__contact-popup legend {
  display: block;
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
  font: 'HCo Gotham', helvetica, arial;
  text-align: center;
}
.hdmx__contact-popup .field {
  margin: 0 0 8px 0;
}
.hdmx__contact-popup button.action.primary {
  width: 100%;
  display: block;
  margin: 8px 0 0;
}
.hdmx__contact-popup button.action.close {
  border: 1px solid #d9d9d9;
  position: absolute;
  top: 4px;
  right: 4px;
}
.hdmx__contact-overlay {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 200;
}
/**
     * @codingStandardsIgnoreStart
     */
#store-pickup.selected-shipping ~ #store-selector {
  display: none;
}
#store-pickup.selected-store-pickup ~ #shipping,
#store-pickup.selected-store-pickup ~ #opc-shipping_method {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
#delivery-method-selector {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#delivery-method-selector .action {
  line-height: 2.2rem;
  padding: 14px 17px;
  font-size: 1.8rem;
}
#delivery-method-selector .action.selected {
  background: #ffffff;
}
#delivery-method-selector .action-select-shipping {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
#delivery-method-selector .action-select-store-pickup {
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0;
}
/**
      * @codingStandardsIgnoreStart
      */
#store-selector .form-login {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#store-selector .form-continue {
  margin: 20px 0 0;
}
.location-details .location-name {
  font-size: 18px;
  font-weight: 700;
}
.store-selector-popup .modal-title {
  border-bottom: 0;
}
.store-selector-popup .modal-header {
  padding-bottom: 0;
}
/**
      * @codingStandardsIgnoreStart
      */
#opc-store-selector-popup {
  display: none;
}
#opc-store-selector-popup .block-search {
  float: none;
  width: 100%;
  margin: 0 0 20px;
  padding: 0 0 10px;
  border-bottom: 1px solid #c1c1c1;
}
.modal-content #opc-store-selector-popup {
  display: block;
}
.store-selector-popup-table thead th {
  display: none;
}
.store-selector-popup-table tbody .location .location-name {
  font-size: 18px;
}
.store-selector-popup-table tbody .location + .location {
  border-top: 1px solid #cccccc;
}
.store-selector-popup-table tbody .col-location-details {
  padding-left: 0;
}
.store-selector-popup-table tbody .col-location-details p:last-child {
  margin-bottom: 0;
}
.store-selector-popup-table tbody .col-location-actions {
  padding-right: 0;
  vertical-align: middle;
}
.store-selector-popup-table tbody .col-location-actions .action {
  float: right;
}
.store-selector-popup-empty-query,
.store-selector-popup-no-locations {
  margin: 0 0 20px;
}
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
.lac-notification-sticky {
  position: relative;
  z-index: 999;
}
.lac-notification-sticky .lac-notification {
  background-color: #373330;
  color: #ffffff;
  font-size: 16px;
}
.lac-notification-sticky .lac-notification .lac-notification-icon {
  float: left;
  margin: 10px 25px 10px 10px;
}
.lac-notification-sticky .lac-notification .lac-notification-icon .logo-img {
  display: block;
}
.lac-notification-sticky .lac-notification .lac-notification-text {
  float: left;
  padding: 15px 0;
}
.lac-notification-sticky .lac-notification .lac-notification-links {
  float: right;
  padding: 15px 0;
}
.lac-notification-sticky .lac-notification .lac-notification-links a {
  color: #ffffff;
  font-size: 14px;
}
.lac-notification-sticky .lac-notification .lac-notification-links .lac-notification-close-link:after {
  background: url('../Magento_LoginAsCustomerFrontendUi/images/close.svg');
  content: ' ';
  display: inline-block;
  height: 12px;
  margin-left: 5px;
  vertical-align: middle;
  width: 12px;
}
@font-face {
  font-family: 'pagebuilder-font';
  font-style: normal;
  font-weight: normal;
  src: url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot');
  src: url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot?#iefix') format('embedded-opentype'), url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.woff') format('woff'), url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.ttf') format('truetype');
}
.pagebuilder-icon,
.slick-prev:before,
.slick-next:before,
.slick-prev:after,
.slick-next:after {
  -webkit-font-smoothing: antialiased;
  font-family: 'pagebuilder-font';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
}
[class^='pagebuilder-icon-']:before,
[class*=' pagebuilder-icon-']:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: 'pagebuilder-font';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: inherit;
  text-rendering: auto;
  text-transform: none;
  vertical-align: middle;
}
.pagebuilder-icon-down:before {
  content: '\f101';
}
.pagebuilder-icon-next:before {
  content: '\f102';
}
.pagebuilder-icon-prev:before {
  content: '\f103';
}
.pagebuilder-icon-up:before {
  content: '\f104';
}
.product-full-width-section {
  padding: .5em 0;
}
.product-full-width-section .block.review-add {
  margin-top: 2.7rem;
}
.page-layout-product-full-width .block.related {
  margin-top: 2.7rem;
}
.page-main-details .product-section-title {
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 15px;
  padding-bottom: 12px;
}
.additional-attributes-wrapper .additional-attributes {
  border: none;
  width: auto;
}
.additional-attributes-wrapper .additional-attributes > tbody > tr > th {
  border: none;
  padding: 5.5px 30px 10px 0;
}
.additional-attributes-wrapper .additional-attributes > tbody > tr > td {
  border: none;
  padding: 5.5px 5px 10px;
}
.cms-index-index.page-layout-cms-full-width .nav-sections {
  margin-bottom: 0;
}
.slick-slider {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-touch-action: pan-y;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  user-select: none;
}
.slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}
.slick-track:before,
.slick-track:after {
  content: '';
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-prev {
  left: 2rem;
}
.slick-prev:before {
  content: '\f103';
  padding-right: 5px;
}
.slick-next {
  right: 2rem;
}
.slick-next:before {
  content: '\f102';
  padding-left: 5px;
}
.slick-prev,
.slick-next {
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  background: rgba(252, 252, 252, 0.6);
  border: none;
  border-radius: 0;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 60px;
  line-height: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 60px;
  z-index: 101;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: .2;
}
.slick-prev:hover,
.slick-next:hover {
  background: #fcfcfc;
  border: none;
}
.slick-prev:hover.slick-disabled,
.slick-next:hover.slick-disabled {
  opacity: .2;
}
.slick-prev:hover:before,
.slick-next:hover:before {
  color: #494949;
}
.slick-prev:before,
.slick-next:before,
.slick-prev:after,
.slick-next:after {
  color: #555555;
  font-size: 38px;
  opacity: 1;
}
.slick-prev:active,
.slick-next:active,
.slick-prev:focus,
.slick-next:focus,
.slick-prev:not(.primary),
.slick-next:not(.primary) {
  background: rgba(252, 252, 252, 0.7);
  border: none;
  box-shadow: none;
}
.slick-prev:active:active,
.slick-next:active:active,
.slick-prev:focus:active,
.slick-next:focus:active,
.slick-prev:not(.primary):active,
.slick-next:not(.primary):active {
  box-shadow: none;
}
.slick-dots {
  font-size: 1.4rem;
  line-height: normal;
  letter-spacing: normal;
  display: block;
  list-style: none;
  margin: 0;
  padding: 15px 0;
  text-align: center;
  width: 100%;
}
.slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 14px;
  margin: 0 5px;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 14px;
}
.slick-dots li button {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 10px;
  box-shadow: none;
  cursor: pointer;
  display: block;
  height: 14px;
  padding: 0;
  text-indent: -99999px;
  transition: .3s;
  width: 14px;
}
.slick-dots li button:hover {
  border: 1px solid #b3b3b3;
}
.slick-dots li button:active,
.slick-dots li button:focus,
.slick-dots li button:not(.primary) {
  box-shadow: none;
}
.slick-dots li.slick-active button {
  background: #1c1918;
}
[data-content-type='banner'] > [data-element='link'],
[data-content-type='banner'] > [data-element='empty_link'] {
  color: inherit;
  text-decoration: inherit;
}
[data-content-type='banner'] > [data-element='link']:hover,
[data-content-type='banner'] > [data-element='empty_link']:hover {
  color: inherit;
  text-decoration: inherit;
}
.pagebuilder-banner-wrapper {
  background-clip: padding-box;
  border-radius: inherit;
  box-sizing: border-box;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay {
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  -webkit-transition: background-color 500ms ease;
  box-sizing: border-box;
  padding: 30px;
  position: relative;
  transition: background-color 500ms ease;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
  align-items: center;
  display: flex;
  justify-content: center;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
  max-width: 540px;
}
.pagebuilder-banner-wrapper.jarallax .video-overlay {
  z-index: 0;
}
.pagebuilder-banner-wrapper [data-element='content'] {
  min-height: 50px;
  overflow: auto;
}
.pagebuilder-banner-wrapper .pagebuilder-banner-button {
  -moz-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  -webkit-transition: opacity 500ms ease;
  margin: 20px 0 0 0;
  max-width: 100%;
  text-align: inherit;
  transition: opacity 500ms ease;
  word-break: break-word;
}
.pagebuilder-banner-wrapper .pagebuilder-poster-content {
  width: 100%;
}
[data-appearance='collage-centered'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  margin-left: auto;
  margin-right: auto;
}
[data-appearance='collage-left'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  margin-right: auto;
}
[data-appearance='collage-right'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
  margin-left: auto;
}
[data-content-type$='block'] .block p:last-child {
  margin-bottom: 1rem;
  margin-top: 0;
}
[data-content-type='buttons'] {
  max-width: 100%;
}
[data-content-type='button-item'] {
  max-width: 100%;
}
[data-content-type='button-item'] [data-element='link'],
[data-content-type='button-item'] [data-element='empty_link'] {
  max-width: 100%;
  word-wrap: break-word;
}
[data-content-type='button-item'] [data-element='empty_link'] {
  cursor: default;
}
a.pagebuilder-button-link,
button.pagebuilder-button-link,
div.pagebuilder-button-link {
  line-height: 2.2rem;
  font-size: 1.8rem;
  line-height: 1.42857143;
  margin: 0 10px 10px 0;
  padding: 14px 17px;
  color: #1979c3;
  text-decoration: none;
  background: none;
  border: 0;
  display: inline;
  font-weight: 600;
  box-shadow: none;
  box-sizing: border-box;
  display: inline-block;
}
a.pagebuilder-button-link:visited,
button.pagebuilder-button-link:visited,
div.pagebuilder-button-link:visited {
  color: #1979c3;
  text-decoration: none;
}
a.pagebuilder-button-link:hover,
button.pagebuilder-button-link:hover,
div.pagebuilder-button-link:hover {
  color: #006bb4;
  text-decoration: underline;
}
a.pagebuilder-button-link:active,
button.pagebuilder-button-link:active,
div.pagebuilder-button-link:active {
  color: #ff5501;
  text-decoration: underline;
}
a.pagebuilder-button-link:hover,
button.pagebuilder-button-link:hover,
div.pagebuilder-button-link:hover,
a.pagebuilder-button-link:active,
button.pagebuilder-button-link:active,
div.pagebuilder-button-link:active,
a.pagebuilder-button-link:focus,
button.pagebuilder-button-link:focus,
div.pagebuilder-button-link:focus {
  background: none;
  border: 0;
}
a.pagebuilder-button-link.disabled,
button.pagebuilder-button-link.disabled,
div.pagebuilder-button-link.disabled,
a.pagebuilder-button-link[disabled],
button.pagebuilder-button-link[disabled],
div.pagebuilder-button-link[disabled],
fieldset[disabled] a.pagebuilder-button-link,
fieldset[disabled] button.pagebuilder-button-link,
fieldset[disabled] div.pagebuilder-button-link {
  color: #1979c3;
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
  text-decoration: underline;
}
a.pagebuilder-button-primary,
button.pagebuilder-button-primary,
div.pagebuilder-button-primary {
  text-decoration: none;
  background-image: none;
  background: #1979c3;
  border: 1px solid #1979c3;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin: 0 10px 10px 0;
  padding: 7px 15px;
  font-size: 1.4rem;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 2.2rem;
  padding: 14px 17px;
  font-size: 1.8rem;
  border-radius: 3px;
  box-shadow: none;
}
a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover,
a.pagebuilder-button-primary:active,
button.pagebuilder-button-primary:active,
div.pagebuilder-button-primary:active,
a.pagebuilder-button-primary:focus,
button.pagebuilder-button-primary:focus,
div.pagebuilder-button-primary:focus {
  text-decoration: none;
}
a.pagebuilder-button-primary:focus,
button.pagebuilder-button-primary:focus,
div.pagebuilder-button-primary:focus,
a.pagebuilder-button-primary:active,
button.pagebuilder-button-primary:active,
div.pagebuilder-button-primary:active {
  background: #006bb4;
  border: 1px solid #006bb4;
  color: #ffffff;
}
a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover {
  background: #006bb4;
  border: 1px solid #006bb4;
  color: #ffffff;
}
a.pagebuilder-button-primary.disabled,
button.pagebuilder-button-primary.disabled,
div.pagebuilder-button-primary.disabled,
a.pagebuilder-button-primary[disabled],
button.pagebuilder-button-primary[disabled],
div.pagebuilder-button-primary[disabled],
fieldset[disabled] a.pagebuilder-button-primary,
fieldset[disabled] button.pagebuilder-button-primary,
fieldset[disabled] div.pagebuilder-button-primary {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
a.pagebuilder-button-secondary,
button.pagebuilder-button-secondary,
div.pagebuilder-button-secondary {
  text-decoration: none;
  background-image: none;
  background: #f2f2f2;
  border: 1px solid #cdcdcd;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin: 0 10px 10px 0;
  padding: 7px 15px;
  font-size: 1.4rem;
  line-height: 1.6rem;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 2.2rem;
  padding: 14px 17px;
  font-size: 1.8rem;
  border-radius: 3px;
  box-shadow: none;
}
a.pagebuilder-button-secondary:hover,
button.pagebuilder-button-secondary:hover,
div.pagebuilder-button-secondary:hover,
a.pagebuilder-button-secondary:active,
button.pagebuilder-button-secondary:active,
div.pagebuilder-button-secondary:active,
a.pagebuilder-button-secondary:focus,
button.pagebuilder-button-secondary:focus,
div.pagebuilder-button-secondary:focus {
  text-decoration: none;
}
a.pagebuilder-button-secondary:focus,
button.pagebuilder-button-secondary:focus,
div.pagebuilder-button-secondary:focus,
a.pagebuilder-button-secondary:active,
button.pagebuilder-button-secondary:active,
div.pagebuilder-button-secondary:active {
  background: #e2e2e2;
  border: 1px solid #cdcdcd;
  color: #333333;
}
a.pagebuilder-button-secondary:hover,
button.pagebuilder-button-secondary:hover,
div.pagebuilder-button-secondary:hover {
  background: #e2e2e2;
  border: 1px solid #cdcdcd;
  color: #555555;
}
a.pagebuilder-button-secondary.disabled,
button.pagebuilder-button-secondary.disabled,
div.pagebuilder-button-secondary.disabled,
a.pagebuilder-button-secondary[disabled],
button.pagebuilder-button-secondary[disabled],
div.pagebuilder-button-secondary[disabled],
fieldset[disabled] a.pagebuilder-button-secondary,
fieldset[disabled] button.pagebuilder-button-secondary,
fieldset[disabled] div.pagebuilder-button-secondary {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.pagebuilder-column {
  box-sizing: border-box;
}
[data-content-type='heading'] {
  word-wrap: break-word;
}
[data-content-type='html'] {
  word-wrap: break-word;
}
figure[data-content-type='image'] {
  box-sizing: border-box;
}
figure[data-content-type='image'] > [data-element='link'],
figure[data-content-type='image'] > [data-element='link'] img {
  border-radius: inherit;
}
figure[data-content-type='image'] figcaption {
  word-wrap: break-word;
}
[data-content-type='map'] {
  box-sizing: border-box;
  height: 300px;
}
[data-content-type='row'] li.product-item {
  text-align: left;
}
.pagebuilder-column .widget-product-grid .product-item {
  max-width: 100%;
  min-width: 50px;
}
.pagebuilder-column .widget-product-grid .product-item .price-box {
  word-wrap: break-word;
}
.pagebuilder-column .widget-product-grid .product-item .price-box .price {
  white-space: normal;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-primary {
  display: inline-block;
  max-width: 100%;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-secondary {
  display: inline-block;
  width: auto;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .tocart {
  max-width: 100%;
  white-space: normal;
}
.pagebuilder-column [data-content-type='products'] .block.widget .products-grid .widget-product-grid.product-items .product-item {
  width: 200px;
}
[data-content-type='products'][data-appearance='carousel'] .slick-initialized li.product-item {
  display: block;
}
[data-content-type='products'][data-appearance='carousel'] .slick-initialized li.product-item:first-child {
  visibility: visible;
}
[data-content-type='products'][data-appearance='carousel'] .product-item-info {
  width: auto;
}
[data-content-type='products'][data-appearance='carousel'] li.product-item {
  display: none;
}
[data-content-type='products'][data-appearance='carousel'] li.product-item:first-child {
  display: block;
  visibility: hidden;
}
[data-content-type='products'][data-appearance='carousel'].center-mode .product-item {
  opacity: .5;
  transition: all 300ms ease;
}
[data-content-type='products'][data-appearance='carousel'].center-mode .product-item:hover {
  opacity: 1;
}
[data-content-type='products'][data-appearance='carousel'].center-mode .slick-current .product-item {
  opacity: 1;
}
[data-content-type='row'][data-appearance='contained'] {
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px;
}
[data-content-type='row'][data-appearance='contained'] [data-element='inner'] {
  box-sizing: border-box;
}
[data-content-type='row'][data-appearance='full-bleed'] {
  box-sizing: border-box;
}
[data-content-type='row'][data-appearance='full-width'] {
  box-sizing: border-box;
}
[data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  width: 100%;
}
[data-content-type='slide'] {
  box-sizing: border-box;
  line-height: 20px;
  min-height: inherit;
  overflow: hidden;
}
[data-content-type='slide'] > [data-element='link'],
[data-content-type='slide'] > [data-element='empty_link'] {
  color: inherit;
  min-height: inherit;
  text-decoration: inherit;
}
[data-content-type='slide'] > [data-element='link']:hover,
[data-content-type='slide'] > [data-element='empty_link']:hover {
  color: inherit;
  text-decoration: inherit;
}
[data-content-type='slide'] + [data-content-type='slide'] {
  height: 0;
  min-height: 0;
}
.slick-slider [data-content-type='slide'] + [data-content-type='slide'] {
  height: initial;
  min-height: inherit;
}
.pagebuilder-slide-wrapper {
  border-radius: inherit;
  box-sizing: border-box;
  min-height: inherit;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.pagebuilder-slide-wrapper .jarallax-viewport-element {
  height: 100%;
  left: -15000vw;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 100;
}
.slick-current .pagebuilder-slide-wrapper .jarallax-viewport-element {
  left: 0;
}
.pagebuilder-slide-wrapper.jarallax .video-overlay {
  -webkit-transform: unset;
  z-index: 1;
}
.pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay {
  position: relative;
  z-index: 2;
}
.pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > div,
.pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > img,
.pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > video,
.pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > iframe {
  margin: auto !important;
  transform: none !important;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay {
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  -webkit-transition: background-color 500ms ease;
  border-radius: inherit;
  box-sizing: border-box;
  padding: 30px;
  transition: background-color 500ms ease;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: inherit;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
  max-width: 540px;
}
.pagebuilder-slide-wrapper [data-element='content'] {
  min-height: 50px;
  overflow: auto;
}
.pagebuilder-slide-wrapper .pagebuilder-slide-button {
  -moz-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  -webkit-transition: opacity 500ms ease;
  margin: 20px 0 0 0;
  max-width: 100%;
  text-align: inherit;
  transition: opacity 500ms ease;
  word-break: break-word;
}
.pagebuilder-slide-wrapper .pagebuilder-poster-content {
  width: 100%;
}
[data-appearance='collage-centered'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  margin-left: auto;
  margin-right: auto;
}
[data-appearance='collage-left'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  margin-right: auto;
}
[data-appearance='collage-right'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
  margin-left: auto;
}
div[data-content-type='slider'] {
  visibility: hidden;
}
div[data-content-type='slider'].slick-initialized {
  visibility: visible;
}
div[data-content-type='slider'] .slick-list,
div[data-content-type='slider'] .slick-track,
div[data-content-type='slider'] .slick-slide {
  min-height: inherit;
}
div[data-content-type='slider'] .slick-list > div,
div[data-content-type='slider'] .slick-track > div,
div[data-content-type='slider'] .slick-slide > div {
  line-height: 0;
  min-height: inherit;
  overflow: hidden;
  width: 100%;
}
div[data-content-type='slider'] a.button {
  -moz-appearance: button;
  -webkit-appearance: button;
  appearance: button;
  color: initial;
  padding: 10px;
  text-decoration: none;
}
div[data-content-type='tabs'] .tabs-navigation {
  display: block;
  font-size: 0;
  margin: 0 0 -1px;
  padding: 0;
}
div[data-content-type='tabs'] .tabs-navigation li:first-child {
  margin-left: 0 !important;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header {
  background: #f6f6f6;
  border: 1px solid #cccccc;
  border-bottom: 0;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow-wrap: break-word;
  position: relative;
  word-wrap: break-word;
  z-index: 1;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header:not(:first-child) {
  margin-left: -1px;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title {
  border-right: 0;
  color: #000000;
  cursor: pointer !important;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 1.4rem 2rem;
  position: relative;
  transition: all .3s;
  vertical-align: middle;
  white-space: normal;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title span.tab-title {
  display: block;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title:hover {
  text-decoration: none;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header:last-child {
  border-right: 1px solid #cccccc;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active {
  background: #ffffff;
  z-index: 19;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active a.tab-title {
  position: relative;
  transition: all .3s;
}
div[data-content-type='tabs'] .tabs-content {
  border: 1px solid #cccccc;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 9;
}
div[data-content-type='tabs'] .tabs-content [data-content-type='tab-item'] {
  box-sizing: border-box;
  min-height: inherit;
}
div[data-content-type='tabs'] .tabs-content [data-content-type='tab-item']:not(:first-child) {
  display: none;
}
div[data-content-type='tabs'].tab-align-left .tabs-content {
  border-top-left-radius: 0 !important;
}
div[data-content-type='tabs'].tab-align-right .tabs-content {
  border-top-right-radius: 0 !important;
}
div[data-content-type='text'] {
  word-wrap: break-word;
}
div[data-content-type='video'] {
  font-size: 0;
}
div[data-content-type='video'] .pagebuilder-video-inner {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}
div[data-content-type='video'] .pagebuilder-video-container {
  border-radius: inherit;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
div[data-content-type='video'] iframe,
div[data-content-type='video'] video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.jarallax {
  position: relative;
  z-index: 0;
}
.jarallax > .jarallax-img {
  font-family: 'object-fit: cover;', sans-serif;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.jarallax-video-fallback {
  transform: scale3d(0, 0, 0);
}
.jarallax .video-overlay {
  -webkit-transform: translate3d(0, 0, 0);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -99;
}
.jarallax [id*='jarallax-container'] video,
.jarallax [id*='jarallax-container'] iframe {
  visibility: hidden;
}
.cms-content-important {
  background-color: #f5f5f5;
  color: #333333;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.1;
  margin: 0 0 35px -20px;
  padding: 20px;
}
.pagebuilder-full-width {
  float: left;
  width: 100%;
}
.pagebuilder-content-type {
  box-sizing: border-box;
  margin-bottom: 20px;
}
.pagebuilder-accordion {
  margin: 0;
  padding: 0;
}
.pagebuilder-accordion > .item.title {
  box-sizing: border-box;
  float: none;
  width: 100%;
}
.pagebuilder-accordion > .item.title > .switch {
  display: block;
}
.pagebuilder-accordion > .item.content {
  box-sizing: border-box;
  display: block;
  float: none;
  margin: 0;
}
.pagebuilder-accordion > .item.content:before,
.pagebuilder-accordion > .item.content:after {
  content: '';
  display: table;
}
.pagebuilder-accordion > .item.content:after {
  clear: both;
}
.pagebuilder-accordion > .item.content.active {
  display: block;
}
.pagebuilder-accordion > .item.title {
  margin: 0 0 5px;
}
.pagebuilder-accordion > .item.title > .switch {
  background: #f0f0f0;
  border-bottom: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  border-top: 1px solid #d1d1d1;
  height: 40px;
  padding: 5px 20px 5px 20px;
  font-weight: 600;
  line-height: 40px;
  font-size: 1.8rem;
  color: #7d7d7d;
  text-decoration: none;
}
.pagebuilder-accordion > .item.title > .switch:visited {
  color: #7d7d7d;
  text-decoration: none;
}
.pagebuilder-accordion > .item.title > .switch:hover {
  color: #7d7d7d;
  text-decoration: none;
}
.pagebuilder-accordion > .item.title > .switch:active {
  color: #333333;
  text-decoration: none;
}
.pagebuilder-accordion > .item.title:not(.disabled) > .switch:focus,
.pagebuilder-accordion > .item.title:not(.disabled) > .switch:hover {
  background: #fcfcfc;
}
.pagebuilder-accordion > .item.title:not(.disabled) > .switch:active,
.pagebuilder-accordion > .item.title.active > .switch,
.pagebuilder-accordion > .item.title.active > .switch:focus,
.pagebuilder-accordion > .item.title.active > .switch:hover {
  background: #ffffff;
  color: #333333;
  text-decoration: none;
  padding-bottom: 5px;
}
.pagebuilder-accordion > .item.content {
  background: #ffffff;
  border: 1px solid #d1d1d1;
  margin: 0 0 5px;
  padding: 20px 20px 20px 20px;
}
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
.form-discount .g-recaptcha {
  margin-top: 50px !important;
}
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
.login-container .g-recaptcha,
.form-login .g-recaptcha,
.form-edit-account .g-recaptcha {
  margin-bottom: 10px !important;
}
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
.required-captcha.checkbox {
  position: absolute;
  display: block;
  visibility: visible;
  overflow: hidden;
  opacity: 0;
  width: 1px;
  height: 1px;
}
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
.block.newsletter .field-recaptcha .field .control:before {
  content: none;
}
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
.review-form .field-recaptcha {
  margin-bottom: 10px;
}
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
.form.send.friend .g-recaptcha {
  margin-top: 40px;
}
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
.form.wishlist.share .g-recaptcha {
  margin-bottom: 40px;
}
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
.product-info-stock-sku .configurable-variation-qty {
  display: none;
}
.amslick-slider-container {
  /* phpcs:ignore Magento2.Less.SemicolonSpacing.NotAtEnd */
}
.amslick-slider-container .slick-dots li button:focus,
.amslick-slider-container .slick-dots li button:hover,
.amslick-slider-container .slick-list:focus {
  outline: 0;
}
.amslick-slider-container .slick-list,
.amslick-slider-container .slick-slider,
.amslick-slider-container .slick-track {
  display: block;
  position: relative;
}
.amslick-slider-container .slick-loading .slick-slide,
.amslick-slider-container .slick-loading .slick-track {
  visibility: hidden;
}
.amslick-slider-container .slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.amslick-slider-container .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.amslick-slider-container .slick-slider .slick-list,
.amslick-slider-container .slick-slider .slick-track {
  transform: translate3d(0, 0, 0);
}
.amslick-slider-container .slick-track {
  left: 0;
  margin: 0 auto;
  top: 0;
}
.amslick-slider-container .slick-track:after,
.amslick-slider-container .slick-track:before {
  content: '';
  display: table;
}
.amslick-slider-container .slick-track:after {
  clear: both;
}
.amslick-slider-container .slick-slide,
.amslick-slider-container .slick-slide.slick-loading img {
  display: none;
}
.amslick-slider-container .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  vertical-align: middle;
}
.amslick-slider-container [dir=rtl] .slick-slide {
  float: right;
}
.amslick-slider-container .slick-slide.dragging img {
  pointer-events: none;
}
.amslick-slider-container .slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}
.amslick-slider-container .slick-arrow.slick-hidden {
  display: none;
}
.amslick-slider-container .slick-loading .slick-list {
  background: 0 0;
  position: relative;
}
.amslick-slider-container .slick-loading .slick-list:before {
  animation: loading 1s infinite linear;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  border-style: solid;
  border-top-color: #5c5c5c;
  border-width: 3px;
  content: '';
  display: block;
  height: 25px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
}
.amslick-slider-container .slick-next.slick-disabled,
.amslick-slider-container .slick-prev.slick-disabled {
  opacity: 0.25;
}
.amslick-slider-container .slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.amslick-slider-container .slick-dots {
  display: block;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.amslick-slider-container .slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  position: relative;
  width: 20px;
}
.amslick-slider-container .slick-dots li button,
.amslick-slider-container .slick-slider .slick-arrow {
  box-shadow: none;
  cursor: pointer;
  display: block;
  outline: 0;
}
.amslick-slider-container .slick-dots li button {
  background: 0 0;
  border: 0;
  color: transparent;
  font-size: 0;
  height: 20px;
  line-height: 0;
  padding: 5px;
  width: 20px;
}
.amslick-slider-container .slick-dots li button:focus:before,
.amslick-slider-container .slick-dots li button:hover:before {
  opacity: 1;
}
.amslick-slider-container .slick-dots li button:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #000000;
  content: '•';
  font-size: 16px;
  height: 20px;
  left: 0;
  line-height: 20px;
  opacity: 0.25;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}
.amslick-slider-container .slick-dots li.slick-active button:before {
  color: #000000;
  opacity: 0.75;
}
.amslick-slider-container .slick-slider {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  padding: 0 20px;
  touch-action: pan-y;
  user-select: none;
}
.amslick-slider-container .slick-slider .slick-arrow {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjQzRDNEM0Ii8+PC9zdmc+') center no-repeat !important;
  border: none;
  color: transparent;
  font-size: 0;
  height: 22px;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transition: background .3s ease;
  width: 15px;
}
.amslick-slider-container .slick-slider .slick-arrow:before,
.amslick-slider-container .slick-slider .slick-arrow:after {
  content: '';
}
.amslick-slider-container .slick-slider .slick-arrow:hover {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjMTYxNjE2Ii8+PC9zdmc+') center no-repeat;
}
.amslick-slider-container .slick-slider .slick-arrow.slick-next {
  right: 0;
}
.amslick-slider-container .slick-slider .slick-arrow.slick-prev {
  left: 0;
  transform: rotate(180deg) translate(0, 50%);
}
.amslick-slider-container .slick-initialized .slick-slide {
  display: inline-block !important;
  float: none !important;
  height: auto;
}
.amslick-slider-container .product-items.slick-slider > .slick-list {
  padding: 15px 0;
}
.amslick-slider-container .product-items.slick-slider .slick-slide .product-item {
  display: block !important;
  margin: auto !important;
  max-width: 205px;
}
.amslick-slider-container .sidebar.sidebar-additional {
  width: 100%;
}
@keyframes loading {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(359.9deg);
  }
}
/**
 * Avalara_AvaTax
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 *
 * @copyright  Copyright (c) 2016 Avalara, Inc.
 * @license    http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
 */
/**
 * Avalara_AvaTax
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 *
 * @copyright  Copyright (c) 2016 Avalara, Inc.
 * @license    http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
 */
.validateAddressForm .form.validate,
.validateBinding .form.validate,
.checkout-validate-address .form.validate {
  display: flex;
  flex-wrap: wrap;
}
.validateAddressForm .form.validate .addressOption,
.validateBinding .form.validate .addressOption,
.checkout-validate-address .form.validate .addressOption {
  display: flex;
  margin: 20px 10px 0 10px;
  flex: 1 0 auto;
}
.validateAddressForm .form.validate .addressOption .addressLabel,
.validateBinding .form.validate .addressOption .addressLabel,
.checkout-validate-address .form.validate .addressOption .addressLabel {
  flex: 1;
  cursor: pointer;
  display: block;
  padding: 10px 10px 10px 30px;
  left: -10px;
  position: relative;
}
.validateAddressForm .form.validate .addressOption .addressLabel .optionTitle,
.validateBinding .form.validate .addressOption .addressLabel .optionTitle,
.checkout-validate-address .form.validate .addressOption .addressLabel .optionTitle {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
.validateAddressForm .form.validate .addressOption .addressRadio,
.validateBinding .form.validate .addressOption .addressRadio,
.checkout-validate-address .form.validate .addressOption .addressRadio {
  flex: 0;
  right: -10px;
  top: 10px;
  display: table;
  position: relative;
}
.validateAddressForm .form.validate .addressOption.selected,
.validateBinding .form.validate .addressOption.selected,
.checkout-validate-address .form.validate .addressOption.selected {
  outline: 1px solid #cccccc;
  background: #f5f5f5;
}
.validateAddressForm .legend,
.validateBinding .legend,
.checkout-validate-address .legend {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.validateAddressForm .legend .step-title,
.validateBinding .legend .step-title,
.checkout-validate-address .legend .step-title {
  padding-bottom: 15px;
}
.validateAddressForm .validatedAddress,
.validateBinding .validatedAddress,
.checkout-validate-address .validatedAddress {
  margin-top: 10px;
  padding: 10px;
  outline: 1px solid #cccccc;
  background: #f5f5f5;
}
.validateAddressForm .address-field-changed,
.validateBinding .address-field-changed,
.checkout-validate-address .address-field-changed {
  text-decoration: none;
  background-color: #93ee9e;
}
.validateAddressForm .errorMessageContainer .instructions p,
.validateBinding .errorMessageContainer .instructions p,
.checkout-validate-address .errorMessageContainer .instructions p,
.validateAddressForm .errorMessageContainer .originalAddressText,
.validateBinding .errorMessageContainer .originalAddressText,
.checkout-validate-address .errorMessageContainer .originalAddressText {
  margin: 10px 0 ;
  padding: 10px;
  outline: 1px solid #cccccc;
  background: #f5f5f5;
}
.validateAddressForm .instructions,
.validateBinding .instructions,
.checkout-validate-address .instructions {
  margin-top: 10px;
}
.validateAddressForm .instructions a:hover,
.validateBinding .instructions a:hover,
.checkout-validate-address .instructions a:hover {
  cursor: pointer;
}
.validateAddressForm,
.validateBinding {
  display: none;
}
.multishipping-checkout .form.validate .addressOption {
  margin: 0 10px 10px 0;
}
.items.payment-methods .certificates {
  text-align: center;
  padding-bottom: 10px;
}
.totals-tax.certificate-links {
  display: flex;
  flex-direction: column;
}
.totals-tax.certificate-links a {
  display: inline-block;
}
.cart-totals tbody .totals-tax-details:not(.custom-tax) th,
.table-totals tbody .totals-tax-details:not(.custom-tax) th.mark {
  padding-left: 10px;
}
.customs-explanation {
  clear: both;
  padding-top: 20px;
}
.avatax-certificate-dialog {
  background-image: url('../Avalara_AvaTax/images/loader.gif');
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 200px;
}
.avatax-certificate-dialog #gencert_loading {
  display: none !important;
}
.account.avatax-certificates-index .page-title-wrapper {
  display: flex;
  margin-bottom: 25px;
  align-items: center;
  justify-content: space-between;
}
.account.avatax-certificates-index .page-title-wrapper:before,
.account.avatax-certificates-index .page-title-wrapper:after {
  display: none;
}
.account.avatax-certificates-index .page-title-wrapper .page-title {
  margin: 0;
}
.totals-tax-summary.totals-tax-holder {
  transform: translateY(100%);
}
.totals-tax-details.custom-tax {
  transform: translateY(-100%);
}
.hdmx__status {
  background: #BFBFBF;
  border-radius: 2px;
  padding: 0.3rem 1rem;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}
.hdmx__status.hdmx-aqua {
  background: #2EC5B9;
}
.hdmx__status.hdmx-grey {
  background: #868686;
}
.hdmx__status.hdmx-navy {
  background: #4C7EB4;
}
.hdmx__status.hdmx-silver {
  background: #8B8B8B;
}
.hdmx__status.hdmx-black {
  background: #424242;
}
.hdmx__status.hdmx-green {
  background: #59E05B;
}
.hdmx__status.hdmx-olive {
  background: #668121;
}
.hdmx__status.hdmx-teal {
  background: #3298B1;
}
.hdmx__status.hdmx-blue {
  background: #5E6BFF;
}
.hdmx__status.hdmx-lime {
  background: #68CF70;
}
.hdmx__status.hdmx-hdmx-purple {
  background: #C007BF;
}
.hdmx__status.hdmx-fuchsia {
  background: #D55BD5;
}
.hdmx__status.hdmx-maroon {
  background: #AF5959;
}
.hdmx__status.hdmx-red {
  background: #ff2525;
}
.hdmx__status.hdmx-orange {
  background: #FF8C00;
}
.hdmx__status.hdmx-yellow {
  background: #f0b700;
}
.hdmx__tickets {
  margin-bottom: 3rem;
}
.hdmx__tickets-table .col.department,
.hdmx__tickets-table .col.activity,
.hdmx__tickets-table .col.status {
  white-space: nowrap;
}
.hdmx-green.create-button,
.create-button {
  white-space: nowrap;
  float: right;
  margin-top: -40px;
  z-index: 1000;
  position: relative;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.empty .hdmx-green.create-button,
.empty .create-button {
  white-space: nowrap;
  float: right;
  margin-top: 45px;
  z-index: 1000;
  position: relative;
  color: #fff;
  cursor: pointer;
}
textarea.input-text,
input.input-text {
  border: 1px solid #666;
  background-color: #fff;
  color: #000;
}
.hdmx__ticket-new .fieldset {
  margin-bottom: 0;
}
.hdmx__ticket-new .group {
  margin-left: -1rem;
  margin-right: -1rem;
}
.hdmx__ticket-new .group:before,
.hdmx__ticket-new .group:after {
  content: '';
  display: table;
}
.hdmx__ticket-new .group:after {
  clear: both;
}
.hdmx__ticket-new .group .field {
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
}
.hdmx__ticket-new .group .field:last-child {
  margin-bottom: 2rem;
}
.hdmx__ticket-new .actions-toolbar .action.primary {
  float: right;
  line-height: 2.2rem;
  padding: 14px 17px;
  font-size: 1.8rem;
  height: auto;
}
.hdmx__ticket-view {
  position: relative;
}
.hdmx__ticket-view p.max-attachment-size {
  margin: 0 0 -7px;
  color: darkgray;
  font-size: smaller;
}
.hdmx__ticket-summary {
  width: auto;
  margin-bottom: 3rem;
  margin-top: -1rem;
}
.hdmx__ticket-summary th {
  font-weight: 600;
  padding: 0.5rem 4rem 0.5rem 0;
}
.hdmx__ticket-summary td {
  padding: 0.5rem 4rem 0.5rem 1rem;
}
.hdmx__ticket-reply {
  margin-bottom: 3rem;
}
.hdmx__ticket-reply .actions-toolbar .action.primary {
  float: right;
  line-height: 2.2rem;
  padding: 14px 17px;
  font-size: 1.8rem;
  height: auto;
}
.hdmx__ticket-reply .actions-toolbar .action.secondary {
  float: right;
  margin-right: 1rem;
  margin-top: 1rem;
}
.hdmx__ticket-history .hdmx__message {
  margin-bottom: 3rem;
  position: relative;
}
.hdmx__ticket-history .hdmx__message .hdmx-message__header {
  padding: 0 0 5px 3px;
  color: #adadad;
}
.hdmx__ticket-history .hdmx__message .hdmx-message__header strong {
  font-weight: 600;
  color: #333333;
  margin-right: 1.5rem;
}
.hdmx__ticket-history .hdmx__message .hdmx-message__body {
  background: #f7ffec;
  border-left: 3px solid #98cb4b;
  padding: 1rem;
}
.hdmx__ticket-history .hdmx__message .hdmx-message__body.user {
  background: #ecfaff;
  border-left-color: #4b8dcb;
}
.hdmx__ticket-history .hdmx__message .hdmx-message__body .hdmx-message__attachments {
  margin-top: 2rem;
}
.hdmx__ticket-history .hdmx__message .hdmx-message__body .hdmx-message__attachments a {
  font-size: 13px;
}
.hdmx__ticket-history .hdmx__message .hdmx-message__body .hdmx-message__attachments span {
  font-size: 13px;
  margin-right: 2rem;
  color: red;
}
.mstAttachmentPopup {
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  position: relative;
  transition: margin 0.7s ease-out 0.7s;
}
.hdmx-arr-hover {
  display: none;
}
button:hover .hdmx-arr {
  display: none;
}
button:hover .hdmx-arr-hover {
  display: block;
}
.mst-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.mst-popup .mst-popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 60px 180px 30px 180px !important;
}
.mst-popup .mst-popup-content #mstPopupImage {
  max-width: 100%;
  min-width: 100px;
  max-height: calc(80vh);
  object-fit: contain;
  z-index: 10000;
  background: #FFFFFF;
  margin-bottom: 30px;
}
.mst-popup .mst-popup-content #attachment-name {
  align-self: center;
  font-family: "Open Sans";
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
  position: absolute;
  padding-bottom: 3vh;
  margin-top: 20px;
  bottom: 0;
}
.mst-popup .mst-popup-content > span {
  align-self: center;
  font-family: "Open Sans";
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
}
.mst-popup .mst-popup-navigation {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  padding: 0 20px;
}
.mst-popup .mst-popup-navigation #hdmxPrevImage,
.mst-popup .mst-popup-navigation #hdmxNextImage {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mst-popup .mst-popup-navigation > button {
  background: none;
  border: none;
  color: #fff;
  font-size: 50px;
  cursor: pointer;
}
.mst-popup-action .mst-popup-close {
  z-index: 10000;
}
.mst-popup-action > span {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
  /*z-index: 10000;*/
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.mst-popup-action #hdmx-download {
  top: 50px;
  position: fixed;
}
.attachment-item:hover .attachment-info {
  opacity: 0;
  transition: opacity 0.7s ease;
}
.attachment-item:hover .download-info {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 0 5px 0;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s ease, transform 0.7s ease;
  cursor: pointer;
}
.attachment-item:hover .download-info .attachment-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.attachment-item:hover .download-info .download-link {
  margin-right: auto;
}
.attachment-item:hover .download-info .attachment-size {
  margin-left: auto;
}
.attachment-item:hover .download-info .attachment-icon {
  margin: 0 8px 0 8px;
  flex-shrink: 0;
}
.hdmx-no-scroll {
  overflow: hidden;
}
.hdmx-message__attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.attachment-item {
  display: inline-flex;
  border: 1px #DDDDDD;
  border-radius: 4px;
  background-color: #f9f9f9;
  position: relative;
  width: 180px;
  height: 120px;
}
.attachment-item .attachment-thumbnail-container {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.attachment-item .attachment-thumbnail-container .image-link {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.attachment-item .attachment-thumbnail-container .image-link .attachment-link > img {
  min-height: 48px;
  max-height: 120px;
  margin-bottom: 1rem;
}
.attachment-item .attachment-thumbnail-container .image-link > a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.attachment-item .attachment-info {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 0;
  opacity: 1;
  transition: opacity 0.7s ease;
}
.attachment-item .attachment-info .attachment-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(84%);
  padding-right: 16px;
}
.attachment-item .attachment-info .attachment-details .attachment-name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888 !important;
  padding-right: 8px;
  /*width: calc(100% - 16px);*/
}
.download-info {
  display: none;
}
.download-link,
.attachment-size {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888 !important;
  bottom: 0;
  transition: opacity 0.7s;
  max-width: 120px;
  padding-right: 8px;
}
.attachment-icon {
  margin: 0 8px 0 8px;
  flex-shrink: 0;
}
.hdmx__contact-button {
  cursor: pointer;
  position: fixed;
  min-width: 150px;
  z-index: 900000;
}
.hdmx__contact-button > span {
  display: block;
  line-height: 20px !important;
  font-size: 19px !important;
  padding: 8px 10px;
  border: 2px solid #fff;
  margin: 1px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  white-space: nowrap;
}
.hdmx__contact-popup {
  z-index: 999998;
}
.hdmx__contact-popup .hdmx__wrapper {
  padding-left: 15px;
  padding-right: 15px;
  background-color: white;
  position: relative;
}
.hdmx__contact-popup .hdmx__wrapper .max-attachment-size {
  margin-top: 10px;
}
.hdmx__contact-popup .hdmx__wrapper:before,
.hdmx__contact-popup .hdmx__wrapper:after {
  content: '';
  display: table;
}
.hdmx__contact-popup .hdmx__wrapper:after {
  clear: both;
}
.hdmx__contact-popup .hdmx__contact-form.hdmx__kb-form {
  width: 100% !important;
  margin: auto;
}
.hdmx__kb-form .control {
  position: relative;
}
.hdmx__kb-form .hdmx__kb-result {
  overflow: scroll;
  max-height: 30rem;
  margin-bottom: 2rem;
}
.hdmx__contact-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100000px;
  height: 10000000px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 900001;
}
.hdmx__contact-form {
  margin-bottom: 1.5rem;
}
.hdmx__contact-form:before,
.hdmx__contact-form:after {
  content: '';
  display: table;
}
.hdmx__contact-form:after {
  clear: both;
}
.hdmx__contact-form .action.close {
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  position: absolute;
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-shadow: none;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
}
.hdmx__contact-form .action.close:focus,
.hdmx__contact-form .action.close:active {
  background: none;
  border: none;
}
.hdmx__contact-form .action.close:hover {
  background: none;
  border: none;
}
.hdmx__contact-form .action.close.disabled,
.hdmx__contact-form .action.close[disabled],
fieldset[disabled] .hdmx__contact-form .action.close {
  pointer-events: none;
  opacity: 0.5;
}
.hdmx__contact-form .action.close > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.hdmx__contact-form .action.close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 16px;
  color: #8f8f8f;
  content: 'x';
  font-family: 'icons-blank-theme';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.hdmx__contact-form .action.close:hover:before {
  color: inherit;
}
.hdmx__contact-form .action.close:active:before {
  color: inherit;
}
.hdmx__contact-form .action.close:before {
  font-family: arial;
}
.hdmx__contact-form .fieldset {
  margin-bottom: 1.5rem !important;
  min-width: 100%;
}
.hdmx__contact-form .fieldset .legend {
  font-size: 1.8rem;
  line-height: 2.3rem;
  font-weight: 600;
  margin-top: 1rem;
  border-bottom: none;
  padding-right: 2rem;
  margin-bottom: 1rem;
}
.hdmx__contact-form .fieldset .group-2 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.hdmx__contact-form .fieldset .group-2:before,
.hdmx__contact-form .fieldset .group-2:after {
  content: '';
  display: table;
}
.hdmx__contact-form .fieldset .group-2:after {
  clear: both;
}
.hdmx__contact-form .fieldset .group-2 .field {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
}
.hdmx__contact-form .fieldset .group-3 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.hdmx__contact-form .fieldset .group-3:before,
.hdmx__contact-form .fieldset .group-3:after {
  content: '';
  display: table;
}
.hdmx__contact-form .fieldset .group-3:after {
  clear: both;
}
.hdmx__contact-form .fieldset .group-3 .field {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
}
.hdmx__contact-form .fieldset .field.attachment {
  margin-top: 20px;
  float: left;
}
.hdmx__contact-form .actions-toolbar .action.primary {
  float: right;
  padding: 1rem 2rem;
  height: auto;
  margin-top: 20px;
}
.hdmx__contact-form.success .message-success {
  text-align: center;
  font-size: 17px;
  font-weight: 300;
  margin-top: 5rem;
}
.helpdesk-contact-form.page-layout-empty .column.main {
  padding-bottom: 0;
}
.hdmx__contact-form.helpdesk-contact-form {
  width: 100% !important;
  margin: auto;
  margin-bottom: 20px;
}
.hdmx__spinner {
  width: 186px;
  height: 20px;
  margin: auto;
  position: absolute;
  top: 6px;
  right: 0;
}
.hdmx__spinner .spinner-item {
  position: absolute;
  top: 0;
  background-color: #d8d8d8;
  width: 20px;
  height: 20px;
  animation-name: bounce_fountainG;
  -o-animation-name: bounce_fountainG;
  -ms-animation-name: bounce_fountainG;
  -webkit-animation-name: bounce_fountainG;
  -moz-animation-name: bounce_fountainG;
  animation-duration: 0.645s;
  -o-animation-duration: 0.645s;
  -ms-animation-duration: 0.645s;
  -webkit-animation-duration: 0.645s;
  -moz-animation-duration: 0.645s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  transform: scale(0.3);
  -o-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  border-radius: 15px;
  -o-border-radius: 15px;
  -ms-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.hdmx__spinner .spinner-item.spinner-item-1 {
  left: 0;
  animation-delay: 0.256s;
  -o-animation-delay: 0.256s;
  -ms-animation-delay: 0.256s;
  -webkit-animation-delay: 0.256s;
  -moz-animation-delay: 0.256s;
}
.hdmx__spinner .spinner-item.spinner-item-2 {
  left: 20px;
  animation-delay: 0.3225s;
  -o-animation-delay: 0.3225s;
  -ms-animation-delay: 0.3225s;
  -webkit-animation-delay: 0.3225s;
  -moz-animation-delay: 0.3225s;
}
.hdmx__spinner .spinner-item.spinner-item-3 {
  left: 40px;
  animation-delay: 0.389s;
  -o-animation-delay: 0.389s;
  -ms-animation-delay: 0.389s;
  -webkit-animation-delay: 0.389s;
  -moz-animation-delay: 0.389s;
}
.hdmx__spinner .spinner-item.spinner-item-4 {
  left: 60px;
  animation-delay: 0.4555s;
  -o-animation-delay: 0.4555s;
  -ms-animation-delay: 0.4555s;
  -webkit-animation-delay: 0.4555s;
  -moz-animation-delay: 0.4555s;
}
.hdmx__spinner .spinner-item.spinner-item-5 {
  left: 80px;
  animation-delay: 0.522s;
  -o-animation-delay: 0.522s;
  -ms-animation-delay: 0.522s;
  -webkit-animation-delay: 0.522s;
  -moz-animation-delay: 0.522s;
}
.hdmx__spinner .spinner-item.spinner-item-6 {
  left: 100px;
  animation-delay: 0.5885s;
  -o-animation-delay: 0.5885s;
  -ms-animation-delay: 0.5885s;
  -webkit-animation-delay: 0.5885s;
  -moz-animation-delay: 0.5885s;
}
.hdmx__spinner .spinner-item.spinner-item-7 {
  left: 120px;
  animation-delay: 0.645s;
  -o-animation-delay: 0.645s;
  -ms-animation-delay: 0.645s;
  -webkit-animation-delay: 0.645s;
  -moz-animation-delay: 0.645s;
}
.hdmx__spinner .spinner-item.spinner-item-8 {
  left: 140px;
  animation-delay: 0.7115s;
  -o-animation-delay: 0.7115s;
  -ms-animation-delay: 0.7115s;
  -webkit-animation-delay: 0.7115s;
  -moz-animation-delay: 0.7115s;
}
@keyframes bounce_fountainG {
  0% {
    transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-o-keyframes bounce_fountainG {
  0% {
    -o-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -o-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-ms-keyframes bounce_fountainG {
  0% {
    -ms-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -ms-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-webkit-keyframes bounce_fountainG {
  0% {
    -webkit-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -webkit-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-moz-keyframes bounce_fountainG {
  0% {
    -moz-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -moz-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
.hdmx__contact-popup .fieldset :last-child,
.hdmx__contact-form .fieldset :last-child,
.hdmx__ticket-new .fieldset :last-child {
  margin-top: 0;
}
.hdmx__contact-popup .fieldset label,
.hdmx__contact-form .fieldset label,
.hdmx__ticket-new .fieldset label {
  font-weight: 600;
  width: 100% !important;
  text-align: left !important;
}
.hdmx__contact-popup .fieldset legend,
.hdmx__contact-form .fieldset legend,
.hdmx__ticket-new .fieldset legend {
  margin-left: 0px !important;
}
.hdmx__contact-popup .fieldset div.control,
.hdmx__contact-form .fieldset div.control,
.hdmx__ticket-new .fieldset div.control {
  width: 100% !important;
  text-align: left !important;
}
.hdmx__contact-popup .fieldset .cms-content-important,
.hdmx__contact-form .fieldset .cms-content-important,
.hdmx__ticket-new .fieldset .cms-content-important {
  margin-left: 0;
}
.hdmx__contact-popup .actions-toolbar,
.hdmx__contact-form .actions-toolbar,
.hdmx__ticket-new .actions-toolbar {
  margin-top: 15px;
}
.hdmx__contact-popup .fieldset div.control {
  width: 100% !important;
  text-align: left !important;
}
.hdmx__contact-popup .fieldset .hdmx__result {
  width: 100% !important;
}
.hdmx__contact-popup .actions-toolbar {
  width: 100% !important;
}
.hdmx__schedule-status {
  font-weight: 600;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
}
.hdmx__schedule-status.status-close {
  background: rgba(255, 85, 1, 0.08);
  color: #E63737;
}
.hdmx__schedule-status.status-open {
  background: rgba(1, 255, 196, 0.08);
  color: #3EBB00;
}
.hdmx__schedule {
  margin-bottom: 2rem;
  width: 600px;
}
.hdmx__schedule:before,
.hdmx__schedule:after {
  content: '';
  display: table;
}
.hdmx__schedule:after {
  clear: both;
}
.hdmx__schedule table {
  width: auto;
}
.hdmx__schedule table tr td.day {
  padding-left: 0;
}
.hdmx__schedule .hdmx__schedule-working,
.hdmx__schedule .hdmx__schedule-upcoming {
  float: left;
  width: 45%;
  margin-right: 1rem;
}
.hdmx__schedule b {
  font-weight: 600;
}
.helpdesk_satisfaction-block .helpdesk_satisfaction-rate-great {
  position: relative;
  background: #00c300;
  border-radius: 3px;
  margin-top: 2rem;
  padding: .5rem 1rem;
}
.helpdesk_satisfaction-block .helpdesk_satisfaction-rate-great img {
  position: absolute;
  width: 5.5rem;
  top: -2.1rem;
  left: 0;
}
.helpdesk_satisfaction-block .helpdesk_satisfaction-rate-great .text {
  font-family: "Roboto", "Roboto", sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  text-align: right;
}
.helpdesk_satisfaction-block .last-update {
  color: #7d7d7d;
  font-size: 1.2rem;
  text-align: right;
}
.helpdesk_satisfaction-list .helpdesk_satisfaction-row {
  margin: 0 -15px;
}
.helpdesk_satisfaction-list .helpdesk_satisfaction-row .helpdesk_satisfaction-col-md-4 {
  float: left;
  width: 33.33333333%;
  margin-right: 0;
  padding: 0 15px;
  box-sizing: border-box;
}
.helpdesk_satisfaction-list .helpdesk_satisfaction-row .helpdesk_satisfaction-col-md-4 .helpdesk_satisfaction-rate {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.helpdesk_satisfaction-list .helpdesk_satisfaction-row .helpdesk_satisfaction-col-md-4 .helpdesk_satisfaction-rate img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 5.5rem;
  height: 5.5rem;
}
.helpdesk_satisfaction-list .helpdesk_satisfaction-row .helpdesk_satisfaction-col-md-4 .helpdesk_satisfaction-rate .helpdesk_satisfaction-bar {
  background: #f8f8f8;
  height: 3rem;
  width: 100%;
  border-radius: 3px;
}
.helpdesk_satisfaction-list .helpdesk_satisfaction-row .helpdesk_satisfaction-col-md-4 .helpdesk_satisfaction-rate .helpdesk_satisfaction-bar .inner {
  background: #faf;
  height: 3rem;
  border-radius: 3px 0 0 3px;
  padding: .5rem 1rem;
  text-align: right;
  box-sizing: border-box;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #fff;
}
.helpdesk_satisfaction-list .helpdesk_satisfaction-row .helpdesk_satisfaction-col-md-4 .helpdesk_satisfaction-rate.rate-great .inner {
  background: #09d011;
}
.helpdesk_satisfaction-list .helpdesk_satisfaction-row .helpdesk_satisfaction-col-md-4 .helpdesk_satisfaction-rate.rate-ok .inner {
  background: #f5b92b;
}
.helpdesk_satisfaction-list .helpdesk_satisfaction-row .helpdesk_satisfaction-col-md-4 .helpdesk_satisfaction-rate.rate-bad .inner {
  background: #fb6c6c;
}
.helpdesk_satisfaction-list .helpdesk_satisfaction-smiles {
  display: inline-flex;
  flex-wrap: wrap;
}
.helpdesk_satisfaction-list .helpdesk_satisfaction-smiles figure {
  width: 5rem;
  height: 5rem;
  margin: 1rem;
  position: relative;
}
.helpdesk_satisfaction-list .helpdesk_satisfaction-smiles figure img {
  width: 5rem;
}
.processing-block {
  margin-bottom: 10px;
}
.hdmx__ticket-message-rate-satisfaction {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: .5rem;
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 10rem;
  max-width: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.hdmx__ticket-message-rate-satisfaction .rate {
  margin-left: 1rem;
  flex-shrink: 0;
  display: flex;
}
.hdmx__ticket-message-rate-satisfaction .rate img {
  width: 2rem;
  height: 2rem;
}
.hdmx__ticket-message-rate-satisfaction .comment {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.3rem;
  margin-left: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.hdmx__ticket-message-rate {
  display: flex;
  position: absolute;
  right: 5px;
  top: 10px;
  padding: .5rem;
  align-items: center;
  background: #ffffff;
  border-radius: 10rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.hdmx__ticket-message-rate * {
  transition: all 0.1s ease-in;
}
.hdmx__ticket-message-rate a {
  display: flex;
  align-items: center;
  color: #999999;
  text-decoration: none;
  cursor: pointer;
}
.hdmx__ticket-message-rate a img {
  width: 2rem;
  height: 2rem;
}
.hdmx__ticket-message-rate a span {
  display: block;
  width: 0;
  overflow: hidden;
  margin-left: .5rem;
}
.hdmx__ticket-message-rate a:hover {
  color: #333333;
}
.hdmx__ticket-message-rate:hover a {
  margin: 0 1rem;
}
.hdmx__ticket-message-rate:hover a img {
  width: 3rem;
  height: 3rem;
}
.hdmx__ticket-message-rate:hover a span {
  width: auto;
}
legend.hidden {
  display: none;
}
/* Frans_Heroes Module */
/*
    Frans_Heroes Module
    Import Hero Templates
*/
/*
    Frans_Heroes Module
    Template 003
*/
.cms-home .tile.hero.standard-3 {
  background-size: auto 100%;
  background-position: 50% 50%;
  height: 420px;
}
.cms-home .tile.hero.standard-3 div.text {
  left: auto;
  right: auto;
  top: auto;
  margin: 0 auto;
  position: relative;
  width: 90%;
  max-width: 90%;
  height: auto;
  margin-top: auto;
  padding: 0 8px 66px;
  padding: 0 8px 32px;
  display: flex;
  flex-direction: column;
}
.cms-home .tile.hero.standard-3 div.text h1.title {
  font-size: 44px;
  line-height: 44px;
  margin: 0;
  text-shadow: 0 8px 8px rgba(0, 0, 0, 0.8);
  padding-bottom: 32px;
  padding-bottom: 22px;
  text-wrap: balance;
}
.cms-home .tile.hero.standard-3 div.text .cta-box {
  margin-top: auto;
}
.cms-home .tile.hero.standard-3 div.text .cta-box .cta {
  font-size: 24px;
  line-height: 44px;
  height: 48px;
  padding: 0 32px;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.48);
}
@media (min-width: 380px) {
  .cms-home .tile.hero.standard-3 {
    height: 490px;
  }
}
@media (min-width: 495px) {
  .cms-home .tile.hero.standard-3 {
    height: 580px;
  }
  .cms-home .tile.hero.standard-3 div.text h1.title {
    font-size: 58px;
    line-height: 58px;
  }
}
@media (min-width: 615px) {
  .cms-home .tile.hero.standard-3 {
    height: 660px;
  }
  .cms-home .tile.hero.standard-3 div.text {
    padding: 0 8px 180px;
    padding: 0 8px 48px;
  }
}
@media (min-width: 975px) {
  .cms-home .tile.hero.standard-3 {
    background-size: auto 100%;
    background-position: 50% 50%;
  }
  .cms-home .tile.hero.standard-3 div.text {
    padding: 0 8px 196px;
    padding: 0 8px 48px;
  }
  .cms-home .tile.hero.standard-3 div.text h1.title {
    font-size: 72px;
    line-height: 72px;
  }
  .cms-home .tile.hero.standard-3 div.text .cta-box .cta {
    font-size: 24px;
    line-height: 52px;
    height: 56px;
    padding: 0 44px;
  }
}
/*
    Frans_Heroes Module
    Template 003
*/
.cms-home .tile.hero.standard-2 {
  background-size: auto 100%;
  background-position: 50% 50%;
  height: 420px;
}
.cms-home .tile.hero.standard-2 div.text {
  left: auto;
  right: auto;
  top: auto;
  margin: 0 auto;
  position: relative;
  width: 90%;
  max-width: 90%;
  height: auto;
  margin-top: auto;
  padding: 0 8px 66px;
  display: flex;
  flex-direction: column;
}
.cms-home .tile.hero.standard-2 div.text h1.title {
  font-size: 44px;
  line-height: 44px;
  margin: 0;
  text-shadow: 0 8px 8px rgba(0, 0, 0, 0.8);
  padding-bottom: 32px;
  text-wrap: balance;
}
.cms-home .tile.hero.standard-2 div.text .cta-box {
  margin-top: auto;
}
.cms-home .tile.hero.standard-2 div.text .cta-box .cta {
  font-size: 24px;
  line-height: 44px;
  height: 48px;
  padding: 0 32px;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.48);
}
@media (min-width: 380px) {
  .cms-home .tile.hero.standard-2 {
    height: 490px;
  }
}
@media (min-width: 495px) {
  .cms-home .tile.hero.standard-2 {
    height: 580px;
  }
  .cms-home .tile.hero.standard-2 div.text h1.title {
    font-size: 58px;
    line-height: 58px;
  }
}
@media (min-width: 615px) {
  .cms-home .tile.hero.standard-2 {
    height: 660px;
  }
  .cms-home .tile.hero.standard-2 div.text {
    padding: 0 8px 180px;
  }
}
@media (min-width: 975px) {
  .cms-home .tile.hero.standard-2 div.text {
    padding: 0 8px 196px;
  }
  .cms-home .tile.hero.standard-2 div.text h1.title {
    font-size: 72px;
    line-height: 72px;
  }
  .cms-home .tile.hero.standard-2 div.text .cta-box .cta {
    font-size: 24px;
    line-height: 52px;
    height: 56px;
    padding: 0 44px;
  }
}
/*
    Frans_Heroes Module
    Template 003
*/
.cms-home .tile.hero.standard-center div.text {
  left: auto;
  right: auto;
  top: auto;
  margin: 0 auto;
  position: relative;
  width: 90%;
  max-width: 90%;
  height: 100%;
  margin-top: auto;
  padding: 40px 8px 48px;
  display: flex;
  flex-direction: column;
}
.cms-home .tile.hero.standard-center div.text h1.title {
  margin: 0;
}
.cms-home .tile.hero.standard-center div.text .cta-box {
  margin-top: auto;
}
@media (min-width: 975px) {
  .cms-home .tile.hero.standard-center div.text {
    height: auto;
  }
}
/* 
    Frans_Heroes Module 
    Template 003
*/
.cms-home .tile.hero.standard-left div.text {
  left: 0;
  right: auto;
}
/*
    Frans_Heroes Module
    Template 003
    Type Layout, photo and size specs in home-page less
*/
.cms-home .tile.hero.standard-right a {
  display: block;
  display: flex;
  align-items: top;
  justify-content: center;
  height: 100%;
}
.cms-home .tile.hero.standard-right div.text {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  max-width: 500px;
  padding: 0;
  margin: 0;
}
.cms-home .tile.hero.standard-right div.text h1.title {
  font-family: "HCo Gotham";
  font-weight: 500;
  text-transform: uppercase;
  color: #4e3227;
  font-size: 30px;
  line-height: 32px;
  padding-top: 32px;
  padding-bottom: 8px;
  margin: 0 auto;
  max-width: 420px;
}
.cms-home .tile.hero.standard-right div.text h2.subtitle {
  font-family: "HCo Gotham";
  font-weight: 400;
  text-transform: none;
  color: #4e3227;
  font-size: 20px;
  line-height: 22px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.cms-home .tile.hero.standard-right div.text .divider {
  display: none;
  width: 100px;
  height: 5px;
  margin: 0 auto;
  background: #4e3227;
}
.cms-home .tile.hero.standard-right div.text .cta-box {
  padding-top: 12px;
}
.cms-home .tile.hero.standard-right div.text .cta-box .cta {
  background-color: #4e3227;
  font-size: 13px;
  color: #ffffff;
  display: inline-block;
  border: 0;
  height: auto;
  margin-top: 0;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0;
  -webkit-transition: background-color 250ms;
  -o-transition: background-color 250ms;
  transition: background-color 250ms;
  font-size: 18px;
  height: 40px;
  line-height: 44px;
  padding: 0 16px;
}
.cms-home .tile.hero.standard-right div.text .cta-box .cta:hover {
  background-color: #97786b;
}
/* todo fix break vars for modules */
/* MOBILE */
/* Mobile 1 / @break-mobile-1 / 960 desktop view */
@media (min-width: 375px) {
  .cms-home .tile.hero.standard-right div.text h1.title {
    font-size: 34px;
    line-height: 38px;
  }
  .cms-home .tile.hero.standard-right div.text h2.subtitle {
    font-size: 22px;
    line-height: 24px;
    max-width: 100%;
  }
}
/* ******* DESKTOP ******* */
/* DESKTOP 1 / @break-desktop-1 / 960 desktop view */
@media (min-width: 975px) {
  .cms-home .tile.hero.standard-right a {
    align-items: center;
    justify-content: right;
  }
  .cms-home .tile.hero.standard-right div.text {
    padding: 0 0 0 0;
    margin: 0 0 0 auto;
    max-width: 394px;
  }
  .cms-home .tile.hero.standard-right div.text .divider {
    display: block;
  }
  .cms-home .tile.hero.standard-right div.text h1.title {
    font-size: 36px;
    line-height: 38px;
    padding-top: 25px;
    padding-bottom: 12px;
    max-width: 100%;
  }
  .cms-home .tile.hero.standard-right div.text h2.subtitle {
    font-size: 30px;
    line-height: 32px;
    max-width: 300px;
  }
  .cms-home .tile.hero.standard-right div.text .cta-box {
    padding-top: 24px;
  }
  .cms-home .tile.hero.standard-right div.text .cta-box .cta {
    font-size: 24px;
    height: 48px;
    line-height: 52px;
    padding: 0 20px;
    font-size: 22px;
    height: 44px;
    line-height: 44px;
    padding: 0 18px;
  }
}
/* DESKTOP 2 / @break-desktop-2 / 1080 desktop view */
@media (min-width: 1095px) {
  .cms-home .tile.hero.standard-right div.text {
    padding: 0 20px 0 0;
    max-width: 420px;
  }
}
/* DESKTOP 3 / @break-desktop-3 / 1200 desktop view */
@media (min-width: 1215px) {
  .cms-home .tile.hero.standard-right div.text {
    padding: 0 50px 0 0;
    max-width: 500px;
  }
  .cms-home .tile.hero.standard-right div.text h1.title {
    font-size: 43px;
    line-height: 51px;
    max-width: 100%;
    padding-top: 36px;
  }
  .cms-home .tile.hero.standard-right div.text h2.subtitle {
    font-size: 33px;
    line-height: 36px;
    max-width: 300px;
  }
}
/*
    Frans_Heroes Module
    Template 003
*/
.cms-home .tile.hero.hero-coroline-beetles {
  background-image: url('../images/hero-coraline-beetle-mobile.gif');
  background-size: auto 100%;
  background-position: 50% 50%;
  height: 420px;
}
.cms-home .tile.hero.hero-coroline-beetles div.text {
  left: auto;
  right: auto;
  top: auto;
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-top: auto;
  padding: 0 0 26px;
  display: flex;
  flex-direction: column;
  padding: 0 0 32px;
}
.cms-home .tile.hero.hero-coroline-beetles div.text h1.title {
  margin: 0 auto;
  background-image: url('../images/hero-coroline-logo.png');
  background-size: 100% auto;
  background-position: 50% 50%;
  overflow: hidden;
  text-indent: -2000px;
  position: absolute;
  left: 50%;
  top: 154px;
  margin: 0 0 0 -150px;
  width: 300px;
  height: 105px;
}
.cms-home .tile.hero.hero-coroline-beetles div.text h2.subtitle {
  background-image: url('../images/hero-coroline-15-year.png');
  background-size: 100% auto;
  background-position: 50% 50%;
  overflow: hidden;
  text-indent: -2000px;
  position: absolute;
  left: 50%;
  top: 1px;
  margin: 0 0 0 -98px;
  width: 196px;
  height: 62px;
}
.cms-home .tile.hero.hero-coroline-beetles div.text .cta-box {
  margin-top: auto;
}
.cms-home .tile.hero.hero-coroline-beetles div.text .cta-box .cta {
  line-height: 36px;
  height: 40px;
  padding: 0px 30px;
  font-size: 16px;
}
@media (min-width: 380px) {
  .cms-home .tile.hero.hero-coroline-beetles {
    height: 490px;
  }
  .cms-home .tile.hero.hero-coroline-beetles div.text h1.title {
    top: 192px;
  }
  .cms-home .tile.hero.hero-coroline-beetles div.text h2.subtitle {
    top: 6px;
  }
  .cms-home .tile.hero.hero-coroline-beetles div.text .cta-box {
    /*
                    .cta{
                        line-height: 30px;
                        height: 34px;
                        padding: 0px 20px;
                        font-size: 16px;
                    }
                    */
  }
}
@media (min-width: 495px) {
  .cms-home .tile.hero.hero-coroline-beetles {
    height: 580px;
  }
  .cms-home .tile.hero.hero-coroline-beetles div.text h1.title {
    top: 202px;
    margin: 0 0 0 -232px;
    width: 464px;
    height: 162px;
  }
  .cms-home .tile.hero.hero-coroline-beetles div.text h2.subtitle {
    top: 12px;
  }
}
@media (min-width: 615px) {
  .cms-home .tile.hero.hero-coroline-beetles {
    height: 660px;
  }
  .cms-home .tile.hero.hero-coroline-beetles div.text h1.title {
    top: 248px;
  }
  .cms-home .tile.hero.hero-coroline-beetles div.text h2.subtitle {
    top: 6px;
    margin: 0 0 0 -140px;
    width: 280px;
    height: 88px;
  }
}
@media (min-width: 975px) {
  .cms-home .tile.hero.hero-coroline-beetles {
    background-image: url('../images/hero-coraline-beetle.gif');
  }
  .cms-home .tile.hero.hero-coroline-beetles div.text {
    padding: 0 0 48px;
  }
  .cms-home .tile.hero.hero-coroline-beetles div.text h1.title {
    top: 228px;
    margin: 0 0 0 -290px;
    width: 580px;
    height: 202px;
  }
  .cms-home .tile.hero.hero-coroline-beetles div.text h2.subtitle {
    top: 22px;
    margin: 0 0 0 -160px;
    width: 320px;
    height: 100px;
  }
  .cms-home .tile.hero.hero-coroline-beetles div.text .cta-box .cta {
    line-height: 52px;
    height: 56px;
    padding: 0 48px;
    font-size: 24px;
  }
}
/*
    Frans_Heroes Module
    Template 003
*/
.cms-home .tile.hero.hero-halloween-2024 {
  background-image: url('../images/hero-halloween-2024-mobile.gif');
  background-size: auto 100%;
  background-position: 50% 50%;
  height: 420px;
}
.cms-home .tile.hero.hero-halloween-2024 div.text {
  left: auto;
  right: auto;
  top: auto;
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-top: auto;
  padding: 0 0 26px;
  display: flex;
  flex-direction: column;
  padding: 0 0 32px;
  padding: 0 0 24px;
}
.cms-home .tile.hero.hero-halloween-2024 div.text h1.title {
  margin: 0 auto;
  background-image: url('../images/hero-halloween-2024-logo-mobile.png');
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -2000px;
  position: absolute;
  left: 50%;
  top: 14px;
  width: 320px;
  height: 96px;
  margin: 0 0 0 -160px;
}
.cms-home .tile.hero.hero-halloween-2024 div.text h2.subtitle {
  display: none;
}
.cms-home .tile.hero.hero-halloween-2024 div.text .cta-box {
  margin-top: auto;
}
.cms-home .tile.hero.hero-halloween-2024 div.text .cta-box .cta {
  line-height: 36px;
  height: 40px;
  padding: 0px 30px;
  font-size: 16px;
  border: 2px solid #f56539;
  background: #f56539;
  line-height: 44px;
  height: 48px;
  padding: 0px 22px;
  font-size: 22px;
}
@media (min-width: 380px) {
  .cms-home .tile.hero.hero-halloween-2024 {
    height: 490px;
  }
  .cms-home .tile.hero.hero-halloween-2024 div.text h1.title {
    top: 18px;
    width: 344px;
    height: 103px;
    margin: 0 0 0 -172px;
  }
}
@media (min-width: 495px) {
  .cms-home .tile.hero.hero-halloween-2024 {
    height: 580px;
  }
  .cms-home .tile.hero.hero-halloween-2024 div.text h1.title {
    top: 20px;
    width: 404px;
    height: 121px;
    margin: 0 0 0 -202px;
  }
}
@media (min-width: 615px) {
  .cms-home .tile.hero.hero-halloween-2024 {
    height: 660px;
  }
  .cms-home .tile.hero.hero-halloween-2024 div.text h1.title {
    top: 20px;
    width: 460px;
    height: 140px;
    margin: 0 0 0 -230px;
  }
}
@media (min-width: 975px) {
  .cms-home .tile.hero.hero-halloween-2024 {
    background-image: url('../images/hero-halloween-2024.gif');
  }
  .cms-home .tile.hero.hero-halloween-2024 div.text {
    padding: 0 0 48px;
  }
  .cms-home .tile.hero.hero-halloween-2024 div.text h1.title {
    background-image: url('../images/hero-halloween-2024-logo.png');
    top: 240px;
    width: 760px;
    height: 160px;
    margin: 0 0 0 -380px;
  }
  .cms-home .tile.hero.hero-halloween-2024 div.text .cta-box .cta {
    line-height: 52px;
    height: 56px;
    padding: 0 48px;
    font-size: 24px;
  }
}
/*
    Frans_Heroes Module
    Template 003
*/
.cms-home .tile.hero.hero-halloween-2024-ghost {
  background-image: url('../images/hero-halloween-2024-ghost-mobile.jpg');
  background-size: auto 100%;
  background-position: 50% 50%;
  height: 420px;
}
.cms-home .tile.hero.hero-halloween-2024-ghost div.text {
  left: auto;
  right: auto;
  top: auto;
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-top: auto;
  padding: 0 0 26px;
  display: flex;
  flex-direction: column;
  padding: 0 0 32px;
  padding: 0 0 24px;
}
.cms-home .tile.hero.hero-halloween-2024-ghost div.text h1.title {
  margin: 0 auto;
  background-image: url('../images/hero-halloween-2024-ghost-logo-mobile.png');
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -2000px;
  position: absolute;
  left: 50%;
  top: 0;
  width: 364px;
  height: 162px;
  margin: 0 0 0 -182px;
}
.cms-home .tile.hero.hero-halloween-2024-ghost div.text h2.subtitle {
  display: none;
}
.cms-home .tile.hero.hero-halloween-2024-ghost div.text .cta-box {
  margin-top: auto;
}
.cms-home .tile.hero.hero-halloween-2024-ghost div.text .cta-box .cta {
  line-height: 36px;
  height: 40px;
  padding: 0px 30px;
  font-size: 16px;
  border: 2px solid #f56539;
  background: #f56539;
  line-height: 44px;
  height: 48px;
  padding: 0px 22px;
  font-size: 22px;
}
.cms-home .tile.hero.hero-halloween-2024-ghost div.text .cta-box .cta:hover {
  background: #E03B08;
  border: 2px solid #E03B08;
}
@media (min-width: 380px) {
  .cms-home .tile.hero.hero-halloween-2024-ghost {
    height: 490px;
  }
  .cms-home .tile.hero.hero-halloween-2024-ghost div.text h1.title {
    top: 0;
    width: 422px;
    height: 187px;
    margin: 0 0 0 -211px;
  }
}
@media (min-width: 495px) {
  .cms-home .tile.hero.hero-halloween-2024-ghost {
    height: 580px;
  }
  .cms-home .tile.hero.hero-halloween-2024-ghost div.text h1.title {
    top: 0;
    width: 488px;
    height: 216px;
    margin: 0 0 0 -244px;
  }
}
@media (min-width: 615px) {
  .cms-home .tile.hero.hero-halloween-2024-ghost {
    height: 660px;
  }
  .cms-home .tile.hero.hero-halloween-2024-ghost div.text h1.title {
    top: 0;
    width: 564px;
    height: 250px;
    margin: 0 0 0 -282px;
  }
}
@media (min-width: 975px) {
  .cms-home .tile.hero.hero-halloween-2024-ghost {
    background-image: url('../images/hero-halloween-2024-ghost.jpg');
  }
  .cms-home .tile.hero.hero-halloween-2024-ghost div.text {
    padding: 0 0 48px;
  }
  .cms-home .tile.hero.hero-halloween-2024-ghost div.text h1.title {
    background-image: url('../images/hero-halloween-2024-ghost-logo.png');
    top: 0;
    width: 740px;
    height: 290px;
    margin: 0 0 0 -370px;
  }
  .cms-home .tile.hero.hero-halloween-2024-ghost div.text .cta-box .cta {
    line-height: 52px;
    height: 56px;
    padding: 0 48px;
    font-size: 24px;
  }
}
/* Multi-ship Addresses */
#fr_ms_checkout_multishipping_wrapper li.product-item {
  display: inline-block;
  width: 32%;
  text-align: center;
}
#fr_ms_checkout_multishipping_wrapper li.product-item span.product-image-wrapper {
  width: 60%;
  margin-left: 10%;
}
#fr_ms_checkout_multishipping_wrapper li.product-item a.action.action-delete {
  text-transform: lowercase;
  background-color: transparent;
  display: inline-block;
  width: auto;
  border: none;
  text-decoration: none;
  color: #333;
  background-size: 20px;
  line-height: 20px;
  padding: 0;
  background: url(../images/icon-x.png) 0 50% no-repeat;
  min-width: 21px;
  min-height: 21px;
}
#fr_ms_checkout_multishipping_wrapper li.product-item input[type=number] {
  display: inline-block;
}
#fr_ms_checkout_multishipping_wrapper .minicart-items-wrapper .product-item-details {
  width: 100%;
}
#fr_ms_checkout_multishipping_wrapper .remove_reci {
  float: right;
}
/* todob ask Ben what should this be */
/* todob ask Ben what should this be */
.multicheckout .actions-toolbar button {
  display: block;
}
.multicheckout .actions-toolbar button.primary {
  width: auto;
  margin: 0;
}
.multicheckout .actions-toolbar button.action.add_recipient {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  font-family: 'TradeGothicLight', helvetica, arial, sans-serif;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  background: #563b1a;
  border: 1px solid #563b1a;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 20px;
  width: auto;
  text-align: center;
  background: white;
  color: black;
  border: 1px solid black;
  margin-bottom: 20px;
}
.multicheckout .actions-toolbar button.action.add_recipient:hover {
  background: #62441f;
}
.multicheckout .actions-toolbar button.action.add_recipient.disabled,
.multicheckout .actions-toolbar button.action.add_recipient[disabled] {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  background: #555;
  color: #ddd;
}
.multicheckout .actions-toolbar button.action.add_recipient:hover {
  background: #eee;
}
.multicheckout .actions-toolbar button.action.add_address {
  display: inline-block;
  margin: 0 10px 20px 0;
}
.multicheckout .actions-toolbar button.action.update {
  display: inline-block;
  margin: 0 10px 20px 0;
}
.multicheckout .actions-toolbar .action.back {
  display: block;
}
.w100 {
  width: 100%;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
div.vert_align_mid {
  vertical-align: middle;
  display: inline-block;
}
.fr_tbl_header {
  width: 100%;
}
.fr_tbl_header span {
  display: inline-block;
}
#fr_ms_order_total {
  max-width: 100%;
  padding-top: 72px;
}
#fr_ms_order_total .product-item-photo img {
  width: 100%;
  max-height: 62px;
}
#fr_ms_order_total input {
  width: 100%;
}
#fr_ms_order_total h3 {
  font-size: 16px;
}
#fr_ms_order_total table.totals td,
#fr_ms_order_total table.totals th {
  border: 0;
  height: auto;
  padding: 2px 0;
}
#fr_ms_order_total table.totals th {
  padding-right: 32px;
}
#fr_ms_shopping_cart_table div.header {
  display: none;
}
#fr_ms_shopping_cart_table div.item-info {
  position: relative;
  overflow: hidden;
}
#fr_ms_shopping_cart_table div.item-info > span {
  height: 50px;
  padding-top: 10px;
  display: inline-block;
  float: left;
}
#fr_ms_shopping_cart_table div.item-info > span.item-image {
  height: auto;
  padding: 0;
}
#fr_ms_shopping_cart_table div > span:first-child {
  width: 12%;
}
#fr_ms_shopping_cart_table div > span:nth-child(2) {
  width: 52%;
}
#fr_ms_shopping_cart_table div > span:nth-child(3) {
  width: 10%;
}
#fr_ms_shopping_cart_table div > span:nth-child(4) {
  width: 10%;
}
#fr_ms_shopping_cart_table div > span:nth-child(5) {
  width: 16%;
  font-weight: bold;
}
#fr_ms_shopping_cart_table div.item-info {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e9e9e9;
}
div.fr_responsive_table div > span {
  display: inline-block;
  vertical-align: middle;
}
input[readonly] {
  border: none;
}
td.number,
th.number,
input.number,
span.number {
  text-align: right;
}
.col-span-full {
  grid-column: -1;
}
.col-span-1 {
  grid-column: span 1;
}
.col-span-2 {
  grid-column: span 2;
}
.col-span-3 {
  grid-column: span 3;
}
.col-span-4 {
  grid-column: span 4;
}
.col-span-5 {
  grid-column: span 5;
}
.row-start-2 {
  grid-row-start: 2;
}
.row-start-4 {
  grid-row-start: 4;
}
.row-start-5 {
  grid-row-start: 5;
}
.row-end-5 {
  grid-row-end: 5;
}
.m-auto {
  margin: auto;
}
.grid {
  display: grid;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.gap-4 {
  gap: 1rem;
}
.tw-tile {
  display: flex;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  align-items: center;
  justify-content: center;
}
.tile-marker {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
@media (min-width: 768px) {
  .md\:col-span-2 {
    grid-column: span 2 span 2;
  }
  .md\:col-span-3 {
    grid-column: span 3 span 3;
  }
  .md\:col-span-full {
    grid-column: -1;
  }
  .md\:row-start-2 {
    grid-row-start: 2;
  }
  .md\:row-end-3 {
    grid-row-end: 3;
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .lg\:col-span-2 {
    grid-column: span 2 span 2;
  }
  .lg\:col-span-3 {
    grid-column: span 3 span 3;
  }
  .lg\:col-span-5 {
    grid-column: span 5 span 5;
  }
  .lg\:col-start-4 {
    grid-column-start: 4;
  }
  .lg\:col-end-2 {
    grid-column-end: 2;
  }
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
.pr-4 {
  padding-right: 1rem;
}
/* 16px */
.text-center {
  text-align: center;
}
.w30 {
  width: 30%;
}
.w70 {
  width: 70%;
}
hr {
  border-top: 1px dotted #d9d9d9;
}
div.line-divider {
  width: 100%;
  border-top: 1px solid #d9d9d9;
}
.inline-block * {
  display: inline-block;
}
.text-center {
  text-align: center;
}
.of-auto {
  overflow: auto;
}
.text-right {
  text-align: right;
}
table.totals {
  border-collapse: inherit;
  border-spacing: 0 10px;
}
table.totals tbody {
  vertical-align: top;
}
table.totals th {
  height: 33px;
  font-size: 120%;
}
table.totals td {
  border-bottom: 1px solid #d9d9d9;
}
form.multicheckout.shipping .shipping-method .summary.arrival .shipping-modes-wrapper .ship-mode-section {
  padding: 0;
  border: 1px solid #d9d9d9;
}
form.multicheckout.shipping .shipping-method .summary.arrival .shipping-modes-wrapper .ship-mode-section .ship-mode-option {
  display: block;
  position: relative;
  padding: 20px;
  border-bottom: 1px solid #d9d9d9;
}
form.multicheckout.shipping .shipping-method .summary.arrival .shipping-modes-wrapper .ship-mode-section .ship-mode-option:last-child {
  border-bottom: none;
}
form.multicheckout.shipping .shipping-method .summary.arrival .shipping-modes-wrapper .ship-mode-section .ship-mode-option.optionSelected .ship-mode-title {
  font-weight: 500;
}
form.multicheckout.shipping .shipping-method .summary.arrival .shipping-modes-wrapper .ship-mode-section .ship-mode-option .ship-mode-input {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -7px;
}
form.multicheckout.shipping .shipping-method .summary.arrival .shipping-modes-wrapper .ship-mode-section .ship-mode-option label {
  display: block;
  padding: 0 0 0 34px;
}
form.multicheckout.shipping .shipping-method .summary.arrival .shipping-modes-wrapper .ship-mode-section .ship-mode-option div.shipping-notes {
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
  color: #000;
  padding: 3px 0 0 0;
}
.blur-modal {
  filter: blur(5px);
}
.block-collapsible-nav .content {
  background: #f5f5f5;
  padding: 15px 0;
}
.block-collapsible-nav .item {
  margin: 3px 0 0;
}
.block-collapsible-nav .item:first-child {
  margin-top: 0;
}
.block-collapsible-nav .item a,
.block-collapsible-nav .item > strong {
  border-left: 3px solid transparent;
  color: #575757;
  display: block;
  padding: 5px 18px 5px 15px;
}
.block-collapsible-nav .item a {
  text-decoration: none;
}
.block-collapsible-nav .item a:hover {
  background: #e8e8e8;
}
.block-collapsible-nav .item.current a,
.block-collapsible-nav .item.current > strong {
  border-color: #ff5501;
  color: #000000;
  font-weight: 600;
}
.block-collapsible-nav .item.current a {
  border-color: #ff5501;
}
.block-collapsible-nav .item .delimiter {
  border-top: 1px solid #d1d1d1;
  display: block;
  margin: 10px 1.8rem;
}
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
.account.vault-cards-listaction .page-title-wrapper {
  display: none;
}
.account.vault-cards-listaction .address-select-modal__form-container {
  margin-bottom: 20px;
}
.account.vault-cards-listaction .address-select-modal__form-container > div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.account.vault-cards-listaction .address-select-modal__form-container > div > div {
  margin-top: 10px;
}
.account.vault-cards-listaction .field.company,
.account.vault-cards-listaction .field.choice.set.billing,
.account.vault-cards-listaction .field.choice.set.shipping,
.account.vault-cards-listaction .primary[data-action='save-address'] {
  display: none !important;
}
.account.vault-cards-listaction #form-validate {
  display: none;
}
.account.vault-cards-listaction [for='repeat_order_cc_number'] + .control {
  position: relative;
}
.account.vault-cards-listaction .account-section__title-view-all-link {
  display: block;
  margin-bottom: 30px;
}
.account.vault-cards-listaction .braintree-credit-card-types {
  display: flex;
  flex-wrap: wrap;
}
.account.vault-cards-listaction .braintree-credit-card-types .item {
  margin-right: 5px;
  margin-top: 5px;
}
.account.vault-cards-listaction .braintree-credit-card-types .item:last-child {
  margin-right: 0;
}
.account.vault-cards-listaction .braintree-credit-card-types img {
  height: 24px;
}
.account.vault-cards-listaction .separator {
  margin: 10px 10px 0;
}
.account.vault-cards-listaction .address-select-container {
  border: 1px solid #cccccc;
  border-radius: 2px;
  padding: 25px;
}
.account.vault-cards-listaction #braintree_submit {
  font-size: 1.6rem;
  border-radius: 3px;
  box-shadow: none;
  box-sizing: border-box;
  color: #ffffff;
  height: 40px;
  margin: 10px 0;
  padding: 0 20px;
}
.account.vault-cards-listaction .subs-modal-overlay {
  background-color: #000000;
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: fixed;
  top: 0;
  width: 100%;
}
.account.vault-cards-listaction #paypal_container {
  margin: auto;
  max-width: 360px;
}
.account.vault-cards-listaction .add-methods {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.account.vault-cards-listaction .add-method {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: 1px solid #cccccc;
  border-radius: 2px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  padding: 3px;
  width: 50%;
}
.account.vault-cards-listaction .add-method:hover {
  border-color: #797777;
}
.account.vault-cards-listaction .add-method:first-child {
  margin-right: 35px;
}
.account.vault-cards-listaction .add-method > div {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 10px;
}
.account.vault-cards-listaction .add-method > div p {
  font-weight: 700;
  padding-top: 15px;
}
.account.vault-cards-listaction .add-method .icon-container {
  background: #f0f0f0;
  border-radius: 0 0 1px 1px;
  height: 100%;
  padding: 15px 0;
  width: 100%;
}
.account.vault-cards-listaction .add-method .icon-container ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  list-style: none;
  margin: 0;
  max-width: 160px;
  padding: 0;
  width: 100%;
}
.account.vault-cards-listaction .add-method .icon-container ul li {
  margin: 0;
  width: 25%;
}
.account.vault-cards-listaction .add-method .icon-container ul li img {
  height: 24px;
}
.account.vault-cards-listaction .subs-modal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.account.vault-cards-listaction .subs-modal__box {
  -moz-box-shadow: 0 4px 15px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 4px 15px 5px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  box-shadow: 0 4px 15px 5px rgba(0, 0, 0, 0.25);
  margin: 20px;
  max-width: 610px;
  overflow-y: auto;
  padding: 40px 20px;
  position: relative;
  text-align: center;
  width: 100%;
}
.account.vault-cards-listaction .subs-modal__close-button {
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
  font-weight: 400;
  box-shadow: none !important;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
}
.account.vault-cards-listaction .subs-modal__close-button:focus,
.account.vault-cards-listaction .subs-modal__close-button:active {
  background: none;
  border: none;
}
.account.vault-cards-listaction .subs-modal__close-button:hover {
  background: none;
  border: none;
}
.account.vault-cards-listaction .subs-modal__close-button.disabled,
.account.vault-cards-listaction .subs-modal__close-button[disabled],
fieldset[disabled] .account.vault-cards-listaction .subs-modal__close-button {
  pointer-events: none;
  opacity: 0.5;
}
.account.vault-cards-listaction .subs-modal__screen-reader-label {
  display: none;
}
.account.vault-cards-listaction .subs-modal__title {
  text-align: center;
}
.account.vault-cards-listaction .add-card-modal .subs-modal__box {
  padding: 20px;
}
.account.vault-cards-listaction .add-card-modal form {
  margin: 0;
}
.account.vault-cards-listaction .add-card-modal legend {
  border-bottom: none !important;
  margin-bottom: 20px !important;
  padding-bottom: 0 !important;
}
.account.vault-cards-listaction .add-paypal-modal span,
.account.vault-cards-listaction .add-paypal-modal p {
  font-weight: 500;
  margin: 30px 0;
}
.account.vault-cards-listaction #co-transparent-form-braintree .fieldset {
  max-width: 400px;
}
.braintree-three-d-modal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  visibility: visible;
  width: 100vw;
  z-index: #000000;
}
.braintree-three-d-modal .bt-modal-frame {
  background-color: #ffffff;
  border-radius: 6px;
  height: 420px;
  margin: auto;
  width: 440px;
  z-index: 2;
}
.braintree-three-d-modal .bt-modal-body {
  background-color: #ffffff;
  border: 1px solid lightgray;
  height: 380px;
  margin: 20px;
}
.braintree-three-d-modal .bt-mask {
  background-color: #000000;
  height: 100%;
  left: 0;
  opacity: 0.75;
  position: absolute;
  top: 0;
  width: 100%;
}
.braintree-applepay-container-product {
  display: inline-block;
}
.braintree-applepay-container-product .braintree-apple-pay-button {
  margin: 0;
  margin-bottom: 15px;
  padding: 10px 0;
}
.braintree-apple-pay-button {
  -apple-pay-button-type: plain;
  -webkit-appearance: -apple-pay-button;
  background-color: #000000;
  background-image: -webkit-named-image(apple-pay-logo-black);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% calc(60% + 2px);
  border-radius: 5px;
  cursor: pointer;
  display: block;
  height: 40px;
  min-height: 40px;
  margin: 20px auto;
  transition: background-color 0.15s;
}
.braintree-applepay-minicart.minicart .braintree-apple-pay-button,
.braintree-applepay-minicart.cart .braintree-apple-pay-button {
  width: 100%;
}
.ppcredit-summary {
  background: linear-gradient(to right, #009cde, braintree_color-ppcredit-dark);
  color: #ffffff;
  margin: 10px 0;
  padding: 15px;
  text-align: center;
}
.ppcreditcalc-container {
  background: #ffffff;
  border: 1px solid #dedede;
}
.ppcreditcalc-header {
  background: #ffffff;
  padding: 15px;
}
.ppcreditcalc-legal {
  background-color: #eeeeee;
  border-top: 1px solid #dedede;
  font-size: 1.2rem;
  line-height: 2rem;
  padding: 15px;
}
.ppcreditcalc-instalments {
  background-color: #eeeeee;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #dedede;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ppcreditcalc-instalments li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.ppcreditcalc-instalments-term {
  color: #000000;
  display: block;
  padding: 10px 15px;
}
.ppcreditcalc-instalments-term:hover {
  background: braintree_color-ppcredit-light;
  color: #ffffff;
  text-decoration: none;
}
.ppcreditcalc-instalments-term.active {
  background: braintree_color-ppcredit-dark;
  color: #ffffff;
}
.ppcreditcalc-instalment-summary {
  padding: 15px;
}
.ppcreditcalc-instalment-summary dl {
  margin: 0;
}
.ppcreditcalc-instalment-summary dt {
  display: inline-block;
  width: 50%;
}
.ppcreditcalc-instalment-summary dd {
  display: inline-block;
}
#braintree_expirationDate {
  width: 90px;
}
button.braintree-googlepay-button {
  background-origin: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  border-radius: 4px;
  box-shadow: rgba(60, 64, 67, 0.3) 0 1px 1px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px;
  cursor: pointer;
  height: 40px;
  min-height: 40px;
  padding: 11px 24px;
}
button.braintree-googlepay-button.black {
  background-color: #000000;
  box-shadow: none;
  padding: 12px 24px 10px;
}
button.braintree-googlepay-button.white {
  background-color: #ffffff;
}
button.braintree-googlepay-button.short {
  min-width: 90px;
  width: 160px;
}
button.braintree-googlepay-button.black.short {
  background-image: url(https://www.gstatic.com/instantbuy/svg/dark_gpay.svg);
}
button.braintree-googlepay-button.white.short {
  background-image: url(https://www.gstatic.com/instantbuy/svg/light_gpay.svg);
}
button.braintree-googlepay-button.black:active {
  background-color: #5f6368;
}
button.braintree-googlepay-button.black:hover {
  background-color: #3c4043;
}
button.braintree-googlepay-button.white:active {
  background-color: #ffffff;
}
button.braintree-googlepay-button.white:focus {
  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;
}
button.braintree-googlepay-button.white:hover {
  background-color: #f8f8f8;
}
button.braintree-googlepay-button.long {
  width: 100%;
}
button.braintree-googlepay-button.white.long {
  background-image: url(https://www.gstatic.com/instantbuy/svg/light/en.svg);
}
button.braintree-googlepay-button.black.long {
  background-image: url(https://www.gstatic.com/instantbuy/svg/dark/en.svg);
}
.googlepay-minicart-logo {
  text-align: center;
}
.checkout-payment-method .credit-card-types.braintree-credit-card-types img {
  -webkit-filter: none;
  -webkit-transition: none;
  width: 30px;
}
.braintree-card-control {
  position: relative;
}
.braintree-credit-card-selected {
  left: 10px;
  position: absolute;
  z-index: 10;
}
.braintree-paypal-logo.oneclick-container {
  width: 100%;
}
#payment_form_braintree_ach_direct_debit .field > .fields .field .label {
  font-weight: 600;
}
#payment_form_braintree_ach_direct_debit .field > .fields .field.required > .label:after {
  color: #e02b27;
  content: '*';
  font-size: 1.8rem;
  margin: 0 0 0 5px;
}
#payment_form_braintree_ach_direct_debit .field > .fields .field .control {
  margin: 10px 10px 0 0;
}
#payment_form_braintree_ach_direct_debit .field > .fields .field .control input[type='text']::placeholder,
#payment_form_braintree_ach_direct_debit .field > .fields .field .control input[type='number']::placeholder {
  color: lightgrey;
}
#payment-method-braintree-lpm .primary {
  width: 100%;
}
#payment-method-braintree-lpm .primary .action {
  margin-bottom: 12px;
  width: 100%;
}
#payment-method-braintree-lpm .primary .action img {
  height: 40px;
}
#payment-method-braintree-applepay #braintree_applepay_enable_vault {
  padding-top: 20px;
}
#payment-method-braintree-cc-vault .field.required .label,
#payment-method-braintree-applepay-vault .field.required .label {
  font-weight: 600;
}
#payment-method-braintree-cc-vault .field.required .label:after,
#payment-method-braintree-applepay-vault .field.required .label:after {
  content: '*';
  color: #e02b27;
  font-size: 1.8rem;
  margin: 0 0 0 5px;
}
#payment-method-braintree-cc-vault .field .hosted-control,
#payment-method-braintree-applepay-vault .field .hosted-control {
  background: #ffffff;
  background-clip: padding-box;
  border: 1px solid #c2c2c2;
  border-radius: 1px;
  box-sizing: border-box;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  height: 32px;
  padding: 0 9px;
  position: relative;
  vertical-align: baseline;
  width: 5rem;
}
#payment-method-braintree-cc-vault .field .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error,
#payment-method-braintree-applepay-vault .field .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error {
  height: auto;
  opacity: 1;
}
#payment-method-braintree-cc-vault .field .hosted-error,
#payment-method-braintree-applepay-vault .field .hosted-error {
  clear: both;
  color: #e02b27;
  font-size: 1.2rem;
  height: 0;
  margin-top: 7px;
  opacity: 0;
}
#braintree-applepay-checkout-btn,
#braintree-google-checkout-btn {
  width: 240px;
}
.braintree-paypal-fieldset {
  display: none;
}
.braintree-paypal-buttons,
.braintree-paypal-vault {
  margin-top: 20px;
}
.payment-method-braintree .hosted-control {
  border: 1px solid #c2c2c2;
  height: 32px;
  max-width: 300px;
  padding: 8px 15px;
}
.payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error {
  height: auto;
  opacity: 1;
}
.payment-method-braintree .hosted-error {
  clear: both;
  color: #e02b27;
  font-size: 1.2rem;
  height: 0;
  margin-top: 7px;
  opacity: 0;
}
.payment-method-braintree .cvv {
  max-width: 200px;
  position: relative;
}
.payment-method-braintree .cvv .field-tooltip {
  right: 30px;
  top: 10px;
}
#braintree_cc_number {
  padding-left: 68px;
}
.braintree-express-payments {
  display: flex;
  flex-wrap: wrap;
}
.braintree-express-payments > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.braintree-express-payments span {
  display: block;
  font-size: 18px;
  margin: 20px 0;
}
.braintree-express-payments span.express-payment-title {
  width: 100%;
}
.braintree-express-payments span.express-payment-subtitle {
  align-items: center;
  display: flex;
  position: relative;
  width: 100%;
}
.braintree-express-payments span.express-payment-subtitle > span {
  background: #ffffff;
  display: block;
  margin: 0 auto;
  padding: 0 5px;
}
.braintree-express-payments span.express-payment-subtitle:before {
  background: #cccccc;
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.braintree-express-payments > div > div {
  width: 240px;
}
.braintree-express-payments .braintree-googlepay-button,
.braintree-express-payments .braintree-apple-pay-button {
  margin: 0;
  min-height: 30px;
}
.braintree-express-payments .braintree-googlepay-button {
  height: 35px;
}
.braintree-express-payments .braintree-apple-pay-button {
  height: 35px;
}
.paypal-braintree-paylater-message-container-pdp {
  padding: 0 10px 10px;
}
.paypal-braintree-paylater-message-container-pdp .page-product-bundle,
.page-product-giftcard .paypal-braintree-paylater-message-container-pdp {
  padding: 0 0 10px;
}
.paypal-braintree-paylater-message-container-cart {
  padding: 0 15px;
}
/* @import must be at top of file, otherwise CSS will not work */
/*
	Copyright (C) Hoefler & Co.
	This software is the property of Hoefler & Co. (H&Co).
	Your right to access and use this software is subject to the
	applicable License Agreement, or Terms of Service, that exists
	between you and H&Co. If no such agreement exists, you may not
	access or use this software for any purpose.
	This software may only be hosted at the locations specified in
	the applicable License Agreement or Terms of Service, and only
	for the purposes expressly set forth therein. You may not copy,
	modify, convert, create derivative works from or distribute this
	software in any way, or make it accessible to any third party,
	without first obtaining the written permission of H&Co.
	For more information, please visit us at http://typography.com.
*/
@font-face {
  font-family: 'HCo-Gotham-Bold';
  src: url('../fonts/gotham/woff2/Gotham-Medium_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-Medium_Web.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
/* weighted versions */
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-Thin_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-Thin_Web.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-ThinItalic_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-ThinItalic_Web.woff') format('woff');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-XLight_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-XLight_Web.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-XLightItalic_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-XLightItalic_Web.woff') format('woff');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-Light_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-Light_Web.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-LightItalic_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-LightItalic_Web.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-Book_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-Book_Web.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-BookItalic_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-BookItalic_Web.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-Medium_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-Medium_Web.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-MediumItalic_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-MediumItalic_Web.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-Bold_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-Bold_Web.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-BoldItalic_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-BoldItalic_Web.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-Black_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-Black_Web.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-BlackItalic_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-BlackItalic_Web.woff') format('woff');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-Ultra_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-Ultra_Web.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'HCo Gotham';
  src: url('../fonts/gotham/woff2/Gotham-UltraItalic_Web.woff2') format('woff2'), url('../fonts/gotham/woff/Gotham-UltraItalic_Web.woff') format('woff');
  font-weight: 900;
  font-style: italic;
}
/* RESET */
/* ----------------------------------------- */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
label,
fieldset,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul,
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
a img {
  border: none;
}
/* Gets rid of IE's blue borders */
/**
    GLOBAL SIZE VARS
**/
/**
    GLOBAL WIDGETS
**/
/**
    Global helpers
**/
.clear {
  clear: both;
}
/**
    Global UI
**/
.modes {
  overflow: hidden;
  position: relative;
  display: block;
  float: left;
  height: 32px;
}
.modes .modes-label {
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin-right: 10px;
}
.modes .modes-mode {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  background-color: #eee;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.modes .modes-mode.mode-grid {
  background-image: url('../images/icon-view-grid.png');
}
.modes .modes-mode.mode-list {
  background-image: url('../images/icon-view-list.png');
}
.modes .modes-mode.active {
  background-color: #ccc;
}
.modes .modes-mode span {
  display: none;
}
.toolbar {
  overflow: hidden;
  position: relative;
}
.toolbar .toolbar-amount {
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  margin: 0;
  padding: 0;
  margin-left: 4px;
}
.toolbar select {
  -webkit-appearance: none;
  border: 1px solid #cccccc;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
  font-size: 14px;
  height: 32px;
  line-height: 1;
  padding: 4px 25px 5px 10px;
  box-sizing: border-box;
  cursor: pointer;
  background-image: url('../images/icon-arrow-dropdown.png');
  background-position: 95% 50%;
  background-repeat: no-repeat;
}
.toolbar .sorter-action {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: none;
  background-image: url('../images/icon-arrow-dropup.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 0 0 0 4px;
}
.toolbar .sorter-action.sort-desc {
  background-image: url('../images/icon-arrow-thin-down.png');
}
.toolbar .sorter-action.sort-asc {
  background-image: url('../images/icon-arrow-thin-up.png');
}
.toolbar .sorter-action span {
  display: none;
}
.toolbar .toolbar-sorter .sorter-label,
.toolbar .toolbar-sorter .sorter-action,
.toolbar .toolbar-sorter .sorter-options {
  display: block;
  float: left;
  height: 32px;
  vertical-align: middle;
}
.toolbar .toolbar-sorter .sorter-label {
  line-height: 32px;
  padding: 0 10px 0 0;
}
.toolbar .limiter {
  float: right;
}
/**
    MAIN TILE STYLES
**/
.page-main .tile-section,
.page-main .hero-section,
.page-main .notes-section {
  display: block;
  box-sizing: border-box;
  width: auto;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
  position: relative;
  clear: both;
}
.page-main .tile {
  display: block;
  text-align: center;
  width: 100%;
  max-width: 100%;
  height: 500px;
  background: #f7f7f7;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
  background-size: auto;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 20px;
  float: none;
}
.page-main .tile.short {
  height: 80px;
  display: block;
  display: flex;
  align-items: center;
  padding: 10px;
  background: #a69c9b;
  color: #fff;
  text-transform: uppercase;
  text-transform: capitalize;
  margin: 1px 0;
}
.page-main .tile.short .text {
  display: block;
  width: 100%;
  text-align: center;
}
.page-main .tile.short:hover {
  background: #b6a6a4;
  color: #fff;
}
.page-main .tile a {
  color: #ffffff;
}
.page-main .tile h2 {
  text-align: center;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 300;
  text-transform: none;
  font-size: 30px;
  line-height: 36px;
  padding-bottom: 8px;
  margin: 0 auto;
}
.page-main .tile h3 {
  text-align: center;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 400;
  text-transform: none;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 8px;
  margin: 0 auto;
}
.page-main .tile h4 {
  text-align: center;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
}
.page-main a.tile {
  color: #333333;
}
.page-main a.tile:hover {
  color: #333333;
}
.page-main .tile.reverse {
  color: #ffffff;
}
.page-main .tile.reverse h2,
.page-main .tile.reverse h3,
.page-main .tile.reverse h4,
.page-main .tile.reverse p {
  color: #ffffff;
}
.page-main .tile.reverse.half .tile-cta,
.page-main .tile.reverse.full .tile-cta {
  border-color: #ffffff;
}
.page-main a.tile.reverse {
  color: #ffffff;
}
.page-main a.tile.reverse:hover {
  color: #eeeeee;
}
.page-main .tile.half {
  float: none;
}
.page-main .tile.third {
  float: none;
}
.page-main .tile.fifth {
  float: none;
}
.column.main dl {
  margin: 0 0 6px 0;
}
.column.main dl dt {
  margin: 0 0 8px 0;
}
.column.main dl dd {
  margin: 0 0 4px 0;
  font-size: 13px;
  line-height: 22px;
}
.toolbar.bottom {
  padding: 20px;
  background: #f9fafc;
}
.box {
  padding: 10px;
  border-top: 1px solid #d9d9d9;
  box-sizing: border-box;
  position: relative;
}
.box-2 {
  padding-top: 20px;
}
.table-wrapper table {
  width: 100%;
}
.table-wrapper table caption {
  display: none;
}
.table-wrapper td,
.table-wrapper th {
  padding: 5px;
  font-size: 13px;
  line-height: 16px;
}
.table-wrapper tfoot th {
  text-align: right;
}
.table-wrapper thead th {
  border-bottom: 1px solid #d9d9d9;
}
.table-wrapper tfoot {
  border-top: 1px solid #d9d9d9;
}
.table-display {
  display: table;
  width: 100%;
}
.table-display .table-row {
  display: table-row;
}
.table-display .table-row .table-cell {
  display: table-cell;
  vertical-align: middle;
}
/**
    defualt magento helpers
**/
.clearfix {
  overflow: hidden;
  position: relative;
}
.no-display {
  display: none;
}
/**
    media query helpers
**/
.mq-mobile {
  display: block;
}
.mq-desktop {
  display: none;
}
/**
    TILES
**/
/* 615px */
/* 775px */
@media (min-width: 735px) {
  .page-main .tile.half {
    width: 710px;
  }
  .page-main .tile.third {
    width: 710px;
  }
  .page-main .tile.fifth {
    width: 710px;
  }
}
/* 975px */
@media (min-width: 975px) {
  .mq-mobile {
    display: none;
  }
  .mq-desktop {
    display: block;
  }
  .page-main .tile.half {
    width: 470px;
    margin: 5px;
    float: left;
  }
  .page-main .tile.third {
    width: 310px;
    margin: 5px;
    float: left;
  }
  .page-main .tile.fifth {
    width: 182px;
    margin: 5px;
    float: left;
  }
}
/* 1215px */
@media (min-width: 1215px) {
  .page-main .tile.half {
    width: 590px;
  }
  .page-main .tile.third {
    width: 390px;
  }
  .page-main .tile.fifth {
    width: 230px;
  }
}
/* 1440px */
@media (min-width: 1455px) {
  .page-main .tile.half {
    width: 710px;
  }
  .page-main .tile.third {
    width: 470px;
  }
  .page-main .tile.fifth {
    width: 278px;
  }
}
.clear-both {
  clear: both;
}
.w100 {
  width: 100% !important;
}
.w50 {
  width: 50%;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
body,
div,
p,
ul,
ol,
li,
form,
label,
fieldset,
input,
textarea {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0 0 4px 0;
  padding: 0;
}
body,
html {
  display: block;
  position: relative;
  height: 100%;
  min-height: 100%;
}
body {
  background-color: #ffffff;
  color: #333;
  font-family: 'Trade Gothic', helvetica, arial, sans-serif;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  font-size: 14px;
  line-height: 18px;
  min-width: 320px;
  transition: all 200ms ease-out;
}
p {
  font-size: 14px;
  line-height: 20px;
}
h1 {
  font-size: 20px;
}
h1.page-title {
  font-family: 'HCo Gotham', 'Trade Gothic', helvetica, arial;
  font-weight: 400;
  text-transform: capitalize;
  text-align: center;
  margin: 8px 0 18px;
  font-size: 22px;
  line-height: 26px;
  color: #333;
}
a {
  color: #926e5e;
  text-decoration: none;
}
a:hover {
  color: #c59e8d;
}
a:focus-visible,
div:focus-visible,
span:focus-visible,
aside:focus-visible,
ul:focus-visible,
ol:focus-visible,
li:focus-visible {
  outline: 1px solid #c37c21;
  outline-offset: -1px;
  box-shadow: 0 0 2px 1px rgba(194, 124, 33, 0.8);
}
.navigation ul li a.ui-state-active > span.category-name {
  color: #000;
  border-bottom: 2px solid #000;
}
/*
    .ui-state-focus:focus-visible{
        .focus-style();
    }

    .navigation ul li a.ui-state-focus{
        .focus-style();
    }
    .navigation ul li a.ui-state-focus:hover{
        box-shadow: none;
        border: 0;
    }

    .navigation .level0 .submenu li a.ui-state-focus{
        .focus-style();
    }
    .navigation .level0 .submenu li a:focus-visible{
        .focus-style();
    }

    .navigation ul li a:focus-visible{
        .focus-style();
    }
*/
a:focus-visible .cta {
  outline: 1px solid #c37c21;
  outline-offset: -1px;
  box-shadow: 0 0 2px 1px rgba(194, 124, 33, 0.8);
}
.form textarea:focus-visible {
  outline: 1px solid #c37c21;
  outline-offset: -1px;
  box-shadow: 0 0 2px 1px rgba(194, 124, 33, 0.8);
}
.form input.text:focus-visible {
  outline: 1px solid #c37c21;
  outline-offset: -1px;
  box-shadow: 0 0 2px 1px rgba(194, 124, 33, 0.8);
}
.form input.input-text:focus-visible {
  outline: 1px solid #c37c21;
  outline-offset: -1px;
  box-shadow: 0 0 2px 1px rgba(194, 124, 33, 0.8);
}
.form select:focus-visible {
  outline: 1px solid #c37c21;
  outline-offset: -1px;
  box-shadow: 0 0 2px 1px rgba(194, 124, 33, 0.8);
}
.form select.select:focus-visible {
  outline: 1px solid #c37c21;
  outline-offset: -1px;
  box-shadow: 0 0 2px 1px rgba(194, 124, 33, 0.8);
}
.form select.select:focus-visible {
  outline: 1px solid #c37c21;
  outline-offset: -1px;
  box-shadow: 0 0 2px 1px rgba(194, 124, 33, 0.8);
}
input[type='radio']:focus-visible {
  outline: 1px solid #c37c21;
  outline-offset: -1px;
  box-shadow: 0 0 2px 1px rgba(194, 124, 33, 0.8);
}
button:focus-visible {
  outline: 1px solid #c37c21;
  outline-offset: -1px;
  box-shadow: 0 0 2px 1px rgba(194, 124, 33, 0.8);
}
p,
dl dt {
  margin: 0 0 10px 0;
}
/**
    main layout styles
**/
.modals-wrapper {
  display: block;
}
.page-wrapper {
  box-sizing: border-box;
  position: relative;
  min-height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: none;
  background-color: #ffffff;
  padding: 0 0 40px 0;
  /* temp, extra padding for default helpdesk contact button */
  padding: 0;
}
.page-title-wrapper {
  padding: 0;
}
.frans-modal {
  /* in-page modal content from custom layouts */
  display: none;
}
/*
    Frans General Modal
*/
body .modal-popup .modal-footer {
  text-align: right;
}
body .modal-popup .modal-footer button.action-primary,
body .modal-popup .modal-footer button.action-secondary {
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial, sans-serif;
  background: #563b1a;
  color: #fff;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
  width: auto;
  border-radius: 0;
  border: 1px solid #bbb;
  font-weight: 500;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0 20px;
  height: 50px;
  line-height: 48px;
  box-sizing: border-box;
}
body .modal-popup .modal-footer button.action-secondary {
  background: white;
  color: #333;
}
/*
    frans modal branding from checkout comps
    wrap in body checkout index to override m2 default modal styles
*/
body.checkout-index-index .modal-popup .modal-inner-wrap {
  max-width: 790px;
}
body.checkout-index-index .modal-popup .modal-header {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  z-index: 200;
  margin: 0 auto;
  background: #f4f4f4;
  border-bottom: 1px solid #d9d9d9;
  padding: 0;
}
body.checkout-index-index .modal-popup .modal-header .modal-title {
  font-family: 'HCo Gotham', 'Trade Gothic', helvetica, arial;
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 18px;
  line-height: 1em;
  text-transform: none;
  box-sizing: border-box;
  background: none;
  width: 100%;
  margin: 0;
  padding: 24px 0;
  z-index: 100;
  height: auto;
  text-align: center;
}
body.checkout-index-index .modal-popup .modal-header button.action-close {
  position: absolute;
  left: 25px;
  top: 20px;
  width: 25px;
  height: 25px;
  background: url('../images/icon-close.png') 50% 50% no-repeat;
  overflow: hidden;
  text-indent: -200px;
  cursor: pointer;
  border: 0;
  z-index: 100;
}
body.checkout-index-index .modal-popup .modal-content {
  padding: 20px;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
body.checkout-index-index .modal-popup .modal-content fieldset {
  padding: 0;
  margin: 0;
}
body.checkout-index-index .modal-popup .modal-content .fieldset.date-fieldset {
  min-height: 420px;
  /* min-height for calendar display */
}
body.checkout-index-index .modal-popup .modal-content .fieldset.date-fieldset label.label {
  display: none;
}
body.checkout-index-index .modal-popup .modal-content .fieldset.date-fieldset input.input-text {
  text-align: center;
  margin: 0 auto;
  width: 350px;
}
body.checkout-index-index .modal-popup .modal-footer {
  padding: 10px 0 45px;
}
body.checkout-index-index .modal-popup .modal-footer button.action-primary {
  display: block;
  position: relative;
  margin: 8px auto;
  max-width: 400px;
}
body.checkout-index-index .modal-popup .modal-footer button.action-primary span {
  border: 0;
  background: none;
}
body.checkout-index-index .modal-popup .modal-footer button.action-secondary {
  display: block;
  position: relative;
  margin: 8px auto;
  max-width: 400px;
}
body.checkout-index-index .modal-popup .modal-footer button.action-secondary span {
  border: 0;
  background: none;
}
body.checkout-index-index .modal-popup button.action {
  display: block;
  padding: 0 0 10px 0;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  text-transform: lowercase;
}
body.checkout-index-index .modal-popup button.action.primary {
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  display: block;
  box-sizing: border-box;
  background: #382818;
  border: 1px solid #382818;
  text-decoration: none;
  color: #fff;
  text-transform: capitalize;
  cursor: pointer;
  padding: 0 20px;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
body.checkout-index-index .modal-popup button.action.action-hide-popup {
  display: none;
}
body.checkout-index-index .modal-popup .form .fieldset {
  padding: 0;
  margin: 0;
}
body.checkout-index-index .modal-popup .form .fieldset label[for='shipping-save-in-address-book'] {
  display: inline-block;
}
body.checkout-index-index .modal-popup .form.form-shipping-address .field.choice {
  margin: 0;
}
.loading-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  background: rgba(255, 255, 255, 0.7);
}
.loading-mask .loader {
  position: fixed;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  z-index: 200;
  background-image: url('../images/icon-loading.gif');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: rgba(255, 255, 255, 0.4);
}
.loading-mask .loader img {
  display: none;
}
.loading-mask .loader p {
  display: none;
}
.gallery-placeholder .loading-mask .loader {
  position: absolute;
}
.fotorama {
  background: #fff;
}
.fotorama__spinner {
  animation: none !important;
  background-image: url('../images/icon-loading.gif') !important;
}
.page-main {
  background: none;
  overflow: visible;
  box-sizing: border-box;
  min-height: 300px;
  max-width: 730px;
  margin: 0 auto 10px;
  padding: 0 6px 40px;
  z-index: 100;
  position: relative;
  overflow: hidden;
}
.page-header {
  margin: 0 auto;
  padding: 0;
}
.column.main {
  display: block;
  overflow: visible;
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  background: #ffffff;
}
.page-products .column.main,
.catalog-product-view .column.main,
.cms-home .column.main {
  background: none;
  padding: 0;
}
.block-title {
  font-family: 'HCo Gotham', 'Trade Gothic', helvetica, arial;
  font-weight: 500;
  text-transform: capitalize;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 6px 0;
}
.block-title strong {
  font-weight: normal;
  font-weight: 500;
}
/**
    messaging
**/
.message {
  padding: 14px;
  background: none;
  color: #444444;
  border: 2px solid #d9d9d9;
}
.message.success {
  color: #563b1a;
  border: 2px solid #563b1a;
  background: none;
}
.message.info {
  color: #563b1a;
  border: 2px solid #563b1a;
  background: none;
}
.message.error {
  border: 2px solid #990000;
}
.message.global {
  font-size: 12px;
  display: block;
  box-sizing: border-box;
  padding: 10px 20px;
  text-align: center;
  background: #f9fafc;
  color: #666666;
}
.message.demo {
  background: #990000;
  color: #ffffff;
  padding: 10px 14px;
  position: fixed;
  bottom: 0;
  left: auto;
  right: 0;
  width: auto;
  z-index: 900;
  border: 0;
  box-shadow: -2px -2px 4px #cccccc;
}
.message.demo p {
  margin: 0;
  font-size: 11px;
  line-height: 12px;
}
.message.error {
  margin: 0 0 10px;
  padding: 12px;
  display: block;
  background: #fae5e5;
  background: none;
  color: #e02b27;
  position: relative;
}
.message.error.field-error {
  border: 0;
  padding: 0;
  font-size: 12px;
  color: #aa0000;
  display: block;
  margin: 3px 0 0 0;
}
.message.notice {
  color: #563b1a;
  border-color: #563b1a;
}
.mage-error {
  padding: 4px;
  color: #aa0000;
  margin: 4px 0 8px;
}
/**
    header / mobile
**/
.page-header {
  z-index: 400;
  position: relative;
  padding: 22px 0 16px;
}
.page-header .header.content {
  position: relative;
  text-align: center;
  z-index: 900;
  margin: 0 auto;
}
.page-header .logo {
  display: block;
  width: 44px;
  height: 44px;
  margin: 0 auto;
  background: url('../images/frans-logo-icon-2.svg') 50% 50% no-repeat;
  background-size: 44px 44px;
  overflow: hidden;
  text-indent: -700px;
}
.page-header .panel.wrapper .panel.header ul.header.links li {
  display: none;
  /* hide top icons for mobile */
}
.page-header .panel.wrapper .panel.header ul.icon-nav {
  display: none;
}
.page-header .panel.wrapper .panel.header ul.icon-nav li {
  display: none;
  /* hide top icons for mobile */
}
.page-header .panel.wrapper .panel.header div.minicart-wrapper {
  display: block;
  /* keep cart on mobile */
  z-index: 40;
}
#store.links .icon-nav div.minicart-wrapper {
  display: none;
  /* hide cart in mobile nav */
}
.page-header .panel.wrapper {
  display: block;
  position: absolute;
  text-align: left;
  top: 28px;
  right: 16px;
  left: auto;
  width: auto;
  padding: 0;
  margin: 0;
  z-index: 980;
}
.page-header .panel.wrapper .panel.header {
  position: relative;
}
.page-header .panel.wrapper .panel.header .block-search {
  display: block;
  float: right;
}
.page-header .panel.wrapper .panel.header .header.links {
  display: block;
  float: right;
  position: relative;
  z-index: 90;
}
.action.skip.contentarea {
  display: block;
  position: absolute;
  padding: 10px;
  border: 1px solid #666;
  height: auto;
  width: auto;
  top: -50px;
  left: 2px;
  outline-offset: 0;
}
.action.skip.contentarea:focus-visible {
  top: 2px;
  outline: 1px solid #c37c21;
  outline-offset: -1px;
  box-shadow: 0 0 2px 1px rgba(194, 124, 33, 0.8);
}
.header.links {
  padding: 0;
}
.header.links li {
  padding: 0 0;
  display: block;
}
.header.links li.greet,
.header.links li.authorization-link,
.header.links li.wishlist {
  display: none;
}
.header.links li.wishlist {
  display: none;
}
.header.links li.authorization-link.logged-out {
  display: none;
}
.header.links li.authorization-link.logged-in {
  display: none;
}
.header.links li a {
  text-transform: none;
  color: #777;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  display: block;
  padding: 5px;
}
.top-nav li {
  padding: 0 0;
  display: block;
  float: left;
}
.top-nav li a {
  text-transform: none;
  color: #777;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  display: block;
  padding: 5px;
}
/* your account icon / placeholder */
/*
    .header.links li a{
        display: block;
        overflow: hidden;
        box-sizing: border-box;
        width: 20px;
        height: 20px;
        background: @white;
        background: url('../images/icon-user.svg') 50% 50% no-repeat;
        text-indent: 500px;
        padding: 0;
    }
*/
ul.icon-nav {
  position: relative;
  display: inline-block;
  float: left;
}
.page-header .panel.wrapper .panel.header ul li {
  display: inline-block;
}
.page-header .panel.wrapper .panel.header ul li.greet.welcome {
  height: 24px;
  line-height: 24px;
}
.page-header .panel.wrapper .panel.header ul li.greet.welcome .not-logged-in {
  display: none;
}
.page-header .panel.wrapper .panel.header ul li a {
  display: block;
  overflow: hidden;
  width: auto;
  height: auto;
  background: none;
  text-indent: 0;
}
.page-header .panel.wrapper .panel.header ul li a.your-account-link {
  padding: 0;
  background: url('../images/icon-account.svg') 50% 50% no-repeat;
  background-size: 24px 24px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 800px;
  box-sizing: border-box;
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 16px;
  background-image: url('../images/icon-sheet-nav-utility.svg');
  background-size: 192px auto;
  background-position: 0 0;
  background-position: -72px 0;
}
.page-header .panel.wrapper .panel.header ul li a.your-account-link:hover {
  background-position: -72px -24px;
}
.page-header .panel.wrapper .panel.header ul li a.your-account-link.logged-in {
  background-position: -96px 0;
}
.page-header .panel.wrapper .panel.header ul li a.your-account-link.logged-in:hover {
  background-position: -96px -24px;
}
.page-header .panel.wrapper .panel.header ul li a.where-to-buy-link {
  width: 24px;
  height: 24px;
  padding: 0;
  background: url('../images/icon-store.svg') 50% 50% no-repeat;
  background-size: 24px 24px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 800px;
  box-sizing: border-box;
}
/**
    breadcrumbs
**/
.breadcrumbs {
  display: block;
  box-sizing: border-box;
  padding: 12px 0 4px 0;
  padding: 0 0 15px 0;
  display: none;
  /* not on mobile */
}
.breadcrumbs ul.items li.item,
.breadcrumbs ul.items li.item a,
.breadcrumbs ul.items li.item strong,
.breadcrumbs ul.items li.item h1 {
  text-transform: capitalize;
  color: #666666;
  font-weight: normal;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
}
.breadcrumbs ul.items {
  display: block;
  position: relative;
  overflow: hidden;
}
.breadcrumbs ul.items li.item {
  list-style: none;
  padding: 0 2px 0 14px;
  background: url('../images/icon-arrow-small-right.svg') 0 50% no-repeat;
  background-size: 10px 10px;
  display: block;
  float: left;
}
.breadcrumbs ul.items li.item.home {
  background: none;
  padding: 0 2px 0 0;
}
.breadcrumbs ul.items li.item strong {
  color: #222222;
}
.breadcrumbs ul.items li.item.home a {
  width: 17px;
  height: 17px;
  margin: 0;
  padding: 0;
  text-indent: -100px;
  background-color: none;
  background: url('../images/frans-logo-icon.svg') 50% 50% no-repeat;
  background-size: 15px 15px;
}
/**
    SEARCH
**/
.block.block-search {
  padding: 0;
  margin: 0;
  /* js to open search */
  /* .block.block-search .block.block-content */
}
.block.block-search .block-title {
  margin: 0;
  display: none;
}
.block.block-search {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 16px;
  background-image: url('../images/icon-sheet-nav-utility.svg');
  background-size: 192px auto;
  background-position: 0 0;
}
.block.block-search:hover {
  background-position: 0 -24px;
}
.block.block-search .block-title a.search-button {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  display: block;
  overflow: hidden;
  text-indent: 100px;
  box-sizing: border-box;
}
.block.block-search .block.block-content {
  position: relative;
  background: #ffffff;
  text-align: left;
  padding: 0;
  box-sizing: border-box;
}
.block.block-search .block.block-content .form.minisearch {
  width: auto;
}
.block.block-search .block.block-content .form.minisearch .actions {
  position: absolute;
  top: 0;
  left: 0;
}
.block.block-search .block.block-content .form.minisearch .actions button.action {
  text-transform: capitalize;
  font-size: 14px;
  line-height: 44px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  font-family: 'TradeGothicLight', helvetica, arial, sans-serif;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  background: #563b1a;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  width: 40px;
  padding: 2px;
  cursor: pointer;
  background: none;
  text-indent: -500px;
  overflow: hidden;
  border: 0;
  background: url('../images/icon-search.svg') 50% 50% no-repeat;
  background-size: 20px 20px;
}
.block.block-search .block.block-content .form.minisearch input.input-text {
  padding-left: 40px;
  height: 44px;
}
.block.block-search .block.block-content .action.advanced {
  display: none;
  /* temp */
}
.block.block-search .block.block-content .field.search label {
  display: none;
}
.block.block-search .block.block-content .actions button {
  width: 100%;
}
.block.block-search .block.block-content .search-autocomplete ul:not(:empty) {
  background: #ffffff;
  border: 1px solid #c2c2c2;
  border-top: 0;
}
.block.block-search .block.block-content .search-autocomplete ul li {
  border-top: 1px solid #e5e5e5;
  cursor: pointer;
  margin: 0;
  padding: 5px 40px 5px 10px;
  position: relative;
  overflow: hidden;
  text-align: left;
  white-space: normal;
  background: #fff;
}
.block.block-search .block.block-content .search-autocomplete ul li.selected {
  background: #e8e8e8;
}
.block.block-search .block.block-content .search-autocomplete ul li .amount {
  color: #999999;
  position: absolute;
  right: 7px;
  top: 5px;
}
.block.block-search {
  padding: 0;
  z-index: 500;
  box-sizing: border-box;
}
.block.block-search.search-open {
  z-index: 1000;
}
.block.block-search .block-title {
  display: block;
}
.block.block-search .block.block-content {
  position: absolute;
  top: 36px;
  right: 0;
  left: auto;
  display: none;
  padding: 60px;
  box-shadow: 1px 1px 10px rgba(100, 100, 100, 0.1);
  border: 1px solid #d9d9d9;
  min-width: 370px;
  box-sizing: border-box;
}
.block.block-search .block.block-content .form.minisearch {
  position: relative;
  max-width: 510px;
  margin: auto;
}
.block.block-search .block.block-content .form.minisearch input.input-text {
  padding-left: 15px;
}
.block.block-search .block.block-content .form.minisearch .actions {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
}
/**
    FORMS
**/
.column.main .form {
  margin: 0 auto;
  padding: 10px 0 20px;
}
.column.main .form.form-cart {
  max-width: 100%;
}
.column.main dl.item-options dt {
  display: none;
  /* don't show size/color labels */
  font-weight: bold;
  padding: 0 2px 0 0;
}
.column.main dl.item-options dd {
  font-size: 13px;
  line-height: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 0;
}
button.action.primary,
input.input-text,
textarea.input-text,
.form textarea,
.form select {
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial, sans-serif;
  text-transform: none;
  font-size: 14px;
  line-height: 54px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
}
textarea.input-text,
.form textarea {
  border: 1px solid #d9d9d9;
  padding: 6px;
  height: 80px;
  line-height: 18px;
}
.input-text::placeholder {
  color: #b2b2b2;
  color: #777;
  opacity: 1;
}
button.action.primary {
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial, sans-serif;
  background: #563b1a;
  text-decoration: none;
  color: #ffffff;
  text-transform: capitalize;
  line-height: 50px;
  cursor: pointer;
  padding: 0 20px;
  width: 100%;
  margin: 0 auto;
}
button.action.primary:hover {
  background: #62441f;
  color: #fff;
}
button.action.secondary,
button.action.action-update {
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial, sans-serif;
  background: #ddd;
  text-decoration: none;
  color: #333;
  text-transform: lowercase;
  line-height: 32px;
  cursor: pointer;
  padding: 0 8px;
  width: auto;
  margin: 0 auto;
  border-radius: 2px;
  border: 1px solid #bbb;
  font-weight: 500;
  float: right;
  margin: 0 0 0 10px;
}
button.action.action-update:hover {
  border: 1px solid #bbb;
  background: #eee;
}
input.input-text {
  border: 0px;
  border-bottom: 1px solid #d9d9d9;
  padding: 4px 10px 4px 4px;
  border: 1px solid #d9d9d9;
  padding: 6px 6px 6px 15px;
}
input.input-text.qty {
  padding: 6px 0 6px 6px;
}
button.action {
  width: 100%;
  border: 0;
  color: #333;
  box-shadow: none;
  height: auto;
  width: auto;
  cursor: pointer;
  display: inline-block;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  padding: 1px;
  border-bottom: 1px dotted #895C58;
  background: #fff;
  color: #895C58;
  border-color: #895C58;
  text-decoration: none;
}
button.action:hover {
  color: #444444;
  border-color: #444444;
}
button.action.disabled,
button.action[disabled] {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}
a.action {
  /* plain text action links */
  display: inline-block;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  padding: 1px;
  border-bottom: 1px dotted #895C58;
  background: #fff;
  color: #895C58;
  border-color: #895C58;
  text-decoration: none;
}
a.action:hover {
  color: #444444;
  border-color: #444444;
}
a.action.secondary {
  /* plain text action links */
  display: inline-block;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  padding: 1px;
  border-bottom: 1px dotted #895C58;
  background: #fff;
  color: #895C58;
  border-color: #895C58;
  text-decoration: none;
  display: block;
  color: #333333;
  border: 1px solid #666666;
  background: #ddd;
  line-height: 32px;
  cursor: pointer;
  padding: 0 8px;
  width: auto;
  margin: 0 auto;
  border-radius: 2px;
  font-weight: 500;
}
a.action.secondary:hover {
  color: #444444;
  border-color: #444444;
}
a.action.back {
  border: none;
  text-decoration: none;
  color: #333;
  padding-left: 18px;
  background: url('../images/icon-arrow-small-left.svg') 0 50% no-repeat;
  background-size: 16px;
  line-height: 20px;
}
select.select,
.form select {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  border-radius: 0;
  color: #444444;
  color: #b2b2b2;
  color: #333333;
  text-indent: 4px;
  border: 1px solid #d9d9d9;
  background: #ffffff url('../images/icon-arrow-dropdown.png') 98% 50% no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.form select {
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
  color: #666666;
  color: #777;
  background-image: url('../images/icon-arrow-dropdown.png');
  background-repeat: no-repeat;
  background-position: 98% 50%;
  text-indent: 15px;
  border: 1px solid #d9d9d9;
}
.form select option {
  color: #666666;
}
legend.label {
  font-size: 12px;
  margin: 6px 0 2px;
}
.form .fieldset {
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}
.form .fieldset .legend {
  font-size: 13px;
  text-transform: uppercase;
}
.form .field {
  text-align: left;
  position: relative;
  margin: 0 0 10px 0;
  padding: 0;
}
.form .field .field-tooltip {
  display: none;
}
.form .field label {
  font-size: 12px;
  line-height: 14px;
  color: #666666;
  padding: 0 0 4px 2px;
}
/*
        .form .field label{
            display: none;
            position: absolute;
            top: 4px;
            left: 7px;
            color: #999;
        }
        .form .field.js-active label{
            position: absolute;
            top: 4px;
            left: 7px;
            color: #999;
        }
    */
.fieldset .field {
  /* main field wrapper */
  position: relative;
  padding: 0;
  margin: 0 0 12px;
  text-align: left;
  clear: both;
}
.fieldset .field.half {
  float: left;
  width: 50%;
}
.fieldset .field.half.second {
  clear: none;
}
.fieldset .field.half.second input {
  border-left: 0;
}
.fieldset .field.half.second select {
  border-left: 0;
}
.fieldset .field-error {
  font-size: 12px;
  color: #aa0000;
  display: block;
  margin: 3px 0 0 0;
}
.fieldset fieldset.field {
  margin: 0;
}
.fieldset label.label {
  /* all checkout labels are placeholders by default */
}
.fieldset .field.choice {
  margin: 0;
  padding: 12px 0;
}
.fieldset .field.choice .control {
  display: inline-block;
}
.fieldset .field.choice label.label {
  display: inline-block;
  /* show labels for radio choices */
}
.fieldset .field.qty label.label {
  display: block;
  padding-bottom: 6px;
}
.form input.text {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  border: 0px;
  border-bottom: 1px solid #d9d9d9;
  padding: 4px 10px 4px 4px;
  border: 1px solid #d9d9d9;
  padding: 4px 10px 4px 15px;
}
.form .cta {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  font-family: 'TradeGothicLight', helvetica, arial, sans-serif;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  background: #563b1a;
  border: 1px solid #563b1a;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 20px;
  width: auto;
  text-align: center;
}
.form .cta:hover {
  background: #62441f;
}
.form .cta.disabled,
.form .cta[disabled] {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  background: #555;
  color: #ddd;
}
.place-order-box .cta {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  font-family: 'TradeGothicLight', helvetica, arial, sans-serif;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  background: #563b1a;
  border: 1px solid #563b1a;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 20px;
  width: auto;
  text-align: center;
}
.place-order-box .cta:hover {
  background: #62441f;
}
.place-order-box .cta.disabled,
.place-order-box .cta[disabled] {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  background: #555;
  color: #ddd;
}
.form .actions-toolbar {
  overflow: hidden;
  position: relative;
}
.actions-toolbar .secondary {
  padding-top: 8px;
}
.login-container p,
.field.note,
.password-strength-meter {
  font-size: 12px;
}
/**
    footer styles
**/
.page-footer {
  background: #ffffff;
  background: #f9f9f9;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  z-index: 1;
}
.footer.content {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding: 0;
}
.page-footer ul.footer-nav {
  display: block;
  /* could hide here for mobile */
}
ul.footer-nav {
  overflow: hidden;
  position: relative;
  clear: both;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}
.footer-header {
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  font-size: 13px;
  color: #444444;
  padding: 20px 0;
  margin: 0;
  cursor: pointer;
}
li.footer-column {
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  border-top: 1px solid #d9d9d9;
}
li.footer-column:first-child {
  border: 0;
}
.footer-column ul.footer-sub-nav {
  list-style: none;
  padding: 0 0 10px;
  display: none;
  /* for mobile */
}
ul.footer-sub-nav li {
  padding: 2px 0 12px;
  list-style: none;
}
ul.footer-sub-nav li.frans-social-full {
  padding: 0 0 6px;
}
ul.footer-sub-nav li.frans-social-full a {
  height: 24px;
  display: block;
  padding: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 80px 24px;
  overflow: hidden;
  text-indent: -1200px;
}
ul.footer-sub-nav li.frans-social-full-instagram a {
  background-image: url('../images/frans-social-full-instagram.svg');
}
ul.footer-sub-nav li.frans-social-full-facebook a {
  background-image: url('../images/frans-social-full-facebook.svg');
}
ul.footer-sub-nav li.frans-social-full-frans-notes a {
  background-image: url('../images/frans-social-full-frans-notes.svg');
}
ul.footer-sub-nav li a {
  padding: 5px 0;
  color: #666666;
  font-size: 13px;
}
ul.footer-sub-nav li a:hover {
  color: #926e5e;
}
.footer .contact {
  position: relative;
  overflow: visible;
  width: auto;
  text-align: center;
  padding: 40px 20px;
  margin: 0 auto;
  clear: both;
  font-size: 13px;
  line-height: 22px;
  color: #666666;
  z-index: 10;
  box-sizing: border-box;
}
.footer .contact p {
  margin: 0;
  font-size: 13px;
  line-height: 22px;
}
.footer .contact .fleur {
  display: block;
  width: 32px;
  height: 34px;
  margin: auto;
  background: url('../images/icon-fleur-small.png') top center no-repeat;
  background: url('../images/frans-logo-icon-3.svg') 50% 50% no-repeat;
  background-size: 32px auto;
  padding: 0 0 6px 0;
}
/* todo fix in XML, hide help desk button in footer for checkout */
body .hdmx__contact-button {
  display: none;
}
/**
    Contact Form
**/
body.contact-index-index .content-tabs > ul li {
  display: inline-block;
  width: 175px;
}
body.contact-index-index .content-tabs > ul li a {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 0 4px;
}
body.contact-index-index .content-tabs > ul li a.current {
  border-bottom: 2px solid #000;
}
body.contact-index-index .content-tabs > ul li a .icon {
  display: block;
  width: 31px;
  height: 27px;
}
body.contact-index-index .contact-copy {
  text-align: center;
  padding: 10px 20px 30px;
  font-size: 13px;
  line-height: 20px;
}
body.contact-index-index .contact-copy h2 {
  margin: 0 0 4px;
}
body.contact-index-index .contact-copy .phone {
  font-weight: bold;
}
body.contact-index-index .stores {
  padding: 10px;
  background: #e2e2e2;
  position: relative;
  overflow: hidden;
  text-align: center;
}
body.contact-index-index .stores .row {
  display: block;
  clear: both;
  text-align: center;
  display: inline-block;
}
body.contact-index-index .stores .store-detail {
  padding: 20px;
  display: block;
  text-align: left;
  float: left;
}
body.contact-index-index .contact-page-form {
  margin: 0 auto;
  max-width: 500px;
}
body.contact-index-index .contact-page-form fieldset.fieldset legend {
  display: none;
}
body.contact-index-index .contact-page-form fieldset.fieldset .address-field {
  display: none;
}
body.contact-index-index .contact-page-form fieldset.fieldset .ordernumber-field {
  display: none;
}
body.contact-index-index .contact-page-form fieldset.fieldset .company-field {
  display: block;
}
body.contact-index-index .page-main .frans-store-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.contact-index-index .page-main .tile.store {
  height: auto;
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  background: none;
  text-align: left;
  width: 25%;
  max-width: 25%;
}
body.contact-index-index .page-main .tile.store .store-detail {
  padding: 0;
}
body.contact-index-index .page-main .tile.store .store-thumbnail {
  display: block;
  width: 228px;
  height: 118px;
  background: #fff;
}
body.contact-index-index .page-main .tile.store .store-title {
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  padding: 6px 0 0 0;
  margin: 0;
}
body.contact-index-index .page-main .tile.store .store-hours {
  padding: 8px 0;
}
body.contact-index-index .page-main .tile.store .store-hours p {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}
body.contact-index-index .page-main .tile.store .store-phone {
  margin: 0;
  font-size: 12px;
  line-height: 13px;
}
body.contact-index-index .page-main .tile.store .store-address,
body.contact-index-index .page-main .tile.store .store-hours-title,
body.contact-index-index .page-main .tile.store .store-sub-title {
  display: none;
}
body.contact-index-index .hdmx__contact-form .actions-toolbar .action.primary {
  padding: 0 20px;
}
/**
    NOTES
**/
.page-main .notes-theme .tile h2,
.page-main .notes-theme .tile h3,
.page-main .notes-theme .tile h4 {
  font-size: 26px;
  line-height: 30px;
  text-transform: none;
  margin-bottom: 8px;
}
.page-main .notes-theme .tile h2 a,
.page-main .notes-theme .tile h3 a,
.page-main .notes-theme .tile h4 a {
  color: #333;
}
.page-main .notes-theme .tile h2.block-title {
  padding-top: 30px;
  background: url('../images/icon-frans-light.svg') 50% 0 no-repeat;
  background-size: 19px 19px;
}
.page-main .notes-theme .tile.full h2.block-title {
  font-size: 32px;
  line-height: 1.2em;
}
.page-main .notes-theme .tile h3.subtitle {
  margin: 0 auto;
  padding: 0 0 16px 0;
}
.page-main .notes-theme .tile h4 {
  font-size: 14px;
  line-height: 15px;
  text-transform: none;
  color: #333;
  margin: 40px 0 20px 0;
  padding-top: 40px;
}
.page-main .notes-theme .tile h5 {
  margin: 0;
  color: #444444;
}
.page-main .notes-theme {
  overflow: hidden;
  position: relative;
}
.page-main .notes-theme .notes-post h3 {
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  margin: 16px 0 8px;
  text-transform: none;
  color: #333;
}
.page-main .notes-theme .notes-post .description {
  color: #333;
  font-size: 12px;
  line-height: 16px;
  margin: 2px 30px 0;
}
.notes-theme .frans-notes-posts {
  display: block;
  overflow: visible;
  position: relative;
  overflow: hidden;
  padding: 0 0 20px 0;
}
.notes-theme .notes-post {
  display: block;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  max-width: 300px;
  height: auto;
  margin: 0 auto 20px;
}
.notes-theme .notes-post:last-child {
  margin-bottom: 0;
}
.notes-theme .notes-post .image {
  width: 100%;
  height: 160px;
  max-width: 300px;
  margin: 0 auto;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.cms-home .column.main .notes-theme .tile.full h3.subtitle {
  text-shadow: none;
}
.cms-home .column.main .notes-theme .form {
  width: 300px;
  margin: 0 auto;
  padding: 0;
}
.cms-home .column.main .notes-theme .form .field.newsletter {
  width: 220px;
  float: left;
}
.cms-home .column.main .notes-theme .form .action {
  width: 80px;
  float: left;
}
/**
    PAGE BUILDER
**/
.pagebuilder-column p:last-child {
  margin: 0;
}
.pagebuilder-mobile-hidden {
  display: none;
}
.pagebuilder-mobile-only {
  display: block;
}
/**
    TILES
**/
@media (min-width: 375px) {
  .notes-theme .frans-notes-posts {
    position: relative;
    overflow: visible;
    display: flex;
    align-items: top;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
  }
}
@media (min-width: 495px) {
  .block.block-search .block.block-content {
    min-width: 480px;
  }
}
@media (min-width: 735px) {
  .page-main {
    max-width: 730px;
  }
}
@media (min-width: 855px) {
  .page-main {
    max-width: 850px;
  }
  .notes-theme .frans-notes-posts .notes-post {
    max-width: 23%;
  }
}
/**
    desktop styles
**/
/**
    desktop 1 / 960
**/
@media (min-width: 975px) {
  .footer.content {
    padding: 40px 0 60px;
  }
  .footer .contact {
    padding: 0 20px;
  }
  /**
        change main header display
        desktop main page and header
    **/
  .page-main {
    padding: 0;
    margin: 0 auto 0;
    max-width: 970px;
    background: none;
  }
  .page-header {
    max-width: 970px;
    margin: 0 auto;
    padding: 40px 0 0;
  }
  .page-header .panel.wrapper {
    display: block;
    position: absolute;
    width: auto;
    z-index: 800;
    text-align: left;
    margin: 0;
    padding: 0;
    top: 68px;
    left: auto;
    right: 60px;
    z-index: 980;
  }
  .page-header .panel.wrapper .panel.header .header.links li {
    float: left;
  }
  .page-header .panel.wrapper .panel.header ul.header.links li {
    display: inline-block;
  }
  .page-header .panel.wrapper .panel.header ul.header.links li.greet,
  .page-header .panel.wrapper .panel.header ul.header.links li.authorization-link,
  .page-header .panel.wrapper .panel.header ul.header.links li.wishlist {
    display: none;
  }
  .page-header .panel.wrapper .panel.header ul.icon-nav li {
    display: inline-block;
  }
  .page-header .logo {
    display: block;
    width: auto;
    height: auto;
    background: none;
    text-indent: 0;
    width: 124px;
    height: 80px;
  }
  .breadcrumbs {
    display: block;
    width: 950px;
    margin: 0 auto;
  }
  li.footer-column {
    width: 16.66%;
    float: left;
    border: none;
  }
  /* desktop header */
  .header.content {
    position: relative;
    z-index: 900;
    max-width: 160px;
  }
  .header.content .icon-nav li {
    display: inline-block;
  }
  .header.content .icon-nav div.minicart-wrapper {
    display: inline-block;
  }
  /* desktop footer */
  .page-footer ul.footer-nav {
    display: block;
  }
  ul.footer-nav {
    text-align: left;
    border: none;
    padding: 20px 20px 40px;
  }
  .footer-header {
    padding: 0 0 10px 0;
    cursor: default;
  }
  ul.footer-sub-nav li {
    padding: 5px 0;
  }
  .footer-column ul.footer-sub-nav {
    display: block !important;
    /* show all for desktop */
    max-height: none;
    padding: 0;
  }
  li.footer-column {
    padding: 10px 0;
  }
  /**
        PAGE BUILDER DESKTOP
    **/
  .pagebuilder-mobile-hidden {
    display: block;
  }
  .pagebuilder-mobile-only {
    display: none;
  }
}
@media (min-width: 1095px) {
  .page-main {
    max-width: 1090px;
  }
  .page-header {
    max-width: 1090px;
  }
  .breadcrumbs {
    width: 1070px;
  }
}
@media (min-width: 1215px) {
  .page-main {
    max-width: 1210px;
  }
  .page-header {
    max-width: 1210px;
  }
  .breadcrumbs {
    width: 1190px;
  }
}
@media (min-width: 1335px) {
  .page-header {
    max-width: 1330px;
  }
}
@media (min-width: 1455px) {
  .page-header {
    max-width: 1450px;
  }
}
/**
    CMS PAGE Styles
**/
body.cms-page-view .banner {
  text-align: center;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  /* box-shadow: 1px 1px 4px rgba(0, 0, 0, .2); */
}
body.cms-page-view .banner img {
  display: block;
  width: 100%;
  height: auto;
}
body.cms-page-view .page-main {
  background-color: #ffffff;
  /* background-image: url('../image-samples/banner/frans-header-confection-care.jpg'); */
  background-position: 50% 0;
  background-repeat: no-repeat;
  padding: 0 30px 40px;
}
body.cms-page-view .page-main .column.main {
  background: none;
  margin: 0 auto;
}
body.cms-page-view .page-main h1.page-title {
  font-family: 'HCo Gotham', 'Trade Gothic', helvetica, arial;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  margin: 24px 0 4px;
}
body.cms-page-view .page-main h2,
body.cms-page-view .page-main h3,
body.cms-page-view .page-main h4 {
  font-size: 15px;
  font-family: 'HCo Gotham', helvetica, arial;
  font-family: 'HCo Gotham', 'Trade Gothic', helvetica, arial;
  text-transform: none;
  margin: 20px 0 10px;
}
body.cms-page-view .page-main h2 {
  font-size: 18px;
  line-height: 20px;
}
body.cms-page-view .page-main p {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 22px;
}
body.cms-page-view .page-main blockquote {
  font-size: 20px;
  line-height: 1.2em;
  padding: 20px 0;
  max-width: 400px;
  margin: 0 auto;
}
body.cms-page-view .page-main blockquote p {
  font-size: 20px;
  line-height: 1.2em;
  margin: 0;
}
body.cms-page-view .page-main hr.plain {
  width: 100%;
  height: 1px;
  margin-top: 60px;
  margin-bottom: 50px;
  background: #e2e2e2;
  border: 0;
}
body.cms-page-view .page-main .table {
  width: 100%;
  margin: 4px 0 10px;
}
body.cms-page-view .page-main .table > thead > tr > th,
body.cms-page-view .page-main .table > tbody > tr > th,
body.cms-page-view .page-main .table > tfoot > tr > th,
body.cms-page-view .page-main .table > thead > tr > td,
body.cms-page-view .page-main .table > tbody > tr > td,
body.cms-page-view .page-main .table > tfoot > tr > td {
  font-size: 13px;
  line-height: 18px;
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
body.cms-page-view .page-main .table > tbody > tr:nth-child(even) > td {
  background: #f6f6f6;
}
body.cms-page-view .page-main table {
  border: 0;
  width: auto !important;
  margin-bottom: 20px;
}
body.cms-page-view .page-main table tr td {
  border: 0;
  border-top: 1px solid #d9d9d9;
  padding: 10px;
}
body.cms-page-view .page-main ul {
  padding: 0 0 0 8px;
  margin: 0 0 0 8px;
}
body.cms-page-view .page-main ul li {
  list-style: disc;
  padding: 0 0 4px 0;
  font-size: 13px;
  line-height: 22px;
}
body.cms-page-view .page-main ul.inline-bullet-list {
  text-align: center;
  padding: 4px;
  margin: 4px 0;
  display: block;
}
body.cms-page-view .page-main ul.inline-bullet-list li {
  display: inline-block;
  padding: 4px;
  margin: 4px;
}
/* not found page */
body.cms-no-route .page-main {
  background-color: #ffffff;
  background-image: url('../images/bg-not-found.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  padding: 180px 60px 40px;
}
body.cms-no-route .page-main .column.main {
  background: none;
  text-align: center;
}
body.cms-no-route .page-main h1,
body.cms-no-route .page-main h2,
body.cms-no-route .page-main h3 {
  font-size: 15px;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
  text-transform: none;
  margin: 20px 0 10px;
}
body.cms-no-route .page-main h1 {
  font-size: 20px;
  line-height: 24px;
}
body.cms-no-route .page-main p {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 22px;
}
body.contact-index-index .banner {
  text-align: center;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  /* box-shadow: 1px 1px 4px rgba(0, 0, 0, .2); */
}
body.contact-index-index .banner img {
  display: block;
  width: 100%;
  height: auto;
}
body.contact-index-index .page-main .column.main {
  background: none;
}
body.contact-index-index h2,
body.contact-index-index h3 {
  font-size: 15px;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
  text-transform: none;
  margin: 20px 0 10px;
}
body.contact-index-index p {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 22px;
}
body.contact-index-index .form.contact {
  margin: 0 auto;
  max-width: 400px;
}
.pagebuilder-column-line {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pagebuilder-column {
  width: 100% !important;
}
/*
    SPECIAL MOBILE ONLY PAGE BUILDER
    MAX WIDTH DESKTOP 1 ~ 975
*/
@media (max-width: 975px) {
  .pagebuilder-column {
    width: 100% !important;
  }
}
@media (min-width: 975px) {
  .banner {
    max-height: 336px;
  }
  .banner img {
    margin-top: -32px;
  }
  .pagebuilder-column {
    width: 50% !important;
  }
  .pagebuilder-column-line {
    flex-direction: row;
  }
}
@media (min-width: 1095px) {
  .banner {
    max-height: 378px;
  }
  .banner img {
    margin-top: -36px;
  }
}
@media (min-width: 1215px) {
  .banner {
    max-height: 420px;
  }
  .banner img {
    margin-top: -40px;
  }
}
/*
    small desktop 960
*/
@media (min-width: 975px) {
  body.cms-page-view .page-main {
    padding-left: 0;
    padding-right: 0;
  }
  body.cms-page-view .page-main .column.main {
    padding: 12px 30px;
    max-width: 900px;
  }
  body.cms-page-view.cms-stores .page-main .column.main,
  body.cms-page-view.page-layout-frans_store .page-main .column.main,
  body.cms-page-view.cms-event-favors .page-main .column.main {
    max-width: 1200px;
  }
  .pagebuilder-column-group {
    padding: 14px 0;
  }
  .pagebuilder-column {
    padding: 0 40px 0 0;
  }
}
/**
    full desktop view 1200
**/
/** Navigation.less **/
/**
    mobile styles
**/
html.nav-open body {
  margin-left: 100%;
  overflow: hidden;
}
html.nav-open body .page-wrapper {
  min-width: 710px;
}
html.nav-open .sections.nav-sections {
  left: 0;
  box-shadow: inset -30px 0px 30px -25px rgba(0, 0, 0, 0.15);
  height: 100%;
  min-height: 100%;
  overflow: auto;
}
/**
    menu styles
**/
.action.nav-toggle {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 20px;
  background: url('../images/icon-menu.svg') 0 50% no-repeat;
  background-size: 20px 14px;
  height: 44px;
  width: 44px;
}
.action.nav-toggle span {
  overflow: hidden;
  position: relative;
  display: none;
  text-indent: 0;
  padding: 13px 20px 10px 28px;
}
.sections.nav-sections {
  display: block;
  text-align: center;
  padding: 10px 0;
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  padding: 0;
  z-index: 300;
  transition: all 200ms ease-out;
}
.nav-sections-item-title {
  /* nav tab in mobile nav */
  display: block;
  font-size: 16px;
  text-align: left;
  padding: 18px 12px;
  margin: 0;
  text-transform: uppercase;
  text-transform: capitalize;
  color: #666666;
  display: none;
  /* hide menu tabs */
}
.nav-sections-item-title a {
  color: #666666;
}
.nav-sections .nav-sections-item-content {
  display: block !important;
  /* show nav sections look at theme.js */
}
.nav-sections .nav-sections-item-content .header.links li.link.wishlist {
  display: none;
}
.nav-sections .nav-sections-item-content .header.links li.link.authorization-link.logged-in {
  display: none;
}
.nav-sections .nav-sections-item-content .header.links li.greet.welcome {
  display: none;
}
.nav-sections-item-content .header.links,
.nav-sections-item-content ul.footer-nav {
  padding: 20px 0;
  background-color: #f9fafc;
  border-top: 1px solid #e9e9e9;
}
.nav-sections-item-content .header.links li,
.nav-sections-item-content ul.footer-nav li {
  text-align: left;
}
.nav-sections-item-content .header.links li .footer-header,
.nav-sections-item-content ul.footer-nav li .footer-header {
  padding: 10px 20px;
  font-size: 16px;
  line-height: 20px;
  color: #666666;
  text-transform: lowercase;
}
.nav-sections-item-content .header.links li ul.footer-sub-nav li,
.nav-sections-item-content ul.footer-nav li ul.footer-sub-nav li {
  display: block;
  padding: 0;
}
.nav-sections-item-content .header.links li ul.footer-sub-nav li a,
.nav-sections-item-content ul.footer-nav li ul.footer-sub-nav li a {
  display: block;
  padding: 4px 20px 10px;
}
.nav-sections-item-content .header.links li {
  display: block;
  text-align: left;
  padding: 0;
}
.nav-sections-item-content .header.links li a {
  color: #666666;
  text-transform: capitalize;
  padding: 0 20px;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: left;
  font-size: 16px;
}
.nav-sections-item-content .top-nav li {
  display: block;
  text-align: left;
  padding: 0;
}
.nav-sections-item-content .top-nav li a {
  color: #666666;
  text-transform: capitalize;
  padding: 0 20px;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: left;
  font-size: 16px;
}
.navigation .nav-header {
  border-bottom: 1px solid #d9d9d9;
}
.navigation .nav-header .close-icon {
  position: absolute;
  top: 32px;
  left: 20px;
  width: 20px;
  height: 20px;
  padding: 0 0 0 27px;
  background: url('../images/icon-x.svg') 0 50% no-repeat;
  background-size: 15px 15px;
  color: #333;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-indent: -200px;
  cursor: pointer;
}
.navigation .nav-header .nav-title {
  font-size: 16px;
  text-align: left;
  padding: 18px 12px;
  margin: 0;
  text-transform: uppercase;
  text-transform: capitalize;
  color: #666666;
  text-align: center;
  width: 44px;
  height: 44px;
  margin: 20px auto;
  box-sizing: border-box;
  overflow: hidden;
  text-indent: -500px;
  background: url('../images/frans-logo-icon-2.svg') 50% 50% no-repeat;
  background-size: 44px 44px;
}
.navigation ul {
  padding: 0;
  margin: 0;
}
.navigation ul li a {
  position: relative;
  overflow: hidden;
  color: #666666;
  color: #563b1a;
  text-transform: capitalize;
  padding: 0 18px;
  display: block;
  height: 85px;
  line-height: 85px;
  text-align: left;
  font-size: 16px;
}
.navigation ul li a .icon {
  display: block;
  position: relative;
  overflow: hidden;
  width: 126px;
  height: 85px;
  margin: auto;
  float: left;
  display: none;
  /* hide icon for top-level categories */
  margin-right: 4px;
}
.navigation ul li a .icon img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
}
.navigation ul li a .category-name {
  text-transform: capitalize;
  display: block;
  padding: 6px 2px;
  float: left;
}
.navigation ul li a:hover span.category-name {
  color: #000;
  border-bottom: 2px solid #000;
}
.navigation ul li.level0 {
  display: inline-block;
  list-style: none;
  display: block;
}
.navigation ul li.level0 > a {
  height: 48px;
  line-height: 48px;
}
.nav.item {
  list-style: none;
  padding: 5px;
  text-align: left;
}
/* mobile sub categories and menu dropdown */
.navigation .level0 .submenu {
  display: none;
  list-style: none;
  height: auto;
  min-width: 230px;
  max-width: 1210px;
  width: auto;
  position: relative;
  top: auto !important;
  left: auto !important;
  min-width: auto;
  padding: 0;
}
.navigation .level0 .submenu .icon {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 126px;
  max-height: 85px;
  margin: 0 auto;
}
.navigation .level0 .submenu .icon img {
  max-width: 100%;
  height: auto;
  margin: 0;
}
.navigation .level0 .submenu h3 {
  display: none;
}
.navigation .level0 .submenu li.all-category {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}
.navigation .level0 .submenu li.all-category a {
  height: 32px;
  line-height: 32px;
  padding-left: 88px;
}
.navigation .level0 .submenu.gifts li a {
  padding-left: 80px;
}
.navigation .level0 .submenu.gifts .column1 {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
}
.navigation .level0 .submenu li a .category-name {
  padding: 0;
}
.navigation .level0 .submenu li a .icon img {
  display: block;
  /* img icon on mobile nav submenus */
}
.navigation .level0 .submenu.gifts {
  /*TEMP to show menu on load*/
}
.navigation .level0 .submenu span.ui-menu-divider {
  display: none;
}
/* switcher navs */
.switcher.switcher-store {
  display: block;
  /* don't show store swticher todo in xml */
  display: none;
  position: absolute;
  bottom: 2px;
  left: 2px;
  opacity: .5;
  z-index: 20;
}
.switcher.switcher-store .switcher-label {
  display: none;
}
.switcher.switcher-language {
  display: none;
  /* don't show lang switcher todo in xml */
}
/********************************************************************
    desktop styles
********************************************************************/
@media (min-width: 975px) {
  /* desktop nav */
  .action.nav-toggle {
    display: none;
  }
  .navigation {
    position: relative;
  }
  .navigation .close-icon {
    display: none;
  }
  .navigation .nav-title {
    display: none;
  }
  .navigation .nav-arrow {
    display: block;
    display: none;
    /* todo js arrow control */
    background: red;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 16px;
    height: 8px;
    background: none;
    background-image: url('../images/icon-arrow-nav.png');
  }
  .navigation ul li a {
    height: auto;
    font-size: 16px;
    line-height: 16px;
    padding: 4px 18px;
    text-align: center;
  }
  .navigation ul li a .icon {
    float: none;
    display: none;
  }
  .navigation ul li a .category-name {
    float: none;
    padding: 6px 2px;
  }
  .navigation ul li.level0 {
    display: inline-block;
    border: 0;
  }
  .navigation ul li.level0 a {
    height: auto;
    font-size: 16px;
    line-height: 16px;
  }
  .navigation ul li.level0 .category-name {
    border-bottom: 2px solid #fff;
  }
  .navigation ul li.level0.active .category-name,
  .navigation ul li.level0.has-active .category-name {
    color: #000;
    border-bottom: 2px solid #000;
  }
  .navigation ul li.level0.active li.level1 a .category-name,
  .navigation ul li.level0.has-active li.level1 a .category-name {
    border-bottom: 2px solid #fff;
  }
  .navigation ul li.level0.active li.level1 a:hover .category-name,
  .navigation ul li.level0.has-active li.level1 a:hover .category-name {
    color: #000;
    border-bottom: 2px solid #000;
  }
  .navigation ul li.level0 li a {
    padding: 10px;
  }
  .navigation .level0 .submenu {
    position: absolute;
    min-width: 200px;
    box-shadow: 0 40px 40px rgba(0, 0, 0, 0.25);
    padding: 28px 20px;
    background: #ffffff;
    border: 0;
    box-sizing: border-box;
    overflow: visible;
    margin-left: 0;
    left: 0 !important;
    max-width: 100%;
    width: 100%;
    /* special 2 column gifts dropdown */
  }
  .navigation .level0 .submenu .nav-box {
    /*inset nav box if needed*/
  }
  .navigation .level0 .submenu span.ui-menu-divider {
    display: block;
    padding: 0;
  }
  .navigation .level0 .submenu h3 {
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 0 0 10px 0;
    text-transform: uppercase;
    text-transform: capitalize;
    color: #382818;
    font-weight: normal;
    font-family: 'Trade Gothic', helvetica, arial;
    font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  }
  .navigation .level0 .submenu li {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 0;
    padding: 30px 30px 0;
  }
  .navigation .level0 .submenu li a {
    display: block;
    width: auto;
    padding: 0 10px 4px;
    box-sizing: border-box;
    border-bottom: 1px solid #ffffff;
    font-size: 13px;
    line-height: 14px;
    text-transform: capitalize;
    text-transform: lowercase;
  }
  .navigation .level0 .submenu li a:hover .category-name {
    color: #000;
    border-bottom: 2px solid #000;
  }
  .navigation .level0 .submenu li a .icon {
    display: block;
    width: 126px;
    height: 85px;
    background-color: none;
    margin: 0 auto;
  }
  .navigation .level0 .submenu li a .icon img {
    display: block;
  }
  .navigation .level0 .submenu li a .category-name {
    display: inline-block;
    padding: 6px 0;
  }
  .navigation .level0 .submenu.gifts {
    padding: 28px 200px;
  }
  .navigation .level0 .submenu.gifts li {
    display: block;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: center;
  }
  .navigation .level0 .submenu.gifts li a {
    border: 0;
    padding: 10px 10px 4px;
  }
  .navigation .level0 .submenu.gifts .columns {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
  }
  .navigation .level0 .submenu.gifts .column1 {
    width: 50%;
    max-width: 260px;
    display: block;
    box-sizing: border-box;
  }
  .navigation .level0 .submenu.gifts .column1:first-child {
    border-right: 1px solid #d9d9d9;
    width: 50%;
    max-width: 260px;
  }
  .nav-sections-item-content .header.links,
  .nav-sections-item-content .icon-nav,
  .nav-sections-item-content ul.footer-nav {
    display: none;
    /* hide account links from main nav on desktop */
  }
  .sections.nav-sections {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    border: 0;
    padding: 46px 0 40px;
  }
  .sections.nav-sections .nav-header {
    display: none;
  }
  .sections.nav-sections .contact {
    display: none;
  }
  .nav-sections-item-title {
    display: none;
  }
}
@media (min-width: 1095px) {
  .navigation ul li a {
    padding: 4px 24px;
  }
}
@media (min-width: 1215px) {
  /* desktop nav */
  .navigation ul li a {
    padding: 4px 30px;
  }
}
/**
    SHOPPING CART / SHOPPING BAG
**/
.minicart-wrapper .action.showcart {
  background-color: none;
  background-image: url('../images/icon-shopping-bag.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  position: relative;
  padding: 0;
  z-index: 800;
  box-sizing: border-box;
  border: 0;
  background-color: transparent;
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 16px;
  background-image: url('../images/icon-sheet-nav-utility.svg');
  background-size: 192px auto;
  background-position: 0 0;
  background-position: -120px 0;
}
.minicart-wrapper .action.showcart:hover {
  background-color: transparent;
}
.minicart-wrapper .action.showcart:hover {
  background-position: -120px -24px;
}
.minicart-wrapper .action.showcart .text {
  display: none;
}
.minicart-wrapper.active .block-minicart {
  position: relative;
  background-color: #ffffff;
  min-width: 270px;
  margin-top: 36px;
  box-shadow: 1px 1px 10px rgba(100, 100, 100, 0.1);
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
}
.minicart-wrapper .action.showcart .counter.qty {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 16px;
  background-image: url('../images/icon-sheet-nav-utility.svg');
  background-size: 192px auto;
  background-position: 0 0;
  margin: 0;
  background-position: -144px -24px;
}
.minicart-wrapper .action.showcart .counter.qty:hover {
  background-position: -144px -24px;
}
.minicart-wrapper .action.showcart .counter.qty.empty {
  background-position: -120px 0;
}
.minicart-wrapper .action.showcart .counter.qty.empty:hover {
  background-position: -120px -24px;
}
.counter.qty .counter-number {
  display: block;
  position: relative;
  box-sizing: border-box;
  color: #ffffff;
  border-radius: 0;
  padding: 3px 0 0 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  width: auto;
  height: auto;
  min-height: 24px;
  min-width: 24px;
  text-align: center;
  margin: 0;
}
.counter.qty .counter-label {
  display: none;
}
/* shopping bag */
.minicart-wrapper {
  display: inline-block;
  position: relative;
  float: right;
  top: auto;
  right: auto;
}
.minicart-wrapper .loading-mask {
  display: none !important;
  width: 14px;
  height: 14px;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
}
.minicart-wrapper .loading-mask .loader {
  position: absolute;
  top: auto;
  left: auto;
  right: 5px;
  bottom: 0;
  width: 30px;
  height: 30px;
}
.minicart-wrapper .mage-dropdown-dialog {
  position: absolute;
  top: 0;
  right: 0;
}
.minicart-wrapper .action.close {
  position: absolute;
  right: 4px;
  top: 4px;
  height: auto;
  line-height: inherit;
  width: auto;
  color: #333;
  background-image: none;
  background: none;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-indent: -500px;
  background: url('../images/frans-icon-sprite.svg') -15px -65px no-repeat;
  background-size: 600px 200px;
  display: none;
}
.block.block-minicart {
  text-align: left;
  padding: 10px;
}
.block.block-minicart .block-content .items-total {
  display: none;
  /* temp */
}
.block.block-minicart .button.action.primary {
  width: 100%;
  margin: 0 0 12px;
}
.block.block-minicart .block-title {
  display: none;
}
.block.block-minicart .subtitle {
  display: none;
  margin: 0;
  font-weight: normal;
  padding: 6px;
}
.block.block-minicart .subtitle.empty {
  display: block;
}
.block.block-minicart .subtotal {
  padding: 24px 0px 4px 0px;
  background: #ffffff;
  text-align: center;
}
.block.block-minicart .subtotal .label {
  font-weight: bold;
  padding: 0 0 4px 0;
}
.block.block-minicart .subtotal .amount.price-container {
  padding: 4px 0 0;
}
.block.block-minicart .actions {
  text-align: center;
  padding: 12px 0;
  clear: both;
}
.block.block-minicart .actions.product {
  border: 0;
  padding: 0;
  margin: 0;
}
.block.block-minicart .actions .secondary .action {
  text-transform: lowercase;
}
.block.block-minicart .actions .secondary .action.delete {
  border: 0;
  background: none;
}
.block.block-minicart .actions .secondary .action.delete span {
  background: url('../images/icon-remove-x.svg') 0 0 no-repeat;
  width: 15px;
  height: 15px;
  background-size: 15px;
  text-indent: -500px;
  overflow: hidden;
  display: block;
}
.minicart-items-wrapper {
  height: auto !important;
  /* todo override what sets height here */
}
.minicart-items-wrapper ol.minicart-items {
  list-style: none;
}
.minicart-items-wrapper li.product.product-item {
  display: block;
  position: relative;
  overflow: hidden;
  clear: both;
  padding: 12px 0;
  border-top: 1px solid #d9d9d9;
}
.minicart-items-wrapper li.product.product-item .product-image-container {
  width: auto !important;
}
.minicart-items-wrapper li.product.product-item .product {
  display: block;
  position: relative;
  overflow: hidden;
  clear: both;
  min-height: 80px;
}
.minicart-items-wrapper li.product.product-item .product.actions {
  position: absolute;
  top: 28px;
  right: 8px;
}
.minicart-items-wrapper .product-item-photo {
  width: 20%;
}
.minicart-items-wrapper .product-item-details {
  box-sizing: border-box;
  float: left;
  width: 72%;
  padding-top: 10px;
  padding-right: 82px;
}
.minicart-items-wrapper .product-item-details .product.options .toggle {
  text-transform: lowercase;
  color: #926e5e;
  cursor: pointer;
  display: none;
}
.minicart-items-wrapper .product-item-details .product.options .content {
  display: block !important;
}
.minicart-items-wrapper .product-item-details .product.options .content .subtitle {
  display: none;
}
.minicart-items-wrapper .product-item-details .product.options.list .label {
  display: none;
}
.minicart-items-wrapper .product-item-details .product.options.list .values {
  color: #666666;
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  text-transform: lowercase;
}
.minicart-items-wrapper .product-item-pricing {
  position: absolute;
  top: 8px;
  right: 32px;
  width: 50px;
}
.minicart-items-wrapper .product-item-pricing .details-qty {
  margin: 0 auto;
  flex: none;
}
.minicart-items-wrapper .product-item-pricing .details-qty .item-qty {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  float: none;
  text-align: center;
}
.minicart-items-wrapper .product-item-name a {
  color: #000000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.minicart-items-wrapper .product-image-wrapper {
  padding: 0 !important;
  /* todo override what sets padding here */
  margin: 10px 0 0 0;
}
.minicart-items-wrapper .product-image-wrapper img {
  display: block;
  width: 100% !important;
}
.minicart-items-wrapper .product-item-details .action.edit {
  display: none;
  /* temp */
}
.minicart-items-wrapper .actions {
  float: right;
  clear: right;
}
.minicart-items-wrapper .price-container {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}
.minicart-items-wrapper .details-qty {
  float: right;
  clear: right;
  margin: 2px 10px 2px 0;
}
.minicart-items-wrapper .details-qty button,
.minicart-items-wrapper .details-qty label {
  display: none;
  /* temp */
}
.minicart-items-wrapper .details-qty .item-qty {
  display: block;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
body.checkout-cart-index .page.messages {
  max-width: 870px;
  margin: 0 auto;
}
.cart-container {
  background: #ffffff;
  max-width: 870px;
  margin: 0 auto;
  /* temp hide */
}
.cart-container .cart-summary {
  display: block;
  position: relative;
  padding: 20px;
  margin: 0 0 0 0;
}
.cart-container .form-cart {
  padding: 20px;
  margin: 20px 0 0 0;
}
.cart-container .table-wrapper {
  overflow: hidden;
  position: relative;
}
.cart-container .table.totals {
  width: 100%;
  width: auto;
  float: right;
}
.cart-container .table.totals th {
  padding: 5px 5px 5px 20px;
  text-align: right;
  font-size: 100%;
}
.cart-container .table.totals td {
  padding: 5px;
  text-align: right;
}
.cart-container .table.totals td .amount {
  text-align: right;
}
.cart-container .checkout.methods {
  padding: 20px 0 0 0;
}
.cart-container .action {
  width: 100%;
  border: 0;
  background: none;
  box-shadow: none;
  text-transform: lowercase;
  background-color: transparent;
  padding: 0;
  color: #926e5e;
  text-decoration: underline;
  display: inline-block;
  width: auto;
  border: none;
}
.cart-container .action:hover {
  background-color: none;
  color: #c59e8d;
  text-decoration: none;
}
.cart-container .action-edit {
  display: none;
}
.cart-container .action.continue {
  display: block;
  text-align: center;
  margin: 20px 0 20px 0;
  display: none;
  /* temp hide here, moved to bottom of bag page */
}
.cart-container .action.clear {
  background: none;
  color: #333;
  margin: 0 0 20px 0;
  display: none;
  /* temp hide */
}
.cart-container .action.action-delete {
  text-transform: lowercase;
  background-color: transparent;
  color: #926e5e;
  text-decoration: underline;
  display: inline-block;
  width: auto;
  border: none;
  text-decoration: none;
  color: #333;
  padding-left: 22px;
  background-size: 20px;
  line-height: 20px;
  padding: 0;
  background: url('../images/icon-x.png') 0 50% no-repeat;
  min-width: 21px;
  min-height: 21px;
}
.cart-container .action.action-delete:hover {
  background-color: none;
  color: #c59e8d;
  text-decoration: none;
}
.cart-container .action.action-delete span {
  display: none;
}
.cart-container .action.update {
  margin: 12px 24px 0 0;
  float: right;
  display: inline-block;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  padding: 1px;
  border-bottom: 1px dotted #895C58;
  background: #fff;
  color: #895C58;
  border-color: #895C58;
  text-decoration: none;
}
.cart-container .action.update:hover {
  color: #444444;
  border-color: #444444;
}
.cart-container table.cart.items.table {
  width: 100%;
}
.cart-container table.cart.items.table th {
  display: none;
}
.cart-container table.cart.items.table td {
  border-top: 1px solid #d9d9d9;
  padding: 10px 25px 10px 5px;
  vertical-align: middle;
}
.cart-container table.cart.items.table td.qty {
  text-align: right;
  vertical-align: middle;
}
.cart-container table.cart.items.table td.subtotal {
  text-align: right;
  vertical-align: middle;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #000;
}
.cart-container table.cart.items.table td.actions {
  text-align: right;
  width: 30px;
}
.cart-container table.cart.items.table td:first-child {
  border-left: 1px solid #d9d9d9;
  padding: 20px 5px;
  width: 130px;
}
.cart-container table.cart.items.table td:last-child {
  border-right: 1px solid #d9d9d9;
}
.cart-container table.cart.items.table tr:last-child td {
  border-bottom: 1px solid #d9d9d9;
}
.cart-container table.cart.items.table caption.table-caption {
  display: none;
}
.cart-container table.cart.items.table .product-item-details {
  padding: 0 0 0 10px;
  text-align: left;
}
.cart-container table.cart.items.table .product-item-details .actions-toolbar {
  padding-top: 8px;
}
.cart-container table.cart.items.table .product-item-name a {
  color: #000000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0;
}
.cart-container table.cart.items.table .product-image-wrapper {
  padding: 0 !important;
  width: 100%;
  max-width: 100px;
}
.cart-container table.cart.items.table .product-image-wrapper img {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 126px;
  height: auto;
}
.cart-container table.cart.items.table .item-options {
  margin: 0;
  padding: 0 0 4px 0;
}
.cart-container table.cart.items.table .item-options dt {
  margin: 0;
  color: #333;
  padding: 4px 0 1px 0;
  display: none;
  /* temp hide title for size and color */
}
.cart-container table.cart.items.table .item-options dd {
  color: #000000;
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  text-transform: lowercase;
}
.cart-container table.cart.items.table .col.price {
  display: none;
  padding: 10px 0 0 0;
  text-align: left;
}
.cart-container table.cart.items.table .field.qty {
  width: 100px;
  margin: 0 auto;
}
.cart-container table.cart.items.table .field.qty label {
  display: none;
}
.cart-container table.cart.items.table .field.qty .control.qty input {
  width: 100%;
  text-align: center;
  font-size: 1.1em;
  font-weight: 400;
}
.cart-container .action.multicheckout {
  margin: 10px 0 0 0;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  padding: 1px;
  border-bottom: 1px dotted #895C58;
  background: #fff;
  color: #895C58;
  border-color: #895C58;
  text-decoration: none;
}
.cart-container .action.multicheckout:hover {
  color: #444444;
  border-color: #444444;
}
.cart-summary {
  clear: both;
}
.cart-summary .summary.title {
  display: none;
}
.cart-summary .block.shipping {
  display: none;
}
/*
    desktop 1 / 960 / 975
    switch to full account nav
*/
@media (min-width: 975px) {
  .minicart-wrapper .action.showcart {
    top: 10px;
    right: 0;
    top: auto;
    right: auto;
  }
  .minicart-wrapper.active .block-minicart {
    min-width: 480px;
  }
  .minicart-items-wrapper .product-image-wrapper {
    margin: 0;
  }
}
/**
    Category, Product Set and Product Detail Pages
**/
/**
    PRODUCT SET PAGE
**/
body.page-products .page-main {
  padding: 0 20px 40px;
  background: none;
}
body.page-products .category-image,
body.page-products .category-description,
body.page-products .sidebar,
body.page-products .block.filter {
  /* temp hide -- fix in xml */
  /* display: none; */
}
body.page-products .page-title-wrapper {
  display: none;
}
/* catalog list page sidebar */
body.page-products .sidebar {
  display: block;
  display: none;
  padding: 12px 12px;
  margin: 0;
  border: 1px solid #ccc;
}
body.page-products .sidebar .swatch-attribute.piece_count_swatch {
  border: 0;
}
body.page-products .sidebar .swatch-attribute.color_swatch {
  border: 0;
}
body.page-products .sidebar .swatch-attribute .swatch-option.text {
  color: #666666;
  background: none;
  margin: 0 10px 10px 0;
  text-align: center;
  outline: none;
  width: auto;
  box-sizing: border-box;
  padding: 8px 8px 6px;
  border: 2px solid #cecece;
  border-radius: 1px;
}
/* filter controls */
.block.filter {
  display: none;
}
.sidebar .block.filter {
  display: block;
}
.filter-content .action.filter-clear {
  font-size: 13px;
  line-height: 14px;
}
.filter-title {
  display: none;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.filter-subtitle {
  display: block;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  padding: 8px 0 2px 0;
}
.filter-current .items {
  overflow: hidden;
  position: relative;
}
.filter-current .item {
  overflow: hidden;
  position: relative;
  font-size: 14px;
  line-height: 17px;
  padding: 4px 0;
}
.filter-current .item span {
  display: block;
  float: left;
  margin: 0 4px 0 0;
}
.filter-current .item .action.remove {
  overflow: hidden;
  position: relative;
  display: block;
  float: left;
}
.filter-current .item .action.remove span {
  float: none;
  background: #ccc;
  margin: 0;
  width: 17px;
  height: 17px;
  overflow: hidden;
  text-indent: -500px;
  background: url('../images/icon-x.png') 50% 50% no-repeat;
}
.filter-current-subtitle {
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  margin: 4px 0 2px 0;
}
.filter-options .filter-options-title {
  padding: 16px 0 4px;
  border-bottom: 1px solid #d9d9d9;
}
.filter-options-content .item {
  padding: 4px 0;
}
.filter-options-content .count {
  color: #999;
}
/* SWATCHES */
/* todo override swatches.css */
.swatch-attribute {
  display: block;
  clear: both;
  overflow: hidden;
  position: relative;
  padding: 16px 0 0;
}
.swatch-attribute .swatch-attribute-label {
  display: none;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 15px;
  padding: 0 0 8px;
}
.swatch-attribute.piece_count_swatch .swatch-attribute-label {
  display: none;
  border-top: 1px solid #d9d9d9;
  width: 32px;
  text-indent: -500px;
  overflow: hidden;
  margin: 0 auto;
}
.swatch-attribute-options {
  margin: 0;
  padding: 0;
  display: inline-block;
  padding: 0 0 0 12px;
  /*padding to center swatches*/
}
.swatch-input.super-attribute-select {
  display: none;
  /* the hidden input for swatch pickers */
}
.swatch-attribute-selected-option {
  display: none;
  /* hide inline option for swatches, see swatch mixin */
}
.swatch-attribute.color_swatch .swatch-attribute-selected-option {
  /* show the color title */
  display: block;
  font-weight: normal;
  text-transform: none;
  font-size: 13px;
  line-height: 15px;
  padding: 0 0 8px;
}
.swatch-option {
  float: none;
  display: inline-block;
  box-sizing: border-box;
  min-height: 40px;
  min-width: 60px;
  margin: 0 10px 12px 0;
  cursor: pointer;
  background-size: cover;
  border: 2px solid #d9d9d9;
}
.swatch-option.selected,
.swatch-option:hover,
.swatch-option.image:not(.disabled):hover,
.swatch-option.color:not(.disabled):hover {
  border: 2px solid #333333;
}
.swatch-option .swatch-attribute-label {
  display: block;
}
.swatch-option.disabled {
  opacity: .3;
  cursor: default;
}
.swatch-option.text {
  color: #666666;
  background: none;
  margin: 0 12px 10px 0;
  text-align: center;
  outline: none;
  border: none;
}
.swatch-option.text .icon {
  min-width: 80px;
  width: auto;
  height: 60px;
  box-sizing: border-box;
  padding: 8px 6px 6px;
  font-size: 11px;
  line-height: 11px;
  border: 2px solid #d9d9d9;
  border-radius: 1px;
}
.swatch-option.text .icon .number {
  font-size: 24px;
  line-height: 24px;
}
.swatch-option.text .icon .size {
  font-size: 13px;
  line-height: 16px;
  padding-top: 7px;
}
.swatch-option.text .price {
  font-size: 13px;
  line-height: 14px;
  padding: 8px 2px 2px;
}
.swatch-option.text:hover,
.swatch-option.text.selected {
  outline: none;
}
.swatch-option.text:hover .icon,
.swatch-option.text.selected .icon {
  border: 2px solid #333;
  background: none;
  color: #333;
}
.swatch-option.text:hover .price,
.swatch-option.text.selected .price {
  font-weight: 500;
}
/**
    PRODUCT GRID
**/
.products-grid {
  position: relative;
  overflow: hidden;
  clear: both;
}
.product-item-photo,
.product-image-container,
.product-image-wrapper {
  display: block;
  position: relative;
}
.product-item-name a {
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  color: #333;
  text-transform: uppercase;
  text-transform: capitalize;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  margin-bottom: 10px;
}
.products-grid .product-item {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  min-width: 300px;
  max-width: 710px;
  min-height: 350px;
  height: auto;
  margin: 0 auto 10px;
  clear: both;
  border: 0;
  background: #f7f7f7;
}
.products-grid .product.description {
  display: none;
  /* hide by default */
}
.products-grid .product-item-info {
  display: block;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
  height: auto;
  align-items: center;
}
.products-grid .product-item-details {
  display: block;
  position: relative;
  position: absolute;
  box-sizing: border-box;
  clear: both;
  text-align: center;
  padding: 48px 10px 10px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.products-grid .product-item-details .action.tocart {
  display: none;
  /* temp todo flyout */
}
.products-grid .super-attribute-select {
  display: none;
  /* hidden input for swatch */
}
.products-grid .product-image-wrapper {
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 !important;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.products-grid .product-item-photo {
  float: none;
  padding-top: 88px;
  width: 100%;
}
.products-grid .product-image-container {
  width: 100% !important;
  aspect-ratio: auto !important;
}
.products-grid .product-image-wrapper img {
  display: block;
  width: 100%;
  max-width: 520px;
  height: auto;
  margin: 0 auto;
}
/* catalogsearch-result-index or page-with-filter */
.search.results dl.block {
  clear: both;
  margin: 0;
  padding: 0 0 16px;
}
.search.results dl.block dt.title {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 4px 4px 4px 0;
}
.search.results dl.block dd.item {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 1px 4px;
  background: #f9fafc;
}
.page-products .toolbar.toolbar-products {
  display: block;
  position: relative;
  clear: both;
  display: none;
}
.page-products .toolbar .modes {
  display: inline-block;
}
.page-products .toolbar .limiter {
  display: none;
}
.page-products .toolbar .sorter {
  display: inline-block;
  float: right;
}
.page-with-filter .toolbar-amount {
  display: inline-block;
}
/* products */
.product-items {
  list-style: none;
  clear: both;
  padding-top: 0;
  /* none for mobile */
}
.product-items .product-item {
  overflow: hidden;
  position: relative;
}
.product-items .product-item .product-image-wrapper {
  padding-bottom: 0 !important;
  /* todo fix / is set in JS? */
}
.product-item-photo {
  float: left;
}
.product.media .action.skip {
  display: none;
  /* temp review access */
}
/*
    mobile catalog
*/
@media (min-width: 735px) {
  /* desktop category page */
  .products-grid .product-item {
    width: 710px;
    max-width: 710px;
  }
}
/*
    desktop catalog
    small desktop 960
*/
@media (min-width: 975px) {
  body.page-products .page-main {
    padding: 0 0 40px 0;
  }
  .search.results dl.block {
    padding: 0 5px 16px;
  }
  /* desktop category page */
  .products-grid .product-items {
    width: 970px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
  }
  .products-grid .product-item {
    clear: none;
    float: left;
    width: 470px;
    margin: 5px;
    height: 500px;
  }
  .products-grid .product-item-info {
    flex-direction: row;
    height: 100%;
  }
}
@media (min-width: 1095px) {
  .products-grid .product-items {
    width: 1090px;
  }
  .products-grid .product-item {
    width: 530px;
  }
}
/**
    full desktop view 1200
**/
@media (min-width: 1215px) {
  /* desktop category page */
  .products-grid .product-items {
    width: 1210px;
  }
  .products-grid .product-item {
    width: 590px;
  }
}
/**
    desktop
**/
@media (min-width: 1335px) {
  /* desktop category page */
  .products-grid .product-items {
    width: 1330px;
  }
  .products-grid .product-item {
    width: 650px;
  }
}
/**
    desktop
**/
@media (min-width: 1455px) {
  /* desktop category page */
  .products-grid .product-items {
    width: 1450px;
  }
  .products-grid .product-item {
    width: 710px;
    max-width: 710px;
  }
}
/**
    Frans Product Detail Page Styles
**/
/**
    PRODUCT DETAIL PAGE / PDP
**/
.product.data.items .product-detail-section {
  padding: 40px 0;
  border-bottom: 1px solid #ececec;
}
.product.data.items .item.title {
  display: block;
}
.product.data.items .item.title span.data.switch {
  display: block;
  text-transform: none;
  background-color: none;
  color: #333333;
  text-align: left;
  background: none;
  padding: 0  0 16px;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  font-size: 20px;
  line-height: 1.4em;
}
.product.data.items .item.content {
  background-color: #fff;
  display: block;
  position: relative;
  overflow: hidden;
  background: none;
  padding: 0;
}
.product.data.items .item.content p {
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 14px 0;
}
.product.data.items .item.content h3 {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}
.product.data.items .item.content p:last-child {
  margin-bottom: 0;
}
.product.data.items .item.content table.nutrition-table p.calorie-label {
  font-size: 22px;
  line-height: 24px;
}
table.nutrition-table {
  border: 15px solid #fff;
  max-width: 290px;
  margin: 0 auto;
}
table.nutrition-table table.inset-table {
  width: 100%;
}
table.nutrition-table table.inset-table td {
  padding: 0;
}
table.nutrition-table p {
  margin: 0 0 4px 0;
}
table.nutrition-table h4 {
  font-size: 32px;
  line-height: 34px;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 600;
}
table.nutrition-table tr.border-top td {
  border-top: 1px solid #e2e2e2;
  border-top: 1px solid #666666;
}
table.nutrition-table tr.border-top2 td {
  border-top: 4px solid #e2e2e2;
  border-top: 3px solid #333333;
}
table.nutrition-table tr.border-top3 td {
  border-top: 4px solid #e2e2e2;
  border-top: 6px solid #333333;
}
table.nutrition-table td {
  padding: 4px;
  background: #fff;
  font-size: 11px;
  line-height: 14px;
}
table.nutrition-table td.bold-label {
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
}
table.nutrition-table td .bold-label {
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
}
table.nutrition-table td .no-wrap {
  white-space: nowrap;
}
table.nutrition-table td span.per-container {
  font-size: 12px;
  line-height: 12px;
}
table.nutrition-table td span.serving-size {
  font-size: 13px;
  line-height: 15px;
  margin: 0;
}
table.nutrition-table td .amount-label {
  margin: 0;
  padding: 0;
}
table.nutrition-table td .calorie-label {
  font-size: 20px;
  line-height: 22px;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 600;
}
table.nutrition-table td.shade {
  background: #f4f4f4;
}
table.nutrition-table td.nutrition-label {
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
  padding-right: 4px;
}
table.nutrition-table td.nutrition-daily {
  text-align: right;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
}
table.nutrition-table td.nutrition-daily.reg {
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 400;
}
table.nutrition-table td.calorie-count {
  font-size: 34px;
  line-height: 36px;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 600;
  text-align: right;
}
table.nutrition-table td.indent {
  padding-left: 12px;
}
table.nutrition-table td.indent2 {
  padding-left: 24px;
}
table.nutrition-table td.bold {
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
}
table.nutrition-table td.align-right {
  text-align: right;
}
table.nutrition-table td.daily-value-footnote {
  font-size: 10px;
  line-height: 12px;
}
table.nutrition-table tr.no-pad-top td {
  padding-top: 0;
}
table.nutrition-table tr.no-pad-bottom td {
  padding-bottom: 0;
}
.product-nutrition .product-ingredients {
  padding: 0;
}
.product.data.items .item.content .product-nutrition .product-ingredients p {
  margin: 0 0 4px 0;
}
.product.data.items .item.content .product-nutrition .product-ingredients p:last-child {
  margin: 0;
}
.nutrition-icons {
  margin: 0;
}
.nutrition-icons .wrapper {
  display: block;
  position: relative;
  overflow: hidden;
}
.nutrition-icons h3 {
  clear: both;
  font-weight: 500;
  margin: 30px 0 16px 0;
}
.nutrition-icons .icon {
  box-sizing: border-box;
  min-width: 140px;
  float: left;
  margin: 0 5px 5px 0;
  padding: 90px 4px 12px;
  background-size: auto 65%;
  background-position: 50% 10px;
  background-repeat: no-repeat;
  background-color: transparent;
  font-size: .8em;
  line-height: 1em;
  text-align: center;
}
.icon.organic {
  background-image: url('../images/ingredients/icon-ingredient-organic.svg');
}
.icon.fairtrade,
.icon.fairtrade-arrow {
  background-size: auto 72%;
}
.icon.fairtrade {
  background-image: url('../images/ingredients/icon-ingredient-fairtrade.svg');
}
.icon.fairtrade-arrow {
  background-image: url('../images/ingredients/icon-ingredient-fairtrade-arrow.svg');
}
.icon.milk {
  background-image: url('../images/ingredients/icon-ingredient-milk.svg');
}
.icon.peanuts {
  background-image: url('../images/ingredients/icon-ingredient-peanuts.svg');
}
.icon.tree-nuts {
  background-image: url('../images/ingredients/icon-ingredient-tree-nuts.svg');
}
.icon.soy-lecithin {
  background-image: url('../images/ingredients/icon-ingredient-soy-lecithin.svg');
}
.icon.sesame {
  background-image: url('../images/ingredients/icon-ingredient-sesame.svg');
}
.icon.gluten {
  background-image: url('../images/ingredients/icon-ingredient-gluten.svg');
}
.icon.egg {
  background-image: url('../images/ingredients/icon-ingredient-egg.svg');
}
.icon.alcohol {
  background-image: url('../images/ingredients/icon-ingredient-alcohol.svg');
}
.icon.caffeine {
  background-image: url('../images/ingredients/icon-ingredient-caffeine.svg');
}
.icon.vegan {
  background-image: url('../images/ingredients/icon-ingredient-vegan.svg');
}
.icon.plant-based {
  background-image: url('../images/ingredients/icon-ingredient-plant-based.svg');
}
.icon.non-gluten {
  background-image: url('../images/ingredients/icon-ingredient-non-gluten.svg');
}
.icon.non-gmo {
  background-image: url('../images/ingredients/icon-ingredient-non-gmo.svg');
}
.pagebuilder-column.icon {
  background-size: 64px 64px !important;
  background-position: 0 0;
  padding-top: 54px !important;
}
.pagebuilder-column.icon.fairtrade,
.pagebuilder-column.icon.fairtrade-arrow {
  background-size: 92px auto !important;
}
.pagebuilder-column.icon h3 {
  margin-top: 0;
}
.inside-the-box-column {
  box-sizing: border-box;
  width: auto;
  margin: 0 auto 4px;
  float: none;
  max-width: 400px;
  text-align: center;
  padding: 6px 2px 12px;
}
.product-piece-name {
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
  margin: 0;
}
.product-piece-details {
  padding: 0;
}
.product-piece-details p {
  margin: 0;
}
.product-piece-image {
  background: none;
  text-align: center;
  min-height: 100px;
}
.product-piece-image.no-image {
  background: url('../images/frans-logo-icon-3.svg') 50% 80% no-repeat;
  background-size: 50px;
  opacity: .5;
}
.product-piece-image img {
  display: block;
  margin: 0 auto;
  width: 120px;
  height: auto;
}
.gift-services {
  overflow: hidden;
  position: relative;
  display: block;
}
.gift-services .half {
  box-sizing: border-box;
  width: 100%;
  max-width: 400px;
  padding: 10px;
  position: relative;
  display: block;
  background-image: url('../image-samples/graphics/bg-gift-services.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  text-align: center;
  background-color: #f4f4f4;
  margin: 0 auto 20px;
  padding: 200px 20px 20px;
}
.gallery-placeholder .loading-mask {
  position: relative !important;
}
/* temp - fotorama override */
.fotorama-item .fotorama__arr,
.fotorama-item .fotorama__arr:hover {
  background: none;
}
.fotorama-item .fotorama__stage {
  min-height: 350px;
}
.fotorama-item .fotorama__stage__shaft {
  max-width: 100%;
}
.fotorama-item .fotorama__thumb-border {
  border: 1px solid #666666;
}
.fotorama-item .fotorama__active .fotorama__dot {
  background-color: #382818;
  border-color: #666666;
}
.fotorama-item .fotorama__nav__frame {
  cursor: pointer;
}
.fotorama-item .fotorama__dot {
  border-radius: 6px;
  box-sizing: border-box;
  border: 1px solid #382818;
  background-color: #ffffff;
  width: 10px;
  height: 10px;
}
body.catalog-product-view .page-main {
  background: none;
}
body.catalog-product-view .page-main .column.main {
  padding-top: 10px;
}
body.catalog-product-view {
  /* accordion */
}
body.catalog-product-view .page-title-wrapper {
  display: block;
}
body.catalog-product-view .page-title-wrapper h1.page-title {
  font-size: 20px;
  line-height: 24px;
  margin: 0;
  color: #333333;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
}
body.catalog-product-view .product-options-wrapper {
  padding: 10px 0 0;
}
body.catalog-product-view h3.product-type-title {
  display: none;
  box-sizing: border-box;
  text-align: left;
  color: #333333;
  font-size: 14px;
  line-break: 20px;
  text-transform: none;
  margin: 0;
  padding: 8px 0 0;
  position: relative;
  clear: both;
}
body.catalog-product-view h3.product-type-title .piece-count-swatch {
  display: block;
}
body.catalog-product-view h3.product-type-title .color-swatch {
  display: block;
}
body.catalog-product-view .product-info-price {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 0;
}
body.catalog-product-view .product-info-price .price-container {
  display: block;
  padding: 20px 0;
}
body.catalog-product-view .product-info-main {
  text-align: center;
}
body.catalog-product-view .product-info-main .page-title-wrapper {
  display: none;
  /*hide sidebar title for mobile*/
}
body.catalog-product-view .swatch-attribute.piece_count_swatch {
  border: 0;
}
body.catalog-product-view .product.info.detailed {
  padding: 40px 0 40px;
}
body.catalog-product-view .product.info.detailed .data.item.content {
  font-size: 13px;
  line-height: 18px;
}
body.catalog-product-view .product.info.detailed .data.item.content#description {
  padding-right: 30px;
  display: block;
}
body.catalog-product-view .product.info.detailed .data.item.content .gift_services {
  margin: 0 auto;
  text-align: center;
}
body.catalog-product-view .product.info.detailed .data.item.content .gift_services .pagebuilder-column {
  padding: 0 10px;
}
body.catalog-product-view .product.info.detailed .data.item.content .gift_services p {
  text-align: center;
}
/* main right-side product detail box */
.product-info-main .attribute.overview {
  padding: 10px 0;
  display: none;
  /* temp, don't need the short desc */
}
.product-info-main .field.qty {
  display: inline-block;
  box-sizing: border-box;
  padding: 16px 0 0;
  overflow: hidden;
  position: relative;
  min-height: 100px;
  /* height to match price-box positio offset */
  max-height: 100px;
  margin: 0;
}
.product-info-main .fieldset .field.qty label.label {
  display: inline-block;
}
.product-info-main .field.qty .label {
  display: inline-block;
  text-transform: none;
  font-size: 13px;
  line-height: 15px;
  color: #333333;
  padding: 0 10px 0 0;
  text-align: center;
}
.product-info-main .field.qty .control {
  display: inline-block;
}
.product-info-main input.input-text.qty {
  width: auto;
  margin: 0 auto;
  width: 80px;
  text-align: center;
  padding: 6px 0 6px 10px;
}
.product-info-main .product-options-bottom {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.product-info-main .product-options-bottom .price-box {
  display: none !important;
}
.product-info-main .product-options-bottom .price {
  font-size: 20px;
  line-height: 24px;
  margin: 0;
  display: block;
  box-sizing: border-box;
}
.product-info-main .product-options-bottom .price-label {
  display: none;
  /*temp todo change price label*/
  color: #aaaaaa;
  text-transform: lowercase;
}
.product-info-main .product-social-links {
  padding: 20px 0;
  display: none;
  /* temp, new feature, social and email share */
}
.product-info-main .product-social-links .action {
  padding: 8px;
  background: #fff;
  color: #666666;
  border: 1px solid #d9d9d9;
}
.product-info-main .product-info-price {
  /* show price on simple products only */
}
.product-info-main .product-info-stock-sku {
  display: none;
  /* temp / see stock feature and sku display */
}
.product-info-main .actions {
  margin: 0;
}
.product-info-main .actions button.action.primary {
  display: block;
  width: 100%;
}
.product-info-main .action {
  width: auto;
}
/*
    Inventory
    call to order
    Fresh Out
*/
.product-add-form .out-of-stock-div {
  display: none;
}
.product-add-form .out-of-stock-div.show {
  display: block;
}
.product-add-form.out-of-stock .price-box {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  border: 0;
  width: auto;
  text-align: right;
}
.product-add-form.out-of-stock .box-tocart {
  display: none !important;
}
.product-add-form.out-of-stock .out-of-stock-div {
  background: #fff;
  color: #000;
  border: 2px solid #666;
  padding: 14px;
}
.product-add-form.out-of-stock .out-of-stock-div h2 {
  font-size: 16px;
  line-height: 16px;
}
.product-add-form.out-of-stock .out-of-stock-div p {
  margin-bottom: 4px;
}
.product-add-form.out-of-stock .out-of-stock-div p:last-child {
  margin-bottom: 0;
}
.product-add-form.out-of-stock.fresh-out .fresh-out-div {
  display: block;
}
.product-add-form.out-of-stock.call-to-order .call-to-order-div {
  display: block;
}
.product-add-form.out-of-stock.fresh-out.call-to-order .fresh-out-div {
  display: none;
}
.product-add-form.out-of-stock.fresh-out.call-to-order .call-to-order-div {
  display: block;
}
/* child products */
.child-products {
  display: none;
  /*TODO review display here, change to ajax content*/
  clear: both;
  margin: 10px auto 10px;
  padding: 100px 10px 10px;
  max-width: 960px;
}
.child-products .product-options {
  display: block;
  clear: both;
  border: 1px solid purple;
  margin: 10px;
  padding: 10px;
}
.child-products .product-options > div {
  display: block;
  position: relative;
  overflow: hidden;
  clear: both;
  border: 1px solid orange;
  padding: 10px;
  margin: 10px;
}
/*
    desktop catalog
    small desktop 960
*/
@media (min-width: 975px) {
  /*
        desktop PDP
    */
  .product-info-main {
    width: 40%;
    float: right;
  }
  .product-info-main .field.qty .label {
    text-align: left;
    display: inline-block;
  }
  .product-info-main input.input-text.qty {
    text-align: center;
  }
  .product-info-main .product-options-bottom .price-box {
    position: absolute;
    width: 30%;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding: 28px 0  28px 20px;
    text-align: right;
    border-bottom: none;
  }
  .product-add-form.out-of-stock .price-box {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    border: 0;
    width: auto;
    text-align: right;
  }
  .swatch-attribute-options {
    padding: 0;
  }
  .product.media {
    float: left;
    width: 55%;
  }
  .product.info.detailed {
    clear: both;
    padding: 20px;
    background: #fff;
    margin: 20px auto;
    max-width: 900px;
  }
  body.catalog-product-view .page-title-wrapper {
    display: none;
    /* hide top title for desktop */
  }
  body.catalog-product-view .product-info-main {
    text-align: left;
  }
  body.catalog-product-view .product-info-main .page-title-wrapper {
    display: block;
    /* show side title for desktop */
    /* PDP Product Title */
  }
  body.catalog-product-view .product-info-main .page-title-wrapper h1.page-title {
    text-align: left;
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
  }
  body.catalog-product-view .product-info-main input.input-text.qty {
    margin: 0;
  }
  body.catalog-product-view .swatch-option {
    display: block;
    float: left;
  }
  body.catalog-product-view .swatch-attribute.color_swatch .swatch-option {
    width: 60px !important;
    height: 40px !important;
    background-position: 0 50% !important;
  }
}
/**
    large mobile 600+
**/
@media (min-width: 615px) {
  .inside-the-box-column {
    width: 50%;
    padding: 0;
    margin: 0;
    float: left;
    max-width: 100%;
    padding: 18px 30px;
    box-sizing: border-box;
    min-height: 230px;
  }
  .gift-services {
    display: table-row;
  }
  .gift-services .half {
    display: table-cell;
    width: 50%;
    max-width: 100%;
    margin: 0 auto;
  }
  .gift-services .half.left {
    border-right: 6px solid #fff;
  }
  .gift-services .half.right {
    border-left: 6px solid #fff;
  }
}
/**
    full desktop view 1200
**/
@media (min-width: 1215px) {
  table.nutrition-table {
    float: right;
    margin-left: 20px;
  }
  .product-ingredients {
    float: left;
    max-width: 585px;
  }
  .nutrition-icons {
    float: left;
    max-width: 585px;
  }
}
/**
    custom product set pages
**/
/**
    Reusable Product Description Tiles
    Use inside .product-grid .product-item
**/
/**
    category layouts mobile
**/
/* top category tile wrapper background */
.page-main .category-view {
  display: none;
}
.page-main .category-tiles {
  background-repeat: no-repeat;
  background-position: 50% 0;
  overflow: hidden;
  position: relative;
}
.category-tiles .tile.full {
  min-height: 350px;
  width: 100%;
  max-width: 100%;
}
.category-tiles .tile.full .text {
  display: block;
  margin: auto;
  max-width: 350px;
}
.category-tiles .tile.full .text .table-display {
  width: 100%;
  height: 100%;
  min-height: 310px;
}
.category-tiles .tile.full .text .table-display .table-row .table-cell {
  vertical-align: middle;
  padding: 30px;
  background: rgba(255, 255, 255, 0.9);
}
.category-tiles .tile.full h3 {
  margin-bottom: 10px;
}
.category-tiles .tile.full .cat-description {
  display: block;
}
.category-tiles .tile.full .cat-description p {
  font-size: 13px;
  line-height: 18px;
  color: #333333;
}
.category-tiles .tile.full .piece-icon {
  display: block;
  width: 100px;
  min-height: 80px;
  height: auto;
  margin: 0 auto;
}
.category-tiles .tile.full .piece-icon img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.category-tiles.alt .tile.full {
  margin: 0 5px 10px;
}
.category-tiles.alt .tile.full:last-child {
  margin: 0 5px 0;
}
.category-tiles.gifts .tile.full {
  margin: 0 5px 5px;
}
/**
    Product Set Layouts
    MOBILE
**/
.products-grid .product-item .action.more {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;
  left: 0;
  background: none;
  overflow: hidden;
  text-indent: -3000px;
}
.products-grid .product-item .table-display {
  width: 100%;
  height: auto;
  min-height: auto;
}
/**
    1up alternating desc
**/
.page-layout-products_1_up_alt .products-grid .product-item .product-item-photo {
  padding: 0;
}
.page-layout-products_1_up_alt .products-grid .product-item .product-item-details {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 30px 50px 0;
  z-index: 40;
  left: 0;
  top: 0;
  background: none;
}
.page-layout-products_1_up_alt .products-grid .product-item .product-item-details .price {
  color: #666666;
}
.page-layout-products_1_up_alt .products-grid .product-item .product-item-details .product-item-inner {
  display: block;
}
.page-layout-products_1_up_alt .products-grid .product-item .product-item-details .product-item-inner .product-item-actions {
  display: none;
}
.page-layout-products_1_up_alt .products-grid .product-item .product-item-details .product.description {
  display: block;
  margin-top: 10px;
  padding: 26px 30px 0;
  background: url('../images/icon-logo-div.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.page-layout-products_1_up_alt .products-grid .product-item .product-item-details .product.description {
  color: #666666;
}
.page-layout-products_1_up_alt .products-grid .product-item .product-item-details .product.description p {
  color: #666666;
  font-size: 13px;
  line-height: 1.4em;
}
.page-layout-products_1_up_alt .products-grid .product-item .product-item-details .product.description p:last-child {
  margin: 0;
}
/**
    2up / 1up with descriptions
**/
.page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-photo {
  padding: 0;
}
.page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-details {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 30px 50px 0;
  z-index: 40;
  left: 0;
  top: 0;
  background: none;
}
.page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-details .price {
  color: #666666;
}
.page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-details .product-item-inner {
  display: block;
}
.page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-details .product-item-inner .product-item-actions {
  display: none;
}
.page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-details .product.description {
  display: block;
  margin-top: 10px;
  padding: 26px 30px 0;
  background: url('../images/icon-logo-div.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-details .product.description {
  color: #666666;
}
.page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-details .product.description p {
  color: #666666;
  font-size: 13px;
  line-height: 1.4em;
}
.page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-details .product.description p:last-child {
  margin: 0;
}
/**
    all products 3up layout with sub-lists
**/
.page-layout-3columns .page-main .tile,
.page-layout-all_products_page .page-main .tile {
  background: none;
  background-color: #eee;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  text-align: center;
  color: #333333;
}
.page-layout-3columns .page-main .tile h3,
.page-layout-all_products_page .page-main .tile h3 {
  text-transform: uppercase;
  text-transform: capitalize;
  font-size: 22px;
  line-height: 28px;
  margin-top: 20px;
  padding-bottom: 20px;
  background: url('../images/icon-logo-div.png') 50% 100% no-repeat;
}
.page-layout-3columns .page-main .tile h3 a,
.page-layout-all_products_page .page-main .tile h3 a {
  color: #333333;
}
.page-layout-3columns .page-main .tile ul,
.page-layout-all_products_page .page-main .tile ul {
  margin: 10px 0 0 0;
}
.page-layout-3columns .page-main .tile ul li,
.page-layout-all_products_page .page-main .tile ul li {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 0 0 2px 0;
}
.page-layout-3columns .page-main .tile ul li a,
.page-layout-all_products_page .page-main .tile ul li a {
  color: #333333;
}
.page-layout-3columns .page-main .tile ul li .product-count,
.page-layout-all_products_page .page-main .tile ul li .product-count {
  display: none;
}
@media (min-width: 735px) {
  .category-tiles .tile.full {
    width: 710px;
  }
}
/**
    desktop catalog
    small desktop 960
    special grid layouts for desktop
**/
@media (min-width: 975px) {
  /*
        CATEGORY LAYOUTS
        desktop category pages, first tile full
    */
  .category-tiles {
    position: relative;
    overflow: visible;
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding: 0 5px 5px;
  }
  .category-tiles .tile {
    float: left;
    margin: 5px;
  }
  .category-tiles .tile.half {
    max-width: 470px;
    width: 470px;
  }
  .category-tiles .tile.third {
    max-width: 310px;
    width: 310px;
  }
  .category-tiles .tile.full {
    float: none;
    clear: both;
    max-width: 950px;
    width: 950px;
  }
  .category-tiles .tile.full .text {
    width: 50%;
    width: 350px;
    height: 100%;
    float: left;
  }
  .category-tiles.alt .tile.full:nth-child(even) .text {
    float: right;
  }
  .category-tiles.gifts .tile.full .text {
    float: right;
  }
  /**
        custom product set layouts
        custom grid templates for desktops
    **/
  .page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) {
    max-width: 950px;
    width: 950px;
    margin: 5px;
    float: left;
    position: relative;
    clear: both;
  }
  .page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .inset {
    padding: 40px;
    background: rgba(255, 255, 255, 0.75);
  }
  .page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-photo {
    width: 50%;
    float: right;
    min-height: 350px;
    float: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 50%;
    justify-content: center;
    align-items: center;
  }
  .page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-details {
    width: 50%;
    height: 100%;
    min-height: 350px;
    position: relative;
    display: block;
    float: left;
    clear: none;
    background: none;
    padding: 40px;
    left: auto;
    top: auto;
    float: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 50%;
    justify-content: center;
    align-items: center;
  }
  .page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-details .table-display {
    width: 100%;
    height: 100%;
    min-height: 350px;
    margin: 0 auto;
  }
  .page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-details .table-display .table-row .table-cell {
    padding: 30px;
    vertical-align: middle;
  }
  .page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) .product-item-details .table-display .table-row .table-cell .content {
    padding: 20px;
    background: rgba(255, 255, 255, 0.9);
  }
  .page-layout-products_1_up_alt .products-grid .product-item {
    max-width: 970px;
    width: 970px;
    margin: 0;
    float: none;
    position: relative;
  }
  .page-layout-products_1_up_alt .products-grid .product-item .inset {
    padding: 40px;
    background: rgba(255, 255, 255, 0.75);
  }
  .page-layout-products_1_up_alt .products-grid .product-item .product-item-photo {
    width: 50%;
    float: right;
    min-height: 350px;
    float: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 50%;
    justify-content: center;
    align-items: center;
  }
  .page-layout-products_1_up_alt .products-grid .product-item .product-item-details {
    width: 50%;
    height: 100%;
    min-height: 350px;
    position: relative;
    display: block;
    float: left;
    clear: none;
    background: none;
    padding: 40px;
    left: auto;
    top: auto;
    float: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 50%;
    justify-content: center;
    align-items: center;
  }
  .page-layout-products_1_up_alt .products-grid .product-item .product-item-details .table-display {
    width: 100%;
    height: 100%;
    min-height: 350px;
    margin: 0 auto;
  }
  .page-layout-products_1_up_alt .products-grid .product-item .product-item-details .table-display .table-row .table-cell {
    padding: 30px;
    vertical-align: middle;
  }
  .page-layout-products_1_up_alt .products-grid .product-item .product-item-details .table-display .table-row .table-cell .content {
    padding: 20px;
    background: rgba(255, 255, 255, 0.9);
  }
  .page-layout-products_1_up_alt .products-grid .product-item:nth-child(2n+0) .product-item-info {
    flex-direction: row-reverse;
  }
  .page-layout-products_1_up_alt .products-grid .product-item:nth-child(2n+0) .product-item-details {
    float: right;
  }
  .page-layout-products_1_up_alt .products-grid .product-item:nth-child(2n+0) .product-item-photo {
    float: left;
  }
  .page-layout-3columns .page-main .tile,
  .page-layout-all_products_page .page-main .tile {
    width: 310px;
    float: left;
    margin: 5px;
  }
  .page-layout-products_3_up .products-grid .product-item {
    width: 310px;
    float: left;
    margin: 5px;
  }
  .page-layout-products_2_up_1_top .products-grid .product-item:first-child {
    max-width: 950px;
    width: 950px;
  }
  .page-layout-products_2_up_1_bottom .products-grid .product-item:last-child {
    max-width: 950px;
    width: 950px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n-2) {
    max-width: 310px;
    width: 310px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n-1) {
    max-width: 310px;
    width: 310px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n) {
    max-width: 310px;
    width: 310px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-4) {
    max-width: 310px;
    width: 310px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-3) {
    max-width: 310px;
    width: 310px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-2) {
    max-width: 310px;
    width: 310px;
  }
  .page-layout-products_4_up_1_up .products-grid .product-item:nth-child(5n+0) {
    max-width: 950px;
    width: 950px;
  }
  .page-layout-products_1_up_4_up .products-grid .product-item:nth-child(5n+1) {
    max-width: 950px;
    width: 950px;
  }
}
/* desktop-2 breakpoint 1090 */
@media (min-width: 1095px) {
  /*
        CATEGORY LAYOUTS
        desktop category pages, first tile full
    */
  .category-tiles {
    position: relative;
    overflow: visible;
  }
  .category-tiles .tile {
    float: left;
    margin: 5px;
  }
  .category-tiles .tile.full {
    max-width: 1070px;
    width: 1070px;
  }
  .category-tiles .tile.half {
    max-width: 530px;
    width: 530px;
  }
  .category-tiles .tile.third {
    max-width: 350px;
    width: 350px;
  }
  /**
        custom product set layouts
        custom grid templates for desktops
    **/
  .page-layout-products_1_up_alt .products-grid .product-item {
    max-width: 1090px;
    width: 1090px;
  }
  .page-layout-3columns .page-main .tile,
  .page-layout-all_products_page .page-main .tile {
    width: 350px;
  }
  .page-layout-products_3_up .products-grid .product-item {
    width: 350px;
  }
  .page-layout-products_2_up_1_top .products-grid .product-item:first-child {
    max-width: 1070px;
    width: 1070px;
  }
  .page-layout-products_2_up_1_bottom .products-grid .product-item:last-child {
    max-width: 1070px;
    width: 1070px;
  }
  .page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) {
    max-width: 1070px;
    width: 1070px;
  }
  .page-layout-products_4_up_1_up .products-grid .product-item:nth-child(5n+0) {
    max-width: 1070px;
    width: 1070px;
  }
  .page-layout-products_1_up_4_up .products-grid .product-item:nth-child(5n+1) {
    max-width: 1070px;
    width: 1070px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n-2) {
    max-width: 350px;
    width: 350px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n-1) {
    max-width: 350px;
    width: 350px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n) {
    max-width: 350px;
    width: 350px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-4) {
    max-width: 350px;
    width: 350px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-3) {
    max-width: 350px;
    width: 350px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-2) {
    max-width: 350px;
    width: 350px;
  }
}
/**
    full desktop view 1200
**/
@media (min-width: 1215px) {
  /*
        CATEGORY LAYOUTS
        desktop category pages, first tile full
    */
  .category-tiles {
    position: relative;
    overflow: visible;
  }
  .category-tiles .tile {
    float: left;
    margin: 5px;
  }
  .category-tiles .tile.full {
    max-width: 1190px;
    width: 1190px;
  }
  .category-tiles .tile.half {
    max-width: 590px;
    width: 590px;
  }
  .category-tiles .tile.third {
    max-width: 390px;
    width: 390px;
  }
  /**
        custom product set layouts
        custom grid templates for desktops
    **/
  .page-layout-products_1_up_alt .products-grid .product-item {
    max-width: 1210px;
    width: 1210px;
  }
  .page-layout-3columns .page-main .tile,
  .page-layout-all_products_page .page-main .tile {
    width: 390px;
  }
  .page-layout-products_3_up .products-grid .product-item {
    width: 390px;
  }
  .page-layout-products_2_up_1_top .products-grid .product-item:first-child {
    max-width: 1190px;
    width: 1190px;
  }
  .page-layout-products_2_up_1_bottom .products-grid .product-item:last-child {
    max-width: 1190px;
    width: 1190px;
  }
  .page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) {
    max-width: 1190px;
    width: 1190px;
  }
  .page-layout-products_4_up_1_up .products-grid .product-item:nth-child(5n+0) {
    max-width: 1190px;
    width: 1190px;
  }
  .page-layout-products_1_up_4_up .products-grid .product-item:nth-child(5n+1) {
    max-width: 1190px;
    width: 1190px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n-2) {
    max-width: 390px;
    width: 390px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n-1) {
    max-width: 390px;
    width: 390px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n) {
    max-width: 390px;
    width: 390px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-4) {
    max-width: 390px;
    width: 390px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-3) {
    max-width: 390px;
    width: 390px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-2) {
    max-width: 390px;
    width: 390px;
  }
}
/* DESKTOP 4 */
@media (min-width: 1335px) {
  /*
        CATEGORY LAYOUTS
        desktop category pages, first tile full
    */
  .category-tiles .tile.full {
    max-width: 1310px;
    width: 1310px;
  }
  .category-tiles .tile.half {
    max-width: 650px;
    width: 650px;
  }
  .category-tiles .tile.third {
    max-width: 430px;
    width: 430px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-4) {
    max-width: 430px;
    width: 430px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-3) {
    max-width: 430px;
    width: 430px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-2) {
    max-width: 430px;
    width: 430px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n-2) {
    max-width: 430px;
    width: 430px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n-1) {
    max-width: 430px;
    width: 430px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n) {
    max-width: 430px;
    width: 430px;
  }
  .page-layout-products_3_up .products-grid .product-item {
    width: 430px;
  }
  .page-layout-products_2_up_1_top .products-grid .product-item:first-child {
    max-width: 1310px;
    width: 1310px;
  }
  .page-layout-products_2_up_1_bottom .products-grid .product-item:last-child {
    max-width: 1310px;
    width: 1310px;
  }
  .page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) {
    max-width: 1310px;
    width: 1310px;
  }
  .page-layout-products_4_up_1_up .products-grid .product-item:nth-child(5n+0) {
    max-width: 1310px;
    width: 1310px;
  }
  .page-layout-products_1_up_4_up .products-grid .product-item:nth-child(5n+1) {
    max-width: 1310px;
    width: 1310px;
  }
  .page-layout-products_1_up_alt .products-grid .product-item {
    max-width: 1330px;
    width: 1330px;
  }
  body.page-products .breadcrumbs {
    width: 1310px;
  }
  body.page-products .page-main {
    max-width: 1330px;
  }
}
/* DESKTOP 5 / 1440 desktop view */
@media (min-width: 1455px) {
  /*
        CATEGORY LAYOUTS
        desktop category pages, first tile full
    */
  .category-tiles .tile.full {
    max-width: 1430px;
    width: 1430px;
  }
  .category-tiles .tile.half {
    max-width: 710px;
    width: 710px;
  }
  .category-tiles .tile.third {
    max-width: 470px;
    width: 470px;
  }
  .page-layout-products_3_up .products-grid .product-item {
    width: 470px;
  }
  .page-layout-products_2_up_1_top .products-grid .product-item:first-child {
    max-width: 1430px;
    width: 1430px;
  }
  .page-layout-products_2_up_1_bottom .products-grid .product-item:last-child {
    max-width: 1430px;
    width: 1430px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-4) {
    max-width: 470px;
    width: 470px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-3) {
    max-width: 470px;
    width: 470px;
  }
  .page-layout-products_3_up_2_up .products-grid .product-item:nth-child(5n-2) {
    max-width: 470px;
    width: 470px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n-2) {
    max-width: 470px;
    width: 470px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n-1) {
    max-width: 470px;
    width: 470px;
  }
  .page-layout-products_2_up_3_up .products-grid .product-item:nth-child(5n) {
    max-width: 470px;
    width: 470px;
  }
  .page-layout-products_2_up_1_up .products-grid .product-item:nth-child(3n+0) {
    max-width: 1430px;
    width: 1430px;
  }
  .page-layout-products_4_up_1_up .products-grid .product-item:nth-child(5n+0) {
    max-width: 1430px;
    width: 1430px;
  }
  .page-layout-products_1_up_4_up .products-grid .product-item:nth-child(5n+1) {
    max-width: 1430px;
    width: 1430px;
  }
  .page-layout-products_1_up_alt .products-grid .product-item {
    max-width: 1450px;
    width: 1450px;
  }
  body.page-products .breadcrumbs {
    width: 1430px;
  }
  body.page-products .page-main {
    max-width: 1450px;
  }
  body.page-products .page-main .category-tiles .tile {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
  body.page-products .page-main .category-tiles .tile h3 {
    margin-bottom: 0;
    font-weight: 400;
  }
  body.page-products .page-main .category-tiles .tile h4 {
    font-size: 15px;
    line-height: 22px;
  }
  body.page-products .page-main .category-tiles .tile .text {
    width: auto;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.9);
    padding: 28px;
  }
  body.page-products .page-main .category-tiles .tile.fifth .text {
    padding: 0;
    background: none;
  }
  body.page-products .page-main .category-tiles .tile.third {
    max-width: 470px;
    width: 470px;
  }
  body.page-products .page-main .category-tiles .tile.half {
    max-width: 710px;
    width: 710px;
  }
  body.page-products .page-main .category-tiles .tile.full {
    width: 1430px;
    height: 500px;
    padding: 56px;
  }
  body.page-products .page-main .category-tiles .tile.full p {
    margin: 0;
  }
  body.page-products .page-main .category-tiles .tile.full .text {
    max-width: 400px;
    width: 400px;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
  }
  body.page-products .page-main .category-tiles .tile.full .text .table-display {
    height: auto;
  }
  body.page-products .page-main .category-tiles .tile.full .text .table-display .table-row .table-cell {
    padding: 56px;
  }
  body.page-products .page-main .category-tiles .tile.full .piece-icon {
    width: 100px;
    padding: 8px 0;
  }
  body.page-products .page-main .category-tiles .tile.reverse .text {
    background: rgba(0, 0, 0, 0.5);
  }
  body.page-products .page-main .category-tiles.alt .tile.full:nth-child(even) {
    justify-content: flex-end;
  }
  .page-layout-3columns .page-main .tile,
  .page-layout-all_products_page .page-main .tile {
    width: 470px;
  }
  body.page-products.page-layout-category_subs_alt .breadcrumbs {
    width: 1430px;
  }
  body.page-products.page-layout-category_subs_alt .page-main {
    max-width: 1450px;
  }
  body.page-products.page-layout-category_subs_gifts .breadcrumbs {
    width: 1430px;
  }
  body.page-products.page-layout-category_subs_gifts .page-main {
    max-width: 1450px;
  }
  body.page-products.page-layout-category_subs_gifts .page-main .category-tiles .tile.full {
    width: 1430px;
  }
}
.block.related {
  padding: 32px 0 12px;
  clear: both;
  /* re-style product grid for related product grid */
}
.block.related .block-actions,
.block.related .field.choice {
  display: none;
  /* temp hide add related to cart ui */
}
.block.related .block-title {
  font-size: 14px;
  text-align: center;
  margin: 0 auto 12px;
  padding: 28px 0 0;
  color: #666666;
  background-image: url('../images/icon-heart.png');
  background-repeat: no-repeat;
  background-position: top center;
}
.block.related .products-grid .product-items {
  text-align: left;
}
.block.related .products-grid .product-item {
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  max-width: 100%;
  background: none;
  display: block;
  float: none;
  padding: 3px 10px;
  border-top: 1px solid #d9d9d9;
}
.block.related .products-grid .product-item:first-child {
  border: 0;
}
.block.related .products-grid .product-item .product-item-info {
  flex-direction: column;
}
.block.related .products-grid .product-item .product-item-photo {
  padding: 0;
  float: left;
  width: auto;
}
.block.related .products-grid .product-item .product-item-photo .product-image-wrapper img {
  width: auto;
  margin: auto;
  max-width: 126px;
}
.block.related .products-grid .product-item .product-item-details {
  padding: 14px 10px 12px 8px;
  position: relative;
  font-size: 13px;
  line-height: 15px;
  clear: none;
  float: left;
  width: auto;
  text-align: left;
}
.block.related .products-grid .product-item .product-item-details .product-item-name a {
  text-transform: lowercase;
  text-align: left;
  color: #666666;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 5px;
}
.block.related .products-grid .product-item .product-item-details .product-item-actions {
  display: none;
  /* temp css hide wishlist */
}
.block.related .products-grid .product-item .product-item-details .price {
  color: #444444;
}
/**
    upsell products
    "other products you may like"
**/
.block.upsell {
  padding: 32px 0 12px;
  clear: both;
}
.block.upsell .block-title {
  font-size: 14px;
  text-align: center;
  margin: 0 auto 12px;
  padding: 28px 0 0;
  color: #666666;
  background-image: url('../images/icon-heart.png');
  background-repeat: no-repeat;
  background-position: top center;
}
.block.upsell .product-item-info {
  max-width: 150px;
}
.block.upsell .products-grid .product-item-photo {
  padding: 0;
}
.block.upsell .products-grid .product-item {
  float: none;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  margin: 5px;
  display: inline-block;
  vertical-align: top;
  background: none;
  text-align: center;
}
.block.upsell .products-grid .product-item-details {
  position: relative;
  top: auto;
  left: auto;
  padding: 4px 10px;
}
.block.upsell .products-grid .product-item-details .product-item-name a {
  text-transform: lowercase;
  text-align: left;
  color: #666666;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 5px;
}
.block.upsell .products-grid .product-item-details .price {
  color: #444444;
}
.block.upsell .products-grid .product-item .product-item-details {
  display: block;
}
.block.upsell .products-grid .product-item .product-item-details img {
  max-width: 126px;
}
/**
    crosssell products
    "more choices in cart"
**/
.block.crosssell {
  padding: 32px 0 12px;
  clear: both;
}
.block.crosssell .block-title {
  font-size: 14px;
  text-align: center;
  margin: 0 auto 12px;
  padding: 28px 0 0;
  color: #666666;
  background-image: url('../images/icon-heart.png');
  background-repeat: no-repeat;
  background-position: top center;
}
.block.crosssell .product-item-info {
  max-width: 150px;
}
.block.crosssell .products-grid .product-item-photo {
  padding: 0;
}
.block.crosssell .products-grid .product-item {
  float: none;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  margin: 5px 10px;
  display: inline-block;
  vertical-align: top;
  background: none;
  text-align: center;
}
.block.crosssell .products-grid .product-item .product-item-details {
  min-height: 120px;
}
.block.crosssell .products-grid .product-item .action {
  display: block;
}
.block.crosssell .products-grid .product-item .actions-primary {
  margin: 5px 0 10px 0;
}
.block.crosssell .products-grid .product-item .actions-primary button.action.primary {
  text-transform: lowercase;
  background: none;
  color: #8f5f2d;
  padding: 2px;
  text-align: center;
  margin: auto;
  width: auto;
}
.block.crosssell .products-grid .product-item .actions-secondary {
  display: none;
  /*temp hide wishlist and compare*/
}
.block.crosssell .products-grid .product-item-details {
  position: relative;
  top: auto;
  left: auto;
  padding: 4px 10px;
}
.block.crosssell .products-grid .product-item-details .product-item-name a {
  text-transform: lowercase;
  text-align: left;
  color: #666666;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 5px;
}
.block.crosssell .products-grid .product-item-details .price {
  color: #444444;
}
.block.crosssell .products-grid .product-item .product-item-details {
  display: block;
}
.block.crosssell .products-grid .product-item .product-item-details img {
  max-width: 126px;
}
/**
    full desktop view 1200
**/
@media (min-width: 975px) {
  .block.related .products-grid .product-items {
    text-align: center;
    width: auto;
  }
  .block.related .products-grid .product-item {
    width: auto;
    height: auto;
    min-width: auto;
    min-height: 200px;
    display: inline-block;
    vertical-align: top;
    border: 0;
  }
  .block.related .products-grid .product-item .product-item-photo {
    float: none;
    display: block;
  }
  .block.related .products-grid .product-item .product-item-details {
    width: 100%;
    float: none;
    text-align: center;
    padding: 4px 10px;
  }
  .block.related .products-grid .product-item .product-item-details .product-item-name a {
    text-align: center;
  }
  .block.upsell .products-grid .product-items {
    text-align: center;
  }
  .block.upsell .products-grid .product-item {
    text-align: center;
  }
  .block.upsell .products-grid .product-item-details .product-item-name a {
    text-align: center;
  }
  .block.upsell .products-grid .product-item {
    min-height: 200px;
  }
  .block.crosssell .products-grid .product-items {
    text-align: center;
  }
  .block.crosssell .products-grid .product-item {
    text-align: center;
  }
  .block.crosssell .products-grid .product-item-details .product-item-name a {
    text-align: center;
  }
  .block.crosssell .products-grid .product-item {
    min-height: 200px;
  }
}
/* SIGN IN / ACCOUNT / REGISER */
/**
    LOGIN PAGE
    todo / update to custom checkout or login template as needed
**/
body.account {
  /*
        TABLE STYLES FOR YOUR ACCOUNT
    */
}
body.account .page-main {
  padding: 10px 0 60px 0;
  /* page title section for your account */
}
body.account .page-main .page-title-wrapper {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: auto;
  text-align: left;
  padding: 12px 0;
}
body.account .page-main .page-title-wrapper h1.page-title {
  display: block;
  font-size: 18px;
  color: #373737;
  text-align: left;
  margin: 2px 12px 8px 0;
}
body.account .page-main .page-title-wrapper .order-date {
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  padding-top: 10px;
  clear: both;
}
body.account .page-main .page-title-wrapper .order-date .label {
  display: none;
}
body.account .page-main .page-title-wrapper .actions-toolbar {
  padding: 16px 10px 10px 10px;
  position: absolute;
  top: 0;
  right: 0;
}
body.account .page-main .page-title-wrapper .actions-toolbar .actions .action {
  padding: 4px 2px;
  margin: 0 4px;
}
body.account .page-main .block-title {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #d9d9d9;
}
body.account .page-main .block-title .action {
  font-size: 12px;
  float: right;
  margin-right: 30px;
}
body.account .page-main .block-title strong {
  font-weight: normal;
  font-size: 16px;
  color: #666666;
}
body.account .columns {
  display: block;
  width: auto;
}
body.account .columns .column.main .block {
  background: #ffffff;
  padding: 20px 0 10px;
  margin: 0 0 20px 0;
  overflow: hidden;
  position: relative;
  clear: both;
}
body.account .columns .column.main .block.block-order-details-view {
  padding: 0;
  border-top: 1px solid #d9d9d9;
}
body.account .columns .column.main .block .block-content .box {
  padding: 14px 0 10px;
  font-size: 12px;
  line-height: 18px;
  color: #969696;
  color: #666666;
  border: 0;
}
body.account .columns .column.main .block .block-content .box .box-title {
  display: block;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #6b6b6b;
  margin: 0 0 8px 0;
}
body.account .columns .column.main .block .block-content .box p,
body.account .columns .column.main .block .block-content .box address {
  font-size: 12px;
  line-height: 18px;
  color: #969696;
  color: #666666;
  margin: 0 0 2px 0;
}
body.account .columns .column.main .block .box-actions {
  position: absolute;
  top: 14px;
  right: 30px;
  z-index: 200;
  text-transform: uppercase;
  font-size: 12px;
}
body.account .columns .column.main .block-order-details-comments {
  display: none;
}
body.account th {
  font-weight: bold;
}
body.account td,
body.account th {
  font-size: 12px;
  line-height: 18px;
  color: #969696;
  color: #666666;
  padding: 8px;
  border-bottom: 1px solid #d9d9d9;
}
body.account th.qty {
  min-width: 80px;
}
body.account td.name .product-item-name {
  font-size: 13px;
  line-height: 14px;
  color: #333333;
  font-weight: normal;
}
body.account td.name dt {
  display: none;
  /* hide att label */
}
body.account td.name dd {
  font-size: 13px;
  line-height: 14px;
}
body.account th.subtotal,
body.account td.subtotal {
  text-align: right;
}
body.account th.price,
body.account td.price {
  text-align: right;
}
body.account th.qty,
body.account td.qty {
  text-align: right;
}
body.account td.actions a {
  text-transform: uppercase;
  padding: 2px 2px;
  margin: 0 4px;
}
body.account tr:nth-child(odd) td {
  background: rgba(255, 255, 255, 0.9);
}
body.account tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.4);
}
body.account tr:hover td {
  background: rgba(255, 255, 206, 0.5);
}
body.account .order-details-items .order-title {
  display: none;
}
body.account .order-details-items table.table-order-items tr:hover td {
  background: #fff;
}
body.account .order-details-items table.table-order-items thead th.subtotal {
  width: 90px;
  box-sizing: border-box;
}
body.account .order-details-items table.table-order-items tbody td {
  vertical-align: middle;
}
body.account .order-details-items table.table-order-items tfoot tr th {
  font-size: 12px;
  line-height: 14px;
  border: 0;
  padding: 2px 8px 2px 0;
  text-align: right;
  font-weight: normal;
}
body.account .order-details-items table.table-order-items tfoot tr td {
  font-size: 12px;
  line-height: 14px;
  border: 0;
  padding: 4px 8px;
  text-align: right;
}
body.account .order-details-items table.table-order-items tfoot tr.subtotal th,
body.account .order-details-items table.table-order-items tfoot tr.subtotal td {
  padding-top: 12px;
}
body.account .totals-block {
  background: #f9fafc;
  padding: 20px 0;
}
body.account .totals-block table tr:hover td {
  background: none;
}
body.account .totals-block table tr td {
  background: none;
  border: 0;
  font-size: 14px;
  line-height: 1em;
}
body.account .totals-block table tr td.totals-label {
  text-align: right;
}
body.account .totals-block table tr td.totals-value {
  text-align: right;
  font-weight: 500;
  width: 14%;
  padding: 0 30px 0 0;
}
body.account .totals-block table tr.grand-total td {
  font-size: 16px;
  padding: 2px 0;
  border-top: 1px solid #d9d9d9;
}
/* your account pagination styles */
.account .toolbar .pages {
  position: absolute;
  width: 100%;
  z-index: 0;
  text-align: center;
  padding: 6px 0;
  font-weight: normal;
}
.pages .items {
  font-size: 0;
  letter-spacing: -1px;
  line-height: 0;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  list-style: none none;
  display: inline-block;
  font-weight: 700;
}
.pages .items .item {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: normal;
  margin: 0 2px 0 0;
  display: inline-block;
}
.pages .items .item a.action {
  font-weight: normal;
  background: none;
  text-transform: lowercase;
}
.pages .items .item .page {
  padding: 4px;
}
.pages .items .item .label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.pages > .label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* your account account nav styles */
.account-nav .nav.item {
  padding: 0;
  margin: 2px 0 0 0;
  position: relative;
  box-sizing: border-box;
}
.account-nav .nav.item:first-child {
  margin: 0;
}
.account-nav .nav.item .delimiter {
  border-top: 1px solid #d1d1d1;
  display: block;
  margin: 6px 10px;
}
.account-nav .nav.item a {
  border-left: 3px solid transparent;
  color: #666666;
  display: block;
  padding: 5px 18px 5px 8px;
}
.account-nav .nav.item a:hover {
  color: #666666;
}
.account-nav .nav.item > strong {
  border-left: 3px solid transparent;
  color: #333333;
  color: #333;
  display: block;
  padding: 0;
}
.account-nav .nav.item.current strong {
  border-color: #333;
  color: #333333;
  padding: 5px 18px 5px 8px;
}
.account-nav .nav.item.current a {
  border-color: #333;
}
.account-nav .nav.item.current a strong {
  padding: 0;
  border-color: transparent;
}
body.customer-account-login .page-main,
body.customer-account-create .page-main {
  margin: 0 auto;
  padding: 0;
}
body.customer-account-create .column.main {
  background: none;
  padding: 30px 50px;
  box-sizing: border-box;
  margin: 0 auto 40px;
}
body.customer-account-create .form-create-account {
  max-width: 400px;
  margin: 0 auto 40px;
  position: relative;
  overflow: hidden;
}
body.customer-account-create .password-strength-meter {
  color: #666666;
}
.form.password.forget {
  max-width: 500px;
  margin: 0 auto;
  display: block;
  position: relative;
  overflow: hidden;
}
body.customer-account-login .page-title-wrapper {
  display: none;
}
.column.main .login-container .form {
  margin: 0;
  padding: 0;
}
.column.main .login-container .form .actions-toolbar {
  padding-top: 12px;
}
.login-container {
  width: 100%;
  background: none;
  padding: 0;
  box-sizing: border-box;
  margin: 0 auto 40px;
  border: 1px solid #e9e9e9;
}
.login-container .form .fieldset {
  margin: 0;
  padding: 0;
}
.login-container .block-customer-login {
  padding: 80px 60px 40px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.login-container .block-customer-login .block-title {
  padding-bottom: 20px;
}
.login-container .block-customer-login .block-title strong {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
}
.login-container .block-customer-login .actions-toolbar .primary button.action.primary {
  width: 100%;
  background: #563b1a;
  text-transform: capitalize;
  font-size: 16px;
}
.login-container .block-customer-login .actions-toolbar .primary button.action.primary:hover {
  background: #7e5c31;
}
.login-container .block-customer-login .actions-toolbar .secondary {
  text-align: center;
  padding-top: 32px;
}
.login-container .block-new-customer {
  padding: 40px;
  border-top: 1px solid #e9e9e9;
  background: #f9fafc;
  text-align: center;
}
.login-container .block-new-customer::before {
  display: block;
  content: url('../images/frans-logo-icon-4.svg');
  width: 32px;
  height: 32px;
  margin: auto;
  margin-top: -56px;
  margin-bottom: 24px;
}
.field.captcha {
  border: 1px solid #d9d9d9;
  padding: 10px;
}
.field.captcha.no-label {
  border: 0;
  margin: 0;
}
button.action.reload.captcha-reload {
  width: 100%;
  border: 0;
  background: #fff;
  color: #333;
  box-shadow: none;
  display: inline-block;
  padding: 10px;
  height: auto;
  width: auto;
  float: right;
  margin: 20px 0 0 0;
}
.control.captcha-image img {
  margin: 20px 0;
}
.sidebar.sidebar-additional,
.product-addto-links,
.product-reviews-summary {
  display: none;
  /* temp / unused / unstyled features to test */
}
.account.page-layout-2columns-left .sidebar-main {
  display: block;
}
.account.page-layout-2columns-left .column.main {
  display: block;
}
/********************************************************************
    Generic Styles for Your Account
********************************************************************/
.order-status,
.return-status {
  display: inline-block;
  border: 2px solid #cccccc;
  border-radius: 3px;
  margin: 0;
  padding: 2px 10px;
  text-transform: uppercase;
}
.order-links {
  overflow: hidden;
  position: relative;
  margin-bottom: -1px;
  clear: both;
}
.order-links .item {
  float: left;
  margin: 0;
  padding: 0;
  margin-right: -1px;
}
.order-links .item a {
  background: #f6f6f6;
  color: #6d6d6d;
  border: 1px solid #cccccc;
  display: block;
  font-weight: 400;
  padding: 8px 20px;
}
.order-links .item strong {
  background: #ffffff;
  color: #6d6d6d;
  border: 1px solid #cccccc;
  border-bottom: 1px solid #ffffff;
  display: block;
  font-weight: 400;
  padding: 8px 20px;
}
.order-details-items {
  clear: both;
  border: 1px solid #cccccc;
  padding: 20px;
}
.block.block-order-details-view {
  padding: 0 0 20px 0;
  margin: 0;
  border: 0;
  clear: both;
}
.block.block-order-details-view .block-content {
  position: relative;
  overflow: hidden;
}
.order-title .action {
  display: block;
  float: right;
  padding: 4px 10px;
}
/**
    EDIT FOR NOT TABS
    todo review shipment, invoice, credit memo tabs if needed
**/
.order-links {
  display: none;
}
.order-details-items {
  border: 0;
  padding: 0;
}
.order-details-items .table-wrapper.order-items {
  padding: 30px 0;
}
/********************************************************************
    desktop styles
********************************************************************/
@media (min-width: 975px) {
  .login-container {
    max-width: 428px;
  }
  body.customer-account-createpassword .column.main {
    max-width: 428px;
    width: 100%;
    background: none;
    box-sizing: border-box;
    margin: 0 auto 40px;
    border: 1px solid #e9e9e9;
  }
  /* Generic Order Summary Styles */
  .block.block-order-details-view .block-content .box {
    float: left;
    width: 25%;
  }
  .block.block-order-details-view .block-content .box.box-gift-message,
  .block.block-order-details-view .block-content .box.box-special-instructions {
    width: 50%;
  }
  /* Account Summary */
  .block.block-dashboard-info .block-content .box {
    width: 50%;
  }
  .block.block-dashboard-addresses .block-content .box {
    width: 50%;
  }
  .account.page-layout-2columns-left .sidebar-main,
  .account.page-layout-2columns-left .sidebar-additional {
    float: left;
    width: 22%;
    padding: 20px 0;
  }
  .account.page-layout-2columns-left .column.main {
    float: right;
    width: 76%;
  }
}
/**
    subscribe form
**/
.form.subscribe button.action.primary {
  margin: 0;
}
.form.subscribe .field {
  float: left;
  margin: 0;
}
.form.subscribe .field.newsletter label {
  display: none;
}
.form.subscribe .button {
  float: left;
}
.block.newsletter {
  padding: 0;
  display: block;
  /* temp move in template to footer and notes section */
}
body.checkout-cart-index h1.page-title {
  text-transform: none;
  color: #333333;
}
body.checkout-cart-index .column.main {
  padding: 12px 12px 50px;
  text-align: center;
}
body.checkout-cart-index button.action.primary {
  display: inline-block;
}
body.checkout-cart-index .action.continue.cart-footer {
  text-transform: lowercase;
  background-color: transparent;
  padding: 0;
  color: #926e5e;
  text-decoration: underline;
  display: inline-block;
  width: auto;
  border: none;
  text-decoration: none;
  color: #333;
  padding-left: 18px;
  background: url('../images/icon-arrow-small-left.svg') 0 50% no-repeat;
  background-size: 16px;
  line-height: 20px;
  text-align: center;
}
body.checkout-cart-index .action.continue.cart-footer:hover {
  background-color: none;
  color: #c59e8d;
  text-decoration: none;
}
body.checkout-cart-index .checkout-methods-items li {
  text-align: center;
}
body.checkout-cart-index .cart-empty {
  text-align: center;
  padding: 60px 10px 10px;
}
/**
    CHECKOUT FIELDS
**/
.form.form-shipping-address .fieldset .field {
  margin-bottom: 6px;
}
.form.form-shipping-address .fieldset .field label.label {
  display: none;
}
.form.form-shipping-address .fieldset .field legend.label {
  display: none;
}
.form.form-shipping-address .fieldset .field.street {
  margin: 0;
}
.form.form-shipping-address .fieldset .field[name="shippingAddress.firstname"] {
  width: 49%;
  float: left;
  width: 50%;
}
.form.form-shipping-address .fieldset .field[name="shippingAddress.lastname"] {
  width: 49%;
  float: left;
  clear: none;
  margin-left: 2%;
  margin-left: 0;
  width: 50%;
}
.form.form-shipping-address .fieldset .field[name="shippingAddress.lastname"] input {
  border-left: none;
}
.form.form-shipping-address .fieldset .field[name="shippingAddress.city"] {
  width: 49%;
  float: left;
  width: 34%;
}
.form.form-shipping-address .fieldset .field[name="shippingAddress.region_id"] {
  width: 49%;
  float: left;
  clear: none;
  margin-left: 2%;
  margin-left: 0;
  width: 33%;
}
.form.form-shipping-address .fieldset .field[name="shippingAddress.region_id"] select {
  border-left: none;
}
.form.form-shipping-address .fieldset .field[name="shippingAddress.postcode"] {
  width: 49%;
  float: left;
  clear: none;
  margin-left: 2%;
  margin-left: 0;
  width: 33%;
}
.form.form-shipping-address .fieldset .field[name="shippingAddress.postcode"] input {
  border-left: none;
}
.form.payments .fieldset .field {
  margin-bottom: 6px;
}
.form.payments .fieldset .field label.label {
  display: none;
}
.form.payments .fieldset .field legend.label {
  display: none;
}
.form.payments .fieldset .field.street {
  margin: 0;
}
.form.payments .fieldset .field[name="billingAddressstripe_payments.firstname"] {
  width: 49%;
  float: left;
  width: 50%;
}
.form.payments .fieldset .field[name="billingAddressstripe_payments.lastname"] {
  width: 49%;
  float: left;
  clear: none;
  margin-left: 2%;
  margin-left: 0;
  width: 50%;
}
.form.payments .fieldset .field[name="billingAddressstripe_payments.lastname"] input {
  border-left: none;
}
.form.payments .fieldset .field[name="billingAddressstripe_payments.region_id"] {
  width: 49%;
  float: left;
  width: 34%;
}
.form.payments .fieldset .field[name="billingAddressstripe_payments.city"] {
  width: 49%;
  float: left;
  clear: none;
  margin-left: 0;
  width: 33%;
}
.form.payments .fieldset .field[name="billingAddressstripe_payments.city"] input {
  border-left: none;
}
.form.payments .fieldset .field[name="billingAddressstripe_payments.postcode"] {
  width: 49%;
  float: left;
  clear: none;
  margin-left: 2%;
  margin-left: 0;
  width: 33%;
}
.form.payments .fieldset .field[name="billingAddressstripe_payments.postcode"] input {
  border-left: none;
}
/* checkout styles */
form.form#gift-message.form {
  max-width: 380px;
  margin: auto;
  padding: 20px 0;
}
form.form#gift-message.form .fieldset {
  padding: 0;
  margin: 0;
}
form.form#gift-message.form .message {
  display: block;
  border: 0;
  color: #666;
  margin: 0;
  padding: 0 0 20px;
  font-size: 12px;
}
form.form#gift-message.form .message.error {
  color: #aa0000;
}
form.form#gift-message.form .field label {
  display: none;
}
form.form#gift-message.form input {
  text-align: center;
}
form.form#gift-message.form textarea {
  height: 300px;
  margin: 0 auto;
  resize: none;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  padding: 0 10px;
}
form#special-instructions.form .field label {
  display: none;
}
form#special-instructions.form textarea {
  min-height: 260px;
}
#checkout .checkout-card .summary.ship-methods-future-ship,
.multicheckout .summary.ship-methods-future-ship {
  display: none;
  /* hide ship methods default form, use ship mode form if futureship is enabled */
  margin: 20px 0;
  padding: 16px;
  background: #f9fafc;
  border: 1px solid #d9d9d9;
  border: 0;
}
#checkout input[type='radio'] {
  border-radius: 100px;
}
#checkout input[type='radio']:after {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-radius: 20px;
  top: -2px;
  left: -2px;
  position: relative;
  background-color: #fff;
  border: 2px solid #fff;
  content: '';
  display: inline-block;
  visibility: visible;
  box-shadow: 0 0 0 2px #4e3227;
}
#checkout input[type='radio']:checked:after {
  background-color: #4e3227;
}
#checkout input[type='radio']:focus-visible:after {
  box-shadow: 0 0 0 2px #c37c21;
  outline: 1px solid #c37c21;
  outline-offset: 2px;
}
/* ARRIVAL, GM, SI */
.shipping-options-section {
  margin: 2px;
  padding: 4px;
  margin: 0;
  padding: 0;
}
.shipping-options-section .inset {
  padding-left: 50px;
  display: none;
}
.shipping-options-section .summary.arrival {
  margin-bottom: 0;
}
.shipping-options-section .summary.arrival .shipping-modes-wrapper {
  padding: 0;
}
.shipping-options-section .summary.arrival .shipping-modes-wrapper table.table tr td {
  padding: 4px 8px 4px 0;
}
.shipping-options-section .summary.arrival .shipping-modes-wrapper .ship-mode-section {
  padding: 0;
  border: 1px solid #d9d9d9;
}
.shipping-options-section .summary.arrival .shipping-modes-wrapper .ship-mode-section:last-child {
  padding-bottom: 0;
}
.shipping-options-section .summary.arrival .shipping-modes-wrapper .ship-mode-section h4 {
  font-weight: 500;
  padding: 0 0 4px 0;
}
.shipping-options-section .summary.arrival .shipping-modes-wrapper .ship-mode-section .ship-mode-option {
  display: block;
  position: relative;
  padding: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.shipping-options-section .summary.arrival .shipping-modes-wrapper .ship-mode-section .ship-mode-option:last-child {
  border-bottom: none;
}
.shipping-options-section .summary.arrival .shipping-modes-wrapper .ship-mode-section .ship-mode-option.optionSelected .ship-mode-title {
  font-weight: 500;
}
.shipping-options-section .summary.arrival .shipping-modes-wrapper .ship-mode-section .ship-mode-option .ship-mode-input {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -7px;
}
.shipping-options-section .summary.arrival .shipping-modes-wrapper .ship-mode-section .ship-mode-option label {
  display: block;
  padding: 0 0 0 34px;
}
.shipping-options-section .summary.arrival .shipping-modes-wrapper .ship-mode-section .ship-mode-option div.shipping-notes {
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
  color: #000;
  padding: 3px 0 0 0;
}
.shipping-options-section .summary.arrival .planned-ship-date-display {
  display: block;
  display: none;
  /* temp debug remove this, hide for now */
  padding: 4px;
  text-align: center;
  background: #f9fafc;
  clear: both;
  margin: 20px 0;
}
.shipping-options-section .summary.arrival .planned-ship-date-display h4 {
  color: #666;
  font-size: 11px;
  line-height: 12px;
}
.shipping-options-section .summary.arrival .planned-ship-date-display .date-summary-display {
  color: #666;
  font-size: 11px;
  line-height: 12px;
}
.shipping-options-section .summary.arrival .estimated-arrival-display {
  display: block;
  display: none;
  /* temp debug remove this, hide for now */
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #d9d9d9;
  padding: 14px 20px;
  margin: 0 0 20px 0;
  text-align: center;
  clear: both;
  margin: 20px 0;
}
.shipping-options-section .summary.arrival .estimated-arrival-display h4 {
  color: #4e3227;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}
.shipping-options-section .summary.arrival .estimated-arrival-display .date-summary-display {
  padding: 2px 8px;
  font-size: 12px;
  color: #666;
  color: #4e3227;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
}
.shipping-options-section .summary.arrival .estimated-arrival-display .js-date-range {
  display: none;
  /* temp todo */
}
.table-checkout-shipping-method {
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}
.table-checkout-shipping-method thead {
  display: none;
}
.table-checkout-shipping-method td.col {
  padding: 16px 8px;
  border-top: 0;
  font-size: 12px;
  line-height: 18px;
  color: #666;
  border-top: 1px solid #d9d9d9;
}
.table-checkout-shipping-method td.col.col-error {
  padding: 8px 0 0 0;
}
.table-checkout-shipping-method td.col.col-error .message.error {
  margin: 0;
}
.table-checkout-shipping-method td.col.col-input {
  position: relative;
  border-left: 1px solid #d9d9d9;
  padding-left: 16px;
  max-width: 40px;
}
.table-checkout-shipping-method td.col.col-input input {
  position: absolute;
  top: 18px;
  left: 18px;
  margin: 0;
}
.table-checkout-shipping-method td.col.col-price {
  text-align: right;
  border-right: 1px solid #d9d9d9;
  padding-right: 16px;
}
.table-checkout-shipping-method td.col.col-error {
  border-top: 0;
}
.table-checkout-shipping-method tbody > tr:first-child {
  /* hide fedex label header */
}
/* arrival date */
.shipping-options-section .delivery-date {
  width: 100%;
  border-top: 1px solid #d9d9d9;
  padding-top: 10px;
}
.form .summary.btn .actions-toolbar {
  font-size: 13px;
  color: #926e5e;
  position: absolute;
  top: 26px;
  right: 12px;
  padding: 0;
}
.form .summary.btn .actions-toolbar button.action {
  color: #926e5e;
  padding: 0;
}
/**
   GIFT MESSAGE MODULE
**/
/* GIFT MESSAGE */
/* moved this block here from cart */
#gift-options-cart {
  padding: 10px;
  margin: 20px 0 0;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
.cart-gift-item {
  position: relative;
}
.gift-item-block {
  position: relative;
}
.gift-item-block .title {
  background: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow: hidden;
  text-indent: -500px;
}
.gift-item-block .content {
  padding-left: 50px;
}
.gift-item-block .gift-message .gift-options-title {
  display: none;
}
.gift-options .fieldset {
  margin: 0;
  padding: 0;
}
.gift-options .gift-options-title {
  font-size: 18px;
  padding: 14px 0 12px 0;
}
.gift-options .field > .control {
  margin: 0 0 12px 0;
}
.gift-options .actions-toolbar .secondary {
  float: right;
}
.gift-options .actions-toolbar .secondary .action {
  float: right;
  margin-left: 20px;
  margin-right: 0;
  display: block;
  width: auto;
  padding: 5px;
  background: #fff;
  border: 1px solid #d9d9d9;
  cursor: pointer;
}
.gift-options .actions-toolbar .secondary .action .action-cancel {
  float: left;
  margin-top: 6px;
  background: none;
  border: none;
  color: #926e5e;
}
.gift-message-preview {
  display: block;
  box-sizing: border-box;
  color: #333;
  text-align: left;
  padding: 0;
  width: 100%;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9d9d9;
  min-width: 300px;
  max-width: 380px;
  min-height: 180px;
  padding: 20px 36px;
  overflow: hidden;
}
.gift-message-preview-full {
  display: block;
  box-sizing: border-box;
  color: #333;
  text-align: center;
  border: 1px solid #d9d9d9;
  padding: 20px 20px;
  min-width: 420px;
  max-width: 420px;
  min-height: 300px;
  font-size: 12px;
  line-height: 21px;
}
/**
   CHECKOUT OPTIONS MODULES / CHECKOUT VIEWS
**/
/**
    CHECKOUT PAGE
**/
body.checkout-index-index {
  /* hide navs on checkout */
  /* todo fix in XML, hide help desk button in footer for checkout */
}
body.checkout-index-index .page-wrapper {
  padding: 0 0 40px 0;
}
body.checkout-index-index .page-title-wrapper {
  display: none;
  /* hide 'checkout' title */
}
body.checkout-index-index .header.content {
  padding: 20px 0;
}
body.checkout-index-index .column.main {
  padding: 20px 0 50px 0;
  max-width: 1380px;
  margin: 0 auto;
}
body.checkout-index-index .nav-toggle,
body.checkout-index-index .minicart-wrapper {
  display: none;
}
body.checkout-index-index ul.footer-nav,
body.checkout-index-index .sections.nav-sections,
body.checkout-index-index .header.links,
body.checkout-index-index .header .block.block-search {
  display: none;
}
body.checkout-index-index .hdmx__contact-button {
  display: none;
}
.checkout-container {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.authentication-wrapper {
  display: none;
}
#checkoutSteps {
  list-style: none;
}
.checkout-flyout {
  max-width: 420px;
}
.checkout-flyout h4 {
  font-size: 24px;
  line-height: 32px;
  margin: 14px 0 10px 0;
}
.checkout-flyout .forgot-block {
  padding: 0 0 35px;
  overflow: hidden;
  position: relative;
}
.checkout-flyout .continue-block {
  padding: 35px 0 0px;
  text-align: center;
}
.checkout-flyout .form .fieldset {
  margin: 0;
  padding: 20px 0 30px 0;
}
.checkout-flyout #forgot_password_form #so_reset_err_msg_wrapper {
  margin: 4px 0 8px 0;
}
.opc-estimated-wrapper {
  padding: 20px;
  margin: 10px 0 20px;
  background-color: #eeeeee;
  display: none;
  /* temp - hide estimate by default */
}
.opc-progress-bar {
  display: block;
  list-style: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding-bottom: 60px;
}
.opc-progress-bar-item {
  display: block;
  float: left;
  text-transform: capitalize;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
  padding: 18px 8px 10px;
  width: 50%;
  /* temp - for 2 step */
  width: 33.33%;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  background: none;
  float: none;
  display: inline-block;
  width: auto;
}
.opc-progress-bar-item._active {
  border-bottom: 1px solid #666666;
}
.opc-progress-bar-item._complete {
  background-image: url('../images/icon-checkout-check.png');
  background-size: 16px 10px;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.opc-summary-wrapper {
  display: block;
  box-sizing: border-box;
  background: none;
}
.opc-summary-wrapper .modal-header {
  display: none;
  /* temp - modal not used for summary */
}
.box-side {
  display: block;
  box-sizing: border-box;
  background: none;
  padding: 0;
  color: #444444;
  margin: 16px auto;
}
.box-side h2 {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  margin: 0 0 4px 0;
  color: #333333;
}
.box-side legend {
  text-align: center;
  padding: 2px 4px;
  display: block;
  width: 29px;
  height: 29px;
  margin: auto;
  background: url('../images/icon-frans-light.svg') 50% 0 no-repeat;
  background-size: 29px 29px;
  overflow: hidden;
  text-indent: -200px;
}
.box-side.checkout-help {
  margin-top: 30px;
  margin-bottom: 0;
  text-align: center;
  border: 1px solid #d9d9d9;
  padding: 10px 20px 30px;
}
.box-side.checkout-help h2 {
  font-weight: 500;
  margin: 2px 0 14px 0;
}
.box-side.checkout-help h3 {
  color: #333333;
  margin: 12px 0 4px 0;
}
.box-side.checkout-help p {
  margin: 0 0 2px 0;
  font-size: 13px;
  line-height: 18px;
}
#checkout .checkout-shipping-address .multiship-link {
  position: absolute;
  top: 4px;
  right: 0;
  z-index: 100;
}
#checkout .step-content {
  position: relative;
}
#checkout .step-content#checkout-step-shipping {
  margin: 30px auto 10px;
}
#checkout .step-content#checkout-step-shipping_method {
  padding-top: 40px;
}
#checkout .step-content#checkout-step-shipping_method .no-quotes-block {
  display: none;
}
#checkout .step-title {
  color: #666666;
  color: #333333;
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 16px;
}
#checkout .fieldset legend {
  color: #666666;
  font-size: 16px;
  margin: 4px 0 10px;
}
#checkout .fieldset legend.label {
  font-size: 12px;
  line-height: 14px;
  color: #666666;
  margin: 0;
  padding: 0 0 2px 0;
}
#checkout form.form {
  padding: 0;
  margin: 0;
}
#checkout form.form .fieldset {
  padding: 0;
  margin: 0;
}
#checkout form.form #customer-email-fieldset label.label {
  display: block;
  display: none;
}
#checkout form.form .field-note {
  padding-top: 8px;
}
#checkout form.form .note {
  color: #666666;
  font-size: 12px;
  line-height: 18px;
}
#checkout form.form button.action.primary {
  width: 100%;
  margin: 10px 0 0;
  border-radius: 0;
}
#checkout form.form button.action.primary.disabled,
#checkout form.form button.action.primary:disabled {
  cursor: default;
  background: #ccc;
  color: #fff;
  border: 0px;
}
#checkout form.form button.action.primary.left {
  margin: 10px 0;
}
#checkout form.form.payments hr {
  display: none;
}
#checkout .checkout-shipping-address .field.addresses {
  padding: 0;
  margin: 0 0 10px 0;
}
#checkout .checkout-shipping-address .field.addresses select {
  display: block;
  box-sizing: border-box;
  min-width: 100%;
  max-width: 100%;
  padding: 4px;
}
#checkout .checkout-shipping-address button.action {
  /*
            display: inline-block;
            padding: 5px;
            margin: 5px 0;
            */
}
#checkout .shipping-address-item {
  font-size: 13px;
  line-height: 18px;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #d9d9d9;
  display: none;
}
#checkout .shipping-address-item.selected-item {
  display: block;
}
#checkout .shipping-address-item button.action-select-shipping-item {
  display: none;
}
#checkout .checkout-shipping-method {
  padding: 0;
  clear: both;
}
#checkout .checkout-shipping-method form#shipdate label.label {
  display: none;
}
#checkout .checkout-shipping-method form#gift-message label.label {
  display: none;
}
#checkout .checkout-shipping-method form#special-instructions label.label {
  display: none;
}
#checkout .payment-option.discount-code .action {
  margin: 20px auto 4px;
  display: block;
  box-sizing: border-box;
  padding: 4px;
  background: none;
  border: none;
  color: #926e5e;
  text-transform: lowercase;
  text-align: right;
}
#checkout .payment-option.discount-code .actionaction-apply {
  text-transform: uppercase;
  text-align: center;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  padding: 6px;
  margin: 4px 0 0;
}
#checkout .checkout-billing-address {
  display: block;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  padding: 12px;
  margin: 4px auto 10px;
  padding: 0;
  margin: 0;
}
#checkout .checkout-billing-address .billing-address-details {
  margin: 0;
  padding: 0 0 20px 0;
}
#checkout .checkout-billing-address .billing-address-details button.action-edit-address {
  position: absolute;
  top: 0;
  right: 0;
}
#checkout .checkout-billing-address .billing-address-form .field .label {
  display: none;
}
/* CHECKOUT PAYMENTS */
.checkout-payment-method .payment-group .payment-method {
  margin: 0 0 10px 0;
}
.checkout-payment-method .payment-group .payment-method .field.choice {
  padding: 0;
}
.checkout-payment-method .payment-group .payment-method .field.choice.payment-method-title {
  font-size: 14px;
  line-height: 44px;
  text-transform: none;
}
.checkout-payment-method .payment-group .payment-method .field.choice.billing-address-same-as-shipping-block {
  padding: 10px 0;
}
.checkout-payment-method .payment-group .payment-method .field.choice label.label {
  display: block;
  width: auto;
  margin: 0 0 10px 0;
  background: #fff;
  padding: 20px;
  border: 1px solid #d9d9d9;
  cursor: pointer;
}
.checkout-payment-method .payment-group .payment-method .field.choice label.label:hover {
  background: #f9fafc;
}
.checkout-payment-method .payment-group .payment-method .field.choice input.radio {
  display: none;
}
.checkout-payment-method .payment-group .payment-method._active {
  border: 1px solid #d9d9d9;
}
.checkout-payment-method .payment-group .payment-method._active .field.choice label.label {
  border: 0;
  margin: 0;
  background: #f9fafc;
  font-weight: bold;
}
.checkout-payment-method .payment-group .payment-method._active .field.choice label.label:hover {
  background: #f9fafc;
}
.checkout-payment-method .payment-group .payment-method._active .payment-method-content {
  display: block;
}
.checkout-payment-method .payment-group .payment-method._active .payment-method-content .payment-note {
  padding: 10px 0 20px;
}
.checkout-payment-method .payment-group .payment-method._active .payment-method-content:empty {
  display: none;
}
.checkout-payment-method .payment-group .payment-method .payment-method-content {
  display: none;
  box-sizing: border-box;
  padding: 20px;
}
.form .field.payment-method-title {
  font-size: 16x;
  line-height: 20px;
}
/* address validation */
/*
#co-validate-form{
    position: relative;
    overflow: hidden;
    .addressOption{
        padding: 14px 30px 14px 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        width: 50%;
        float: left;
        .addressRadio{
            display: block;
            position: relative;
            float: left;
            padding: 4px 8px 4px 4px;
        }
        label{
            display: block;
            position: relative;
            float: left;
            padding: 12px 0 10px 25px;
            max-width: 100%;
        }
    }
}
*/
/* todo look at checkoutviews billing.html */
#co-payment-form legend {
  display: none;
}
/* CHECKOUT SUMMARY */
.opc-block-summary .title {
  display: block;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #333333;
  font-weight: 500;
  margin: 0 0 12px 0;
}
.opc-block-summary .title strong {
  font-weight: normal;
}
.opc-block-summary .totals.grand th {
  text-align: right;
}
.opc-block-summary .totals.grand.excl th,
.opc-block-summary .totals.grand.excl td {
  border-top: 0px;
}
.opc-block-summary .product {
  overflow: hidden;
  position: relative;
}
.opc-block-summary .items-in-cart .title {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  background-image: url('../images/icon-arrow-dropdown.png');
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding: 8px 0;
  margin: 0;
  border-bottom: 1px solid #d9d9d9;
  background: none;
  display: none;
}
.opc-block-summary .items-in-cart .product-image-container {
  float: left;
  display: block;
  padding: 12px 0 4px 0;
  width: auto !important;
  height: auto !important;
  max-width: 20%;
}
.opc-block-summary .items-in-cart .product-image-container img {
  max-width: 100%;
  height: auto;
}
.opc-block-summary .items-in-cart .product-item-details {
  float: left;
  width: auto;
  padding: 12px 0 12px 10px;
  width: 78%;
  max-width: 78%;
}
.opc-block-summary .items-in-cart .product-item-details .product-item-name-block strong {
  color: #333333;
  font-weight: 500;
}
.opc-block-summary .minicart-items-wrapper .details-qty {
  float: none;
}
.opc-block-summary .minicart-items .product {
  overflow: hidden;
  position: relative;
  padding: 10px;
}
.opc-block-summary .minicart-items .product.options {
  padding: 0;
}
.opc-block-summary .minicart-items .details-qty {
  margin: 0;
  float: left;
}
.opc-block-summary .minicart-items .subtotal {
  font-weight: 500;
  margin: 0;
  float: right;
  text-align: right;
  display: block;
}
.opc-block-summary .minicart-items .price-including-tax {
  display: none;
  font-size: .9em;
  font-weight: 400;
}
.opc-block-summary .items-in-cart.active .title {
  background-image: url('../images/icon-arrow-dropup.png');
  background: none;
}
.opc-block-summary .table-totals {
  width: 100%;
  margin: 0 0;
  background: none;
  border: 1px solid #d9d9d9;
  border-top: 0;
}
.opc-block-summary .table-totals .table-caption {
  padding: 5px;
  display: none;
}
.opc-block-summary .table-totals tr th,
.opc-block-summary .table-totals tr td {
  padding: 8px 16px;
  background: #f9fafc;
}
.opc-block-summary .table-totals tr th {
  padding-right: 8px;
}
.opc-block-summary .table-totals tr td {
  padding-left: 8px;
}
.opc-block-summary .table-totals tr th {
  text-align: right;
}
.opc-block-summary .table-totals tr.totals.sub th,
.opc-block-summary .table-totals tr.totals.sub td {
  padding-top: 20px;
}
.opc-block-summary .table-totals tr.totals.grand th,
.opc-block-summary .table-totals tr.totals.grand td {
  padding-bottom: 20px;
}
.opc-block-summary .table-totals tr.totals.discount th .title {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  margin: 0;
  color: #444444;
  text-align: right;
}
.opc-block-summary .table-totals .amount {
  text-align: right;
}
.opc-block-summary .table-totals .sub.incl th,
.opc-block-summary .table-totals .sub.incl td {
  font-weight: 400;
  font-size: .9em;
  line-height: .8em;
  color: #666;
}
.opc-block-summary .table-totals .shipping.incl th,
.opc-block-summary .table-totals .shipping.incl td {
  font-weight: 400;
  font-size: .9em;
  line-height: .8em;
}
.opc-block-summary .table-totals .grand.excl strong {
  font-weight: 400;
  font-size: .9em;
}
.opc-summary-wrapper .items-in-cart {
  padding: 4px 0;
  margin: 0 0;
  border: 1px solid #d9d9d9;
}
.opc-summary-wrapper .items-in-cart .column.main dl {
  margin: 0;
}
.block-shipping .action.edit {
  float: right;
  font-weight: normal;
}
.opc-block-shipping-information .shipping-information {
  padding: 10px;
  border: none;
  background: #ffffff;
}
.opc-block-shipping-information .shipping-information .ship-to {
  text-align: center;
}
.opc-block-shipping-information .shipping-information .ship-to .shipping-information-content {
  padding: 20px 0 30px;
}
.opc-block-shipping-information .shipping-information .ship-via {
  padding: 20px 0 0;
  border-top: 1px solid #d9d9d9;
}
.opc-block-shipping-information .shipping-information .shipping-information-content {
  padding: 0 0 14px 0;
  line-height: 20px;
}
.opc-block-shipping-information .shipping-information .shipping-information-content.gift-message-preview {
  padding: 20px 36px;
}
.opc-block-shipping-information .shipping-information .shipping-information-title {
  position: relative;
  padding: 12px 0 10px 0;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-align: left;
  color: #333333;
}
.opc-block-shipping-information .shipping-information .shipping-information-title button.action.action-edit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px;
  color: #926e5e;
  cursor: pointer;
}
/* M2 Multiship styles */
.page-layout-checkout h1.page-title {
  font-size: 20px;
  line-height: 22px;
  padding: 40px 0 10px;
  margin: 0;
}
.form.multicheckout,
form.multicheckout.order-review {
  max-width: 100%;
  padding: 0 0 20px 0;
}
.form.multicheckout div.title,
form.multicheckout.order-review div.title,
.form.multicheckout .block-title,
form.multicheckout.order-review .block-title {
  font-size: 18px;
  line-height: 22px;
  margin: 0;
}
.form.multicheckout .box,
form.multicheckout.order-review .box {
  padding: 20px 0;
  border: 0;
}
.form.multicheckout .box.gift-message textarea,
form.multicheckout.order-review .box.gift-message textarea {
  min-height: 230px;
  margin-bottom: 8px;
}
.form.multicheckout .box.gift-message,
form.multicheckout.order-review .box.gift-message,
.form.multicheckout .box.special-instructions,
form.multicheckout.order-review .box.special-instructions {
  max-width: 360px;
}
.form.multicheckout .box-title,
form.multicheckout.order-review .box-title,
.form.multicheckout h2,
form.multicheckout.order-review h2 {
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  padding: 4px 0 4px;
  margin: 0;
}
.form.multicheckout .product-item-name a,
form.multicheckout.order-review .product-item-name a {
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  padding: 4px 0 0;
  margin: 0;
}
.form.multicheckout .product-item-name a,
form.multicheckout.order-review .product-item-name a {
  padding-bottom: 3px;
}
.form.multicheckout dl.item-options,
form.multicheckout.order-review dl.item-options {
  margin: 0;
}
.form.multicheckout dl.item-options dd,
form.multicheckout.order-review dl.item-options dd {
  padding-bottom: 3px;
}
.form.multicheckout .fieldset .field.choice,
form.multicheckout.order-review .fieldset .field.choice {
  padding: 0;
}
.form.multicheckout .block.block-shipping,
form.multicheckout.order-review .block.block-shipping {
  padding: 0;
  margin: 0 0 40px 0;
}
.form.multicheckout .box-shipping-method .item-title,
form.multicheckout.order-review .box-shipping-method .item-title {
  display: none;
}
.form.multicheckout .box-shipping-method legend,
form.multicheckout.order-review .box-shipping-method legend {
  display: none;
}
.form.multicheckout .box-shipping-method .fieldset,
form.multicheckout.order-review .box-shipping-method .fieldset {
  margin: 0;
  padding: 4px 0 0 0;
}
.form.multicheckout .table-wrapper thead,
form.multicheckout.order-review .table-wrapper thead {
  display: none;
}
.form.multicheckout .table-wrapper td,
form.multicheckout.order-review .table-wrapper td,
.form.multicheckout .table-wrapper th,
form.multicheckout.order-review .table-wrapper th {
  padding: 5px 5px 5px 0;
}
.form.multicheckout .table-wrapper thead th.qty,
form.multicheckout.order-review .table-wrapper thead th.qty,
.form.multicheckout .table-wrapper td.qty,
form.multicheckout.order-review .table-wrapper td.qty,
.form.multicheckout .table-wrapper td.qty input.input-text.qty,
form.multicheckout.order-review .table-wrapper td.qty input.input-text.qty {
  max-width: 80px;
}
.form.multicheckout .table-wrapper td.subtotal,
form.multicheckout.order-review .table-wrapper td.subtotal,
.form.multicheckout .table-wrapper td.amount,
form.multicheckout.order-review .table-wrapper td.amount {
  text-align: right;
}
.form.multicheckout div.grand.totals,
form.multicheckout.order-review div.grand.totals {
  border-top: 1px solid #d9d9d9;
  padding: 20px 5px 30px;
  text-align: right;
}
.form.multicheckout div.grand.totals .price,
form.multicheckout.order-review div.grand.totals .price {
  padding-left: 60px;
}
.form.multicheckout td.img img,
form.multicheckout.order-review td.img img {
  max-height: 62px;
}
body.multishipping-checkout-overview .form.multicheckout div.title {
  padding-top: 20px;
}
body.multishipping-checkout-overview .form.multicheckout .block-title {
  display: none;
}
body.multishipping-checkout-overview .form.multicheckout .block.block-shipping {
  margin: 0;
}
body.multishipping-checkout-overview .form.multicheckout td.img > img {
  max-height: 62px;
}
#fr_ms_checkout_multishipping_wrapper .fr_ms_recipient {
  max-width: 760px;
}
#fr_ms_checkout_multishipping_wrapper .fr_ms_recipient h2 {
  font-size: 24px;
  line-height: 32px;
  padding: 4px 0 12px 0;
}
#fr_ms_checkout_multishipping_wrapper .minicart-items {
  padding: 10px 0 30px;
}
#fr_ms_checkout_multishipping_wrapper .minicart-items .product-item {
  box-sizing: border-box;
  background: #f9fafc;
  padding: 10px;
}
#fr_ms_checkout_multishipping_wrapper .minicart-items .product-item .item-options dd {
  font-size: 14px;
  font-weight: 500;
}
#fr_ms_checkout_multishipping_wrapper .minicart-items .product-item .item-options dd.color_swatch {
  font-weight: normal;
}
#fr_ms_checkout_multishipping_wrapper .minicart-items .product-item .product-item-details {
  padding: 8px 0;
}
#fr_ms_checkout_multishipping_wrapper .minicart-items .product-item .product-image-wrapper {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 154px;
  text-align: center;
}
#fr_ms_checkout_multishipping_wrapper .minicart-items .product-item .details-qty {
  float: none;
  clear: none;
  margin: 4px auto;
}
#fr_ms_checkout_multishipping_wrapper .minicart-items .product-item .details-qty .item-qty {
  height: auto;
  min-width: 60px;
  line-height: 40px;
}
#fr_ms_checkout_multishipping_wrapper .minicart-items .product-item .details-qty .item-qty[type=number]::-webkit-inner-spin-button {
  opacity: 1;
}
.multicheckout.success .orders-succeed {
  padding: 10px 0 20px;
  overflow: hidden;
  position: relative;
}
body.multishipping-checkout-success .actions-toolbar {
  text-align: left;
}
body.multishipping-checkout-success .actions-toolbar button.action.primary {
  width: auto;
  margin: 0;
}
.block-order-details-view {
  border: 0;
}
.multiship-order-box {
  padding: 20px;
  background: #f9fafc;
  text-align: center;
  float: right;
  width: 30%;
  margin: 10px 0;
}
.multiship-order-box .recipient-count {
  font-size: 30px;
  line-height: 30px;
}
.totals-block {
  line-height: 35px;
}
.multiship-recipient-wrapper .multiship-recipient-box {
  border: 1px solid #d9d9d9;
  padding: 20px;
}
.multiship-recipient-wrapper .multiship-recipient-title {
  font-size: 22px;
  line-height: 24px;
  padding: 8px 0 8px 0;
}
.multiship-recipient-wrapper .multiship-recipient {
  padding: 20px 0 20px;
}
.multiship-recipient-wrapper .multiship-recipient h2 {
  font-weight: 500;
}
.multiship-recipient-wrapper .multiship-recipient h3 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 8px;
}
.multiship-recipient-wrapper .multiship-recipient > .ship_infos > div {
  padding: 20px 40px 20px 40px;
  border-right: 1px solid #d9d9d9;
}
.multiship-recipient-wrapper .multiship-recipient > .ship_infos > div:first-child {
  padding-left: 0;
}
.multiship-recipient-wrapper .multiship-recipient > .ship_infos > div:last-child {
  border-right: none;
}
.multiship-recipient-wrapper .multiship-recipient .address-block {
  float: left;
}
.multiship-recipient-wrapper .multiship-recipient .arrival-block {
  float: left;
  padding: 0 20px;
}
.multiship-recipient-wrapper .multiship-recipient .special-block {
  float: left;
  padding: 0 20px;
}
.multiship-recipient-wrapper .multiship-recipient .preferred-arrival-display {
  font-size: 24px;
  line-height: 24px;
  padding: 0 0 6px;
}
.multiship-recipient-wrapper .multiship-recipient .message-block {
  clear: both;
  padding: 20px 0;
}
.multiship-recipient-wrapper .multiship-recipient .items-block {
  clear: both;
}
.multiship-recipient-wrapper .multiship-recipient .totals-block table {
  width: 100%;
}
.multiship-recipient-wrapper .multiship-recipient .co_item_block_padding {
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 10px;
  width: 100%;
  height: 232px;
  background-color: #f9fafc;
}
.multiship-recipient-wrapper .multiship-recipient .co_item_block_padding > img.gift-card-img {
  margin-top: 30px;
}
.multiship-recipient-wrapper .multiship-recipient .co_item_block_padding > div {
  text-align: center;
  align-items: center;
  justify-content: center;
}
.multiship-recipient-wrapper .multiship-recipient .co_item_block:first-child .co_item_block_padding {
  margin-left: 0;
}
img.prod-thumb {
  height: 104px;
}
/* SQUARE STYLES */
#sq-walletbox {
  display: none;
  /* temp hide this section / wallet not used */
}
#sq-ccbox {
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-weight: normal !important;
}
#square_form_fields {
  box-sizing: border-box;
  width: 100%;
  margin: 0 !important;
  padding: 20px;
}
#square_form_fields table {
  width: 100%;
}
#square_form_fields .ipnut-wrap {
  width: 50%;
}
#square_form_fields .label-name {
  width: 50%;
}
.sq-input {
  box-sizing: border-box;
}
/* STRIPE */
.checkout-payment-method .payment-method._active .payment-method-content.stripe-payments-card-form {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 20px;
}
.checkout-payment-method .payment-method.stripe-payments .payment-method-billing-address {
  padding: 0 0 20px 0;
}
.checkout-payment-method .payment-method.stripe-payments .payment-method-billing-address .action.action-cancel {
  display: none;
}
.checkout-payment-method .payment-method.stripe-payments .stripe-payments-billing-address-warning {
  display: none;
}
.stripe-icon-container {
  display: none;
  /*todo*/
}
.fieldset.ccard .stripe-elements-field {
  border: 1px solid #d9d9d9;
  border-radius: 0;
  box-shadow: none;
}
.form .field .billing-address-same-as-shipping-block label {
  color: #333;
  font-size: 14px;
  line-height: 18px;
}
/* RECEIPT */
.checkout-receipt {
  padding: 20px;
  border: 1px solid #d9d9d9;
  margin: 20px auto;
}
body.checkout-onepage-success .page-main {
  max-width: 960px;
}
body.checkout-onepage-success .page-main .page-title-wrapper {
  text-align: center;
}
body.checkout-onepage-success .page-main a.action.print {
  float: right;
}
body.checkout-onepage-success .page-main .block-content .box {
  padding: 14px 20px 50px 2px;
}
body.checkout-onepage-success .table-order-items tr.subtotal th,
body.checkout-onepage-success .table-order-items tr.subtotal td {
  padding-top: 10px;
}
/* RECEIPT & ACCOUNT ORDER ITEMS */
.table-order-items th.col.image {
  padding-left: 30px;
  box-sizing: border-box;
  width: 150px;
  max-width: 150px;
}
.table-order-items td.col.image img {
  display: block;
  width: 126px;
  height: auto;
}
/**
    DESKTOP CHECKOUT
**/
@media (min-width: 975px) {
  body.checkout-index-index .column.main {
    padding: 20px 20px 50px 20px;
  }
  #checkoutSteps {
    max-width: 520px;
  }
  .checkout-container {
    width: 100%;
    max-width: 100%;
  }
  .opc-wrapper {
    float: left;
    width: 60%;
    max-width: 630px;
  }
  .opc-summary-wrapper {
    box-sizing: border-box;
    float: right;
    width: 40%;
    max-width: 400px;
    padding: 15px;
  }
}
/* ui datepicker styles */
.ui-datepicker {
  box-sizing: border-box;
  border: 0;
  background: #fff;
  width: 350px;
  height: auto;
  box-shadow: none;
  padding: 24px 0 0 0;
}
.ui-datepicker .ui-datepicker-calendar {
  border: 0;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
  background: none;
}
.ui-datepicker .ui-datepicker-calendar th {
  border: 0;
  background: none;
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td {
  border: 0;
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td a {
  min-height: 35px;
  text-align: center;
  padding: 12px 4px 4px;
}
/* date display hidden for new layout */
.date-display {
  display: none;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  color: #372718;
  margin: 10px;
  padding: 12px;
  border: 1px solid #dddddd;
  background: #fff;
}
.calendar-multi-ship .date-display {
  display: block;
}
.date-display .icon {
  width: 40px;
  height: 40px;
  display: block;
  float: right;
  background: url('../images/frans-icon-sprite.png') -305px -55px no-repeat;
  position: absolute;
  top: 3px;
  right: 0;
  z-index: 50px;
}
.date-wrapper {
  position: relative;
  overflow: visible;
  padding: 0 0 10px 0;
}
.calendar-wrapper {
  box-sizing: border-box;
  display: none;
  clear: both;
  width: 250px;
  margin: auto;
  z-index: 500;
  position: relative;
}
input.text.date-picker,
input.date-picker {
  display: block;
  width: 100%;
  padding: 30px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  color: #8f5e2b;
  letter-spacing: 3px;
  text-align: center;
  font-size: 20px;
}
div.date-picker-label {
  padding: 0;
  display: block;
  position: relative;
}
div.date-picker-label .icon-calendar {
  width: 26px;
  height: 26px;
  background: #ffffff url('../images/icon-calendar-3.png') 50% 50% no-repeat;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  cursor: pointer;
}
.drop-wrapper {
  display: block;
  width: 250px;
  margin: 0 0 0 -125px;
  position: absolute;
  top: 48px;
  left: 50%;
  z-index: 120;
}
.date-drop-down {
  box-sizing: border-box;
  display: none;
  clear: both;
  padding: 0;
  width: 100%;
  z-index: 200;
}
.date-drop-down-box {
  border: 1px solid #dddddd;
  box-shadow: 4px 4px 10px #dddddd;
}
.date-drop-down .option {
  padding: 6px;
  background: #fff;
  cursor: pointer;
  box-sizing: border-box;
}
.date-drop-down .option:hover {
  background: #382717;
  color: #fff;
}
.date-drop-down .option.selected {
  background: #382717;
  color: #fff;
}
.date-drop-down .option.remove {
  background: #ffffff;
  color: #333;
}
.date-drop-down .option.remove:hover {
  background: #382717;
  color: #fff;
}
.box.delivery {
  overflow: visible;
}
.box .date-box {
  overflow: visible;
  z-index: 100;
}
.date-message {
  display: block;
}
.calendar-box-wrapper {
  max-width: 350px;
  margin: 0 auto;
}
.form .fieldset.calendar-box-wrapper {
  margin: 0 auto;
}
.calendar-box {
  min-height: 350px;
  box-sizing: border-box;
  background: #fff;
  padding: 0;
}
.calendar-box,
.date-box {
  max-width: 340px;
  max-width: 308px;
  margin: 0 auto;
}
.calendar-multi-ship {
  display: none;
}
/* CALENDAR CSS */
.calendar-box .calendar-img {
  background: #ccc;
  border: 0 solid #333;
  width: 190px;
  height: 196px;
  margin: 10px auto;
  background: url('../images/calendar-placeholder.png') 50% 50% no-repeat;
}
.calendar-header {
  display: block;
  position: relative;
  box-sizing: border-box;
  color: #333;
  margin: 0;
  padding: 8px 0;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  text-transform: capitalize;
}
.calendar-box .month-title {
  box-sizing: border-box;
  color: #333;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  text-transform: capitalize;
}
.calendar-header .arrow {
  font-size: 10px;
  width: 16px;
  height: 16px;
  display: block;
  color: #333;
  cursor: pointer;
  overflow: hidden;
  text-indent: -200px;
  position: absolute;
  top: 6px;
}
.calendar-header .arrow.left {
  left: 0;
  background: url('../images/icon-arrow-left-2.png') 50% 50% no-repeat;
}
.calendar-header .arrow.right {
  right: 0;
  background: url('../images/icon-arrow-right-2.png') 50% 50% no-repeat;
}
.calendar-box .calendar {
  box-sizing: border-box;
  width: 225px;
  width: 266px;
  width: 315px;
  margin: auto;
}
.calendar-box .shipping {
  width: auto;
  box-sizing: border-box;
  padding: 10px 10px;
  margin: 20px auto 0;
  text-align: left;
  color: #888888;
  font-size: 11px;
  border-top: 1px solid #d9d9d9;
}
.calendar-box .shipping p {
  text-align: center;
}
.calendar-box .shipping ul li {
  overflow: hidden;
  position: relative;
  padding: 3px 0;
  text-align: right;
}
.calendar-box .shipping ul li .price {
  display: inline-block;
}
.calendar-box .shipping ul li .swatch {
  display: inline-block;
  box-sizing: border-box;
  border: 0;
  width: 8px;
  height: 8px;
  margin: 2px 0 0 0;
  background: #000;
  border-radius: 4px;
}
.calendar-box .shipping ul li .swatch.ground {
  background: #ffffff;
  display: none;
}
.calendar-box .shipping ul li .swatch.express {
  background-color: #c39564;
}
.calendar-box .shipping ul li .swatch.overnight {
  background-color: #88551f;
}
.calendar-box .shipping ul li .swatch.saturday {
  background: #c3c3c3;
}
.shipping-key-button {
  float: left;
}
.calendar-box .shipping .shipping-key li.highlight {
  color: #000;
}
.shipping-key li span {
  background: #fff;
}
.shipping-key li span.method {
  padding: 0 6px;
}
.shipping-key li span.price {
  padding: 0 0 0 0;
}
.calendar .month-box {
  display: block;
  clear: both;
  overflow: hidden;
  position: relative;
}
.calendar .sq {
  background: #ffffff;
  color: #333;
  display: block;
  float: left;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  font-size: 13px;
  line-height: 34px;
  cursor: pointer;
  text-align: center;
  position: relative;
  border-radius: 3px;
  padding: 5px;
}
.calendar .sq:hover,
.calendar .sq.overnight:hover,
.calendar .sq.saturday:hover,
.calendar .sq.hover,
.calendar .sq.estimate.remove.hover {
  background: #f9fafc;
  background: #372718;
  color: #fff;
  cursor: pointer;
}
.calendar .sq.not,
.calendar .sq.not:hover,
.calendar .sq.past,
.calendar .sq.past:hover {
  background: #fff;
  color: #ccc;
  cursor: default;
  border: 0;
}
.calendar .sq.day:hover {
  background: #fff;
  color: #333;
  cursor: default;
  border: 0;
}
.calendar .sq.overnight .sq-icon {
  display: block;
  background-color: #88551f;
}
.calendar .sq.express .sq-icon {
  display: block;
  background-color: #c39564;
}
.calendar .sq.saturday .sq-icon {
  display: block;
  background-color: #c3c3c3;
}
.calendar .sq.today,
.calendar .sq.today:hover {
  background: #ffffff;
  color: #333;
  color: #ccc;
  border: 1px solid #cacaca;
  border-radius: 26px;
}
.calendar .sq.estimate.available,
.calendar .sq.estimate.available:hover {
  border: 3px solid #372718;
  border: 0;
  border-radius: 4px;
  background: #c39564;
  background: #372718;
  cursor: pointer;
  color: #fff;
  border-radius: 0;
}
.calendar .sq .sq-icon {
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: -4px;
  left: 50%;
  margin: 0 0 0 -4px;
  background: #88551f;
  background: none;
  border-radius: 8px;
  display: none;
  border: 1px solid #ffffff;
}
.calendar .sq.month-2.day-14 {
  background-image: url('../images/icon-heart-small.png');
  background-position: 50% 2px;
  background-size: 7px;
  background-image: url('../images/icon-calendar-dot.png');
  background-position: 50% 90%;
  background-size: 3px;
  background-repeat: no-repeat;
}
#ship-mode.form label {
  display: none;
}
#ship-mode.form #frans_arrival_date_field {
  display: none;
}
/* 
    overrides just for cms page view for wireframe
*/
body.cms-page-view.cms-checkout-wireframe #checkout .checkout-card {
  display: none;
  /* TEMP TODO hide for JS wireframe */
}
body.cms-page-view.cms-checkout-wireframe.modal-open {
  overflow: hidden;
}
body.cms-page-view.cms-checkout-wireframe .nav-sections {
  display: none;
}
body.cms-page-view.cms-checkout-wireframe .breadcrumbs {
  display: none;
}
body.cms-page-view.cms-checkout-wireframe .page-header .panel.wrapper {
  display: none;
}
body.cms-page-view.cms-checkout-wireframe .minicart-wrapper {
  display: none;
}
body.cms-page-view.cms-checkout-wireframe .action.nav-toggle {
  display: none;
}
body.cms-page-view.cms-checkout-wireframe .footer.content {
  display: none;
}
body.cms-page-view.cms-checkout-wireframe.cms-receipt-wireframe .breadcrumbs {
  display: none;
}
body.cms-page-view.cms-checkout-wireframe.cms-receipt-wireframe .nav-sections {
  display: block;
}
body.cms-page-view.cms-checkout-wireframe.cms-receipt-wireframe .minicart-wrapper {
  display: block;
}
body.cms-page-view.cms-checkout-wireframe.cms-receipt-wireframe .action.nav-toggle {
  display: block;
}
body.cms-page-view.cms-checkout-wireframe.cms-receipt-wireframe .footer.content {
  display: block;
}
body.cms-page-view.cms-checkout-wireframe .checkout-screens {
  box-sizing: border-box;
}
body.cms-page-view.cms-checkout-wireframe .checkout-column-right {
  display: none;
  box-sizing: border-box;
}
body.cms-page-view.cms-checkout-wireframe .checkout-column-right.hide {
  display: none;
}
body.cms-page-view.cms-checkout-wireframe .checkout-column-left {
  box-sizing: border-box;
  padding-bottom: 80px;
}
body.cms-page-view.cms-checkout-wireframe .checkout-column-left.hide {
  display: none;
}
body.cms-page-view.cms-checkout-wireframe ul.shopping-list li {
  padding: 12px 0;
}
body.cms-page-view.cms-checkout-wireframe .page-main {
  background-image: none;
  background-color: #f4f4f4;
  background-color: #ffffff;
  padding: 18px 18px;
  /* sidebar / help box */
}
body.cms-page-view.cms-checkout-wireframe .page-main .column.main {
  padding: 0;
  max-width: 1400px;
}
body.cms-page-view.cms-checkout-wireframe .page-main .column.main .frans-container {
  padding: 0;
}
body.cms-page-view.cms-checkout-wireframe .page-main .column.main .checkout-container {
  /* global set to max width 600px */
}
body.cms-page-view.cms-checkout-wireframe .page-main .column.main #checkout .checkout-card.with-sections form.form {
  margin-bottom: 0;
}
body.cms-page-view.cms-checkout-wireframe .page-main .column.main .form {
  padding: 0;
}
body.cms-page-view.cms-checkout-wireframe .page-main .form .field label {
  display: none;
}
body.cms-page-view.cms-checkout-wireframe .page-main ul li {
  list-style: none;
}
body.cms-page-view.cms-checkout-wireframe .page-main ul.overall-summary,
body.cms-page-view.cms-checkout-wireframe .page-main ul.shipping-key,
body.cms-page-view.cms-checkout-wireframe .page-main ul.shipping-key-full {
  padding: 0;
  margin: 0;
}
body.cms-page-view.cms-checkout-wireframe .page-main ul.shopping-list {
  padding: 0;
  margin: 0;
}
body.cms-page-view.cms-checkout-wireframe .page-main h1,
body.cms-page-view.cms-checkout-wireframe .page-main h2,
body.cms-page-view.cms-checkout-wireframe .page-main h3,
body.cms-page-view.cms-checkout-wireframe .page-main h4 {
  margin: 0;
  text-transform: none;
}
body.cms-page-view.cms-checkout-wireframe .page-main h2 {
  font-size: 18px;
  line-height: 1em;
  text-transform: none;
}
body.cms-page-view.cms-checkout-wireframe .page-main .box-side h2 {
  font-size: 15px;
  padding-bottom: 15px;
}
body.cms-page-view.cms-checkout-wireframe .page-main .btn h2 {
  font-size: 14px;
  line-height: 44px;
  text-transform: none;
}
body.cms-page-view.cms-checkout-wireframe .page-main h3 {
  font-size: 15px;
  line-height: 16px;
  color: #666;
  text-transform: none;
  margin: 8px 0 6px;
}
body.cms-page-view.cms-checkout-wireframe .page-main h3.checkout-sub-header {
  font-size: 15px;
  line-height: 1em;
  text-transform: none;
  font-weight: normal;
  color: #333333;
  margin: 0 0 20px;
}
body.cms-page-view.cms-checkout-wireframe .page-main .box-side.checkout-help h3 {
  margin: 16px 0 6px;
}
body.cms-page-view.cms-checkout-wireframe .page-main .btn.boutique h3 {
  margin-bottom: 0;
}
body.cms-page-view.cms-checkout-wireframe .page-main p {
  font-size: 12px;
  line-height: 18px;
  margin: 0 auto 0;
  color: #444444;
}
body.cms-page-view.cms-checkout-wireframe .page-main p.note {
  font-size: 12px;
  line-height: 18px;
}
body.cms-page-view.cms-checkout-wireframe .page-main p.recipient-name {
  font-size: 22px;
  line-height: 26px;
}
body.cms-page-view.cms-checkout-wireframe .page-main .table.summary-table {
  margin: 20px 0 0;
}
body.cms-page-view.cms-checkout-wireframe .page-main .table > tbody > tr:nth-child(even) > td {
  background: #fff;
}
body.cms-page-view.cms-checkout-wireframe .page-main .box-side.checkout-help {
  padding-top: 12px;
}
body.cms-page-view.cms-checkout-wireframe .page-main .box-side .customer-service-box {
  padding: 20px 0 0 0;
}
body.cms-page-view.cms-checkout-wireframe .page-main .box-side .customer-service-box h2 {
  padding-bottom: 8px;
}
body.cms-page-view.cms-checkout-wireframe .page-main .box-side .customer-service-box p {
  margin-bottom: 4px;
  color: #333;
}
body.cms-page-view.cms-checkout-wireframe .page-main .box-side .customer-service-box p:last-child {
  margin-bottom: 0;
}
body.cms-page-view.cms-checkout-wireframe .page.messages {
  display: none;
}
body.cms-page-view.cms-checkout-wireframe textarea.text.text-box.special-instructions-text {
  margin: 20px 0;
}
@media (min-width: 975px) {
  body.cms-page-view.cms-checkout-wireframe.cms-receipt-wireframe .page-header .panel.wrapper {
    display: block;
  }
}
/*
    main checkout layout styles
    was: .cms-checkout-wireframe
*/
#checkout {
  /*
            Checkout Main Buttons // large content button
        */
  /* PICKUP */
  /* SI / move to general */
  /* GIFT MESSAGE */
  /* Multiship Multi-ship */
  /* multiship / address styles */
  /* MULTISHIP OPTIONS */
  /** SHOPPPING LIST **/
  /** SHOPPING LIST DISPLAY / BAG AND SUMAMRY **/
  /* TABLE shopping-list */
  /* GENERIC */
  /* to move to generic site icons */
  /* mobile default modal */
}
#checkout .checkout-screens {
  position: relative;
  overflow: hidden;
}
#checkout .checkout-card {
  display: block;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  background: #f4f4f4;
  background: #fff;
  margin: 0 0 60px;
  padding: 0;
  border: 1px solid #ddd;
  border: none;
  margin: 0 0 15px;
  /* stick order buttons */
}
#checkout .checkout-card.js-ready {
  border: 0;
  margin: 0;
  padding: 0;
}
#checkout .checkout-card.screen-summary {
  margin-top: 0;
  padding-top: 30px;
}
#checkout .checkout-card.screen-receipt {
  max-width: 630px;
  margin: 0 auto;
}
#checkout .checkout-card.with-sections {
  padding: 0;
}
#checkout .checkout-card .card-section {
  padding: 40px 15px;
  margin: 0 auto;
  max-width: 500px;
}
#checkout .checkout-card.screen-overview .checkout-summary-section {
  display: block;
  position: relative;
  padding-top: 50px;
  margin-top: 50px;
  border-top: 1px solid #d9d9d9;
}
#checkout .checkout-card.screen-overview .checkout-summary-section.section-shipment-type {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
#checkout .checkout-card.screen-overview .checkout-summary-section.disabled {
  opacity: .75;
}
#checkout .checkout-card.screen-overview .checkout-summary-section.disabled .section-overlay {
  display: block;
}
#checkout .checkout-card.screen-overview .section-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
}
#checkout .checkout-card.screen-receipt {
  clear: both;
}
#checkout .checkout-card .box {
  position: relative;
  box-sizing: border-box;
}
#checkout .checkout-card.screen-receipt .box,
#checkout .checkout-card.screen-overview .box {
  border-top: 1px solid #d9d9d9;
  padding-top: 30px;
  margin-bottom: 10px;
}
#checkout .checkout-card p.note {
  display: block;
  padding: 0 0 0 0;
  margin: 0;
  clear: both;
  text-align: left;
  color: #666;
}
#checkout .checkout-card .summary-box {
  padding: 10px 20px;
  padding: 0;
  background: #fff;
  margin-bottom: 20px;
}
#checkout .checkout-card .summary {
  padding: 30px 0;
  margin: 0;
  clear: none;
  border: 0;
  /*
                border-bottom: 1px solid @border-light;
                background-image: url('../images/icon-arrow-right2.png');
                background-color: #fff;
                background-position: 98% 50%;
                background-repeat: no-repeat;
            */
}
#checkout .checkout-card .summary.arrival {
  padding-top: 0;
}
#checkout .checkout-card .summary.address {
  margin-top: -26px;
  padding: 0;
  margin: 0;
}
#checkout .checkout-card .summary.address p {
  color: #333333;
}
#checkout .checkout-card .summary.payment-method {
  padding: 20px;
  background-image: none;
}
#checkout .checkout-card .summary p.no-notice {
  display: none;
}
#checkout .checkout-card .summary .edit {
  font-size: 13px;
  float: right;
  color: #926e5e;
}
#checkout .checkout-card .summary .edit-btn {
  font-size: 13px;
  color: #926e5e;
  position: absolute;
  top: 36px;
  right: 12px;
}
#checkout .checkout-card .summary .edit-btn:hover {
  color: #c59e8d;
}
#checkout .checkout-card .summary .shipment-avatar {
  background: #909090;
  color: #fff;
  padding: 8px;
  border-radius: 30px;
  margin: 0 0 10px 0;
  display: inline-block;
}
#checkout .checkout-card .top-line {
  border-top: 1px solid #d9d9d9;
  padding-top: 18px;
  margin-top: 18px;
}
#checkout .checkout-card.modal-card p.note {
  text-align: center;
  padding: 0 10px;
}
#checkout .checkout-card.modal-card .checkout-header {
  text-align: center;
}
#checkout .checkout-card .place-order-box {
  box-sizing: border-box;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 200;
  padding: 10px;
  border-top: 1px solid #d9d9d9;
  background: #fff;
}
#checkout .checkout-summary .summary-box .btn {
  margin: 0;
  padding: 12px 20px;
  border: 0;
  border-bottom: 1px solid #ececec;
}
#checkout .checkout-summary.summary-cost ul {
  margin: 0;
  padding: 0;
}
#checkout .checkout-summary.summary-cost ul li {
  margin: 0;
  padding: 0;
}
#checkout .checkout-summary .overall-items {
  border-bottom: 1px solid #d9d9d9;
}
#checkout .checkout-summary .overall-items ul li {
  display: inline-block;
  text-align: center;
}
#checkout .checkout-summary table.table.summary-table tr th,
#checkout .checkout-summary table.table.summary-table tr td {
  font-size: 12px;
  line-height: 1em;
  text-align: left;
  border: 0;
  padding: 0 0 6px 0;
  background-color: none;
}
#checkout .checkout-summary table.table.summary-table tr td.sub-price-col {
  text-align: right;
}
#checkout .checkout-summary table.table.summary-table tr.last-pre-total-row td {
  padding-bottom: 15px;
}
#checkout .checkout-summary table.table.summary-table tr.total td {
  border-top: 1px solid #d9d9d9;
  padding-top: 20px;
  color: #333;
}
#checkout .checkout-summary table.table.summary-table tr.total td.sub-price-col {
  font-weight: bold;
}
#checkout .page-wrapper {
  background-image: none;
}
#checkout .page-header .header.content {
  padding: 15px 0;
}
#checkout .header.content .logo {
  width: 22px;
  height: 22px;
  background: url('../images/frans-logo-icon.svg') 50% 50% no-repeat;
  background-size: 22px 22px;
}
#checkout .header.content .logo img {
  display: none;
}
#checkout .checkout-card .save-card {
  clear: both;
  margin: 0 0 0 2px;
}
#checkout .checkout-card .same-address {
  clear: both;
  margin: 0 0 10px 2px;
}
#checkout .checkbox-label {
  font-size: 13px;
  height: auto;
  display: block;
  margin: 0;
  float: none;
  clear: both;
  overflow: hidden;
  position: relative;
  padding: 4px 0;
  border: 0;
  padding-left: 0;
  color: #686868;
  text-align: left;
}
#checkout .checkbox-label input.checkbox {
  border: 1px solid #bebebe;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  margin: 0 6px 0 0;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #333;
  -webkit-appearance: none;
  float: left;
  overflow: hidden;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#checkout .progress-bar-wrapper {
  display: none;
}
#checkout .progress-bar {
  text-align: center;
  margin: 0;
  overflow: hidden;
  position: relative;
}
#checkout .progress-bar-arrows {
  text-align: center;
  margin: 0 0 0 0;
  overflow: hidden;
  position: relative;
}
#checkout .progress-bar a {
  font-size: 12px;
  line-height: 1em;
  width: 50%;
  display: block;
  box-sizing: border-box;
  padding: 10px;
  float: left;
  color: #aaa;
  border-bottom: 1px solid #d9d9d9;
}
#checkout .progress-bar a:hover {
  color: #777;
}
#checkout .progress-bar-arrows div {
  width: 50%;
  display: block;
  box-sizing: border-box;
  padding: 0;
  float: left;
  position: relative;
}
#checkout .progress-bar a.active {
  color: #333;
  border-bottom: 1px solid #333;
}
#checkout .progress-bar-arrows div.active span {
  width: 30px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -15px;
  display: block;
  background: #fff;
  background: url('../images/icon-arrow-down-white.png') 50% 0 no-repeat;
}
#checkout .checkout-sub-header {
  text-align: left;
  font-size: 16px;
  line-height: 1em;
}
#checkout .checkout-header {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 18px;
  line-height: 1em;
  text-transform: none;
  text-align: left;
  box-sizing: border-box;
  background: none;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 100;
}
#checkout .checkout-header .header-num {
  font-weight: bold;
  display: block;
  float: left;
  min-width: 26px;
  display: none;
}
#checkout .checkout-header .header-copy {
  display: block;
  margin-left: 26px;
  padding-right: 26px;
  margin-left: 0;
}
#checkout .checkout-header-note {
  padding-left: 26px;
  padding-right: 26px;
}
#checkout .checkout-header .logo-icon {
  margin-top: 12px;
}
#checkout .checkout-card .checkout-header {
  display: none;
  /* hide header for js copy to fixed header */
  display: block;
  height: auto;
  padding: 0 0 20px 0;
}
#checkout .checkout-screens .fixed-header {
  background: #f4f4f4;
  display: block;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 400;
  overflow: visible;
  padding: 0;
  margin: 0;
}
#checkout body.fade-bg .checkout-screens .fixed-header {
  border-bottom: 1px solid #d9d9d9;
}
#checkout .checkout-screens .back-icon {
  position: absolute;
  overflow: hidden;
  top: 12.5px;
  left: 10px;
}
#checkout .checkout-screens .done-btn {
  position: absolute;
  overflow: hidden;
  top: 12.5px;
  right: 10px;
  padding: 4px;
  display: none;
}
#checkout a.btn,
#checkout a.btn:hover {
  color: #333;
}
#checkout .btn {
  display: block;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  padding: 7px 12px;
  border: 1px solid #d9d9d9;
  margin: 0 0 8px 0;
  background-color: #fff;
  text-align: left;
  background-color: #f9fafc;
}
#checkout .cta.btn {
  padding: 15px 12px;
}
#checkout .btn:hover {
  background-color: #ffffff;
}
#checkout .btn.summary {
  background-color: #fff;
}
#checkout .btn.summary:hover {
  background-color: #fff;
}
#checkout .btn:last-child {
  margin-bottom: 0;
}
#checkout .btn:hover h2 {
  color: #666;
}
#checkout .btn.gray,
#checkout .btn.gray:hover {
  background: #f9f9f9;
  border: 1px solid #d9d9d9;
  cursor: default;
}
#checkout .btn.gray,
#checkout .btn.gray h2 {
  color: #b6b6b6;
}
#checkout .btn.gray span.arrow {
  display: none;
}
#checkout .new-shipment-box .btn {
  text-align: center;
  margin: 0 0 10px 0;
}
#checkout .btn h2 {
  background: none;
  position: relative;
  width: auto;
  top: auto;
  left: auto;
  margin: 0;
  padding: 0 0 0 18px;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 44px;
  border-left: 1px solid #d9d9d9;
  text-align: left;
  float: left;
}
#checkout .btn .step-notes {
  display: block;
  clear: both;
  padding: 0 0 0 55px;
}
#checkout .btn h2 span.note {
  font-style: italic;
  text-transform: lowercase;
}
#checkout .btn .btn-summary-wrapper {
  position: relative;
  display: block;
  border-left: 1px solid #d9d9d9;
  padding: 0 0 0 10px;
  float: left;
  max-width: 80%;
}
#checkout .btn.ship-now .btn-summary-wrapper,
#checkout .btn.arrival .btn-summary-wrapper,
#checkout .btn.gift-message .btn-summary-wrapper,
#checkout .btn.special-instructions .btn-summary-wrapper {
  border-left: 0;
}
#checkout .btn .btn-summary-wrapper h2 {
  line-height: 20px;
  border-left: 0;
  float: none;
}
#checkout .btn .btn-summary-wrapper h3,
#checkout .btn.ship-methods-standard h3 {
  font-size: 15px;
  line-height: 17px;
  margin: 4px 0 8px 0;
}
#checkout .btn.ship-methods-standard h3 {
  display: none;
}
#checkout .btn.ship-methods-standard {
  padding-left: 0;
  border-top: 1px solid #eeeeee;
  border: 0;
}
#checkout .btn .btn-summary-wrapper .estimated-arrival-display h4 {
  color: #4e3227;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
}
#checkout .btn .btn-summary-wrapper .date-summary-display {
  color: #4e3227;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
}
#checkout .btn .btn-summary-wrapper .ship-method-summary-display {
  font-size: 12px;
  line-height: 18px;
  color: #666;
}
#checkout .btn .btn-summary-wrapper .summary {
  padding: 5px 0 0 10px;
}
#checkout .btn span.num {
  display: block;
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
  padding: 0 10px;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
}
#checkout .btn span.icon {
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  text-indent: -500px;
  width: 50px;
  height: 44px;
  margin-right: 10px;
  padding: 0;
  float: left;
  background: url('../images/frans-icon-sprite.png') 0 0 no-repeat;
  background-size: 600px;
  background-color: none;
}
#checkout .btn span.arrow {
  display: block;
  position: relative;
  overflow: hidden;
  text-indent: -500px;
  width: 50px;
  height: 50px;
  padding: 0;
  float: right;
  background: url('../images/frans-icon-sprite.png') -100px -50px no-repeat;
  background-size: 600px;
}
#checkout .btn span.plus {
  display: block;
  position: relative;
  overflow: hidden;
  text-indent: -500px;
  width: 50px;
  height: 50px;
  padding: 0;
  float: right;
  background: url('../images/frans-icon-sprite.png') -250px -50px no-repeat;
  background-size: 600px;
}
#checkout .btn.btn-2 {
  padding: 10px;
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  text-align: center;
  text-transform: uppercase;
}
#checkout .btn.btn-3 {
  background: none;
  border: 0;
  text-transform: uppercase;
  text-align: center;
}
#checkout .btn.btn-4 {
  background: none;
  border: 0;
  text-transform: lowercase;
  text-align: left;
  display: block;
  padding: 6px 24px;
  margin: 0;
  color: #926e5e;
  font-size: 12px;
  float: right;
}
#checkout .btn.ship-now span.icon {
  background: #ffffff url('../images/icon-calendar.png') 50% 50% no-repeat;
  width: 29px;
  height: 29px;
  margin: 2px 12px 30px 0;
}
#checkout .btn.arrival span.icon {
  background: #ffffff url('../images/icon-calendar.png') 50% 50% no-repeat;
  background: none;
  width: 29px;
  height: 29px;
  margin: 2px 12px 30px 0;
}
#checkout .btn.gift-message span.icon {
  background: #ffffff url('../images/icon-gift-message.png') 50% 50% no-repeat;
  width: 29px;
  height: 29px;
  margin: 2px 12px 30px 0;
}
#checkout .btn.special-instructions span.icon {
  background: #ffffff url('../images/icon-special-instructions.png') 50% 50% no-repeat;
  width: 29px;
  height: 29px;
  margin: 2px 12px 0 0;
}
#checkout .btn.gift-message {
  border-top: 0;
}
#checkout .btn.arrival p.date-summary-display {
  font-size: 15px;
  line-height: 18px;
  color: #333;
}
#checkout .btn.gift-message .message-container {
  float: left;
  text-align: left;
}
#checkout .btn.gift-message .message-container.gift-message-preview {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#checkout .btn.gift-message .message-container.gift-message-preview .gm-text {
  display: block;
  width: 100%;
}
#checkout .btn.gift-message .message-container.gift-message-preview .gm-from {
  padding-top: 11px;
  display: block;
  width: 100%;
}
#checkout .btn.gift-message .message-container p.gift-message-sample {
  display: block;
  box-sizing: border-box;
  color: #333;
  text-align: center;
  border: 1px solid #d9d9d9;
  padding: 14px 20px;
  min-width: 300px;
  max-width: 300px;
}
#checkout .btn.special-instruction p.special-instruction-sample {
  color: #333;
}
#checkout .btn.single span.icon {
  background-position: 0 -2px;
}
#checkout .btn.multi span.icon {
  background-position: -50px -2px;
}
#checkout .btn.pickup span.icon {
  background-position: -100px -2px;
}
#checkout .btn.gift span.icon {
  background-position: -200px -2px;
}
#checkout .btn.special span.icon {
  background-position: -150px -2px;
}
#checkout .btn.new span.icon {
  background-position: -300px 0;
}
#checkout .btn.saved span.icon {
  background-position: -250px 0;
}
#checkout .btn.gift-card span.icon {
  background-image: url('../images/frans-logo-icon.svg');
  background-position: 50% 50%;
  background-size: 30px 30px;
}
#checkout .btn.paypal span.icon {
  background-position: -250px 0;
  background-position: 50% 50%;
  background-image: url('../images/icon-payment-paypal.png');
  background-size: 45px 45px;
}
#checkout .btn.apple span.icon {
  background-position: -250px 0;
  background-position: 50% 50%;
  background-image: url('../images/icon-payment-apple-pay.png');
  background-size: 45px 45px;
}
#checkout .address-icon {
  padding: 0;
  box-sizing: border-box;
  border-radius: 18px;
  background: #909090;
  margin: 0 0 8px 0;
  width: 36px;
  height: 36px;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  font-weight: normal;
  color: #fff;
  border: 1px solid #fff;
}
#checkout .btn span.icon.address-icon {
  background-image: none;
  margin: 0 10px 0 0;
  text-indent: 0;
  background: #909090;
  border-radius: 30px;
  text-transform: uppercase;
  line-height: 50px;
  padding: 0;
  text-align: center;
}
#checkout .btn.boutique span.icon.address-icon {
  margin-top: 16px;
  width: 50px;
  height: 50px;
}
#checkout .btn.boutique h3 {
  padding-left: 10px;
  margin-bottom: 0;
}
#checkout textarea.text.text-box {
  width: 100%;
  height: 280px;
  float: none;
}
#checkout .gift-border {
  display: block;
  box-sizing: border-box;
  box-shadow: 2px 2px 8px rgba(100, 100, 100, 0.2);
  border: 1px solid #e8e8e8;
  margin: 0 0 20px 0;
}
#checkout textarea.text.text-box.gift-message-text {
  display: block;
  outline: none;
  box-sizing: border-box;
  width: 300px;
  width: 100%;
  height: 230px;
  margin: auto;
  color: #4D3529;
  padding: 20px 50px;
  resize: none;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
  font-family: 'HCo Gotham', 'Trade Gothic', helvetica, arial, sans-serif;
  font-weight: normal;
  color: #000;
  border: 0;
}
#checkout input.text.gift-message-text-from {
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
  font-family: 'HCo Gotham', 'Trade Gothic', helvetica, arial, sans-serif;
  font-weight: normal;
  border: 0;
  border-top: 1px solid #e8e8e8;
  text-align: center;
}
#checkout textarea.text.gift-message-text.empty {
  padding-top: 105px;
}
#checkout .gift-message-card-cover.flip {
  transform: rotateX(175deg);
}
#checkout .gift-message-card-cover {
  display: none;
  /* TODO JS - show and flip */
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #e8e8e8;
  background: #fff;
  width: 300px;
  height: 230px;
  line-height: 230px;
  margin-left: -150px;
  left: 50%;
  text-align: center;
  transition: all 1200ms ease-in;
  transform-origin: top center;
  perspective-origin: top center;
  transform: perspective(450px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  background: #ffffff url(../images/logo-frans-chocolates.png) 50% 50% no-repeat;
}
#checkout .gift-message-message {
  padding: 10px 20px 10px;
  margin: auto;
  text-align: center;
  font-size: 11px;
  line-height: 12px;
  color: #990000;
  display: none;
  /* JS shows on msg */
}
#checkout .shipment-cards .total {
  padding: 20px 0;
  color: #666;
  text-align: right;
}
#checkout .shipment-card {
  margin: 0 0 30px 0;
  padding: 0;
}
#checkout .shipment-card.last {
  margin: 0;
}
#checkout .shipment-card .shopping-list li {
  border-bottom: 0;
  border-top: 1px solid #ececec;
  background: #fff;
  padding: 15px 0;
}
#checkout .shipment-options {
  display: block;
  background: #ececec;
  padding: 10px;
  overflow: hidden;
  position: relative;
}
#checkout .shipment-options a.left {
  float: left;
}
#checkout .shipment-options a.right {
  float: right;
}
#checkout .shipment-options a {
  color: #666;
}
#checkout .shipment-count {
  color: #999;
  font-size: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  width: auto;
  z-index: 100;
}
#checkout .multi-ship-individual {
  background: #e9e9e9;
  padding: 8px;
  margin: 5px 0 20px 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}
#checkout .multi-ship-individual label {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-align: center;
}
#checkout .multi-ship-individual .checkbox-wrap {
  float: left;
  margin: 10px 2px 10px 10px;
}
#checkout .multi-ship-individual p {
  float: left;
  padding: 10px 4px;
  color: #666;
}
#checkout .page-main ul.shopping-list {
  padding: 0;
  margin: 0;
}
#checkout .shopping-list {
  background: #f4f4f4;
  background: #fff;
}
#checkout .shipment-cart {
  margin: 24px 0 0 0;
  padding: 0 0 20px 0;
}
#checkout .summary .shopping-list {
  background: none;
}
#checkout .shopping-list .go-to-checkout {
  padding: 10px 0 30px 0;
}
#checkout .shopping-list .go-to-cart {
  display: none;
}
#checkout .shopping-bag-box .shopping-list .go-to-checkout {
  display: block;
}
#checkout .shopping-bag-box .shopping-list .go-to-cart,
#checkout .shopping-bag-box .shopping-list .continue-shopping {
  display: none;
}
#checkout .shopping-list li {
  border-bottom: 1px solid #e2e2e2;
  padding: 14px 0 12px;
  overflow: hidden;
  position: relative;
}
#checkout .shopping-list li .column1 {
  float: left;
  text-align: left;
  clear: both;
  width: 60px;
  width: 18%;
  margin: 4px 6px 0 0;
  margin: 0 2% 0 0;
}
#checkout .shopping-list li .column2 {
  float: left;
  text-align: left;
  width: 320px;
  width: 55%;
  margin-top: 12px;
  padding-right: 8px;
}
#checkout .shopping-list li span.column2 {
  margin-top: 0;
}
#checkout .shopping-list li .column3 {
  float: left;
  text-align: center;
  width: 80px;
  width: 10%;
}
#checkout .shopping-list li .column4 {
  float: right;
  text-align: right;
  width: 80px;
  width: 10%;
}
#checkout .shopping-list li .box-color {
  display: block;
}
#checkout .summary .shopping-list li:last-child {
  border: 0;
}
#checkout .shopping-list li.no-div {
  border: 0px;
}
#checkout .shopping-bag-box .title,
#checkout .shopping-list li.total {
  border-bottom: 0;
}
#checkout .shopping-bag-box .title {
  font-family: 'TradeGothicLight', serif;
  margin: 0;
  padding: 20px 0 0 22px;
  text-transform: uppercase;
  color: #666;
  background: #f4f4f4;
  font-size: 16px;
}
#checkout .shopping-list li.total {
  padding: 24px 40px 30px 20px;
  background: #ededed;
}
#checkout .shopping-list .summary-sub-total {
  text-align: right;
  color: #666;
}
#checkout .shopping-list .summary-sub-total tr.shipment-total td {
  border-top: 1px solid #ddd;
}
#checkout .shopping-list .summary-sub-total .price-total,
#checkout td.sub-price-col {
  width: 80px;
  text-align: right;
}
#checkout .shopping-list .summary-sub-total strong {
  color: #333;
  padding: 0 0 0 6px;
}
#checkout .shopping-list h2 {
  text-transform: uppercase;
  color: #333333;
  font-size: 14px;
  margin: 0 0 0 0;
}
#checkout .shopping-list .product-name {
  display: block;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
  color: #333333;
  font-size: 13px;
  line-height: 14px;
  text-align: left;
}
#checkout .shopping-list img {
  float: left;
  width: 60px;
  padding-right: 0;
  padding-bottom: 12px;
}
#checkout .shopping-list p.sub-total {
  text-align: center;
}
#checkout .table.shopping-list .product-name {
  margin: 8px 2px 0 98px;
  float: none;
  width: auto;
}
#checkout .delivery-shipment .table.shopping-list .product-name {
  margin-left: 0;
  padding-top: 8px;
}
#checkout .delivery-shipment .table.shopping-list th.item {
  /* padding-left: 5px; */
}
#checkout .delivery-shipment .table.shopping-list .product-name {
  margin: 0;
}
#checkout .shopping-list .product-name span.box-color {
  font-size: 12px;
  line-height: 13px;
  margin: 0 0 2px 0;
  padding: 3px 0 0;
  color: #909090;
  display: block;
  text-transform: lowercase;
}
#checkout .shopping-list .qty-at {
  color: #909090;
}
#checkout .shopping-list .options {
  position: relative;
  overflow: hidden;
  float: none;
  clear: both;
  box-sizing: border-box;
  padding-left: 70px;
  margin: 0 0 0 0;
  width: auto;
  text-align: left;
}
#checkout .shopping-list .options .left-in-bag {
  float: left;
  color: #444444;
  padding: 4px 0 0 0;
}
#checkout .shopping-list .options .qty {
  float: right;
}
#checkout .shopping-list .qty-label {
  display: none;
  text-align: left;
}
#checkout .shopping-list .remove {
  overflow: hidden;
  text-indent: -500px;
  background: url('../images/icon-x.png') 50% 50% no-repeat;
  display: inline-block;
  text-decoration: none;
  color: #868686;
  float: right;
  width: 30px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  text-align: center;
}
#checkout .shopping-list .price {
  color: #333;
  font-size: 12px;
  padding: 4px 0 0 0;
}
#checkout .shopping-list div.qty {
  color: #333;
  text-align: center;
  margin: 2px 0 0 0;
}
#checkout .shopping-list input.qty {
  clear: none;
  float: none;
  display: inline-block;
  width: 28px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  padding: 2px;
  margin: 0;
  cursor: default;
}
#checkout .table.shopping-list th,
#checkout .table.shopping-list td {
  font-size: 12px;
  text-align: right;
  padding: 5px;
}
#checkout .table.shopping-list td {
  border-bottom: 1px solid #fff;
}
#checkout .table.shopping-list tr.last-row td,
#checkout .table.shopping-list tr.summary-sub-total td {
  border-bottom: 0px;
}
#checkout .table.shopping-list td.wrapper-cell {
  padding: 5px 0;
}
#checkout .table.shopping-list th {
  text-transform: uppercase;
  color: #666666;
}
#checkout .table.shopping-list th.item {
  padding-left: 0;
}
#checkout .table.shopping-list th.remove-col {
  width: 90px;
}
#checkout .table.shopping-list td.item,
#checkout .table.shopping-list th.item {
  text-align: left;
}
#checkout .table.shopping-list td.item {
  padding: 8px 5px;
}
#checkout .table.shopping-list td.remove-cell {
  text-align: center;
}
#checkout .table.shopping-list tr.total td {
  background: #ededed;
  background: none;
}
#checkout .table.shopping-list .price {
  padding: 0;
}
#checkout .table.shopping-list .product-name {
  width: auto;
}
#checkout .table.shopping-list .remove {
  float: none;
}
#checkout .logo-icon {
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -1000px;
  background: url('../images/frans-logo-icon.svg') 50% 50% no-repeat;
  background-size: 25px 25px;
  text-decoration: none;
}
#checkout .help-icon {
  display: none;
  position: absolute;
  overflow: hidden;
  top: 10px;
  right: 10px;
  z-index: 300;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  text-decoration: none;
  background: #f9f9f9;
  color: #666;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  border-radius: 15px;
  text-align: center;
  cursor: pointer;
}
#checkout .field-question-icon {
  /* js-question icon field info pop up */
  background-image: url('../images/icon-question-mark.png');
  background-position: 100% 50%;
  background-repeat: no-repeat;
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 16px;
  /* half of field height - half of icon icon */
  right: 16px;
  text-decoration: none;
}
#checkout .back-icon {
  display: block;
  z-index: 300;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  text-indent: -1000px;
  background: url('../images/frans-icon-sprite.png') -62.5px -62.5px no-repeat;
  background-size: 600px;
  text-decoration: none;
  cursor: pointer;
}
#checkout .modal {
  display: none;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: none;
  padding: 0;
  z-index: 900;
}
#checkout .modal .modal-content {
  position: relative;
  max-width: 790px;
  margin: 0 auto;
  background: none;
  height: 100%;
  overflow-y: scroll;
}
#checkout .modal .modal-content .checkout-card {
  padding-top: 65px;
}
#checkout .modal .modal-content .modal-header {
  position: fixed;
  width: 100%;
  height: 65px;
  z-index: 200;
  max-width: 790px;
  margin: 0 auto;
  background: #f4f4f4;
  border-bottom: 1px solid #d9d9d9;
}
#checkout .modal .modal-content .close-btn {
  position: absolute;
  left: 25px;
  top: 20px;
  width: 25px;
  height: 25px;
  background: url('../images/icon-close.png') 50% 50% no-repeat;
  overflow: hidden;
  text-indent: -200px;
  cursor: pointer;
}
#checkout .modal .modal-content .logo-icon {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -12.5px;
}
#checkout .modal .modal-content .card-section {
  padding: 40px 15px 80px;
}
.overlay {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 800;
}
/**
    MOBILE 4 - 720
**/
@media (min-width: 735px) {
  #checkout .checkout-card .place-order-box {
    width: 790px;
    left: 50%;
    margin-left: -395px;
  }
}
/**
    MEDIA QUERIES
    DESKTOP VIEW
    960 Desktop View
**/
@media (min-width: 975px) {
  #checkout .modal .modal-content .card-section {
    padding: 45px 145px;
  }
  #checkout .checkout-card {
    /* un-stick order buttons for desktop */
  }
  #checkout .checkout-card .card-section {
    padding: 40px 15px;
  }
  #checkout .checkout-card .place-order-box {
    position: relative;
    left: auto;
    bottom: auto;
    width: auto;
    margin: 0 auto;
    z-index: 200;
    border-top: 0;
    padding: 20px 0 10px;
  }
  #checkout .checkout-screens {
    margin: auto;
    max-width: 920px;
    padding: 20px 0;
  }
  #checkout .checkout-column-left {
    float: left;
    width: 520px;
    margin-right: 60px;
    padding: 0;
  }
  #checkout .checkout-column-right {
    display: block;
    float: left;
    width: 340px;
    padding: 0;
  }
  #checkout .checkout-column-right.hide {
    display: none;
  }
}
@media (min-width: 1215px) {
  #checkout .checkout-screens {
    max-width: 1030px;
  }
  #checkout .checkout-column-left {
    width: 630px;
  }
}
/* Style Guide Page Styles */
/* ----------------------------------------- */
.frans-container {
  padding: 20px;
  text-align: center;
}
.font-container {
  background: #ffffff;
  padding: 30px;
  border: 4px solid #ccc;
  margin-bottom: 50px;
}
body.cms-page-view .page-main .font-container p {
  font-size: 2em;
  margin: 0 0 1em 0;
}
/* Examples of all installed fonts */
/* TRADE GOTHIC */
.font-tg-frans-01 {
  font-family: 'Trade Gothic';
}
.font-tg-frans-02 {
  font-family: 'Trade Gothic';
  font-weight: bold;
}
.font-tg-frans-03 {
  font-family: 'Trade Gothic';
  font-style: italic;
}
.font-tg-frans-04 {
  font-family: 'Trade Gothic';
  font-weight: bold;
  font-style: italic;
}
.font-tg-frans-05 {
  font-family: 'Trade Gothic Light';
  font-weight: normal;
  font-style: normal;
}
/* TRADE GOTHIC */
.font-tg-01 {
  font-family: 'TradeGothicLT';
}
.font-tg-02 {
  font-family: 'TradeGothicLT-Oblique';
}
.font-tg-03 {
  font-family: 'TradeGothicLT-BoldTwo';
}
.font-tg-04 {
  font-family: 'TradeGothicLT-BoldTwoOblique';
}
.font-tg-05 {
  font-family: 'TradeGothicLT-CondEighteen';
}
.font-tg-06 {
  font-family: 'TradeGothicLT-BoldCondTwenty';
}
.font-tg-07 {
  font-family: 'TradeGothicLTCom-Cn18Obl';
}
.font-tg-08 {
  font-family: 'TradeGothicLTCom-BdCn20Obl';
}
.font-tg-09 {
  font-family: 'TradeGothicLT-Light';
}
.font-tg-10 {
  font-family: 'TradeGothicLT-LightOblique';
}
.font-tg-11 {
  font-family: 'TradeGothicLT-Bold';
}
.font-tg-12 {
  font-family: 'TradeGothicLTStd-BoldObl';
}
.font-tg-13 {
  font-family: 'TradeGothicLTStd-Extended';
}
.font-tg-14 {
  font-family: 'TradeGothicLTStd-BoldExt';
}
/* GOTHAM */
.font-gotham-01 {
  font-family: 'HCo Gotham';
  font-weight: 100;
  font-style: normal;
}
.font-gotham-02 {
  font-family: 'HCo Gotham';
  font-weight: 200;
  font-style: normal;
}
.font-gotham-03 {
  font-family: 'HCo Gotham';
  font-weight: 300;
  font-style: normal;
}
.font-gotham-04 {
  font-family: 'HCo Gotham';
  font-weight: 400;
  font-style: normal;
}
.font-gotham-05 {
  font-family: 'HCo Gotham';
  font-weight: 500;
  font-style: normal;
}
.font-gotham-06 {
  font-family: 'HCo Gotham';
  font-weight: 600;
  font-style: normal;
}
.font-gotham-07 {
  font-family: 'HCo Gotham';
  font-weight: 700;
  font-style: normal;
}
.font-gotham-08 {
  font-family: 'HCo Gotham';
  font-weight: 800;
  font-style: normal;
}
.font-gotham-09 {
  font-family: 'HCo Gotham';
  font-weight: 900;
  font-style: normal;
}
.font-gotham-10 {
  font-family: 'HCo Gotham';
  font-weight: 100;
  font-style: italic;
}
.font-gotham-11 {
  font-family: 'HCo Gotham';
  font-weight: 200;
  font-style: italic;
}
.font-gotham-12 {
  font-family: 'HCo Gotham';
  font-weight: 300;
  font-style: italic;
}
.font-gotham-13 {
  font-family: 'HCo Gotham';
  font-weight: 400;
  font-style: italic;
}
.font-gotham-14 {
  font-family: 'HCo Gotham';
  font-weight: 500;
  font-style: italic;
}
.font-gotham-15 {
  font-family: 'HCo Gotham';
  font-weight: 600;
  font-style: italic;
}
.font-gotham-16 {
  font-family: 'HCo Gotham';
  font-weight: 700;
  font-style: italic;
}
.font-gotham-17 {
  font-family: 'HCo Gotham';
  font-weight: 800;
  font-style: italic;
}
.font-gotham-18 {
  font-family: 'HCo Gotham';
  font-weight: 900;
  font-style: italic;
}
/*
        .font-didot-01{
            font-family: 'DidotLTPro-Roman';
        }
        .font-didot-02{
            font-family: 'DidotLTPro-BoldItalic';
        }

        .font-script-01{
            font-family: 'MistletoeScript';
            font-size: 6em;
            text-transform: none;
        }

        .font-halloween-01{
            font-family: 'freich-monsta';
            text-transform: none;
        }
    */
.color {
  position: relative;
  overflow: hidden;
}
.color .swatch {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 20px 20px 0;
}
.color .type {
  float: left;
  font-size: 20px;
  line-height: 22px;
  border: 2px solid #666666;
  margin: 0 0 0 12px;
  padding: 12px;
}
.color-white .swatch {
  background: #ffffff;
}
.color-white .type {
  background: #ffffff;
}
.color-link-color .type {
  color: #926e5e;
}
.color-link-color .type {
  border-color: #926e5e;
}
.color-link-color .swatch {
  background: #926e5e;
}
.color-color-hover .type {
  color: #c59e8d;
}
.color-color-hover .type {
  border-color: #c59e8d;
}
.color-color-hover .swatch {
  background: #c59e8d;
}
.color-border-super-light .type {
  border-color: #ececec;
}
.color-border-super-light .swatch {
  background: #ececec;
}
.color-border-light .type {
  border-color: #d9d9d9;
}
.color-border-light .swatch {
  background: #d9d9d9;
}
.color-border-dark .type {
  border-color: #666666;
}
.color-border-dark .swatch {
  background: #666666;
}
.color-border-medium .type {
  border-color: #999999;
}
.color-border-medium .swatch {
  background: #999999;
}
.color-border-active .type {
  border-color: #009900;
}
.color-border-active .swatch {
  background: #009900;
}
.color-border-light-brown .type {
  border-color: #dccdb6;
}
.color-border-light-brown .swatch {
  background: #dccdb6;
}
.color-frans-cta-dark .type {
  color: #563b1a;
}
.color-frans-cta-dark .type {
  border-color: #563b1a;
}
.color-frans-cta-dark .swatch {
  background: #563b1a;
}
.color-frans-cta-dark-hover .type {
  color: #62441f;
}
.color-frans-cta-dark-hover .type {
  border-color: #62441f;
}
.color-frans-cta-dark-hover .swatch {
  background: #62441f;
}
.color-brand-dark-brown .type {
  color: #382818;
}
.color-brand-dark-brown .type {
  border-color: #382818;
}
.color-brand-dark-brown .swatch {
  background: #382818;
}
.color-form-input-border .type {
  border-color: #d9d9d9;
}
.color-form-input-border .swatch {
  background: #d9d9d9;
}
.color-background-light .type {
  border-color: #f9fafc;
}
.color-background-light .swatch {
  background: #f9fafc;
}
.color-background-medium-light .type {
  border-color: #eeeeee;
}
.color-background-medium-light .swatch {
  background: #eeeeee;
}
.color-background-medium .type {
  border-color: #cccccc;
}
.color-background-medium .swatch {
  background: #cccccc;
}
.color-background-dark .type {
  border-color: #666666;
}
.color-background-dark .swatch {
  background: #666666;
}
.color-background-highlight .type {
  border-color: #fffece;
}
.color-background-highlight .swatch {
  background: #fffece;
}
.color-background-light-brown .type {
  border-color: #f6ebda;
}
.color-background-light-brown .swatch {
  background: #f6ebda;
}
.color-background-dark-red .type {
  border-color: #990000;
}
.color-background-dark-red .swatch {
  background: #990000;
}
.color-background-dark-green .type {
  border-color: #009900;
}
.color-background-dark-green .swatch {
  background: #009900;
}
.color-color-success .type {
  color: #009900;
}
.color-color-success .type {
  border-color: #009900;
}
.color-color-success .swatch {
  background: #009900;
}
.color-color-error .type {
  color: #990000;
}
.color-color-error .type {
  border-color: #990000;
}
.color-color-error .swatch {
  background: #990000;
}
.color-type-dark .type {
  color: #333333;
}
.color-type-dark .type {
  border-color: #333333;
}
.color-type-dark .swatch {
  background: #333333;
}
.color-type-dark-hover .type {
  color: #555555;
}
.color-type-dark-hover .type {
  border-color: #555555;
}
.color-type-dark-hover .swatch {
  background: #555555;
}
.color-type-light .type {
  color: #666666;
}
.color-type-light .type {
  border-color: #666666;
}
.color-type-light .swatch {
  background: #666666;
}
.color-type-medium .type {
  color: #444444;
}
.color-type-medium .type {
  border-color: #444444;
}
.color-type-medium .swatch {
  background: #444444;
}
.color-type-error .type {
  color: #aa0000;
}
.color-type-error .type {
  border-color: #aa0000;
}
.color-type-error .swatch {
  background: #aa0000;
}
.color-icon-light .type {
  border-color: #ebebeb;
}
.color-icon-light .swatch {
  background: #ebebeb;
}
.color-icon-medium .type {
  border-color: #c6c6c6;
}
.color-icon-medium .swatch {
  background: #c6c6c6;
}
/********
    MOBILE FIRST HOME PAGE
    320 to 360 layout before media queries start
********/
.cms-home {
  /*type colors*/
  /* MAIN HOME PAGE TILE LAYOUT */
}
.cms-home .home-message .page.messages {
  margin: 0;
}
.cms-home .page-main {
  width: 100%;
  max-width: 100%;
  margin: auto;
  padding: 0 0 0 0;
}
.cms-home .page-main .tile h2 {
  padding: 0;
}
.cms-home .tile-section {
  background-color: #fff;
}
.cms-home .hero-section {
  background-color: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.cms-home a.tile.text-color-light {
  color: #ffffff;
}
.cms-home a.tile.text-color-light.half .tile-cta,
.cms-home a.tile.text-color-light.full .tile-cta {
  border-color: #ffffff;
}
.cms-home a.tile.text-color-dark {
  color: #333333;
}
.cms-home a.tile.text-color-dark.half .tile-cta,
.cms-home a.tile.text-color-dark.full .tile-cta {
  border-color: #333333;
}
.cms-home .tile {
  padding: 0;
  margin: 4px;
  /* homepage hero default */
}
.cms-home .tile.hero {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 520px;
  float: none;
  clear: both;
  padding: 0;
  margin: 0 auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #ddd;
  background-size: auto;
}
.cms-home .tile.hero .hero-image {
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.cms-home .tile.hero .hero-image.image-desktop {
  z-index: 20;
  display: none;
}
.cms-home .tile.hero .hero-image.image-mobile {
  z-index: 10;
}
.cms-home .tile.hero a {
  display: block;
  box-sizing: border-box;
  position: relative;
  margin: auto;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cms-home .tile.hero div.text {
  box-sizing: border-box;
  width: 100%;
  max-width: 400px;
  text-align: center;
  color: #333333;
  color: #fff;
  position: relative;
  margin: 0 auto;
  padding: 20px 20px;
}
.cms-home .tile.hero h1 {
  text-transform: none;
  font-family: "brandon-grotesque", "HCo Gotham";
  font-weight: 600;
  color: #fff;
  margin: auto;
  max-width: auto;
  margin-bottom: 24px;
  letter-spacing: 0;
  padding: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
  font-size: 48px;
  line-height: 54px;
}
.cms-home .tile.hero h2 {
  text-transform: none;
  font-family: "brandon-grotesque", "HCo Gotham";
  font-weight: 500;
  color: #fff;
  margin: auto;
  max-width: auto;
  margin-bottom: 24px;
  letter-spacing: 0;
  padding: 0;
  padding-bottom: 0;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
  font-size: 24px;
  line-height: 28px;
}
.cms-home .tile.hero .cta {
  display: block;
  width: 100%;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  font-family: 'TradeGothicLight', helvetica, arial, sans-serif;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  background: #563b1a;
  border: 1px solid #563b1a;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 20px;
  width: auto;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 auto;
  font-family: "brandon-grotesque", "HCo Gotham";
  white-space: nowrap;
  text-transform: none;
  background: none;
  border: 2px solid #fff;
  font-weight: 600;
  letter-spacing: none;
  text-shadow: none;
  font-size: 24px;
  line-height: 52px;
  height: 56px;
  padding: 0 44px;
}
.cms-home .tile.hero .cta:hover {
  background: #62441f;
}
.cms-home .tile.hero .cta.disabled,
.cms-home .tile.hero .cta[disabled] {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  background: #555;
  color: #ddd;
}
.cms-home .tile.hero .cta:hover {
  cursor: pointer;
  background: none;
  background: rgba(255, 255, 255, 0.3);
}
.cms-home .tile.half {
  height: 420px;
}
.cms-home .tile.half h2.title {
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
  font-size: 22px;
  line-height: 24px;
}
.cms-home .tile.half h3.subtitle {
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}
.cms-home .tile.half .tile-cta {
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  display: inline-block;
  box-sizing: content-box;
  position: relative;
  overflow: hidden;
  padding: 4px 8px;
  border: 1px solid #333333;
  text-transform: uppercase;
  padding: 0 10px;
  margin-top: 0;
  height: 30px;
  line-height: 30px;
}
.cms-home .tile.full {
  width: 100%;
  height: 420px;
  margin: 8px auto;
}
.cms-home .tile.full h2.title {
  font-family: 'HCo Gotham', helvetica, arial;
  font-family: "brandon-grotesque", "HCo Gotham";
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.cms-home .tile.full h3.subtitle {
  font-family: 'HCo Gotham', helvetica, arial;
  font-family: "brandon-grotesque", "HCo Gotham";
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.cms-home .tile.full .tile-cta {
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  display: inline-block;
  box-sizing: content-box;
  position: relative;
  overflow: hidden;
  padding: 4px 8px;
  border: 1px solid #333333;
  text-transform: uppercase;
  padding: 0 10px;
  margin-top: 0;
  height: 30px;
  line-height: 30px;
}
.cms-home .tile div.text {
  display: block;
  box-sizing: border-box;
  position: relative;
  padding: 20px 20px 20px;
  z-index: 200;
}
.cms-home .tile.text-box div.text {
  background: rgba(255, 255, 255, 0.9);
}
.cms-home .tile.text-box.text-color-light div.text {
  background: rgba(50, 50, 50, 0.75);
}
.cms-home .tile.full div.text {
  width: 350px;
  height: auto;
  margin: 0 auto;
  padding: 32px;
}
.cms-home .tile.text-color-light div.text {
  text-shadow: 3px 3px 20px rgba(0, 0, 0, 0.6);
}
.cms-home .tile.text-color-dark div.text {
  text-shadow: none;
}
.cms-home .tile.type-left,
.cms-home .tile.type-right {
  display: flex;
  align-items: flext-start;
  justify-content: center;
  background-position: 50% 50%;
}
.cms-home .tile.type-left div.text,
.cms-home .tile.type-right div.text {
  padding: 20px;
}
.cms-home .tile.type-center {
  display: flex;
  flex: 1;
  align-items: center;
  flex-direction: column;
  background-size: cover;
}
.cms-home .tile.type-center div.text {
  width: auto;
  margin-top: auto;
  min-width: 350px;
  padding: 0px 20px 32px;
}
/**************************************************************************/
/* FRAN'S NOTES */
.page-main .notes-section {
  background: none;
}
.page-main .notes-section .block.newsletter {
  display: block;
  clear: both;
}
.cms-home .tile.full.notes-from-frans {
  background: none;
  height: auto;
  padding: 40px 20px;
  margin: 0;
}
.cms-home .tile.full.notes-from-frans.full {
  height: auto;
  width: 100%;
}
.cms-home .tile.full.notes-from-frans div.text {
  padding: 20px 20px 40px;
}
.cms-home .tile.full.notes-from-frans .card {
  display: none;
}
.cms-home .tile.full.notes-from-frans .card.front {
  display: block;
}
/**************************************************************************/
/* HOME PAGE MEDIA QUERIES */
/*
    ******* MOBILE *******
*/
/* MOBILE 1 / 360 mobile view */
@media (min-width: 375px) {
  .cms-home .tile {
    float: none;
    width: 100%;
  }
  .cms-home .tile.hero {
    width: 100%;
    height: 590px;
  }
  .cms-home .tile.hero .hero-image {
    background-size: auto;
  }
  .cms-home .tile.full {
    width: 100%;
    height: 420px;
  }
  .cms-home .tile.full.notes-from-frans {
    width: 100%;
  }
  .cms-home .tile.half {
    width: 100%;
    height: 420px;
  }
}
/* MOBILE 2 / 480 mobile view / larger padding on tiles */
@media (min-width: 495px) {
  .cms-home .tile.hero {
    width: 100%;
    height: 590px;
  }
  .cms-home .tile.full {
    width: 100%;
    height: 520px;
  }
  .cms-home .tile.half {
    width: 100%;
    height: 520px;
  }
  .cms-home .tile.type-left,
  .cms-home .tile.type-right {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: 50% 50%;
  }
  .cms-home .tile.type-left div.text,
  .cms-home .tile.type-right div.text {
    padding: 20px;
  }
}
/* MOBILE 3 / 590 mobile view */
@media (min-width: 615px) {
  .cms-home .tile div.text {
    padding: 30px 20px 30px;
  }
  .cms-home .tile.hero {
    width: 100%;
    height: 590px;
  }
  .cms-home .tile.full {
    width: 100%;
    height: 590px;
  }
  .cms-home .tile.half {
    width: 100%;
    height: 590px;
  }
  .cms-home .tile.half div.text {
    padding: 30px 20px 30px;
  }
  .cms-home .tile.half div.text h2.title {
    font-size: 26px;
    line-height: 28px;
  }
  .cms-home .tile.half div.text h3.subtitle {
    font-size: 16px;
    line-height: 18px;
    padding: 0;
  }
  .cms-home .tile.half .tile-cta {
    margin-top: 8px;
  }
}
/* MOBILE 4 / 720 mobile view / largest single tiles with gutter / mobile nav */
@media (min-width: 735px) {
  .cms-home .hero-section {
    max-width: 710px;
    padding: 0;
  }
  .cms-home .tile-section {
    max-width: 710px;
    padding: 0;
  }
  .cms-home .tile {
    margin: 0;
    float: none;
  }
  .cms-home .tile.hero {
    width: 710px;
    height: 590px;
  }
  .cms-home .tile.full {
    width: 710px;
    height: 590px;
    float: none;
  }
  .cms-home .tile.half {
    width: 710px;
    height: 590px;
    background-size: 720px auto;
    background-position: 50% 50%;
    margin: 0;
    float: none;
  }
}
/* MOBILE 5 / 840 desktop view / screen dead-zone keep single 720 column from mobile 4 */
@media (min-width: 855px) {
  .cms-home .tile.hero {
    height: 590px;
  }
  .cms-home .tile.full {
    height: 590px;
  }
  .cms-home .tile.half {
    height: 590px;
  }
}
/*
    ******* DESKTOP *******
*/
/* DESKTOP 1 / 960 desktop view / first view with desktop size / update to desktop font sizes on heroes */
@media (min-width: 975px) {
  .cms-home .page-main {
    padding: 0 0 0 0;
  }
  .cms-home .hero-section {
    max-width: 970px;
  }
  .cms-home .tile-section {
    max-width: 970px;
    padding: 5px;
  }
  .cms-home .tile.hero {
    width: 950px;
    height: 490px;
    background-size: cover;
  }
  .cms-home .tile.hero .hero-image {
    background-size: cover;
  }
  .cms-home .tile.hero .hero-image.image-desktop {
    display: block;
  }
  .cms-home .tile.hero .hero-image.image-mobile {
    display: none;
  }
  .cms-home .tile.hero div.text {
    position: absolute;
    left: 0;
    width: 50%;
    max-width: 50%;
    padding: 20px 80px;
  }
  .cms-home .tile.hero h1 {
    font-size: 62px;
    line-height: 62px;
  }
  .cms-home .tile.hero h2 {
    font-size: 34px;
    line-height: 36px;
  }
  .cms-home .tile.full {
    width: 950px;
    height: 520px;
    margin: 5px;
  }
  .cms-home .tile.full h2.title {
    font-size: 48px;
    line-height: 54px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
  }
  .cms-home .tile.full h3.subtitle {
    font-size: 24px;
    line-height: 28px;
  }
  .cms-home .tile.full.notes-from-frans {
    width: 100%;
  }
  .cms-home .tile.half {
    width: 470px;
    height: 520px;
    background-size: cover;
    margin: 5px;
    float: left;
  }
  .cms-home .tile.half div.text {
    padding: 30px 20px 30px;
  }
  .cms-home .tile.half div.text h2 {
    font-size: 28px;
    line-height: 30px;
  }
  .cms-home .tile.half div.text h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .cms-home .tile.type-left {
    justify-content: left;
    background-position: 50% 50%;
  }
  .cms-home .tile.type-left div.text {
    margin-left: 120px;
  }
  .cms-home .tile.type-right {
    justify-content: flex-end;
    background-position: 50% 50%;
  }
  .cms-home .tile.type-right div.text {
    margin-right: 120px;
  }
  .cms-home .tile.type-center div.text {
    padding: 0 20px 42px;
  }
  .cms-home .tile.tile-award div.text {
    width: 50%;
    position: absolute;
    top: 130px;
    left: 0;
  }
}
/* DESKTOP 2 / 1080 desktop view */
@media (min-width: 1095px) {
  .cms-home .hero-section {
    max-width: 1090px;
  }
  .cms-home .tile-section {
    max-width: 1090px;
  }
  .cms-home .tile.hero {
    width: 1070px;
    height: 490px;
    background-size: 1070px auto;
  }
  .cms-home .tile.hero .hero-image {
    background-size: 1070px auto;
  }
  .cms-home .tile.full {
    width: 1070px;
    height: 560px;
  }
  .cms-home .tile.half {
    width: 530px;
    height: 560px;
  }
}
/* DESKTOP 3 / 1200 desktop view */
@media (min-width: 1215px) {
  .cms-home .hero-section {
    max-width: 1210px;
  }
  .cms-home .tile-section {
    max-width: 1210px;
  }
  .cms-home .tile.hero {
    width: 1190px;
    height: 545px;
    background-size: 1190px auto;
  }
  .cms-home .tile.hero .hero-image {
    background-size: 1190px auto;
  }
  .cms-home .tile.full {
    width: 1190px;
    height: 560px;
  }
  .cms-home .tile.half {
    width: 590px;
    height: 560px;
  }
}
/* DESKTOP 4 / 1320 desktop view */
@media (min-width: 1335px) {
  .cms-home .page-header {
    max-width: 1330px;
  }
  .cms-home .hero-section {
    max-width: 1330px;
  }
  .cms-home .tile-section {
    max-width: 1330px;
  }
  .cms-home .tile.hero {
    width: 1310px;
    height: 600px;
    background-size: 1310px auto;
  }
  .cms-home .tile.hero .hero-image {
    background-size: 1310px auto;
  }
  .cms-home .tile.full {
    width: 1310px;
    height: 590px;
  }
  .cms-home .tile.half {
    width: 650px;
    height: 590px;
  }
}
/* DESKTOP 5 / 1440 desktop view */
@media (min-width: 1455px) {
  .cms-home .page-header {
    max-width: 1450px;
  }
  .cms-home .hero-section {
    max-width: 1450px;
  }
  .cms-home .tile-section {
    max-width: 1450px;
  }
  .cms-home .tile.hero {
    width: 1430px;
    height: 660px;
    background-size: 1440px auto;
  }
  .cms-home .tile.hero .hero-image {
    background-size: 1440px auto;
  }
  .cms-home .tile.full {
    width: 1430px;
    height: 590px;
  }
  .cms-home .tile.half {
    width: 710px;
    height: 590px;
  }
}
/**
    Shipping Page
**/
/**
    Ingredient Information
**/
.cms-ingredient-information .page-main table tr td {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 0 0 10px;
  vertical-align: top;
}
.cms-ingredient-information .page-main h3.badge {
  padding-top: 74px;
  background-image: url('../images/frans-logo-icon.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 66px;
  margin-bottom: 4px;
  font-weight: 500;
}
.cms-ingredient-information .page-main h3.badge.organic {
  background-image: url('../images/ingredients/icon-ingredient-organic.svg');
}
.cms-ingredient-information .page-main h3.badge.fairtrade {
  background-image: url('../images/ingredients/icon-ingredient-fairtrade.svg');
}
.cms-ingredient-information .page-main h3.badge.fairtrade-arrow {
  background-image: url('../images/ingredients/icon-ingredient-fairtrade-arrow.svg');
}
.cms-ingredient-information .page-main h3.badge.milk {
  background-image: url('../images/ingredients/icon-ingredient-milk.svg');
}
.cms-ingredient-information .page-main h3.badge.peanuts {
  background-image: url('../images/ingredients/icon-ingredient-peanuts.svg');
}
.cms-ingredient-information .page-main h3.badge.tree-nuts {
  background-image: url('../images/ingredients/icon-ingredient-tree-nuts.svg');
}
.cms-ingredient-information .page-main h3.badge.soy-lecithin {
  background-image: url('../images/ingredients/icon-ingredient-soy-lecithin.svg');
}
.cms-ingredient-information .page-main h3.badge.sesame {
  background-image: url('../images/ingredients/icon-ingredient-sesame.svg');
}
.cms-ingredient-information .page-main h3.badge.gluten {
  background-image: url('../images/ingredients/icon-ingredient-gluten.svg');
}
.cms-ingredient-information .page-main h3.badge.egg {
  background-image: url('../images/ingredients/icon-ingredient-egg.svg');
}
.cms-ingredient-information .page-main h3.badge.alcohol {
  background-image: url('../images/ingredients/icon-ingredient-alcohol.svg');
}
.cms-ingredient-information .page-main h3.badge.caffeine {
  background-image: url('../images/ingredients/icon-ingredient-caffeine.svg');
}
.cms-ingredient-information .page-main h3.badge.vegan {
  background-image: url('../images/ingredients/icon-ingredient-vegan.svg');
}
.cms-ingredient-information .page-main h3.badge.plant-based {
  background-image: url('../images/ingredients/icon-ingredient-plant-based.svg');
}
.cms-ingredient-information .page-main h3.badge.non-gluten {
  background-image: url('../images/ingredients/icon-ingredient-non-gluten.svg');
}
.cms-ingredient-information .page-main h3.badge.non-gmo {
  background-image: url('../images/ingredients/icon-ingredient-non-gmo.svg');
}
/* large mobile - switch to horizontal table cells */
@media (min-width: 735px) {
  .cms-ingredient-information .page-main table tr td {
    display: table-cell;
    width: 50%;
    padding: 0 0 10px 0;
  }
  .cms-ingredient-information .page-main table tr td:nth-child(odd) {
    padding-right: 20px;
  }
  .cms-ingredient-information .page-main table tr td:nth-child(even) {
    padding-left: 20px;
  }
}
/**
    Confection Care
**/
body.cms-page-view.cms-confection-care .page-main p {
  text-align: center;
}
body.cms-page-view.cms-confection-care .page-main strong {
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
}
body.cms-page-view.cms-confection-care .page-main ul {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
body.cms-page-view.cms-confection-care .page-main ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.cms-page-view.cms-confection-care .page-main ul ul {
  display: block;
  box-sizing: border-box;
  padding: 6px 4px 10px 20px;
  background: url('../images/icon-dot-line-v.png') 0 0 no-repeat;
  margin: 0;
}
body.cms-page-view.cms-confection-care .page-main ul ul li {
  margin: 0 0 8px 0;
  padding: 0;
  line-height: 1.2em;
}
body.cms-page-view.cms-confection-care .page-main ul ul li a {
  font-size: 13px;
}
/* large mobile - switch to horizontal chart */
@media (min-width: 735px) {
  body.cms-page-view.cms-confection-care .page-main ul ul {
    float: left;
    padding: 14px 20px 0 10px;
    width: 25%;
    background: url('../images/icon-dot-line-h.png') 0 0 no-repeat;
  }
}
/**
    Fran's Store Pages
    Mobile First
**/
body.cms-page-view.page-layout-frans_stores .page-main {
  padding: 0 0 40px;
  background: none;
}
body.cms-page-view.page-layout-frans_stores .page-main .column.main {
  padding: 0;
  overflow: hidden;
  position: relative;
}
body.cms-page-view.page-layout-frans_stores .page-main .tile.store {
  text-decoration: none;
  color: white;
  text-align: center;
  display: block;
  transition: opacity 250ms linear;
  background-repeat: no-repeat;
  padding: 0;
  height: auto;
  width: 100%;
  max-width: 290px;
  margin: 5px auto;
  display: flex;
  align-items: center;
  background-color: linear-gradient(#333333 0%, #666666 100%);
}
body.cms-page-view.page-layout-frans_stores .page-main .tile.store p {
  line-height: 1.3em;
}
body.cms-page-view.page-layout-frans_stores .page-main .tile.store .store-address {
  margin-bottom: 10px;
}
body.cms-page-view.page-layout-frans_stores .page-main .tile.store .store-address p {
  margin-bottom: 0;
}
body.cms-page-view.page-layout-frans_stores .page-main .tile.store .store-detail {
  display: block;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  flex-direction: column;
  z-index: 100;
}
body.cms-page-view.page-layout-frans_stores .page-main .tile.store .store-detail .store-hours-title,
body.cms-page-view.page-layout-frans_stores .page-main .tile.store .store-detail .store-hours {
  display: none;
}
body.cms-page-view.page-layout-frans_stores .page-main .tile.store .overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.2);
  transition: background-color 200ms ease-in-out;
  z-index: 50;
}
body.cms-page-view.page-layout-frans_stores .page-main .tile.store h3 {
  padding: 0 0 16px;
  margin: 0 0 16px;
  font-size: 22px;
  line-height: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
body.cms-page-view.page-layout-frans_stores .page-main .tile.store:hover .overlay {
  background-color: rgba(0, 0, 0, 0);
}
body.cms-page-view.page-layout-frans_store .page-main {
  background: none;
  margin: 0 auto 30px;
  padding: 0;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content {
  display: block;
  margin-bottom: 30px;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile {
  box-sizing: border-box;
  background: none;
  height: auto;
  text-align: center;
  background-color: #ab8960;
  color: #ffffff;
  padding: 30px 30px;
  min-height: 390px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile h2.store-name {
  margin: 0;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile a {
  color: #4e3227;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile a:hover {
  color: #69483a;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile h4 {
  padding-top: 50px;
  background-image: url('../images/icon-div-2.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile p,
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile td {
  font-size: 12px;
  line-height: 15px;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile table {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile table td {
  width: 50%;
  padding: 1px 6px;
  text-align: left;
  border: 0;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile table td:nth-child(odd) {
  text-align: right;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile .store-address {
  padding: 14px 0 14px;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile .store-address p {
  margin: 0 0 4px;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile .store-address p:last-child {
  margin: 0 0 0;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile .store-hours {
  margin: 0;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile .store-hours table tr td.label {
  font-weight: bold;
  text-align: right;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile .store-hours table tr td.single-cell {
  text-align: center;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile p.store-pick-up,
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store.tile p.store-directions {
  margin: 0;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .img-box {
  display: block;
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  padding: 10px;
  overflow: hidden;
  text-align: left;
  text-indent: -2000px;
  background-position: 50% 50%;
  background-size: cover;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .img-box.box1 {
  min-height: 390px;
}
body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .img-box.box2 {
  display: none;
  /*hide small images on mobile*/
}
/* small desktop 960 */
@media (min-width: 975px) {
  body.cms-page-view.page-layout-frans_stores .page-main .frans-store-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  body.cms-page-view.page-layout-frans_stores .page-main .tile.store {
    width: 230px;
    height: 400px;
    margin: 5px;
    flex-direction: row;
  }
  body.cms-page-view.page-layout-frans_store .page-main .column.main {
    padding: 0;
  }
  body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 950px;
    margin: 0 auto 30px;
  }
  body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store-info {
    width: 440px;
    flex-direction: row;
  }
  body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .img-box.box1 {
    height: auto;
    width: 510px;
    flex-direction: row;
  }
  body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .img-box.box2 {
    display: block;
    clear: both;
    height: 210px;
    flex-direction: row;
    background-position: 0 50%;
  }
}
/* full desktop view 1200 */
@media (min-width: 1215px) {
  body.cms-page-view.page-layout-frans_stores .page-main .tile.store {
    width: 290px;
    height: 500px;
    float: none;
    margin: 5px;
  }
  body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content {
    width: 1190px;
  }
  body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .store-info {
    width: 440px;
  }
  body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .img-box.box1 {
    width: 750px;
  }
  body.cms-page-view.page-layout-frans_store .page-main .column.main .store-content .img-box.box2 {
    height: 210px;
  }
}
/*
    custom corporate pages / website / large orders / event favors
*/
body.cms-page-view.page-layout-page_website .page-main {
  text-align: center;
  padding-bottom: 80px;
}
body.cms-page-view.page-layout-page_website .page-main p,
body.cms-page-view.page-layout-page_website .page-main li {
  font-size: 15px;
  line-height: 25px;
}
body.cms-page-view.page-layout-page_website .page-main .content-footer {
  padding-top: 80px;
  background-image: url('../image-samples/graphics/img-more-to-come.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
}
body.cms-page-view.page-layout-page_website .page-main ul {
  padding: 20px 0;
  margin: 20px 0;
}
body.cms-page-view.page-layout-page_website .page-main ul li {
  display: block;
  box-sizing: border-box;
  padding: 180px 20px 20px 20px;
  margin: 0 0 20px 0;
  list-style: none;
  background-image: url('../image-samples/graphics/custom-orders-01.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
}
body.cms-page-view.page-layout-page_website .page-main ul li:nth-child(1) {
  background-image: url('../image-samples/graphics/img-assorted-ribbon.png');
}
body.cms-page-view.page-layout-page_website .page-main ul li:nth-child(2) {
  background-image: url('../image-samples/graphics/img-arrival-date.png');
}
body.cms-page-view.page-layout-page_website .page-main ul li:nth-child(3) {
  background-image: url('../image-samples/graphics/img-multi-ship.png');
}
body.cms-page-view.page-layout-page_website .page-main ul li:nth-child(4) {
  background-image: url('../image-samples/graphics/img-seasonal.png');
}
body.cms-page-view.page-layout-page_website .page-main ul li:nth-child(5) {
  background-image: url('../image-samples/graphics/img-communication.png');
}
body.cms-page-view.page-layout-page_website .page-main ul li:nth-child(6) {
  background-image: url('../image-samples/graphics/img-mobile.png');
}
body.cms-page-view.page-layout-page_website .page-main ul li .text {
  border-bottom: 1px solid #eee;
}
/* small desktop 960 - website page */
@media (min-width: 975px) {
  body.cms-page-view.page-layout-page_website .page-main ul {
    display: table;
  }
  body.cms-page-view.page-layout-page_website .page-main ul li {
    display: table-row;
    padding: 0;
    margin: 0;
    background-position: 100% 50%;
  }
  body.cms-page-view.page-layout-page_website .page-main ul li .text {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    margin: 0;
    padding: 60px 420px 60px 20px;
  }
  body.cms-page-view.page-layout-page_website .page-main ul li:nth-child(even) {
    background-position: 0 50%;
  }
  body.cms-page-view.page-layout-page_website .page-main ul li:nth-child(even) .text {
    padding: 20px 20px 20px 450px;
  }
}
/* frans event favors page */
/* todo: make this into a reusable template / tile layout */
body.cms-page-view.page-layout-page_event_favors .page-main {
  text-align: center;
  padding: 0 0 20px;
}
body.cms-page-view.page-layout-page_event_favors .page-main .column.main {
  padding: 0;
}
/* frans features / custom layout pages / large orders / business accounts */
body.cms-page-view.cms-business-accounts .page-main {
  padding: 0;
  margin: 0 auto;
}
body.cms-page-view.cms-business-accounts .page-main .column.main {
  padding: 0;
}
body.cms-page-view.cms-custom-orders .page-main {
  padding: 0;
  margin: 0 auto;
}
body.cms-page-view.cms-custom-orders .page-main .column.main {
  padding: 0;
}
@media (min-width: 975px) {
  body.cms-page-view.cms-business-accounts .page-main,
  body.cms-page-view.cms-custom-orders .page-main {
    padding-bottom: 40px;
  }
}
/**
    Frans Feature Page Layouts, used on Large Orders and Business Accounts Page
**/
.frans-features {
  text-align: center;
}
.frans-features .button-dark {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  font-family: 'TradeGothicLight', helvetica, arial, sans-serif;
  font-family: 'HCo Gotham', 'TradeGothicLight', 'Trade Gothic', helvetica, arial;
  background: #563b1a;
  border: 1px solid #563b1a;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0 20px;
  width: auto;
  display: inline-block;
  text-align: center;
}
.frans-features .button-dark:hover {
  background: #62441f;
}
.frans-features .button-dark.disabled,
.frans-features .button-dark[disabled] {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  background: #555;
  color: #ddd;
}
.frans-features .section {
  display: block;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 18px 30px;
  margin: 0 auto;
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
}
.frans-features .section img {
  width: 100%;
  max-width: 320px;
}
.frans-features .section.section-customize img {
  max-width: 480px;
  margin: auto;
}
.frans-features .section.section-customize .section-text {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}
.frans-features ul.custom-features li {
  list-style: none;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}
.frans-features .custom-features-frame {
  display: block;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: auto;
}
.frans-features .custom-features-frame .gift-message-card,
.frans-features .custom-features-frame .custom-box-display,
.frans-features .custom-features-frame .favor-box {
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0px;
  padding: 0;
  width: 100%;
}
.frans-features .custom-features-frame ul.custom-features {
  display: block;
}
.frans-features .custom-features-frame .lines {
  display: none;
}
.frans-features .custom-features-frame ul.custom-features {
  z-index: 300;
}
.frans-features .custom-features-frame .gift-message-card {
  background: url('../image-samples/graphics/custom-orders-card.jpg') 50% 50% no-repeat;
  z-index: 50;
}
.frans-features .custom-features-frame .lines {
  background: url('../image-samples/graphics/custom-orders-lines.png') 50% 0 no-repeat;
  z-index: 200;
  background-size: 500px auto;
}
.frans-features .custom-features-frame .custom-box-display {
  z-index: 100;
}
.frans-features .custom-features-frame .custom-box-display .favor-box {
  position: relative;
  background-image: url('../image-samples/graphics/custom-orders-sprite-favor-box.png');
  background-position: 0 -750px;
  background-repeat: no-repeat;
  width: 350px;
  height: 250px;
  margin: 0 auto;
}
.frans-features .ribbon-colors {
  max-width: 600px;
  margin: 0 auto;
}
.frans-features .ribbon-colors h5 {
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  margin: 10px 0;
}
.frans-features .ribbon-colors ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 25%;
  float: left;
}
.frans-features .ribbon-colors ul li {
  overflow: hidden;
  position: relative;
  list-style: none;
  box-sizing: border-box;
  padding: 3px;
  margin: 0 0 6px 0;
  width: 100%;
  border: 1px solid #fff;
  cursor: pointer;
}
.frans-features .ribbon-colors p {
  display: block;
  clear: both;
  text-align: center;
  color: #666666;
  padding: 10px 0;
}
.frans-features .ribbon-colors span.swatch {
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  float: left;
  margin: 0 8px 0 0;
  background: #333;
}
.frans-features .ribbon-colors span.color-name {
  display: block;
  float: left;
  font-size: 13px;
  line-height: 20px;
  left: 1px;
  color: #666;
}
.frans-features .ribbon-colors span.swatch.swatch-ivory {
  background: #ffffff;
  border: 1px solid #ccc;
}
.frans-features .ribbon-colors span.swatch.swatch-silver {
  background: #d5d5d5;
}
.frans-features .ribbon-colors span.swatch.swatch-old-gold {
  background: #e4b678;
}
.frans-features .ribbon-colors span.swatch.swatch-bronze {
  background: #925400;
}
.frans-features .ribbon-colors span.swatch.swatch-rust {
  background: #dc4115;
}
.frans-features .ribbon-colors span.swatch.swatch-orange {
  background: #ffa72b;
}
.frans-features .ribbon-colors span.swatch.swatch-purple {
  background: #5d2eb0;
}
.frans-features .ribbon-colors span.swatch.swatch-fuchsia {
  background: #ef1083;
}
.frans-features .ribbon-colors span.swatch.swatch-moonstone {
  background: #e1d3cc;
}
.frans-features .ribbon-colors span.swatch.swatch-red {
  background: #ff2b2a;
}
.frans-features .ribbon-colors span.swatch.swatch-sunny-yellow {
  background: #ffd02a;
}
.frans-features .ribbon-colors span.swatch.swatch-bright-yellow {
  background: #ffe82a;
}
.frans-features .ribbon-colors span.swatch.swatch-bright-green {
  background: #c0e519;
}
.frans-features .ribbon-colors span.swatch.swatch-royal-blue {
  background: #154dba;
}
.frans-features .ribbon-colors span.swatch.swatch-porcelain {
  background: #8cbbe5;
}
.frans-features .ribbon-colors span.swatch.swatch-blue-turquoise {
  background: #62cfe3;
}
.frans-features .ribbon-colors span.swatch.swatch-slate {
  background: #424f5e;
}
.frans-features .ribbon-colors span.swatch.swatch-black {
  background: #000000;
}
.frans-features .ribbon-colors span.swatch.swatch-celadon {
  background: #8eccb3;
}
.frans-features .ribbon-colors span.swatch.swatch-tropic {
  background: #00c9c0;
}
.frans-features .ribbon-colors span.swatch.swatch-neon-blue {
  background: #0aaceb;
}
.frans-features .ribbon-colors span.swatch.swatch-wine {
  background: #830b39;
}
.frans-features .header-content .section-text {
  box-sizing: border-box;
  max-width: 590px;
  margin: 0 auto;
  padding: 0;
}
.frans-features .footer-content {
  display: block;
  overflow: hidden;
  clear: both;
  padding: 20px 40px 400px;
  background-color: #f3efec;
  background-size: auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
}
.frans-features .footer-content .section-text {
  position: relative;
  max-width: 340px;
  margin: 0 auto;
}
/* frans features type and cms overrides */
body.cms-page-view .page-main .frans-features h2 {
  font-size: 20px;
  line-height: 28px;
}
body.cms-page-view .page-main .frans-features .section-customize h3 {
  font-size: 13px;
  line-height: 14px;
  font-family: 'HCo Gotham', helvetica, arial;
  font-weight: 500;
  margin: 0 0 4px 0;
  text-transform: none;
  text-transform: capitalize;
  color: #333333;
}
body.cms-page-view .page-main .frans-features .section-customize li p {
  font-size: 12px;
  line-height: 20px;
  color: #444444;
}
body.cms-page-view .page-main .ribbon-colors ul {
  padding: 0;
  margin: 0;
}
body.cms-page-view .page-main ul.custom-features li,
body.cms-page-view .page-main .footer-content ul li {
  list-style: none;
}
/* large mobile 770 - frans feature layouts */
@media (min-width: 735px) {
  .frans-features {
    text-align: center;
  }
  .frans-features .section.text-left img,
  .frans-features .section.text-right img {
    display: block;
    width: auto;
    margin: 0;
    float: right;
    max-width: 50%;
  }
  .frans-features .section.text-left .section-text,
  .frans-features .section.text-right .section-text {
    float: left;
    margin: 0;
    padding: 0;
    max-width: 50%;
  }
  .frans-features .section.text-right img {
    float: left;
  }
  .frans-features .section.text-right .section-text {
    float: right;
  }
}
/* small desktop 960 - frans feature layouts */
@media (min-width: 975px) {
  .frans-features .section {
    text-align: left;
  }
  .frans-features .hidden-md,
  .frans-features .hidden-lg {
    display: none;
  }
  .frans-features .three-cols .section {
    width: 33.33%;
    float: left;
    border: 0;
  }
  .frans-features .business-accounts-section ul.custom-features li {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    max-width: 180px;
    margin: 0;
    text-align: right;
  }
  .frans-features .business-accounts-section ul.custom-features li:nth-child(1) {
    left: auto;
    right: 0;
    top: 134px;
    text-align: left;
  }
  .frans-features .business-accounts-section ul.custom-features li:nth-child(2) {
    left: 0;
    top: 138px;
  }
  .frans-features .business-accounts-section ul.custom-features li:nth-child(3) {
    left: 0;
    top: 324px;
  }
  .frans-features .custom-orders-section ul.custom-features li {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 320px;
    margin: 0;
    text-align: left;
  }
  .frans-features .custom-orders-section ul.custom-features li:nth-child(1) {
    left: 250px;
    top: 5px;
    max-width: 380px;
  }
  .frans-features .custom-orders-section ul.custom-features li:nth-child(2) {
    left: 10px;
    top: 150px;
    text-align: right;
    max-width: 168px;
  }
  .frans-features .custom-orders-section ul.custom-features li:nth-child(3) {
    left: auto;
    right: 0;
    top: 100px;
    max-width: 180px;
  }
  .frans-features .custom-features-frame {
    height: 300px;
    width: 890px;
  }
  .frans-features .custom-features-frame ul.custom-features,
  .frans-features .custom-features-frame .gift-message-card,
  .frans-features .custom-features-frame .lines,
  .frans-features .custom-features-frame .custom-box-display {
    position: absolute;
    height: 300px;
    width: 890px;
  }
  .frans-features .custom-features-frame .lines {
    display: block;
  }
  .frans-features .custom-features-frame .custom-box-display .favor-box {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    margin: 0;
    margin-left: -250px;
  }
}
/* Frans Features Info Modals */
.modal-popup button.action-close {
  cursor: pointer;
}
.modal-popup button.action-close:before {
  content: 'X';
  font-family: 'Hco Gotham', arial, sans-serif;
  font-weight: 400;
}
.frans-modal {
  text-align: center;
}
.frans-modal h3 {
  font-size: 18px;
  line-height: 20px;
}
.frans-modal h4 {
  font-size: 16px;
  line-height: 18px;
}
.frans-modal table {
  max-width: 500px;
  margin: 0 auto;
}
.frans-modal table tr td {
  text-align: center;
  padding: 5px 30px;
}
.frans-modal .largeorders-modal-column {
  display: block;
  float: left;
  width: 45%;
  margin-right: 5%;
}
/* Fran's News Styles */
body.cms-page-view.cms-news .page-main .column.main ul,
body.cms-page-view.cms-news .page-main .column.main li {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.cms-page-view.cms-news .page-main .column.main ul.news-list > li:nth-child(odd) {
  float: left;
  width: 20%;
  clear: both;
}
body.cms-page-view.cms-news .page-main .column.main ul.news-list > li:nth-child(even) {
  float: left;
  width: 80%;
}
/* custom corportate pages / frans feature layouts */
/* small desktop 960 - frans feature layouts */
.hidden {
  display: none;
}
aside.fr_slideout {
  left: 0;
}
.modal-slide .modal-header,
.modal-slide .modal-content,
.modal-slide .modal-footer {
  padding: 16px;
}
@media (min-width: 975px) {
  aside.fr_slideout {
    left: 50%;
  }
  .modal-slide .modal-header,
  .modal-slide .modal-content,
  .modal-slide .modal-footer {
    padding: 20px 50px;
  }
  aside.fr_slideout .modal-content {
    max-width: 420px;
  }
}
@font-face {
  font-family: 'icons-blank-theme';
  src: url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2') format('woff2'), url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
#fr_co_slideout img.fpo_img {
  max-height: 280px;
  width: 100%;
}
/* Checkout SlideOut */
#fr_co_so_form input[disabled],
#fr_co_so_form button[disabled] {
  opacity: 0.3;
}
.fr_minimal_form input.input-text {
  border-top: none;
  border-left: none;
  border-right: none;
}
.fr_minimal_form label.label {
  font-size: 85%;
}
body.checkout-index-index .modal-popup button.action.primary.address-check {
  margin-top: 2px;
}