@charset "UTF-8";
/**************************************
  Screen Size Variables
  use -min for min-width measurements
***************************************/
/**************************************
  Colors & Gray Scale
***************************************/
/* Backgrounds */
/* Messages */
/**************************************
  Typography
***************************************/
/**************************************
  Miscellaneous Values
***************************************/
/* Selection Highlight Color */
/* Borders */
/* Modals */
/* Shadows */
/* Transitions */
:root {
  /**************************************
  Colors & Gray Scale
  ***************************************/
  --primary-color: #41636d;
  --secondary-color: #9588a3;
  --tertiary-color: #0fdebd;
  --accent-color: #fa5e5b;
  --wishlist-color: #f63b34;
  --ribbon-1: #de0000;
  --ribbon-2: #0096de;
  --ribbon-3: green;
  --light-gray: #eae8e9;
  --medium-gray: #a5a4a4;
  --dark-gray: #525454;
  --light-grey: #eae8e9;
  --medium-grey: #a5a4a4;
  --dark-grey: #525454;
  /* Backgrounds */
  --background-color-body: #fff;
  --background-color-header: #fff;
  --background-color-master-header-top: #fff;
  --background-color-footer: #fff;
  --background-color-nav: #eae8e9;
  --background-color-dropdown-menu: #fff;
  --background-secondary: #eae8e9;
  /* Messages */
  --success: #41636d;
  --warning: #ffc83f;
  --danger: #fa5e5b;
  /**************************************
  Typography
  ***************************************/
  --font-family-primary: Avenir Light, sans-serif;
  --font-family-header: Avenir Medium, sans-serif;
  --font-family-alternative: Libre Baskerville, serif;
  --font-color-primary: #525454;
  --font-color-inverted: #fff;
  --font-color-muted: #a5a4a4;
  --font-color-dropdown-menu: #525454;
  --font-color-header: inherit;
  --font-color-footer: inherit;
  --body-font-size: 16px;
  --line-height: 1.3;
  --label-btn-font: rgba(0, 0, 0, 0.65);
  --label-btn-font-hover: #fff;
  /**************************************
  Labels
  ***************************************/
  --success-bg: #dff0d8;
  --success-btn-bg: #5cb85c;
  --success-color: rgba(0, 0, 0, 0.65);
  --success-border: #4cae4c;
  --success-hover-bg: #449d44;
  --success-hover-border: #398439;
  --success-hover-color: #fff;
  --info-bg: #d9edf7;
  --info-btn-bg: #5bc0de;
  --info-color: rgba(0, 0, 0, 0.65);
  --info-border: #46b8da;
  --info-hover-bg: #31b0d5;
  --info-hover-border: #269abc;
  --info-hover-color: #fff;
  --warning-bg: #fcf8e3;
  --warning-btn-bg: #f0ad4e;
  --warning-color: rgba(0, 0, 0, 0.65);
  --warning-border: #eea236;
  --warning-hover-bg: #ec971f;
  --warning-hover-border: #d58512;
  --warning-hover-color: #fff;
  --danger-bg: #f2dede;
  --danger-btn-bg: #d9534f;
  --danger-color: #fff;
  --danger-border: #d43f3a;
  --danger-hover-bg: #c9302c;
  --danger-hover-border: #ac2925;
  --danger-hover-color: #fff;
  /**************************************
  Buttons
  ***************************************/
  --btn-default-background-color: transparent;
  --btn-default-border-color: var(--primary-color);
  --btn-default-font-color: var(--font-color-primary);
  --btn-default-hover-background: var(--secondary-color);
  --btn-default-hover-border: var(--secondary-color);
  --btn-default-hover-font-color: var(--font-color-inverted);
  --btn-primary-background-color: var(--primary-color);
  --btn-primary-border-color: var(--primary-color);
  --btn-primary-font-color: var(--font-color-inverted);
  --btn-primary-hover-background: var(--secondary-color);
  --btn-primary-hover-border: var(--secondary-color);
  --btn-primary-hover-font-color: var(--font-color-inverted);
  --btn-secondary-background-color: var(--secondary-color);
  --btn-secondary-border-color: var(--secondary-color);
  --btn-secondary-font-color: var(--font-color-inverted);
  --btn-secondary-hover-background: var(--primary-color);
  --btn-secondary-hover-border: var(--primary-color);
  --btn-secondary-hover-font-color: var(--font-color-inverted);
  --btn-qty-background-color: var(--primary-color);
  --btn-qty-border-color: var(--primary-color);
  --btn-qty-font-color: var(--font-color-inverted);
  --btn-qty-hover-background: var(--secondary-color);
  --btn-qty-hover-border: var(--secondary-color);
  --btn-qty-hover-font-color: var(--font-color-inverted);
  --btn-link-background-color: transparent;
  --btn-link-border-color: transparent;
  --btn-link-font-color: inherit;
  --btn-link-hover-background: transparent;
  --btn-link-hover-border: transparent;
  --btn-link-hover-font-color: var(--primary-color);
  --btn-success-background-color: var(--success-btn-bg);
  --btn-success-border-color: var(--success-border);
  --btn-success-font-color: var(--success-color);
  --btn-success-hover-background: var(--success-hover-bg);
  --btn-success-hover-border: var(--success-hover-border);
  --btn-success-hover-font-color: var(--success-hover-color);
  --btn-info-background-color: var(--info-btn-bg);
  --btn-info-border-color: var(--info-border);
  --btn-info-font-color: var(--info-color);
  --btn-info-hover-background: var(--info-hover-bg);
  --btn-info-hover-border: var(--info-hover-border);
  --btn-info-hover-font-color: var(--info-hover-color);
  --btn-warning-background-color: var(--warning-btn-bg);
  --btn-warning-border-color: var(--warning-border);
  --btn-warning-font-color: var(--warning-color);
  --btn-warning-hover-background: var(--warning-hover-bg);
  --btn-warning-hover-border: var(--warning-hover-border);
  --btn-warning-hover-font-color: var(--warning-hover-color);
  --btn-danger-background-color: var(--danger-btn-bg);
  --btn-danger-border-color: var(--danger-border);
  --btn-danger-font-color: var(--danger-color);
  --btn-danger-hover-background: var(--danger-hover-bg);
  --btn-danger-hover-border: var(--danger-hover-border);
  --btn-danger-hover-font-color: var(--danger-hover-color);
  --btn-submit-background-color: var(--primary-color);
  --btn-submit-border-color: var(--primary-color);
  --btn-submit-font-color: var(--font-color-inverted);
  --btn-submit-hover-background: var(--secondary-color);
  --btn-submit-hover-border: var(--secondary-color);
  --btn-submit-hover-font-color: var(--font-color-inverted);
  --cta-background-color: var(--primary-color);
  --cta-border-color: var(--primary-color);
  --cta-font-color: var(--font-color-inverted);
  --cta-hover-background: var(--secondary-color);
  --cta-hover-border: var(--secondary-color);
  --cta-hover-font-color: var(--font-color-inverted);
  /**************************************
  Miscellaneous Values
  ***************************************/
  --header-height: auto;
  --header-height-mobile: auto;
  --selection-color: #41636d;
  --font-color-selection: #fff;
  --header-border-bottom: none;
  --footer-border-top: none;
  /* Modals */
  --background-color-modal: #fff;
  --background-color-modal-header: #fff;
  --modal-header-color: inherit;
  --backdrop-background: rgba(255, 255, 255, 0.4666666667);
  --backdrop-blur: 7px;
  /* Shadows */
  --shadow-lvl1: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --shadow-lvl2: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.23);
  --shadow-lvl3: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  --shadow-lvl4: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  --shadow-lvl5: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  /* Transitions */
  --transition: all 333ms cubic-bezier(0.42, 0, 0.58, 1);
  --transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
  all: unset;
  display: revert;
}

*, *::before, *::after {
  box-sizing: border-box;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
}
[ng-click] {
  cursor: pointer;
}
body {
  color: var(--font-color-primary);
  font-family: var(--font-family-primary);
  font-size: var(--body-font-size);
  line-height: var(--line-height);
}

h1,
.h1 {
  color: var(--font-color-header);
  font-family: var(--font-family-header);
  font-size: 3em;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
}

h2,
.h2 {
  color: var(--font-color-header);
  font-family: var(--font-family-header);
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
}
.multi-view-left h2 {
  font-size: 1.5em;
}
h3,
.h3 {
  color: var(--font-color-header);
  font-family: var(--font-family-header);
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
}

h4,
.h4 {
  color: var(--font-color-header);
  font-family: var(--font-family-header);
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
}

h5,
.h5 {
  color: var(--font-color-header);
  font-family: var(--font-family-header);
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
}

h6,
.h6 {
  color: var(--font-color-header);
  font-family: var(--font-family-header);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
}

b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

.intro {
  font-size: 1.25em;
}

blockquote {
  position: relative;
}
blockquote p:before, blockquote p:after {
  content: "\f347";
  color: #767676;
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  margin-right: 0.25em;
}
blockquote p:after {
  margin-right: 0;
  margin-left: 0.25em;
  transform: rotate(-180deg);
}
blockquote cite {
  font-size: 2em;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

*::-moz-selection {
  background-color: var(--selection-color);
  color: var(--font-color-selection);
}

*::selection {
  background-color: var(--selection-color);
  color: var(--font-color-selection);
}

.skip-link {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.container,
.container-fluid {
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}
.container:before, .container:after,
.container-fluid:before,
.container-fluid:after {
  display: none;
}
@media (max-width: 1920px) {
  .container,
.container-fluid {
    padding: 0 1em;
  }
}

.flex {
  display: flex;
}

.row {
  flex-direction: row;
  gap: 2em;
  width: 100%;
  display: flex;
}
.row:before, .row:after {
  display: none;
}

.column {
  flex-direction: column;
}

.row:not(product-images .row) {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.row:not(product-images .row):after {
  display: none;
}

.footer-flex {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.flex-header {
  display: flex;
  flex-flow: row nowrap;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

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

.m-a-1 {
  margin: iem;
}

.m-t-1 {
  margin-top: 1em;
}

.m-r-1 {
  margin-right: 1em;
}

.m-b-1 {
  margin-bottom: 1em;
}

.m-l-1 {
  margin-left: 1em;
}

.m-y-1 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.m-x-1 {
  margin-left: 1em;
  margin-right: 1em;
}

.p-a-1 {
  padding: iem;
}

.p-t-1 {
  padding-top: 1em;
}

.p-r-1 {
  padding-right: 1em;
}

.p-b-1 {
  padding-bottom: 1em;
}

.p-l-1 {
  padding-left: 1em;
}

.p-y-1 {
  padding-top: 1em;
  padding-bottom: 1em;
}

.p-x-1 {
  padding-left: 1em;
  padding-right: 1em;
}

.m-a-2 {
  margin: iem;
}

.m-t-2 {
  margin-top: 2em;
}

.m-r-2 {
  margin-right: 2em;
}

.m-b-2 {
  margin-bottom: 2em;
}

.m-l-2 {
  margin-left: 2em;
}

.m-y-2 {
  margin-top: 2em;
  margin-bottom: 2em;
}

.m-x-2 {
  margin-left: 2em;
  margin-right: 2em;
}

.p-a-2 {
  padding: iem;
}

.p-t-2 {
  padding-top: 2em;
}

.p-r-2 {
  padding-right: 2em;
}

.p-b-2 {
  padding-bottom: 2em;
}

.p-l-2 {
  padding-left: 2em;
}

.p-y-2 {
  padding-top: 2em;
  padding-bottom: 2em;
}

.p-x-2 {
  padding-left: 2em;
  padding-right: 2em;
}

.m-a-3 {
  margin: iem;
}

.m-t-3 {
  margin-top: 3em;
}

.m-r-3 {
  margin-right: 3em;
}

.m-b-3 {
  margin-bottom: 3em;
}

.m-l-3 {
  margin-left: 3em;
}

.m-y-3 {
  margin-top: 3em;
  margin-bottom: 3em;
}

.m-x-3 {
  margin-left: 3em;
  margin-right: 3em;
}

.p-a-3 {
  padding: iem;
}

.p-t-3 {
  padding-top: 3em;
}

.p-r-3 {
  padding-right: 3em;
}

.p-b-3 {
  padding-bottom: 3em;
}

.p-l-3 {
  padding-left: 3em;
}

.p-y-3 {
  padding-top: 3em;
  padding-bottom: 3em;
}

.p-x-3 {
  padding-left: 3em;
  padding-right: 3em;
}

.m-a-4 {
  margin: iem;
}

.m-t-4 {
  margin-top: 4em;
}

.m-r-4 {
  margin-right: 4em;
}

.m-b-4 {
  margin-bottom: 4em;
}

.m-l-4 {
  margin-left: 4em;
}

.m-y-4 {
  margin-top: 4em;
  margin-bottom: 4em;
}

.m-x-4 {
  margin-left: 4em;
  margin-right: 4em;
}

.p-a-4 {
  padding: iem;
}

.p-t-4 {
  padding-top: 4em;
}

.p-r-4 {
  padding-right: 4em;
}

.p-b-4 {
  padding-bottom: 4em;
}

.p-l-4 {
  padding-left: 4em;
}

.p-y-4 {
  padding-top: 4em;
  padding-bottom: 4em;
}

.p-x-4 {
  padding-left: 4em;
  padding-right: 4em;
}

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

.hide {
  display: none;
}

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

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

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

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

#skip {
  display: none;
}

.two-column-row > *,
.three-column-row > *,
.four-column-row > *,
.five-column-row > *,
.six-column-row > * {
  flex: 1 1 0px;
  padding: 0;
  width: initial;
}
.reverse .two-column-row,
.reverse .three-column-row,
.reverse .four-column-row,
.reverse .five-column-row,
.reverse .six-column-row {
  flex-direction: row-reverse;
}

@media (max-width: 840px) {
  .four-column-row,
.five-column-row,
.six-column-row {
    flex-wrap: wrap;
  }
  .four-column-row > *,
.five-column-row > *,
.six-column-row > * {
    flex: initial;
    width: calc(50% - 1em);
  }
}
@media (max-width: 576px) {
  .four-column-row,
.five-column-row,
.six-column-row {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .four-column-row > *,
.five-column-row > *,
.six-column-row > * {
    width: 100%;
  }
}
.two-column-row,
.three-column-row {
  align-items: center;
  gap: 0;
}
@media (max-width: 840px) {
  .two-column-row,
.three-column-row {
    flex-direction: column !important;
    gap: 1em;
  }
  .two-column-row > *,
.three-column-row > * {
    flex: initial;
  }
}
.two-column-row .text-grouping,
.three-column-row .text-grouping {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}

.two-column-row > div:last-child .text-grouping {
  background-color: var(--background-secondary);
  padding: 4em;
}
.two-column-row .text-grouping {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}
.two-column-row .text-grouping + .action-set {
  margin-top: -2em;
  margin-left: 4em;
  margin-bottom: 2em;
}
checkout {
  & .input-group-addon:not([ng-click]) {
    display: none;
  }
}
checkout [class*=col-] {
    padding: 0;
    float: none;
}

checkout .order-info-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  & [class*=col-] {
    width: calc(50% - .5rem);
  }
  & div:has(> .col-sm-6) {
    display: flex;
    gap: 1rem;
  }
  & .accept-terms {
    margin-top: 1rem;
    flex-basis: 100%;
  }
}
checkout .payment-method > div {
  width: 100%;
}
checkout .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
checkout .form-horizontal .form-group:before, checkout .form-horizontal .form-group:after {
  display: none;
}
checkout .form-horizontal .form-group > .col-sm-3, checkout .form-horizontal .form-group > .col-sm-9 {
  width: 100%;
}
checkout .form-group {
  margin-bottom: 1.5em !important;
}
checkout input, checkout select {
  height: initial !important;
}
checkout cart-summary {
  display: block;
  margin-bottom: 1em;
}
.address-row {
  display: flex;
  & > * {
    flex: 1 1 0px;
  }
}
.cart-left {
  & .cart-item {
    & > * {
      flex: 1 1 0px;
    }
  }
}
.cart-right {
  flex: 1 0 300px;
  & .cart-actions {
    margin-top: 1rem;
  }
  & .cart-top-actions {
    position: relative;
  }
}
#logo {
  display: block;
  margin-right: auto;
}
#logo img, #logo svg {
  display: block;
  width: 100%;
}

.master-header-top {
  background-color: var(--background-color-master-header-top);
  color: var(--font-color-inverted);
  padding: 0.5rem;
  text-align: center;
}

header {
  background-color: var(--background-color-header);
  border-bottom: var(--header-border-bottom);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1048;
  transition: var(--transition);
  transition-timing-function: var(--transition-timing-function);
}
header .container-fluid {
  background-color: var(--background-color-header);
  display: flex;
  align-items: center;
  padding: 1em 2em;
  transition: var(--transition);
  transition-timing-function: var(--transition-timing-function);
}
header a {
  color: var(--font-color-header);
  display: inline-block;
  white-space: nowrap;
}
header .row {
  gap: 0;
}
header.reveal .container-fluid {
  transform: translateY(var(--header-height));
}
header #yamm-mobile .glyphicon,
header #menu-mobile .glyphicon {
  margin-bottom: 0.5em;
}
header .navbar-toggle {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}
@media (min-width: calc(1200px + 1px)) {
  header .navbar-toggle {
    display: none;
  }
}
header .navbar-toggle > div {
  width: 1.5em;
}
header .navbar-toggle .icon-bar {
  background-color: var(--medium-gray);
  border-radius: 1em;
  display: block;
  height: 2px;
  width: 100%;
}
header .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 0.25em;
}
header .navbar-toggle .menu-text {
  display: block;
}
header .navbar-default {
  background-color: var(--background-color-header);
  display: inline-block;
}
@media (max-width: 1200px) {
  header .navbar-default {
    background-color: transparent;
    display: block;
  }
}
header .navbar-collapse {
  background: var(--background-color-dropdown-menu);
  border: none;
  display: block;
  height: initial !important;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: var(--shadow-lvl1);
  transition: var(--transition);
  transition-timing-function: var(--transition-timing-function);
}
header .navbar-collapse .site-search {
  position: relative;
}
header .navbar-collapse .site-search form {
  display: flex;
  align-items: stretch;
}
header .navbar-collapse .site-search form .form-group {
  flex-grow: 1;
}
header .navbar-collapse .site-search .form-control {
  box-shadow: none;
  width: 100%;
  height: 100%;
}
header .navbar-collapse .site-search fieldset {
  position: relative;
  pointer-events: all;
}
header .navbar-collapse .site-search button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 1.5em;
  font-size: 1.5em;
  text-align: center;
  border: 0 none;
}
header .navbar-nav {
  flex-direction: column;
}
header .navbar-nav > li {
  display: inline-block;
}
@media (max-width: 1200px) {
  header .navbar-nav > li {
    display: block;
  }
}
header .navbar-nav a {
  background-color: transparent;
  border: none;
  display: block;
  padding: 0.5em 0.75em;
  text-align: left;
  white-space: nowrap;
}
header #navbar-collapse-grid {
  background-color: var(--background-color-header);
  box-shadow: none;
  display: block;
  position: initial;
  transform: initial;
  transition: var(--transition);
  transition-timing-function: var(--transition-timing-function);
}
@media (max-width: 1200px) {
  header #navbar-collapse-grid {
    background-color: transparent;
  }
}
header #navbar-collapse-grid .navbar-nav {
  background-color: var(--background-color-header);
}
@media (max-width: 1200px) {
  header #navbar-collapse-grid .navbar-nav {
    background-color: transparent;
  }
}
header #navbar-collapse-grid .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  z-index: -1;
  transition: var(--transition);
  transition-timing-function: var(--transition-timing-function);
}
@media (max-width: 1200px) {
  header #navbar-collapse-grid .dropdown-menu {
    background-color: #000;
    position: initial;
  }
}
header #navbar-collapse-grid .dropdown-menu a {
  color: var(--font-color-dropdown-menu);
}
@media (max-width: 1200px) {
  header #navbar-collapse-grid .dropdown-menu a {
    color: #fff;
  }
}
header #navbar-collapse-grid .dropdown.open .dropdown-menu {
  display: block;
}
header #navbar-collapse-grid .dropdown product-tag-totals {
  display: block;
}
header #navbar-collapse-grid .dropdown product-tag-totals > div {
  -moz-column-count: 5;
       column-count: 5;
  margin: auto;
  max-width: 1920px;
}
@media (max-width: 1200px) {
  header #navbar-collapse-grid .dropdown product-tag-totals > div {
    -moz-column-count: initial;
         column-count: initial;
  }
}
header #navbar-collapse-grid .dropdown product-tag-totals > div a {
  padding: 0.25em;
  white-space: inherit;
}

.dropdown-menu {
  background-color: var(--background-color-dropdown-menu);
  border: none;
  box-shadow: var(--shadow-lvl2);
  display: none;
  font-size: 1em;
  list-style: none;
  margin: 0;
  min-width: 10em;
  padding: 1.5em 0.5em;
  position: absolute;
  left: 0;
  top: 100%;
  text-align: left;
  z-index: 1000;
}
.dropdown-menu .spc {
  margin: 0;
}
.modal .dropdown-menu {
  background: #fff;
  color: inherit;
}
.dropdown-menu a {
  display: block;
  padding: 0.25em 0.5em;
}

.emun-nav {
  display: inline-block;
  list-style-type: none;
  margin-left: 0;
}
.emun-nav > li {
  display: inline-block;
}
@media (max-width: 1200px) {
  .emun-nav > li {
    display: block;
  }
}
.emun-nav .emun-link {
  background-color: transparent;
  border: none;
  display: block;
  padding: 0.5em 0.75em;
  text-align: left;
  white-space: nowrap;
}

#searchReveal {
  background-color: transparent;
  border: none;
  color: var(--font-color-header);
  display: inline-block;
  padding: 0.5em 0.75em;
}
@media (max-width: 1200px) {
  #searchReveal {
    display: none;
  }
}

.search-wrapper {
  position: relative;
  z-index: -1;
  max-width: 1920px;
  margin: auto;
}
.search-wrapper .site-search {
  height: var(--header-height);
}
@media (max-width: 1200px) {
  .search-wrapper {
    display: none;
  }
}

@media (min-width: calc(1200px + 1px)) {
  .mobile-search {
    display: none;
  }
}

footer {
  background-color: var(--background-color-footer);
  border-top: var(--footer-border-top);
  color: var(--font-color-footer);
  padding: 2em;
}
footer .quick-links-row a {
  display: block;
  margin-left: -0.5em;
  padding: 0.5em;
}
footer .social a {
  font-size: 24px;
  padding: 0.5em 0.75em;
}
footer .copyright {
  font-size: 0.75em;
  margin-top: 2em;
  text-align: center;
}

shopping-multi-view feature-product-on-call {
  display: none;
}
shopping-multi-view > .row {
  display: flex;
  gap: 2em;
}
shopping-multi-view > .row:before, shopping-multi-view > .row:after {
  display: none;
}
shopping-multi-view .actions .row {
  margin: 0;
}
shopping-multi-view .actions shopping-change-quantity [type=number] {
  border-color: transparent;
  flex-grow: 0;
  width: 4em;
}
shopping-multi-view h4 {
  font-size: 1.25em;
  margin: 0;
  text-align: center;
}
.grid-product-wrap .multi-view-reveal {
  background-color: var(--backdrop-background);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
  padding: 1.5em 0.75em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(125%);
  transition: var(--transition);
  transition-timing-function: var(--transition-timing-function);
}
.grid-product-wrap .multi-view-reveal .actions {
  align-items: center;
  display: flex;
  gap: 1em;
  margin-top: 1em;
  justify-content: center;
}
.grid-product-wrap:hover .multi-view-reveal {
  transform: translateY(50%);
}
.multi-view-crm .actions, .multi-view-crm .row {
  display: flex;
  margin: 0;
}
.multi-view-crm .actions:before, .multi-view-crm .actions:after, .multi-view-crm .row:before, .multi-view-crm .row:after {
  display: none;
}
.multi-view-crm .actions {
  border-bottom: 2px solid var(--primary-color);
  gap: 2em;
  justify-content: center;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.multi-view-crm .flex-item {
  display: flex;
  justify-content: space-between;
}
.multi-view-crm h4 {
  text-align: left;
}
.multi-view-left {
  min-width: 20em;
  width: 25%;
}
.multi-view-right {
  flex-grow: 1;
}
shopping-multi-view-cards {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
shopping-multi-view-cards .grid-item {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1201px) {
  shopping-multi-view-cards .grid-item {
    width: 33.33%;
  }
}
@media (min-width: 1600px) {
  shopping-multi-view-cards .grid-item {
    width: 25%;
  }
}
@media (min-width: calc(480px + 1px)) {
  .filters-open shopping-multi-view-cards .grid-item {
    width: 100%;
  }
}
@media (min-width: 969px) {
  .filters-open shopping-multi-view-cards .grid-item {
    width: 50%;
  }
}
@media (min-width: calc(1200px + 1px)) {
  .filters-open shopping-multi-view-cards .grid-item {
    width: 33.33%;
  }
}
shopping-multi-view-cards shopping-item-image {
  align-items: center;
  display: flex;
  justify-content: center;
}
shopping-multi-view-cards .shopping-item-text {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
shopping-multi-view-cards .grid-item-title {
  font-size: 1.15em;
  font-family: var(--font-family-primary);
  margin-bottom: 0.5em;
}
shopping-multi-view-cards .actions {
  display: flex;
  flex-flow: row nowrap;
  gap: 0;
  margin-top: 0.5em;
}
shopping-multi-view-cards .actions > div {
  flex-grow: 1;
  flex-shrink: 0;
}

shopping-one-up,
product-view {
  display: block;
  max-width: 100em;
  margin: auto;
}
@media (max-width: 42em) {
  shopping-one-up,
product-view {
    padding: 0 1em;
  }
}
shopping-one-up .product-description,
product-view .product-description {
  font-size: 1.875em;
  margin-bottom: 14px;
}
shopping-one-up panel,
product-view panel {
  display: block;
}
shopping-one-up-details,
product-view-details {
  display: block;
  margin-top: 2em;
}
shopping-one-up-details .detail-item,
product-view-details .detail-item {
  margin-bottom: 0.25em;
}
shopping-one-up .details-column-left,
product-view .details-column-left {
  margin-top: 2em;
}
shopping-one-up .related-items,
product-view .related-items {
  margin-top: 4em;
}
shopping-one-up > div,
product-view > div {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
shopping-one-up .row,
product-view .row {
  display: flex;
  flex-flow: row nowrap;
  gap: 2em;
  margin: 0;
}
shopping-one-up .row:before, shopping-one-up .row:after,
product-view .row:before,
product-view .row:after {
  display: none;
}
.modal shopping-one-up .row,
.modal product-view .row {
  flex-flow: row nowrap;
}
@media (max-width: 840px) {
  shopping-one-up > div > .row,
product-view > div > .row {
    flex-flow: column nowrap;
    align-items: center;
  }
}
shopping-one-up .text-column,
product-view .text-column {
  display: flex;
  flex-direction: column;
  gap: 2em;
  width: 40em;
}
@media (max-width: 840px) {
  shopping-one-up .text-column,
product-view .text-column {
    max-width: 40em;
    width: 100%;
  }
}
shopping-one-up .text-column p,
product-view .text-column p {
  margin: 0;
}
shopping-one-up .text-column .shopping-actions-bar > *,
product-view .text-column .shopping-actions-bar > * {
  display: flex;
  gap: 2em;
}
shopping-one-up .text-column .b2b-btns,
product-view .text-column .b2b-btns {
  display: flex;
  gap: 1em;
}
shopping-one-up .text-column .b2b-btns .btn,
product-view .text-column .b2b-btns .btn {
  align-items: center;
  display: flex;
  gap: 0.5em;
}
shopping-one-up .text-column .b2b-btns i,
product-view .text-column .b2b-btns i {
  font-size: 1.5em;
}
shopping-one-up .images-column,
product-view .images-column {
  flex-grow: 1;
}
@media (max-width: 840px) {
  shopping-one-up .images-column,
product-view .images-column {
    max-width: 40em;
    width: 100%;
  }
}
shopping-one-up .images-column .product-images-vertical > .row,
product-view .images-column .product-images-vertical > .row {
  flex-flow: row nowrap;
}
shopping-one-up .images-column .product-images-horizontal > .row,
product-view .images-column .product-images-horizontal > .row {
  flex-direction: column;
}
shopping-one-up h3,
product-view h3 {
  font-size: 1em;
  font-weight: bold;
  font-family: var(--font-family-primary);
}
shopping-one-up ul,
product-view ul {
  list-style: none;
  margin: 0;
}
shopping-one-up .multi-view-hide,
product-view .multi-view-hide {
  display: initial;
}
shopping-one-up .mz-thumb-selected,
product-view .mz-thumb-selected {
  border: 4px solid #333 !important;
  display: block;
  padding: 4px;
}

shopping-price-breaks, .shopping-price-breaks {
  display: block;
  margin-top: 1em;
  width: 16em;
}

shopping-one-up-size-options .size-option {
  width: 10em;
}
shopping-one-up-size-options .size-options-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5em;
}
shopping-one-up-size-options .size-option .btn {
  width: 100%;
  padding: 1em 0.25em;
}

product-features panel .btn-link {
  font-family: "Avenir Medium", sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
  padding-top: 0;
  text-transform: capitalize;
}
product-features datum > div {
  align-items: stretch;
  border: none !important;
  display: flex;
  gap: 0.25em;
  margin-bottom: 0.25em;
  padding: 0 !important;
  width: 100%;
}
product-features datum > div > * {
  background-color: var(--light-gray);
  font-weight: normal;
  padding: 0.5em 1em;
}
product-features datum > div > strong {
  width: 13em;
  flex-shrink: 0;
}
product-features datum > div > span {
  flex-grow: 1;
}
product-features datum > div > span:last-of-type {
  display: none;
}

.incrementer-group {
  display: flex;
}
.incrementer-group [type=number] {
  width: 4em;
}

.one-up-cart-actions > div {
  display: flex;
  gap: 2em;
  margin-top: 2em;
}
.one-up-cart-actions > div > div {
  align-items: center;
  display: flex;
  gap: 1em;
}

.corner-ribbon {
  width: 140px;
  background-color: #0096de;
  position: absolute;
  top: 27px;
  z-index: 1;
  left: -33px;
  text-align: center;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 0.8em;
  padding: 0.3em;
  color: #fff;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.corner-ribbon-wrap {
  position: relative;
  overflow: hidden;
}

.ribbon-color-1 {
  background-color: var(--ribbon-1);
}

.ribbon-color-2 {
  background-color: var(--ribbon-2);
}

.ribbon-color-3 {
  background-color: var(--ribbon-3);
}

.ribbon-color-green {
  background-color: green;
}

.shopping-labels a {
  font-size: 10px;
  line-height: 10px;
  padding: 2px 0;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
}
.shopping-labels span {
  width: 52px;
  height: 26px;
  margin-top: 5px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.shopping-labels .shop-label-1 {
  background-color: #fff;
  border: 1px solid #454545;
}
.shopping-labels .shop-label-1 a {
  color: #a33f1f;
}
.shopping-labels .shop-label-2 {
  background-color: #fff;
  border: 1px solid #454545;
}
.shopping-labels .shop-label-2 a {
  color: #4d94a6;
}
.shopping-labels .shop-label-3 {
  background-color: #fff;
  border: 1px solid #454545;
}
.shopping-labels .shop-label-3 a {
  color: #a33f1f;
}
.shopping-labels .shop-label-4 {
  background-color: #fff;
  border: 1px solid #454545;
}
.shopping-labels .shop-label-4 a {
  color: #a33f1f;
}
.shopping-labels .shop-label-5 {
  background-color: #fff;
  border: 1px solid #454545;
}
.shopping-labels .shop-label-5 a {
  color: #a33f1f;
}
.shopping-labels .light-font {
  color: var(--font-color-inverted);
}
.shopping-labels .dark-font {
  color: var(--font-color-primary);
}

.modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal .modal-dialog {
  margin: 2em auto;
}
.modal.fade .modal-dialog {
  transform: translateY(-150%);
}
.modal.in .modal-dialog {
  transform: translateY(0);
}
.modal .row {
  margin: 0;
  display: flex;
  flex-flow: row wrap;
}
.modal .row:before, .modal .row:after {
  display: none;
}
.modal .row .col-lg-6 {
  padding: 0;
  width: calc(50% - 1em);
}
.modal .row > .clearfix {
  display: none;
}
.modal-xs, .modal-sm, .modal-md, .modal-lg, .modal-xl, .modal-dialog {
  width: calc(100% - 4em) !important;
}
.modal-xs {
  max-width: var(--SM);
}
.modal-sm {
  max-width: var(--MD);
}
.modal-md {
  max-width: var(--LG);
}
.modal-lg {
  max-width: var(--XL);
}
.modal h4.modal-title > span {
  color: var(--modal-header-color);
}
.modal-backdrop {
  opacity: 1;
  background-color: var(--backdrop-background);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
          backdrop-filter: blur(var(--backdrop-blur));
}
.modal .modal-content {
  background-color: var(--background-color-modal);
  border: none;
  border: 0.33em solid var(--primary-color);
  box-shadow: var(--shadow-lvl3);
  position: relative;
}
.modal .modal-content .modal-header {
  align-items: center;
  background-color: var(--background-color-modal-header);
  border-bottom: 1px solid var(--light-gray);
  color: var(--modal-header-color);
  display: flex;
  justify-content: space-between;
  padding: 1em 1em 1em 2em;
}
.modal .modal-content .modal-header:before, .modal .modal-content .modal-header:after {
  display: none;
}
.modal .modal-content .modal-header .close {
  border-radius: 50% !important;
  height: 3em;
  padding: 0;
  width: 3em;
  align-items: center;
  display: flex;
  justify-content: center;
  background: #fff;
  border: 0.16em solid var(--primary-color);
  color: var(--font-color-primary);
  font-size: 2em;
  height: 2em;
  order: 9;
  position: absolute;
  right: -1em;
  top: -1em;
  width: 2em;
  transition: var(--transition);
  transition-timing-function: var(--transition-timing-function);
}
.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:active, .modal .modal-content .modal-header .close:focus {
  background: var(--primary-color);
  color: var(--font-color-inverted);
  opacity: initial;
}
.modal .modal-content .modal-footer {
  padding: 1em;
  text-align: left;
  border-top: 1px solid var(--light-gray);
  display: flex;
  gap: 1em;
}
.modal .modal-content .modal-footer:before, .modal .modal-content .modal-footer:after {
  display: none;
}
.modal .modal-content .modal-footer modal-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 576px) {
  .modal .modal-content .modal-footer modal-footer {
    flex-direction: column;
    gap: 1em;
  }
}
.modal .modal-content .modal-footer modal-footer .clearfix {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.modal .modal-content .modal-footer modal-footer .clearfix:before, .modal .modal-content .modal-footer modal-footer .clearfix:after {
  display: none;
}
.modal .modal-content .modal-footer modal-footer .pull-right {
  margin-left: 0.5em;
}

order-header-fieldset [form-group],
modal-body [form-group],
.modal-body [form-group] {
  margin-bottom: 1em;
}
order-header-fieldset [form-group] .form-group,
modal-body [form-group] .form-group,
.modal-body [form-group] .form-group {
  display: flex;
  flex-direction: column;
  margin: 0;
}
order-header-fieldset [form-group] .form-group:before, order-header-fieldset [form-group] .form-group:after,
modal-body [form-group] .form-group:before,
modal-body [form-group] .form-group:after,
.modal-body [form-group] .form-group:before,
.modal-body [form-group] .form-group:after {
  display: none;
}
order-header-fieldset [form-group] .form-group [class*=col-],
modal-body [form-group] .form-group [class*=col-],
.modal-body [form-group] .form-group [class*=col-] {
  width: 100%;
  padding: 0;
}
order-header-fieldset [form-group] .form-group label,
modal-body [form-group] .form-group label,
.modal-body [form-group] .form-group label {
  font-size: 0.75em;
  padding: 0;
  text-align: left;
}
order-header-fieldset [form-group] .form-group .ui-select-placeholder,
order-header-fieldset [form-group] .form-group .ui-select-match-text,
modal-body [form-group] .form-group .ui-select-placeholder,
modal-body [form-group] .form-group .ui-select-match-text,
.modal-body [form-group] .form-group .ui-select-placeholder,
.modal-body [form-group] .form-group .ui-select-match-text {
  transform: initial;
}
order-header-fieldset [form-group] .form-group .ui-select-match .btn,
modal-body [form-group] .form-group .ui-select-match .btn,
.modal-body [form-group] .form-group .ui-select-match .btn {
  font-size: 12px;
  margin: 0;
  padding: 0.5em 1em;
}
order-header-fieldset [form-group] .form-group .ui-select-match .ui-select-match-item,
modal-body [form-group] .form-group .ui-select-match .ui-select-match-item,
.modal-body [form-group] .form-group .ui-select-match .ui-select-match-item {
  padding: 0.1em 0.5em;
}
order-header-fieldset [form-group] .form-group .ui-select-multiple,
modal-body [form-group] .form-group .ui-select-multiple,
.modal-body [form-group] .form-group .ui-select-multiple {
  padding: 6px 0 6px 12px;
}
order-header-fieldset [form-group] .form-group .ui-select-multiple .ui-select-search,
modal-body [form-group] .form-group .ui-select-multiple .ui-select-search,
.modal-body [form-group] .form-group .ui-select-multiple .ui-select-search {
  height: initial;
  margin-bottom: 0;
}
order-header-fieldset [form-group] .input-group button,
modal-body [form-group] .input-group button,
.modal-body [form-group] .input-group button {
  font-size: 12px;
  padding: 0.5em 1em;
}
order-header-fieldset [form-group] .input-group i.fa,
order-header-fieldset [form-group] .input-group i.before,
modal-body [form-group] .input-group i.fa,
modal-body [form-group] .input-group i.before,
.modal-body [form-group] .input-group i.fa,
.modal-body [form-group] .input-group i.before {
  margin: 0;
}
order-header-fieldset [form-group] .toggle,
modal-body [form-group] .toggle,
.modal-body [form-group] .toggle {
  width: 8em !important;
}
order-header-fieldset [form-group] .toggle-group label,
modal-body [form-group] .toggle-group label,
.modal-body [form-group] .toggle-group label {
  display: flex;
  align-items: center;
  justify-content: center;
}
order-header-fieldset .help-block ul,
modal-body .help-block ul,
.modal-body .help-block ul {
  margin: 0;
}

order-header-fieldset .col-md-6 {
  padding: 0;
  width: calc(50% - 1em);
}
@media (max-width: 840px) {
  order-header-fieldset .col-md-6 {
    width: 100%;
  }
}

.modal-body {
  padding: 1em;
}
.modal-body * {
  float: none !important;
}

cart-dropdown-menu .row {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 0 auto;
}
cart-dropdown-menu .row:before, cart-dropdown-menu .row:after {
  display: none;
}
cart-dropdown-menu > div > .row > div {
  padding: 0;
  width: initial;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=date].input-sm, .input-group-sm > input.form-control[type=date],
.input-group-sm > input.input-group-addon[type=date],
.input-group-sm > .input-group-btn > input.btn[type=date],
.input-group-sm input[type=date],
input[type=time].input-sm,
.input-group-sm > input.form-control[type=time],
.input-group-sm > input.input-group-addon[type=time],
.input-group-sm > .input-group-btn > input.btn[type=time],
.input-group-sm input[type=time],
input[type=datetime-local].input-sm,
.input-group-sm > input.form-control[type=datetime-local],
.input-group-sm > input.input-group-addon[type=datetime-local],
.input-group-sm > .input-group-btn > input.btn[type=datetime-local],
.input-group-sm input[type=datetime-local],
input[type=month].input-sm,
.input-group-sm > input.form-control[type=month],
.input-group-sm > input.input-group-addon[type=month],
.input-group-sm > .input-group-btn > input.btn[type=month],
.input-group-sm input[type=month],
input[type=date].input-lg, .input-group-lg > input.form-control[type=date],
.input-group-lg > input.input-group-addon[type=date],
.input-group-lg > .input-group-btn > input.btn[type=date],
.input-group-lg input[type=date],
input[type=time].input-lg,
.input-group-lg > input.form-control[type=time],
.input-group-lg > input.input-group-addon[type=time],
.input-group-lg > .input-group-btn > input.btn[type=time],
.input-group-lg input[type=time],
input[type=datetime-local].input-lg,
.input-group-lg > input.form-control[type=datetime-local],
.input-group-lg > input.input-group-addon[type=datetime-local],
.input-group-lg > .input-group-btn > input.btn[type=datetime-local],
.input-group-lg input[type=datetime-local],
input[type=month].input-lg,
.input-group-lg > input.form-control[type=month],
.input-group-lg > input.input-group-addon[type=month],
.input-group-lg > .input-group-btn > input.btn[type=month],
.input-group-lg input[type=month] {
    line-height: initial;
  }
}
.ng-aside .modal-dialog .modal-content {
  border: 0.33em solid #41636d;
  overflow-x: initial;
  overflow-y: initial;
}
.ng-aside.horizontal.left .modal-dialog {
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.ng-aside.horizontal .modal-dialog {
  top: 2em;
  height: initial;
}
.ng-aside.horizontal .modal-footer {
  position: initial;
}

input,
select {
  border-color: var(--font-color-primary);
  padding: 0.5em;
}
input[type=checkbox], input[type=radio],
select[type=checkbox],
select[type=radio] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  cursor: default;
}

.newsletter {
  background-color: var(--background-secondary);
}
.newsletter-signup {
  display: flex;
  flex-direction: column;
  text-align: center;
  max-width: 34em;
  margin: auto;
  gap: 1em;
}
.newsletter form {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.newsletter input {
  border: 1px solid;
  padding: 0.5em;
  text-align: left;
  width: 100%;
}
.newsletter [type=submit], .newsletter button {
  background-color: var(--btn-submit-background-color);
  color: var(--font-color-inverted);
  text-align: center;
}
.newsletter small {
  font-size: 0.75em;
}

.btn {
  border: 1px solid transparent;
  border-radius: 2px;
  display: inline-block;
  font: inherit;
  outline: none;
  padding: 0.5em 1em;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  touch-action: manipulation;
  transition: var(--transition);
  transition-timing-function: var(--transition-timing-function);
}

[disabled] {
  cursor: default;
  opacity: 0.75;
}

.btn-default {
  background-color: var(--btn-default-background-color);
  border-color: var(--btn-default-border-color);
  color: var(--btn-default-font-color);
  font-size: 1em;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
  background-color: var(--btn-default-hover-background);
  border-color: var(--btn-default-hover-border);
  color: var(--btn-default-hover-font-color);
}

.btn-primary {
  background-color: var(--btn-primary-background-color);
  border-color: var(--btn-primary-border-color);
  color: var(--btn-primary-font-color);
  font-size: 1em;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--btn-primary-hover-background);
  border-color: var(--btn-primary-hover-border);
  color: var(--btn-primary-hover-font-color);
}

.btn-secondary, .btn-tertiary {
  background-color: var(--btn-secondary-background-color);
  border-color: var(--btn-secondary-border-color);
  color: var(--btn-secondary-font-color);
  font-size: 1em;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
.btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:active {
  background-color: var(--btn-secondary-hover-background);
  border-color: var(--btn-default-hover-border);
  color: var(--btn-secondary-hover-font-color);
}

.btn-qty {
  background-color: var(--btn-qty-background-color);
  border-color: var(--btn-qty-border-color);
  color: var(--btn-qty-font-color);
  font-size: 1em;
}
.btn-qty:hover, .btn-qty:focus, .btn-qty:active {
  background-color: var(--btn-qty-hover-background);
  border-color: var(--btn-qty-hover-border);
  color: var(--btn-qty-hover-font-color);
}

.btn-link {
  background-color: var(--btn-link-background-color);
  border-color: var(--btn-link-border-color);
  color: var(--btn-link-font-color);
  font-size: 1em;
}
.btn-link:hover, .btn-link:focus, .btn-link:active {
  background-color: var(--btn-link-hover-background);
  border-color: var(--btn-link-hover-border);
  color: var(--btn-link-hover-font-color);
}

.btn-success {
  background-color: var(--btn-success-background-color);
  border-color: var(--btn-success-border-color);
  color: var(--btn-success-font-color);
  font-size: 1em;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background-color: var(--btn-success-hover-background);
  border-color: var(--btn-success-hover-border);
  color: var(--btn-success-hover-font-color);
}

.btn-info {
  background-color: var(--btn-info-background-color);
  border-color: var(--btn-info-border-color);
  color: var(--btn-info-font-color);
  font-size: 1em;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background-color: var(--btn-info-hover-background);
  border-color: var(--btn-info-hover-border);
  color: var(--btn-info-hover-font-color);
}

.btn-warning {
  background-color: var(--btn-warning-background-color);
  border-color: var(--btn-warning-border-color);
  color: var(--btn-warning-font-color);
  font-size: 1em;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background-color: var(--btn-warning-hover-background);
  border-color: var(--btn-warning-hover-border);
  color: var(--btn-warning-hover-font-color);
}

.btn-danger {
  background-color: var(--btn-danger-background-color);
  border-color: var(--btn-danger-border-color);
  color: var(--btn-danger-font-color);
  font-size: 1em;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background-color: var(--btn-danger-hover-background);
  border-color: var(--btn-danger-hover-border);
  color: var(--btn-danger-hover-font-color);
}

.btn-qty {
  align-items: center;
  border-radius: 0;
  display: flex;
  height: 50%;
  justify-content: center;
  line-height: 0;
  margin: 0 !important;
  padding: 0;
  width: 1em;
}

.cta {
  background-color: var(--cta-background-color);
  border-color: var(--cta-border-color);
  color: var(--cta-font-color);
  margin-top: 1.5em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 1rem;
  padding: 0.75em 3em;
}
.cta:hover, .cta:focus, .cta:active {
  background-color: var(--cta-hover-background);
  border-color: var(--cta-hover-border);
  color: var(--cta-hover-font-color);
}

shopping-one-up .btn-add-to-cart-shop {
  width: initial;
}
shopping-one-up .btn-add-to-cart-shop i {
  display: inline-block;
  margin-right: 0.25em;
}

shopping-add-to-list {
  display: block;
}
shopping-add-to-list .btn-add-to-list {
  background-color: transparent;
  border-color: transparent;
  color: var(--dark-gray);
  margin: 0;
}
shopping-add-to-list .btn-add-to-list:hover, shopping-add-to-list .btn-add-to-list:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--wishlist-color);
}

shopping-add-to-cart .btn-add-to-cart-shop {
  align-items: center;
  display: flex;
  gap: 1.5em;
  justify-content: space-between;
  color: var(--font-color-primary);
  border-color: var(--primary-color);
}
shopping-add-to-cart .btn-add-to-cart-shop:hover, shopping-add-to-cart .btn-add-to-cart-shop:focus, shopping-add-to-cart .btn-add-to-cart-shop:active {
  background-color: var(--primary-color);
  color: var(--font-color-inverted);
}
.one-up-cart-actions shopping-add-to-cart .btn-add-to-cart-shop {
  background-color: var(--primary-color);
  color: var(--font-color-inverted);
}
.one-up-cart-actions shopping-add-to-cart .btn-add-to-cart-shop:hover, .one-up-cart-actions shopping-add-to-cart .btn-add-to-cart-shop:focus, .one-up-cart-actions shopping-add-to-cart .btn-add-to-cart-shop:active {
  color: var(--font-color-inverted);
  border-color: var(--primary-color);
}

product-highlights span {
  font-size: 125%;
}

/* MOMENT ANGULAR DATE-TIME PICKER */
/*! Angular Moment Picker - v0.10.1 - http://indrimuska.github.io/angular-moment-picker - (c) 2015 Indri Muska - MIT */
.moment-picker-input {
  cursor: pointer;
}

.moment-picker {
  position: absolute;
  z-index: 1000;
}

.moment-picker .moment-picker-container {
  color: #404040;
  min-width: 15em;
  background: #fff;
  padding: 4px;
  border: 1px solid #f4f4f4;
  border-radius: 4px;
  position: absolute;
  margin-top: 4px;
  margin-left: -0.5em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
}

.moment-picker .moment-picker-container:after,
.moment-picker .moment-picker-container:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: none;
  position: absolute;
  top: -9px;
  left: 15px;
}

.moment-picker .moment-picker-container:before {
  border-bottom-color: #f4f4f4;
  border-width: 9px;
}

.moment-picker .moment-picker-container:after {
  border-bottom-color: #fff;
  margin-top: 1px;
  margin-left: 1px;
}

.moment-picker.inline {
  display: block;
  position: relative;
}

.moment-picker.inline .moment-picker-container {
  position: relative;
  margin: 0;
}

.moment-picker.inline .moment-picker-container:after,
.moment-picker.inline .moment-picker-container:before {
  content: none;
}

.moment-picker.top .moment-picker-container {
  bottom: 100%;
  margin-top: auto;
  margin-bottom: 4px;
}

.moment-picker.top .moment-picker-container:after,
.moment-picker.top .moment-picker-container:before {
  border: 8px solid transparent;
  border-bottom: none;
  top: auto;
  bottom: -9px;
}

.moment-picker.top .moment-picker-container:before {
  border-top-color: #f4f4f4;
  border-width: 9px;
}

.moment-picker.top .moment-picker-container:after {
  border-top-color: #fff;
  margin-top: auto;
  margin-bottom: 1px;
}

.moment-picker.right .moment-picker-container {
  right: 0;
  margin-left: auto;
  margin-right: -0.5em;
}

.moment-picker.right .moment-picker-container:after,
.moment-picker.right .moment-picker-container:before {
  left: auto;
  right: 15px;
}

.moment-picker.right .moment-picker-container:after {
  margin-left: auto;
  margin-right: 1px;
}

.moment-picker table {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 100%;
  table-layout: fixed;
}

.moment-picker th {
  font-weight: 700;
  text-transform: uppercase;
}

.moment-picker th:first-child,
.moment-picker th:last-child {
  width: 2em;
}

.moment-picker td,
.moment-picker th {
  padding: 0;
  text-align: center;
  min-width: 2em;
  height: 2em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  cursor: pointer;
  border-radius: 4px;
}

.moment-picker td:hover,
.moment-picker th:hover {
  background-color: #fafafa;
}

.moment-picker td.disabled,
.moment-picker td.disabled:hover,
.moment-picker th.disabled,
.moment-picker th.disabled:hover {
  color: #c5c5c5;
  background: none;
  cursor: default;
}

.moment-picker td.today {
  background: #f2f2f2;
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.moment-picker td.selected {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  border-color: #5a5a5a;
  background-color: #626262;
}

.moment-picker td.highlighted {
  background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.15));
}

.moment-picker .decade-view td,
.moment-picker .year-view td {
  height: 3.4em;
}

.moment-picker .month-view .moment-picker-specific-views th {
  background: none;
  cursor: default;
}

.moment-picker .month-view td {
  width: 1.42857143em;
}

.moment-picker .day-view td,
.moment-picker .hour-view td {
  height: 2.33333333em;
}

.moment-picker .minute-view td {
  height: 1.8em;
}

div.moment-picker {
  z-index: 10000 !important;
  background-color: #fff !important;
}

/* END -- MOMENT ANGULAR DATE-TIME PICKER */
.carousel-indicators {
  display: none;
}

.carousel-control {
  cursor: pointer;
  font-size: 1.25em;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  width: 15%;
}
.carousel-control.right {
  left: auto;
  right: 0;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  height: 3em;
  padding: 0;
  width: 3em;
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 2em;
  height: 1.5em;
  width: 1.5em;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  right: 0;
}
.carousel-control .icon-prev:before {
  content: "‹";
}
.carousel-control .icon-next:before {
  content: "›";
}

.testimonial-slide {
  align-items: center;
  display: flex;
  flex-direction: row;
}
@media (max-width: 840px) {
  .testimonial-slide {
    flex-direction: column;
  }
}
.testimonial-slide > * {
  width: 50%;
  flex: 1 1 0px;
  display: block;
}
@media (max-width: 840px) {
  .testimonial-slide > * {
    width: 100%;
  }
}
.testimonial-text {
  align-items: flex-start;
  background-color: var(--background-secondary);
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 4em;
  position: relative;
}

section.content {
  padding-top: 5em;
  padding-bottom: 5em;
}
.hero-section section.content, .as-seen-on-section section.content, .no-padding section.content {
  padding-top: 0;
  padding-bottom: 0;
}

shopping-multi-view sort-options .btn-primary {
  background: transparent;
  border-color: var(--btn-primary-border-color);
  color: var(--font-color-primary);
}
shopping-multi-view sort-options .btn-primary:hover, shopping-multi-view sort-options .btn-primary:focus, shopping-multi-view sort-options .btn-primary:active {
  background: #f0f0f0;
  color: var(--font-color-primary);
}

.emun-backoffice, crm-container {
  display: block;
  font-size: 1re;
}
.emun-backoffice body, crm-container body {
  font-size: 12px;
}
.emun-backoffice .row:after, crm-container .row:after {
  display: block;
  clear: both;
  content: "";
}
.emun-backoffice ul.nav > li > a, crm-container ul.nav > li > a {
  font-size: 12px;
  padding: 1em 1.5em;
}
.emun-backoffice .btn-default, crm-container .btn-default {
  border-color: transparent;
}
.emun-backoffice .btn-block .fa-bars, crm-container .btn-block .fa-bars {
  margin: 0 0.5em;
}
.emun-backoffice page-left-nav a, crm-container page-left-nav a {
  color: rgba(255, 255, 255, 0.8666666667);
}
.emun-backoffice .nav:before,
.emun-backoffice .nav:after, crm-container .nav:before,
crm-container .nav:after {
  content: "";
  display: block;
  clear: both;
}
.emun-backoffice .ibox, crm-container .ibox {
  height: 100%;
}
.emun-backoffice .ibox .btn.btn-xs, crm-container .ibox .btn.btn-xs {
  padding: 0;
}
.emun-backoffice .ibox-row, crm-container .ibox-row {
  display: flex;
  flex-flow: row wrap;
  gap: 0;
  margin-bottom: 1em;
}
.emun-backoffice .ibox-content h3, crm-container .ibox-content h3 {
  font-size: 1.75em;
}
.emun-backoffice [class*=col-], crm-container [class*=col-] {
  float: left;
}
.emun-backoffice .cards-row, crm-container .cards-row {
  display: flex;
  flex-flow: row wrap;
  gap: 0;
}
.emun-backoffice .card-box-wrap, crm-container .card-box-wrap {
  width: 25%;
  position: relative;
}
@media (max-width: 1200px) {
  .emun-backoffice .card-box-wrap, crm-container .card-box-wrap {
    width: 33.33%;
  }
}
@media (max-width: 768px) {
  .emun-backoffice .card-box-wrap, crm-container .card-box-wrap {
    width: 50%;
  }
}
@media (max-width: 544px) {
  .emun-backoffice .card-box-wrap, crm-container .card-box-wrap {
    width: 100%;
  }
}
.emun-backoffice customer-product-views img.img-responsive, crm-container customer-product-views img.img-responsive {
  width: initial;
}
.emun-backoffice order-list auto-query-header, crm-container order-list auto-query-header {
  display: block;
  padding: 0 1em;
}
.emun-backoffice order-list .order-list-filter-bar, crm-container order-list .order-list-filter-bar {
  display: flex;
  gap: 2em;
  margin: 0 0 1.5em;
}
.emun-backoffice order-list .order-list-filter-bar:before, .emun-backoffice order-list .order-list-filter-bar:after, crm-container order-list .order-list-filter-bar:before, crm-container order-list .order-list-filter-bar:after {
  display: none;
}
@media (max-width: 1200px) {
  .emun-backoffice order-list .order-list-filter-bar, crm-container order-list .order-list-filter-bar {
    gap: 0;
    justify-content: space-between;
  }
}
@media (max-width: 840px) {
  .emun-backoffice order-list .order-list-filter-bar, crm-container order-list .order-list-filter-bar {
    flex-direction: column-reverse;
    gap: 1em;
  }
}
.emun-backoffice order-list .order-list-filter-bar .cart-btns, crm-container order-list .order-list-filter-bar .cart-btns {
  display: flex;
  gap: 0.25em;
}
@media (max-width: 576px) {
  .emun-backoffice order-list .order-list-filter-bar .cart-btns, crm-container order-list .order-list-filter-bar .cart-btns {
    flex-flow: row wrap;
  }
}
.emun-backoffice order-list .order-list-filter-bar .cart-btns .btn, crm-container order-list .order-list-filter-bar .cart-btns .btn {
  width: calc(33.33% - 0.17em);
}
@media (max-width: 340px) {
  .emun-backoffice order-list .order-list-filter-bar .cart-btns .btn, crm-container order-list .order-list-filter-bar .cart-btns .btn {
    width: calc(50% - 0.25em);
  }
}
.emun-backoffice order-list .order-list-filter-bar > *, crm-container order-list .order-list-filter-bar > * {
  padding: 0;
}
@media (max-width: 1200px) {
  .emun-backoffice order-list .order-list-filter-bar > *, crm-container order-list .order-list-filter-bar > * {
    width: initial;
  }
}
.emun-backoffice order-list .order-list-filter-bar > *:first-of-type, crm-container order-list .order-list-filter-bar > *:first-of-type {
  flex-shrink: 0;
}
.emun-backoffice order-list .order-list-filter-bar .row, crm-container order-list .order-list-filter-bar .row {
  margin: 0;
  display: flex;
}
.emun-backoffice order-list .order-list-filter-bar .row:before, .emun-backoffice order-list .order-list-filter-bar .row:after, crm-container order-list .order-list-filter-bar .row:before, crm-container order-list .order-list-filter-bar .row:after {
  display: none;
}
.emun-backoffice order-list .order-list-filter-bar .row > *, crm-container order-list .order-list-filter-bar .row > * {
  padding: 0;
}
.emun-backoffice order-list .order-list-filter-bar .ibox, crm-container order-list .order-list-filter-bar .ibox {
  margin-bottom: 0;
}
.emun-backoffice auto-query-header .input-group-addon, crm-container auto-query-header .input-group-addon {
  align-items: center;
  display: flex;
  width: initial;
}
.emun-backoffice auto-query-header .input-group, .emun-backoffice auto-query-header > div, crm-container auto-query-header .input-group, crm-container auto-query-header > div {
  align-items: stretch;
  align-content: center;
  display: flex;
}
.emun-backoffice auto-query-header .input-group-btn, .emun-backoffice auto-query-header > div-btn, crm-container auto-query-header .input-group-btn, crm-container auto-query-header > div-btn {
  font-size: inherit;
  width: initial;
}
.emun-backoffice auto-query-header .input-group-btn .pre-label, .emun-backoffice auto-query-header > div-btn .pre-label, crm-container auto-query-header .input-group-btn .pre-label, crm-container auto-query-header > div-btn .pre-label {
  margin-right: 0.25em;
}
.emun-backoffice auto-query-header .input-group .pull-md-right, .emun-backoffice auto-query-header > div .pull-md-right, crm-container auto-query-header .input-group .pull-md-right, crm-container auto-query-header > div .pull-md-right {
  margin-left: auto;
}
.emun-backoffice auto-query-header .input-group .form-control, .emun-backoffice auto-query-header > div .form-control, crm-container auto-query-header .input-group .form-control, crm-container auto-query-header > div .form-control {
  display: block;
  flex-grow: 1;
  height: initial;
  width: initial;
}
.emun-backoffice auto-query-header .input-group .below-search, .emun-backoffice auto-query-header > div .below-search, crm-container auto-query-header .input-group .below-search, crm-container auto-query-header > div .below-search {
  flex-grow: 1;
  justify-content: space-between;
}
@media (max-width: 480px) {
  .emun-backoffice auto-query-header .input-group .below-search, .emun-backoffice auto-query-header > div .below-search, crm-container auto-query-header .input-group .below-search, crm-container auto-query-header > div .below-search {
    align-items: flex-start;
    flex-direction: column;
    gap: 1.5em;
    justify-content: initial;
  }
}
.emun-backoffice auto-query-header .input-group .below-search *, .emun-backoffice auto-query-header > div .below-search *, crm-container auto-query-header .input-group .below-search *, crm-container auto-query-header > div .below-search * {
  margin-bottom: 0;
}
.emun-backoffice auto-query-header .input-group .below-search .order-bulk-btns, .emun-backoffice auto-query-header > div .below-search .order-bulk-btns, crm-container auto-query-header .input-group .below-search .order-bulk-btns, crm-container auto-query-header > div .below-search .order-bulk-btns {
  display: flex;
  gap: 0.5em;
}
@media (max-width: 576px) {
  .emun-backoffice auto-query-header .input-group .below-search .order-bulk-btns, .emun-backoffice auto-query-header > div .below-search .order-bulk-btns, crm-container auto-query-header .input-group .below-search .order-bulk-btns, crm-container auto-query-header > div .below-search .order-bulk-btns {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .emun-backoffice auto-query-header .input-group .below-search .order-bulk-btns, .emun-backoffice auto-query-header > div .below-search .order-bulk-btns, crm-container auto-query-header .input-group .below-search .order-bulk-btns, crm-container auto-query-header > div .below-search .order-bulk-btns {
    flex-direction: row;
  }
}
.emun-backoffice auto-query-header .input-group .below-search .order-bulk-btns .btns, .emun-backoffice auto-query-header > div .below-search .order-bulk-btns .btns, crm-container auto-query-header .input-group .below-search .order-bulk-btns .btns, crm-container auto-query-header > div .below-search .order-bulk-btns .btns {
  flex: 1 1 0px;
}
.emun-backoffice .sr-only, crm-container .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.emun-backoffice .sr-only-focusable:active,
.emun-backoffice .sr-only-focusable:focus, crm-container .sr-only-focusable:active,
crm-container .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.emun-backoffice .invisible, crm-container .invisible {
  visibility: hidden !important;
}
.emun-backoffice .text-hide, crm-container .text-hide {
  font: "0/0" a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.emun-backoffice .text-justify, crm-container .text-justify {
  text-align: justify !important;
}
.emun-backoffice .text-nowrap, crm-container .text-nowrap {
  white-space: nowrap !important;
}
.emun-backoffice .text-truncate, crm-container .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.emun-backoffice .text-xs-left, crm-container .text-xs-left {
  text-align: left !important;
}
.emun-backoffice .text-xs-right, crm-container .text-xs-right {
  text-align: right !important;
}
.emun-backoffice .text-xs-center, crm-container .text-xs-center {
  text-align: center !important;
}
.emun-backoffice .text-spaced-1, crm-container .text-spaced-1 {
  letter-spacing: 0.08em;
}
.emun-backoffice .text-spaced-2, crm-container .text-spaced-2 {
  letter-spacing: 0.18em;
}
@media (min-width: 544px) {
  .emun-backoffice .text-sm-left, crm-container .text-sm-left {
    text-align: left !important;
  }
  .emun-backoffice .text-sm-right, crm-container .text-sm-right {
    text-align: right !important;
  }
  .emun-backoffice .text-sm-center, crm-container .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .emun-backoffice .text-md-left, crm-container .text-md-left {
    text-align: left !important;
  }
  .emun-backoffice .text-md-right, crm-container .text-md-right {
    text-align: right !important;
  }
  .emun-backoffice .text-md-center, crm-container .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .emun-backoffice .text-lg-left, crm-container .text-lg-left {
    text-align: left !important;
  }
  .emun-backoffice .text-lg-right, crm-container .text-lg-right {
    text-align: right !important;
  }
  .emun-backoffice .text-lg-center, crm-container .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .emun-backoffice .text-xl-left, crm-container .text-xl-left {
    text-align: left !important;
  }
  .emun-backoffice .text-xl-right, crm-container .text-xl-right {
    text-align: right !important;
  }
  .emun-backoffice .text-xl-center, crm-container .text-xl-center {
    text-align: center !important;
  }
}
.emun-backoffice .text-lowercase, crm-container .text-lowercase {
  text-transform: lowercase !important;
}
.emun-backoffice .text-uppercase, crm-container .text-uppercase {
  text-transform: uppercase !important;
}
.emun-backoffice .text-capitalize, crm-container .text-capitalize {
  text-transform: capitalize !important;
}
.emun-backoffice .font-weight-normal, crm-container .font-weight-normal {
  font-weight: normal;
}
.emun-backoffice .font-weight-bold, crm-container .font-weight-bold {
  font-weight: bold;
}
.emun-backoffice .font-italic, crm-container .font-italic {
  font-style: italic;
}
.emun-backoffice .bg-inverse, crm-container .bg-inverse {
  color: #eceeef;
  background-color: #373a3c;
}
.emun-backoffice .bg-faded, crm-container .bg-faded {
  background-color: #f7f7f9;
}
.emun-backoffice .b-a-0, crm-container .b-a-0 {
  border-width: 0 0 !important;
}
.emun-backoffice .b-t-0, crm-container .b-t-0 {
  border-top-width: 0 !important;
}
.emun-backoffice .b-r-0, crm-container .b-r-0 {
  border-right-width: 0 !important;
}
.emun-backoffice .b-b-0, crm-container .b-b-0 {
  border-bottom-width: 0 !important;
}
.emun-backoffice .b-l-0, crm-container .b-l-0 {
  border-left-width: 0 !important;
}
.emun-backoffice .b-x-0, crm-container .b-x-0 {
  border-right-width: 0 !important;
  border-left-width: 0 !important;
}
.emun-backoffice .b-y-0, crm-container .b-y-0 {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}
.emun-backoffice .m-a-0, crm-container .m-a-0 {
  margin: 0 0 !important;
}
.emun-backoffice .m-t-0, crm-container .m-t-0 {
  margin-top: 0 !important;
}
.emun-backoffice .m-r-0, crm-container .m-r-0 {
  margin-right: 0 !important;
}
.emun-backoffice .m-b-0, crm-container .m-b-0 {
  margin-bottom: 0 !important;
}
.emun-backoffice .m-l-0, crm-container .m-l-0 {
  margin-left: 0 !important;
}
.emun-backoffice .m-x-auto, crm-container .m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.emun-backoffice .m-x-0, crm-container .m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.emun-backoffice .m-y-0, crm-container .m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.emun-backoffice .m-y-auto, crm-container .m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.emun-backoffice .m-a-1, crm-container .m-a-1 {
  margin: 1rem 1rem !important;
}
.emun-backoffice .m-t-1, crm-container .m-t-1 {
  margin-top: 1rem !important;
}
.emun-backoffice .m-r-1, crm-container .m-r-1 {
  margin-right: 1rem !important;
}
.emun-backoffice .m-b-1, crm-container .m-b-1 {
  margin-bottom: 1rem !important;
}
.emun-backoffice .m-a-05, crm-container .m-a-05 {
  margin: 0.5rem 0.5rem !important;
}
.emun-backoffice .m-t-05, crm-container .m-t-05 {
  margin-top: 0.5rem !important;
}
.emun-backoffice .m-r-05, crm-container .m-r-05 {
  margin-right: 0.5rem !important;
}
.emun-backoffice .m-b-05, crm-container .m-b-05 {
  margin-bottom: 0.5rem !important;
}
@media (max-width: 544px) {
  .emun-backoffice .m-b-1-xs, crm-container .m-b-1-xs {
    margin-bottom: 1rem !important;
  }
}
.emun-backoffice .m-l-1, crm-container .m-l-1 {
  margin-left: 1rem !important;
}
.emun-backoffice .m-x-1, crm-container .m-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.emun-backoffice .m-y-1, crm-container .m-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.emun-backoffice .m-a-2, crm-container .m-a-2 {
  margin: 1.5rem 1.5rem !important;
}
.emun-backoffice .m-t-2, crm-container .m-t-2 {
  margin-top: 1.5rem !important;
}
.emun-backoffice .m-r-2, crm-container .m-r-2 {
  margin-right: 1.5rem !important;
}
.emun-backoffice .m-b-2, crm-container .m-b-2 {
  margin-bottom: 1.5rem !important;
}
.emun-backoffice .m-l-2, crm-container .m-l-2 {
  margin-left: 1.5rem !important;
}
.emun-backoffice .m-x-2, crm-container .m-x-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.emun-backoffice .m-y-2, crm-container .m-y-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.emun-backoffice .m-a-3, crm-container .m-a-3 {
  margin: 3rem 3rem !important;
}
.emun-backoffice .m-t-3, crm-container .m-t-3 {
  margin-top: 3rem !important;
}
.emun-backoffice .m-r-3, crm-container .m-r-3 {
  margin-right: 3rem !important;
}
.emun-backoffice .m-b-3, crm-container .m-b-3 {
  margin-bottom: 3rem !important;
}
.emun-backoffice .m-l-3, crm-container .m-l-3 {
  margin-left: 3rem !important;
}
.emun-backoffice .m-x-3, crm-container .m-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.emun-backoffice .m-y-3, crm-container .m-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.emun-backoffice .p-a-0, crm-container .p-a-0 {
  padding: 0 0 !important;
}
.emun-backoffice .p-t-0, crm-container .p-t-0 {
  padding-top: 0 !important;
}
.emun-backoffice .p-r-0, crm-container .p-r-0 {
  padding-right: 0 !important;
}
.emun-backoffice .p-b-0, crm-container .p-b-0 {
  padding-bottom: 0 !important;
}
.emun-backoffice .p-l-0, crm-container .p-l-0 {
  padding-left: 0 !important;
}
.emun-backoffice .p-x-0, crm-container .p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.emun-backoffice .p-y-0, crm-container .p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.emun-backoffice .p-a-1, crm-container .p-a-1 {
  padding: 1rem 1rem !important;
}
.emun-backoffice .p-t-1, crm-container .p-t-1 {
  padding-top: 1rem !important;
}
.emun-backoffice .p-r-1, crm-container .p-r-1 {
  padding-right: 1rem !important;
}
.emun-backoffice .p-b-1, crm-container .p-b-1 {
  padding-bottom: 1rem !important;
}
.emun-backoffice .p-l-1, crm-container .p-l-1 {
  padding-left: 1rem !important;
}
.emun-backoffice .p-x-1, crm-container .p-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.emun-backoffice .p-y-1, crm-container .p-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.emun-backoffice .p-a-2, crm-container .p-a-2 {
  padding: 1.5rem 1.5rem !important;
}
.emun-backoffice .p-t-2, crm-container .p-t-2 {
  padding-top: 1.5rem !important;
}
.emun-backoffice .p-r-2, crm-container .p-r-2 {
  padding-right: 1.5rem !important;
}
.emun-backoffice .p-b-2, crm-container .p-b-2 {
  padding-bottom: 1.5rem !important;
}
.emun-backoffice .p-l-2, crm-container .p-l-2 {
  padding-left: 1.5rem !important;
}
.emun-backoffice .ibox-content .p-l-2, crm-container .ibox-content .p-l-2 {
  margin: 0;
}
.emun-backoffice .p-x-2, crm-container .p-x-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.emun-backoffice .p-y-2, crm-container .p-y-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.emun-backoffice .p-a-3, crm-container .p-a-3 {
  padding: 3rem 3rem !important;
}
.emun-backoffice .p-t-3, crm-container .p-t-3 {
  padding-top: 3rem !important;
}
.emun-backoffice .p-r-3, crm-container .p-r-3 {
  padding-right: 3rem !important;
}
.emun-backoffice .p-b-3, crm-container .p-b-3 {
  padding-bottom: 3rem !important;
}
.emun-backoffice .p-l-3, crm-container .p-l-3 {
  padding-left: 3rem !important;
}
.emun-backoffice .p-x-3, crm-container .p-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.emun-backoffice .p-y-3, crm-container .p-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.emun-backoffice .pos-f-t, crm-container .pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

shopping-change-quantity {
  height: 100%;
}

.input-group {
  align-items: stretch;
  align-content: center;
  display: flex;
}
shopping-change-quantity .input-group {
  height: 100%;
}
cart shopping-change-quantity .input-group {
  height: initial;
}
.input-group-addon {
  align-items: center;
  display: flex;
  width: initial;
}
.input-group-btn {
  font-size: inherit;
  width: initial;
}
.input-group-btn .pre-label {
  margin-right: 0.25em;
}
.input-group .pull-md-right {
  margin-left: auto;
}
.input-group .form-control {
  display: block;
  flex-grow: 1;
  height: initial;
  z-index: initial;
}
.input-group .form-control[type=number] {
  border-color: var(--btn-primary-border-color);
  padding-left: 0.25em;
  padding-right: 0.25em;
  width: 4em;
}
.input-group :not(.caret) {
  border-color: var(--medium-gray);
}

auto-query-header .input-group {
  align-items: stretch;
  display: flex;
}
@media (max-width: 1200px) {
  auto-query-header .input-group {
    flex-flow: row wrap;
    gap: 1.5em;
  }
}
auto-query-header .input-group input {
  flex-grow: 1;
  height: initial;
  width: initial;
}
auto-query-header .input-group-addon, auto-query-header .input-group-btn, auto-query-header .input-group-btn > span {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  font-size: 1em;
  width: initial;
}
@media (max-width: 1200px) {
  auto-query-header .input-group-btn > span {
    margin-right: auto;
  }
}
auto-query-header .input-group-btn .btn {
  align-items: center;
  border-color: transparent;
  display: flex;
  gap: 0.33em;
  justify-content: center;
}
auto-query-header .input-group-btn page-sizes {
  align-items: center;
  display: flex;
}
auto-query-header .input-group-btn page-sizes * {
  line-height: 1;
}
auto-query-header sort-options {
  margin-right: 1em;
}
auto-query-header header-right-post {
  display: flex;
  flex-flow: row nowrap;
}
auto-query-header header-right-post .m-r-1 {
  margin: 0 !important;
}

cart {
  display: block;
}
cart .cart-bottom:before, cart .cart-bottom:after {
  display: none;
}
@media (max-width: 840px) {
  cart .cart-bottom {
    flex-direction: column;
  }
  cart .cart-bottom > * {
    width: initial;
    flex-grow: 1;
    padding: 0;
  }
  cart .cart-bottom .complete-order {
    left: 0;
    width: 100%;
  }
}
cart .hr-sm {
  display: none;
}
cart .row .auto-add-block {
  margin-right: 2em;
  padding: 0;
  width: initial;
}
cart .row > .input-group {
  flex-grow: 1;
}
cart-item-input .row {
  margin: 0;
}
cart-item-input .row:before, cart-item-input .row:after {
  display: none;
}
@media (max-width: 340px) {
  cart-item-input .entry-container {
    align-items: flex-start;
    flex-direction: column;
  }
}
cart-item-input .entry-container > div.datum-wrapper {
  min-width: initial;
  max-width: initial;
  overflow: initial;
}
@media (max-width: 480px) {
  cart-item-input .entry-container .row {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  cart-item-input .entry-container .sku {
    width: 100%;
  }
}
@media (max-width: 480px) {
  cart-item-input .entry-container .sku .bg-primary {
    display: none;
  }
}
cart-item-input .entry-container .sku .btn {
  border: none;
}
@media (max-width: 480px) {
  cart-item-input .entry-container .btn-group {
    display: none;
  }
}

.cart-list .cart-item-row {
  border-bottom: 1px solid;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.cart-list .cart-item-row:before, .cart-list .cart-item-row:after {
  display: none;
}
@media (max-width: 576px) {
  .cart-list .cart-item-row {
    flex-direction: column;
  }
}
.cart-list .cart-item-row > * {
  flex: 1 1 0px;
}
.cart-list .row + .row {
  margin-top: 1em;
}

@media (min-width: 1920px) {
  .checkout {
    padding: 1em;
  }
}
.checkout > .row {
  display: flex;
}
.checkout > .row:before, .checkout > .row:after {
  display: none;
}
@media (max-width: 840px) {
  .checkout > .row {
    flex-direction: column;
  }
  .checkout > .row > * {
    width: 100%;
  }
}
.checkout .order-block {
  display: flex;
  margin: 0;
}
.checkout .order-block:before, .checkout .order-block:after {
  display: none;
}
.checkout .order-block > * {
  padding: 0;
}
.checkout .shipping-address, .checkout .order-info {
  flex-direction: column;
}
.checkout .shipping-address:before, .checkout .shipping-address:after, .checkout .order-info:before, .checkout .order-info:after {
  display: none;
}
.checkout .order-info [class*=col-] {
  position: initial;
}

cart-item-input .entry-container > numeric-input-group {
  width: initial;
}
cart-item-input .entry-container > numeric-input-group .form-control {
  background: transparent;
}
@media (max-width: 480px) {
  cart-item-input .entry-container .btn-group {
    display: block;
    width: 100%;
  }
  cart-item-input .entry-container .btn-group > .btn {
    display: none;
  }
  cart-item-input .entry-container .btn-group > .btn:first-of-type {
    color: var(--primary-color);
    display: block;
    width: 100%;
  }
  cart-item-input .entry-container .btn-group > .btn:first-of-type:hover {
    color: #fff;
  }
}

quick-report-list .cards-row {
  align-items: center;
  gap: 2em !important;
}
quick-report-list .cards-row .card-box-wrap {
  width: calc(33.33% - 1.333em);
}
quick-report-list .cards-row .card-box-wrap .report-message-title {
  height: initial;
}
quick-report-list .contact-box h4 {
  font-size: 1em;
}
.shopping-cart-dropdown-menu {
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,.25);
    border: 1px solid var(--font-color-muted);
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: auto !important;
    bottom: 0;
    z-index: 1055;
    padding: 0;
    height: 100% !important;
    width: 100%;
    max-width: 500px;
	flex-grow: 1;
    overflow: auto;
    padding: 1rem 1rem 2rem;
    transition: linear .3s;
    transform: translateX(100%);
    .open &,
    &.in {
        transform: translate(0);
    }
    & .cart-dropdown-product-info {
        & a {
            border: none !important;
            padding: 0 !important;
            margin: 0 0 .25rem !important;
            height: initial !important;
            text-decoration: none;
            justify-content: flex-start !important;
        }
    }
    & section {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        &.cart-dropdown-items-container {
          flex-grow: 2;
          overflow-y: auto;
        }
    }
    & cart-dropdown-menu {
        display: block;
        height: 100%;
    }
    & multi-cart:has(.multi-cart-dropdown) {
        width: 100%;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
    & .cart-slideout-menu {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    & .btn-checkout {
        margin-top: auto;
    }
    & .cart-dropdown-header {
        padding: 1rem;
        border-bottom: 1px solid var(--light-gray);
    }
    & .cart-header {
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0 0 .5rem;
    }
    & .cart-name {
        display: flex;
        gap: .5rem;
        align-items: center;
        margin-bottom: 1rem;
        & .btn-edit-cart {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 42px;
            width: 42px;
            border-radius: 50%;
            background: var(--font-color-primary);
            color: #fff;
        }
    }
    & .btn-primary {
        font-weight: 400;
        display: flex;
        gap: .5rem;
        align-items: center;
        justify-content: center;
    }
    & .btn-close {
      position: absolute;
      right: 1rem;
      background: var(--dark-gray);
      color: #fff;
      border-radius: 50%;
    }
    & .cart-dropdown-item {
        padding: .5rem;
        display: flex;
        flex-direction: column;
        gap: .25rem;
        position: relative;
        & .row {
            align-items: flex-start;
            display: flex;
            gap: 1rem;
            padding-bottom: .25rem;
            flex-direction: row;
            margin-left: 0;
            margin-right: 0;
            padding-right: 1.5rem;
            &:before,
            &:after {
                display: none !important;
            }
        }
        & .remove-cartitem-btn {
            display: none;
        }
    }
    & .dropdown-minimums-item {
        display: flex;
        align-items: flex-start;
        & panel {
            flex-grow: 1;
            & .btn {
                width:  100%;
                justify-content: flex-start;
            }
        }
        
    }
    
    & .product-badge {
        align-self: flex-start;
    }
    & .cart-dropdown-img {
        width: 100px;
        position: relative;
        flex-shrink: 0;
        & img {
            width: 100%;
        }
        & .item-count {
            position: absolute;
            right: 0;
            top: 0;
        }
    }
    & .cart-dropdown-product-info {
        flex-grow: 1;
        font-size: .875rem;
    }
    & .btn-delete {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        min-width: 24px;
        min-height: 24px;
        position: absolute;
        left: 0;
        padding: 0;
        background: var(--accent-color);
        color: white;
        top: .5rem;
        z-index: 10;
        box-shadow: none;
    }
    & .cart-dropdown-product-title {
        font-size: 1rem;
        color: #000;
        line-height: 22px;
        font-weight: 500;
    }
    & .cart-dropdown-product-upc {
        font-size: .75rem;
        color: var(--font-color-muted);
        font-weight: 700;
    }
    & .cart-dropdown-actions {
        padding: 1rem;
        border-top: 1px solid var(--light-gray);
    }
    & .cart-dropdown-total {
        display: flex;
        justify-content: space-between;
        margin-bottom: .5rem;
        font-weight: 500;
        font-size: 18px;
    }
    & .cart-dropdown-item-actions {
        display: flex;
        font-size: .875rem;
        gap: 1rem;
        padding-top: .25rem;
    }
    & .total {
        font-size: 18px;
        font-weight: 700;
    }
    & .cart-dropdown-item-increment {
        display: none;
    }
}
.entry-container > .row {
  align-items: center;
  margin-bottom: 1em;
}
auto-query-filter-selector {
    display: block;
    padding: .5rem 0;
}
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block {
  display: none;
}

@media print {
  .visible-print-block {
    display: block;
  }
  .visible-print-inline {
    display: inline;
  }
  .visible-print-inline-block {
    display: inline-block;
  }
  .hidden-print {
    display: none;
  }
}/*# sourceMappingURL=styles.css.map */