@charset "UTF-8";
.fancybox-enabled {
  overflow: hidden; }

.fancybox-enabled body {
  overflow: visible;
  height: 100%; }

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992; }

.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0f11;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-container--ready .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  transition: opacity .2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr; }

.fancybox-show-controls .fancybox-controls {
  opacity: 1; }

.fancybox-infobar {
  display: none; }

.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all; }

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased; }

.fancybox-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  pointer-events: all; }

.fancybox-show-buttons .fancybox-buttons {
  display: block; }

.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr; }

.fancybox-slider-wrap,
.fancybox-slider {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent; }

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0; }

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box; }

.fancybox-slide--image {
  overflow: hidden; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-content {
  display: inline-block;
  position: relative;
  margin: 44px auto;
  padding: 0;
  border: 0;
  width: 80%;
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch; }

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
  background: transparent; }

.fancybox-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%; }

.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default; }

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer; }

.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background .2s;
  box-sizing: border-box;
  z-index: 2; }

.fancybox-close-small:focus:after {
  outline: 1px dotted #888; }

.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent; }

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee; }

/* Caption */
.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none; }

.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1; }

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; }

.fancybox-caption a,
.fancybox-caption button {
  pointer-events: all; }

.fancybox-caption a {
  color: #fff;
  text-decoration: underline; }

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  vertical-align: top;
  outline: none; }

.fancybox-button--disabled {
  cursor: default;
  pointer-events: none; }

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6); }

.fancybox-button:hover {
  background: rgba(0, 0, 0, 0.8); }

.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block; }

.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
  opacity: 0.5; }

.fancybox-button--left::after {
  left: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.fancybox-button--right::after {
  right: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--left {
  border-bottom-left-radius: 5px; }

.fancybox-button--right {
  border-bottom-right-radius: 5px; }

.fancybox-button--close {
  float: right; }

.fancybox-button--close::before, .fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px); }

.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Loading spinner */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-controls {
    text-align: left; }
  .fancybox-button--left,
  .fancybox-button--right,
  .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important; }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0; } }

/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none; }

/* Slideshow button */
.fancybox-button--play::before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  background: transparent; }

.fancybox-button--pause::before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
  background: transparent; }

/* Thumbs */
.fancybox-button--thumbs span {
  font-size: 23px; }

.fancybox-button--thumbs::before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }

.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
  right: 220px; }

.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box; }

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0; }

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 105px;
  height: 75px;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box; }

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important; }
  .fancybox-container--thumbs .fancybox-controls,
  .fancybox-container--thumbs .fancybox-slider-wrap,
  .fancybox-container--thumbs .fancybox-caption-wrap {
    right: 0; } }

/*! jQuery UI - v1.12.1 - 2017-05-23
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}


body {
	background: url('../img/darkdenim3.png') repeat 0 0 #555;
}
/* DatePicker Container */
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	/*background: url('../img/dark_leather.png') repeat 0 0 #000;*/
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	/*text-shadow: 1px -1px 0px #000;*/
	/*filter: dropshadow(color=#000, offx=1, offy=-1);*/
	line-height: 30px;
	/*border-width: 1px 0 0 0;*/
	/*border-style: solid;*/
	/*border-color: #111;*/
}
.ui-datepicker-title {
	text-align: center;
    overflow: hidden;
}
.ui-datepicker-month, .ui-datepicker-year {
	width: 50%;
	display: block;
	float: left;
	border: none;
	padding: 8px 5px;
	color: black;
    font: 9pt Arial, sans-serif;
    font-weight: bold;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: none !important;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	/*background-image: url('../img/arrow.png');*/
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	/*background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );*/
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 7pt;
	padding: 5px 0;
	color: #666666;
	/*text-shadow: 1px 0px 0px #fff;*/
	/*filter: dropshadow(color=#fff, offx=1, offy=0);*/
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
    background: white;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	/*text-shadow: 1px 1px 0px #fff;*/
	/*filter: dropshadow(color=#fff, offx=1, offy=1);*/
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	/*background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);*/
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	/*-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);*/
	color: #F0F0F0;
	/*text-shadow: 0px 1px 0px #4d7a85;*/
	/*border: 1px solid #55838f;*/
	position: relative;
	/*margin: -1px;*/
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	/*width: 29px;*/
	/*margin-left: 0;*/
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	/*width: 29px;*/
	/*margin-right: 0;*/
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	/*height: 29px;*/
	/*margin-bottom: 0;*/
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

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

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    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
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset "UTF-8";
/*------------------------------------*\
    PLUGINS
\*------------------------------------*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
@import url("https://p.typekit.net/p.css?s=1&k=xoj4pnf&ht=tk&f=29005.29008.29010&a=62385864&app=typekit&e=css");
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*@import "bootstrap/print";*/
/*@import "bootstrap/glyphicons";*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #428bca;
  text-decoration: none;
}
a:hover, a:focus {
  /*    color: $link-hover-color;
  text-decoration: underline;*/
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  width: 100% \9 ;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9 ;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*@import "bootstrap/type";*/
/*@import "bootstrap/code";*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

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

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

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

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

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

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.3333333333%;
  }

  .col-sm-pull-2 {
    right: 16.6666666667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.3333333333%;
  }

  .col-sm-pull-5 {
    right: 41.6666666667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.3333333333%;
  }

  .col-sm-pull-8 {
    right: 66.6666666667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.3333333333%;
  }

  .col-sm-pull-11 {
    right: 91.6666666667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.3333333333%;
  }

  .col-sm-push-2 {
    left: 16.6666666667%;
  }

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

  .col-sm-push-4 {
    left: 33.3333333333%;
  }

  .col-sm-push-5 {
    left: 41.6666666667%;
  }

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

  .col-sm-push-7 {
    left: 58.3333333333%;
  }

  .col-sm-push-8 {
    left: 66.6666666667%;
  }

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

  .col-sm-push-10 {
    left: 83.3333333333%;
  }

  .col-sm-push-11 {
    left: 91.6666666667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

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

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

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

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

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

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

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

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

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

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

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

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1600px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }

  .col-xl-1 {
    width: 8.3333333333%;
  }

  .col-xl-2 {
    width: 16.6666666667%;
  }

  .col-xl-3 {
    width: 25%;
  }

  .col-xl-4 {
    width: 33.3333333333%;
  }

  .col-xl-5 {
    width: 41.6666666667%;
  }

  .col-xl-6 {
    width: 50%;
  }

  .col-xl-7 {
    width: 58.3333333333%;
  }

  .col-xl-8 {
    width: 66.6666666667%;
  }

  .col-xl-9 {
    width: 75%;
  }

  .col-xl-10 {
    width: 83.3333333333%;
  }

  .col-xl-11 {
    width: 91.6666666667%;
  }

  .col-xl-12 {
    width: 100%;
  }

  .col-xl-pull-0 {
    right: auto;
  }

  .col-xl-pull-1 {
    right: 8.3333333333%;
  }

  .col-xl-pull-2 {
    right: 16.6666666667%;
  }

  .col-xl-pull-3 {
    right: 25%;
  }

  .col-xl-pull-4 {
    right: 33.3333333333%;
  }

  .col-xl-pull-5 {
    right: 41.6666666667%;
  }

  .col-xl-pull-6 {
    right: 50%;
  }

  .col-xl-pull-7 {
    right: 58.3333333333%;
  }

  .col-xl-pull-8 {
    right: 66.6666666667%;
  }

  .col-xl-pull-9 {
    right: 75%;
  }

  .col-xl-pull-10 {
    right: 83.3333333333%;
  }

  .col-xl-pull-11 {
    right: 91.6666666667%;
  }

  .col-xl-pull-12 {
    right: 100%;
  }

  .col-xl-push-0 {
    left: auto;
  }

  .col-xl-push-1 {
    left: 8.3333333333%;
  }

  .col-xl-push-2 {
    left: 16.6666666667%;
  }

  .col-xl-push-3 {
    left: 25%;
  }

  .col-xl-push-4 {
    left: 33.3333333333%;
  }

  .col-xl-push-5 {
    left: 41.6666666667%;
  }

  .col-xl-push-6 {
    left: 50%;
  }

  .col-xl-push-7 {
    left: 58.3333333333%;
  }

  .col-xl-push-8 {
    left: 66.6666666667%;
  }

  .col-xl-push-9 {
    left: 75%;
  }

  .col-xl-push-10 {
    left: 83.3333333333%;
  }

  .col-xl-push-11 {
    left: 91.6666666667%;
  }

  .col-xl-push-12 {
    left: 100%;
  }

  .col-xl-offset-0 {
    margin-left: 0%;
  }

  .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-xl-offset-12 {
    margin-left: 100%;
  }
}
/*@import "bootstrap/tables";*/
/*@import "bootstrap/forms";*/
/*@import "bootstrap/buttons";*/
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

/*@import "bootstrap/dropdowns";*/
/*@import "bootstrap/button-groups";*/
/*@import "bootstrap/input-groups";*/
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before, .nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

/*@import "bootstrap/navbar";*/
/*@import "bootstrap/breadcrumbs";*/
/*@import "bootstrap/pagination";*/
/*@import "bootstrap/pager";*/
/*@import "bootstrap/labels";*/
/*@import "bootstrap/badges";*/
/*@import "bootstrap/jumbotron";*/
/*@import "bootstrap/thumbnails";*/
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

/*@import "bootstrap/progress-bars";*/
/*@import "bootstrap/media";*/
/*@import "bootstrap/list-group";*/
/*@import "bootstrap/panels";*/
.embed-responsive, .text-box .media {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item, .text-box .media .embed-responsive-item,
.embed-responsive iframe,
.text-box .media iframe,
.embed-responsive embed,
.text-box .media embed,
.embed-responsive object,
.text-box .media object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
  z-index: 1;
}
.embed-responsive.embed-responsive-16by9, .text-box .media {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3, .text-box .embed-responsive-4by3.media {
  padding-bottom: 75%;
}
.embed-responsive .embed-responsive-1by1, .text-box .media .embed-responsive-1by1 {
  padding-top: 100%;
}

/*@import "bootstrap/wells";*/
/*@import "bootstrap/close";*/
.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.428571429px;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
#unauthorized-access-modal .forgot_password {
  padding: 0;
  border: none;
  border-bottom: 1px solid;
  background: none;
  color: inherit;
  opacity: 0.7;
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
}

#unauthorized-access-modal .tab-content > .active {
  display: block !important;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

/*@import "bootstrap/carousel";*/
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.disable-transform {
  transform: none;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xl {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1600px) {
  .visible-xl {
    display: block !important;
  }

  table.visible-xl {
    display: table;
  }

  tr.visible-xl {
    display: table-row !important;
  }

  th.visible-xl,
td.visible-xl {
    display: table-cell !important;
  }
}
@media (min-width: 1600px) {
  .visible-xl-block {
    display: block !important;
  }
}

@media (min-width: 1600px) {
  .visible-xl-inline {
    display: inline !important;
  }
}

@media (min-width: 1600px) {
  .visible-xl-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  .hidden-xl {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
.ReactTable {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.ReactTable * {
  box-sizing: border-box;
}

.ReactTable .rt-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: stretch;
  overflow: auto;
  width: 100%;
  border-collapse: collapse;
  -webkit-box-flex: 1;
  -ms-flex: auto 1;
  flex: auto 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ReactTable .rt-thead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ReactTable .rt-thead.-filters input,
.ReactTable .rt-thead.-filters select {
  padding: 5px 7px;
  outline: none;
  border-radius: 3px;
  font-weight: normal;
  font-size: inherit;
}

.ReactTable .rt-thead .rt-th.-cursor-pointer,
.ReactTable .rt-thead .rt-td.-cursor-pointer {
  cursor: pointer;
}

.ReactTable .rt-thead .rt-th:last-child,
.ReactTable .rt-thead .rt-td:last-child {
  border-right: 0;
}

.ReactTable .rt-thead .rt-resizable-header {
  overflow: visible;
}

.ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow: hidden;
}

.ReactTable .rt-thead .rt-resizable-header-content {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ReactTable .rt-thead .rt-header-pivot:after,
.ReactTable .rt-thead .rt-header-pivot:before {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}

.ReactTable .rt-tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
  -webkit-box-flex: 99999;
  -ms-flex: 99999 1 auto;
  flex: 99999 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.ReactTable .rt-tbody .rt-td:last-child {
  border-right: 0;
}

.ReactTable .rt-tbody .rt-expandable {
  text-overflow: clip;
  cursor: pointer;
}

.ReactTable .rt-tr-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: stretch;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ReactTable .rt-tr {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.ReactTable .rt-th,
.ReactTable .rt-td {
  overflow: hidden;
  padding: 7px 5px;
  white-space: nowrap;
  transition: 0.3s ease;
  transition-property: width, min-width, padding, opacity;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
}

.ReactTable .rt-th.-hidden,
.ReactTable .rt-td.-hidden {
  padding: 0 !important;
  min-width: 0 !important;
  width: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
}

.ReactTable .rt-expander {
  position: relative;
  display: inline-block;
  margin: 0;
  margin: 0 10px;
  color: transparent;
}

.ReactTable .rt-expander:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
}

.ReactTable .rt-expander.-open:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
}

.ReactTable .rt-resizer {
  position: absolute;
  top: 0;
  right: -18px;
  bottom: 0;
  z-index: 10;
  display: inline-block;
  width: 36px;
  cursor: col-resize;
}

.ReactTable .rt-tfoot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.ReactTable .rt-tfoot .rt-td:last-child {
  border-right: 0;
}

.ReactTable .-pagination input,
.ReactTable .-pagination select {
  outline: none;
  font-weight: normal;
  font-size: inherit;
}

.ReactTable .-pagination .-btn {
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  border: 0;
  font-size: 1em;
  cursor: pointer;
  transition: all 0.1s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ReactTable .-pagination .-btn[disabled] {
  opacity: 0.5;
  cursor: default;
}

.ReactTable .-pagination .-previous,
.ReactTable .-pagination .-next {
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ReactTable .-pagination .-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  -ms-flex-align: center;
  margin-bottom: 0;
  text-align: center;
  -webkit-box-flex: 1.5;
  -ms-flex: 1.5;
  flex: 1.5;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-around;
}

.ReactTable .-pagination .-pageInfo {
  display: inline-block;
  white-space: nowrap;
}

.ReactTable .-pagination .-pageJump {
  display: inline-block;
}

.ReactTable .-pagination .-pageJump input {
  width: 70px;
  text-align: center;
}

.ReactTable .rt-noData {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  padding: 20px;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.ReactTable .-loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}

.ReactTable .-loading > div {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 15px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translateY(-52%);
  transform: translateY(-52%);
}

.ReactTable .-loading.-active {
  z-index: 2;
  opacity: 1;
  pointer-events: all;
}

.ReactTable .-loading.-active > div {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.ReactTable .rt-resizing .rt-th,
.ReactTable .rt-resizing .rt-td {
  cursor: col-resize;
  transition: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^=bottom] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^=top] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 30px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "×";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^=bottom] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^=top] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 30px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "×";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 8px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  z-index: 9999;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 0px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

@media only screen and (max-width: 767px) {
  .slick-dots li {
    margin: 0 5px;
  }
}
.evo-slider--item {
  padding: 0 10px;
}
.evo-slider .slick-prev:before,
.evo-slider .slick-next:before {
  content: "";
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.7);
  width: 24px;
  height: 24px;
  display: block;
}
.evo-slider .slick-prev:before:hover,
.evo-slider .slick-next:before:hover {
  border-color: rgb(0, 0, 0);
}
.evo-slider .slick-prev:before {
  transform: rotate(-135deg);
}
.evo-slider .slick-next:before {
  transform: rotate(45deg);
}
.evo-slider .slick-prev {
  left: -15px;
}
.evo-slider .slick-next {
  right: -15px;
}
@media (max-width: 1600px) {
  .evo-slider.slick-slider {
    margin: 0 20px;
  }
}

/*------------------------------------*\
    BASE
\*------------------------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%;
  }
}
/*
 *  https://stackoverflow.com/questions/8911247/hide-iphone-html5-video-play-button
 *  Hide thee video play button for the home page video on ios system
 */
video::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}
video::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
video::-webkit-media-controls {
  display: none !important;
  -webkit-appearance: none;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * jaf-domus:
 *   - http://typekit.com/eulas/00000000000000003b9adf41
 *   - http://typekit.com/eulas/00000000000000003b9adf44
 *   - http://typekit.com/eulas/00000000000000003b9adf46
 *
 * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2020-11-29 22:49:50 UTC"}*/
@font-face {
  font-family: "jaf-domus";
  src: url("https://use.typekit.net/af/6d9c84/00000000000000003b9adf41/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/6d9c84/00000000000000003b9adf41/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/6d9c84/00000000000000003b9adf41/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "jaf-domus";
  src: url("https://use.typekit.net/af/c1e2de/00000000000000003b9adf44/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/c1e2de/00000000000000003b9adf44/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/c1e2de/00000000000000003b9adf44/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "jaf-domus";
  src: url("https://use.typekit.net/af/0a3b88/00000000000000003b9adf46/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/0a3b88/00000000000000003b9adf46/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/0a3b88/00000000000000003b9adf46/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "jaf-domus";
  src: url("https://use.typekit.net/af/bccef9/00000000000000003b9adf40/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/bccef9/00000000000000003b9adf40/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/bccef9/00000000000000003b9adf40/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 200;
}
.tk-jaf-domus {
  font-family: "jaf-domus", sans-serif;
}

@font-face {
  font-family: "AvantGardeLTBook";
  /* src: url('../../fonts/07413afc-2280-4cfc-8860-184839a93fa4.eot?#iefix'); */
  src: url("../../fonts/6f1146c0-9c0b-4949-866d-9affc396531f.woff2") format("woff2"), url("../../fonts/2c50f982-bb73-4891-8d0e-587c1136c2e5.woff") format("woff");
}
@font-face {
  font-family: "AvantGardeLTMedium";
  /* src: url('../../fonts/94b3736a-77b0-4279-b365-b3c70960549b.eot?#iefix'); */
  src: url("../../fonts/39dda6db-d579-4a2e-b67c-abf7d732b97c.woff2") format("woff2"), url("../../fonts/6cf5eb52-bda1-4506-b101-1cb1cb9ac146.woff") format("woff");
}
@font-face {
  font-family: "AvantGardeLTBold";
  /* src: url('../../fonts/7882e98f-91dc-4562-9ae7-89142461ea7d.eot?#iefix'); */
  src: url("../../fonts/4cadb55f-822a-4a35-8918-becfc5a866a3.woff2") format("woff2"), url("../../fonts/af007af5-dcfa-465a-a278-47ab3eb9a589.woff") format("woff");
}
@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?whg2ki");
  src: url("../../fonts/icomoon.eot?whg2ki#iefix") format("embedded-opentype"), url("../../fonts/icomoon.woff2?whg2ki") format("woff2"), url("../../fonts/icomoon.ttf?whg2ki") format("truetype"), url("../../fonts/icomoon.woff?whg2ki") format("woff"), url("../../fonts/icomoon.svg?whg2ki#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-credit-card:before {
  content: "\e922";
}

.icon-chevron-left:before {
  content: "\e91e";
}

.icon-calendar:before {
  content: "\e91d";
}

.icon-checked-off:before {
  content: "\e920";
}

.icon-checked-on:before {
  content: "\e921";
}

.icon-arrow:before {
  content: "\e91f";
  color: #542e91;
}

.icon-tick:before {
  content: "\e91c";
}

.icon-cocktail:before {
  content: "\e91b";
}

.icon-backorder:before {
  content: "\e91a";
}

.icon-history:before {
  content: "\e919";
}

.icon-edit:before {
  content: "\e918";
}

.icon-template:before {
  content: "\e916";
}

.icon-grid:before {
  content: "\e917";
}

.icon-reports:before {
  content: "\e914";
}

.icon-settings:before {
  content: "\e915";
}

.icon-discount:before {
  content: "\e911";
}

.icon-product:before {
  content: "\e912";
}

.icon-warehouse:before {
  content: "\e913";
}

.icon-customer:before {
  content: "\e90e";
}

.icon-list:before {
  content: "\e90f";
}

.icon-order-status:before {
  content: "\e910";
}

.icon-cart:before {
  content: "\e90d";
}

.icon-order:before {
  content: "\e90b";
}

.icon-promo:before {
  content: "\e90c";
}

.icon-search:before {
  content: "\e90a";
}

.icon-filter:before {
  content: "\e909";
}

.icon-login:before {
  content: "\e908";
}

.icon-check:before {
  content: "\e900";
}

.icon-close:before {
  content: "\e901";
}

.icon-facebook:before {
  content: "\e902";
}

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

.icon-linkedin:before {
  content: "\e904";
}

.icon-pinterest:before {
  content: "\e905";
}

.icon-twitter:before {
  content: "\e906";
}

.icon-youtube:before {
  content: "\e907";
}

/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2") format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

#tbclient {
  display: block;
}

html {
  overflow-y: scroll;
  scroll-behavior: smooth;
}

@supports (scrollbar-gutter: stable) {
  html {
    overflow-y: auto;
    scrollbar-gutter: stable;
  }
}
body,
html {
  height: 100%;
}

body {
  background: white center center no-repeat fixed;
  background-size: cover;
  color: #363636;
  width: 100%;
}

#wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0 auto;
  min-height: 100%;
}

.content {
  flex: 1 1 0;
}

.overflow {
  overflow: hidden;
}

.vmiddle {
  position: relative;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.underline {
  text-decoration: underline;
}

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

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

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

input,
select {
  -webkit-border-radius: 0;
  border-radius: 0 !important;
  box-shadow: none;
  -webkit-appearance: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

* {
  outline: none !important;
}

.clearfix {
  clear: both;
}

button {
  -webkit-border-radius: 0;
  border-radius: 0;
}

img {
  max-width: 100%;
}

.container {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    width: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .container {
    width: 1380px;
  }
}
.container .container {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .container .container {
    max-width: 750px;
  }
}
@media only screen and (min-width: 992px) {
  .container .container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .container .container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .container--bigger {
    max-width: 1380px;
    width: auto;
  }
}

.row-xs-eqheight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.row-xs-eqheight > div {
  min-height: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .row-sm-eqheight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .row-sm-eqheight > div {
    min-height: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) {
  .row-md-eqheight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .row-md-eqheight > div {
    min-height: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1200px) {
  .row-lg-eqheight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .row-lg-eqheight > div {
    min-height: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1600px) {
  .row-xl-eqheight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .row-xl-eqheight > div {
    min-height: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.row-xs-default {
  display: initial;
}

@media only screen and (min-width: 768px) {
  .row-sm-default {
    display: initial;
  }
}

@media only screen and (min-width: 992px) {
  .row-md-default {
    display: initial;
  }
}

@media only screen and (min-width: 1200px) {
  .row-lg-default {
    display: initial;
  }
}

@media only screen and (min-width: 1600px) {
  .row-xl-default {
    display: initial;
  }
}

@media only screen and (max-width: 767px) {
  .row-xs-buffer {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row-sm-buffer {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row-md-buffer {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row-lg-buffer {
    margin-bottom: 30px;
  }
}

.row--nopadding {
  margin: 0;
}
.row--nopadding > div[class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
@media only screen and (min-width: 992px) {
  .row--big {
    margin: 0 -25px;
  }
}
@media only screen and (min-width: 992px) {
  .row--big > div[class*=col-] {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media only screen and (min-width: 992px) {
  .row--bigger {
    margin: 0 -40px;
  }
}
@media only screen and (min-width: 992px) {
  .row--bigger > div[class*=col-] {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.row--xsmall {
  margin: 0 -5px;
}
.row--xsmall > div[class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.row--small {
  margin: 0 -7px;
}
.row--small > div[class*=col-] {
  padding-right: 7px;
  padding-left: 7px;
}
@media only screen and (max-width: 991px) {
  .row--small-sm {
    margin: 0 -7px;
  }
}
@media only screen and (max-width: 991px) {
  .row--small-sm > div[class*=col-] {
    padding-right: 7px;
    padding-left: 7px;
  }
}
.row--vcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
}
.row--vcenter > div[class*=col-] {
  align-self: center;
}
.row--vbottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
}
.row--vbottom > div[class*=col-] {
  align-self: flex-end;
}

@media only screen and (min-width: 992px) {
  .col-div:after {
    position: absolute;
    top: -40px;
    bottom: -40px;
    left: 0;
    left: 50%;
    display: block;
    width: 20px;
    box-shadow: -8px 0 10px -9px black;
    content: "";
  }
}

.icon--invert {
  display: inline-block;
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.panel-heading > * {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.table {
  display: table;
  width: 100%;
}
.table__row {
  display: table-row;
}
.table__cell {
  display: table-cell;
  vertical-align: top;
}

.site-logo {
  display: block;
  margin: 0 auto;
}
.site-logo img {
  display: block;
  width: 100%;
}
.site-logo svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: inherit;
}

@media only screen and (max-width: 991px) {
  .collapsing {
    -webkit-transition: none;
    transition: none;
  }
}

.pac-container {
  z-index: 10000 !important;
}
.pac-container:after {
  content: none;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

@media print {
  .no-print,
.no-print * {
    display: none !important;
  }
}
.z-index-5 {
  z-index: 5 !important;
}

.z-index-10 {
  z-index: 10 !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

@media (min-width: 768px) {
  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }
}
.flex-wrap {
  flex-wrap: wrap;
}

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

.font-weight-bold {
  font-weight: 700;
}

.w-100 {
  width: 100% !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5);
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.icon-note:before {
  content: "\e918";
}

.icon-checkmark:before {
  content: "\e910";
}

.icon-star:before {
  content: "\e0ce";
}

.icon-bell:before {
  content: "\e910";
}

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

.font-for-error {
  font-family: "jaf-domus", sans-serif;
}

.w-50 {
  width: 50%;
}

.d-flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-right {
  justify-content: right;
}

.pr-close {
  width: 16px;
  height: 16px;
  opacity: 0.7;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.pr-close:before, .pr-close:after {
  position: absolute;
  left: 7px;
  content: " ";
  height: 17px;
  width: 2px;
  background-color: #000;
}
.pr-close:before {
  transform: rotate(45deg);
}
.pr-close:after {
  transform: rotate(-45deg);
}
.pr-close:hover {
  opacity: 1;
}

.text-primary {
  color: #2d2b73;
}

.img-bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.aspect-1x1 {
  padding-bottom: 100%;
}

.iframe-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.three-column {
  margin: 0 -15px;
}
@media (min-width: 768px) {
  .three-column {
    display: flex;
    flex-wrap: wrap;
  }
}
.three-column .three-column-item {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .three-column .three-column-item {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}
.three-column .three-column-item-thumb {
  margin-bottom: 30px;
}
.three-column .three-column-item-title {
  margin-bottom: 30px;
}
.three-column .three-column-item-excerpt {
  margin-bottom: 30px;
  line-height: 1.8;
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
}
.three-column .three-column-item-action {
  margin-top: auto;
}

.btn-three-column {
  display: inline-block;
  text-align: left;
  padding: 10px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #542e91;
  border-bottom: 1px solid #542e91;
  font-size: 12px;
  padding-bottom: 10px;
  min-width: 150px;
  position: relative;
}
.btn-three-column:after {
  content: "";
  position: absolute;
  right: 2px;
  top: 12px;
  width: 6px;
  height: 6px;
  border: 1px solid;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
}
.btn-three-column:hover {
  color: #2d2b73;
  border-color: #2d2b73;
}

.button-outline {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  vertical-align: middle;
  border: 2px solid transparent;
  background-color: transparent;
  border-radius: 4px;
  padding: 0.375rem 0.75rem;
  font-size: 0.75em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
  line-height: 1.5;
  transition: all 0.2s linear 0s;
}
.button-outline.button-outline-primary {
  border-color: #542e91;
  color: #542e91;
}
.button-outline.button-outline-primary:hover {
  border-color: #542e91;
  color: #542e91;
  background-color: rgba(84, 46, 145, 0.1);
}
.button-outline.button-outline-primary.active {
  border-color: #542e91;
  color: #ffffff;
  background-color: #542e91;
}
.button-outline.button-outline-danger {
  border-color: #ff4a4a;
  color: #ff4a4a;
}
.button-outline.button-outline-danger:hover {
  border-color: #ff4a4a;
  color: #ff4a4a;
  background-color: rgba(255, 74, 74, 0.1);
}
.button-outline.button-outline-danger.active {
  border-color: #ff4a4a;
  color: #ffffff;
  background-color: #ff4a4a;
}
.button-outline.button-outline-secondary {
  border-color: #f5885c;
  color: #f5885c;
}
.button-outline.button-outline-secondary:hover {
  border-color: #f5885c;
  color: #f5885c;
  background-color: rgba(245, 136, 92, 0.1);
}
.button-outline.button-outline-secondary.active {
  border-color: #f5885c;
  color: #ffffff;
  background-color: #f5885c;
}

.alert-sm {
  line-height: 1.5;
  font-size: 90%;
}

.border-bottom {
  border-bottom: 1px solid #ddd;
}

.font-12 {
  font-size: 12px;
}

.font-13 {
  font-size: 13px;
}

.font-15 {
  font-size: 1em;
  font-family: "AvantGardeLTBold";
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.02em;
}

.par-table {
  font-size: 14px;
}
.par-table.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
.par-table .table {
  width: 100%;
  max-width: 100%;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
.par-table .table s thead tr th {
  border-bottom: 1px solid #ddd;
}
.par-table .table tr td,
.par-table .table tr th {
  padding: 15px;
  line-height: 1.42857143;
  vertical-align: top;
}

.par-list {
  margin-left: 17px;
}
.par-list li {
  margin-bottom: 20px;
}
.par-list li:last-child {
  margin-bottom: 0;
}

.line-height-180 {
  line-height: 1.8;
}

.text-black-70 {
  color: rgba(0, 0, 0, 0.7);
}

.font-18 {
  font-size: 18px;
}

.border-right {
  border-right: 1px solid;
}

.d-inline-flex {
  display: inline-flex;
}

.right-0 {
  right: 0 !important;
}

.choose-file-button {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.7;
  cursor: pointer;
  font-size: 14px;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  min-width: 300px;
  max-width: 450px;
  overflow: hidden;
  height: 50px !important;
}

.download-icon {
  display: inline-flex !important;
}
.download-icon:hover path {
  fill: #ffffff;
}

.border-1 {
  border-width: 1px !important;
}

.font-weight-semi-bold {
  font-weight: 600;
}

.download-icon--loading {
  background-color: white;
  color: #2d2b73;
}
.download-icon--loading:hover {
  background-color: white !important;
  color: #2d2b73 !important;
}

.bg-white {
  background-color: #fff !important;
}

@media only screen and (max-width: 1024px) {
  .header__bar .row--vcenter {
    flex-wrap: nowrap;
  }

  .header .row--vcenter {
    flex-wrap: nowrap;
  }

  .choose-file-button {
    max-width: 300px;
    min-width: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .mobile-chat-container {
    right: 30px;
    left: auto !important;
  }

  .invoice-wrapper .row--vcenter {
    display: inherit !important;
  }
}
.t-5 {
  top: 5px;
}

.font-85 {
  font-size: 0.875rem;
}

.text-transform-upper {
  text-transform: uppercase;
}

.d-inline-block {
  display: inline-block !important;
}

/*------------------------------------*\
    ESSENTIALS
\*------------------------------------*/
.col-lg-2-4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1200px) {
  .col-lg-2-4 {
    float: left;
    width: 20%;
  }
}

.col-md-2-4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .col-md-2-4 {
    float: left;
    width: 20%;
  }
}

.col-sm-2-4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .col-sm-2-4 {
    float: left;
    width: 20%;
  }
}

.col-xs-2-4 {
  position: relative;
  float: left;
  width: 20%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 992px) {
  .col-md-push-2-4 {
    left: 20%;
  }
}

@media (min-width: 992px) {
  .col-md-pull-2-4 {
    right: 20%;
  }
}

@media (min-width: 992px) {
  .col-md-offset-2-4 {
    margin-left: 20%;
  }
}

.redirected-message {
  position: fixed;
  top: 0px;
  /* position toast at the top */
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  background-color: #c84c4c;
  color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  /* make sure it's on top */
  display: none;
  /* initially hidden */
  opacity: 0;
  /* initially transparent */
  transition: opacity 0.3s;
  /* add a fade transition */
  width: 100%;
  /* Full width */
  max-width: 100%;
  /* Max width */
  text-align: center;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}

.alert {
  border-radius: 0;
}
.alert p {
  line-height: 120%;
  font-size: 0.625em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .alert p {
    font-size: 0.75em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
  }
}

.website-alerts {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 9999;
}
.website-alerts.affix, .website-alerts.affix-bottom {
  position: fixed;
  top: 66px;
}
@media only screen and (min-width: 992px) {
  .website-alerts.affix, .website-alerts.affix-bottom {
    top: 0;
  }
}
.website-alerts.affix.website-alerts--loggedin, .website-alerts.affix-bottom.website-alerts--loggedin {
  top: 97px;
}
@media only screen and (min-width: 992px) {
  .website-alerts.affix.website-alerts--loggedin, .website-alerts.affix-bottom.website-alerts--loggedin {
    top: 0;
  }
}
.modal-open .website-alerts {
  top: 0;
}
.website-alerts__alert {
  position: relative;
  display: none;
  padding: 15px 0;
  background: #2d2b73;
  color: white;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .website-alerts__alert {
    padding: 10px 0;
  }
}
@media only screen and (min-width: 992px) {
  .modal-open .website-alerts__alert {
    padding-right: 17px;
  }
}
.website-alerts__alert .container {
  position: relative;
}
.website-alerts__alert--primary {
  background: #337ab7;
}
.website-alerts__alert--info {
  background: #5bc0de;
}
.website-alerts__alert--success {
  background: #55813f;
}
.website-alerts__alert--warning {
  background: #f0ad4e;
}
.website-alerts__alert--error {
  background: #c84c4c;
}
.website-alerts__close {
  position: relative;
  float: right;
  padding: 0;
  border: 0;
  background: none;
  text-transform: uppercase;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
.website-alerts__close .icon {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
@media only screen and (min-width: 992px) {
  .website-alerts__close .icon {
    width: 9px;
    height: 9px;
  }
}
.website-alerts__close .icon:before, .website-alerts__close .icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 2px;
  border: 1px solid;
  background: white;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.website-alerts__close .icon:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.website-alerts__close .icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.website-alerts__close:before {
  vertical-align: middle;
}
@media only screen and (min-width: 992px) {
  .website-alerts__close:before {
    content: "Close";
  }
}
.website-alerts__close .icon {
  margin: 1px 0 0 20px;
}
@media only screen and (min-width: 992px) {
  .website-alerts__close .icon {
    margin: 1px 0 0 10px;
  }
}
.website-alerts__message {
  line-height: 120%;
  font-size: 0.688em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .website-alerts__message {
    font-size: 0.875em;
    font-family: "AvantGardeLTBold";
  }
}
.website-alerts__message a {
  border-bottom: 1px solid;
  color: inherit;
}
.website-alerts__message button {
  margin: 0 5px;
  padding: 0;
  border: none;
  background: none;
  font-size: 0.875em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
.website-alerts__message button:first-child {
  margin-left: 0;
}
.website-alerts__message button:last-child {
  margin-right: 0;
}
.website-alerts__message .icon {
  position: relative;
  top: -1px;
  margin: 0 5px;
  vertical-align: middle;
  font-size: 1.25em;
}
.website-alerts__message .icon:first-child {
  margin-left: 0;
}
.website-alerts__message .icon:last-child {
  margin-right: 0;
}

.body-backdrop {
  position: fixed;
  top: -100%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  background-color: #000c19;
  content: "";
  opacity: 0;
  transition: 0.3s 0s opacity, 0s 0.3s top;
}
@media only screen and (min-width: 992px) {
  .body-backdrop {
    z-index: 100;
    transition: 0.3s 0s opacity, 0s 0s top;
  }
}

.heading {
  display: block;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  color: #2d2b73;
  z-index: 3;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .heading br {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .heading {
    margin: 0 0 30px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .heading {
    margin: 0 0 35px 0;
  }
}
.heading:last-child {
  margin-bottom: 0;
}
.heading + .intro {
  margin: 0.625rem 0 0 0;
}
.section--dark .heading {
  color: inherit;
}
.heading u {
  border-bottom: 2px solid;
  text-decoration: none;
}
.heading--xxl {
  line-height: 120%;
  letter-spacing: 0.1em;
  font-size: 3em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .heading--xxl {
    font-size: 2.75em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1600px) {
  .heading--xxl {
    font-size: 4.5em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
.heading--lv1, .text-box h1 {
  line-height: 120%;
  letter-spacing: 0.1em;
  font-size: 1.75em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .heading--lv1, .text-box h1 {
    font-size: 2.75em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1600px) {
  .heading--lv1, .text-box h1 {
    font-size: 3em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
.heading--lv2 {
  line-height: 120%;
  letter-spacing: 0.1em;
  font-size: 1.5em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .heading--lv2 {
    font-size: 1.625em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1200px) {
  .heading--lv2 {
    font-size: 2.25em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
.heading--lv3 {
  line-height: 120%;
  letter-spacing: 0.1em;
  font-size: 1.25em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .heading--lv3 {
    font-size: 1.5em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
.heading--lv4 {
  margin: 0 0 15px 0;
  line-height: 120%;
  letter-spacing: 0.1em;
  color: black;
  font-size: 1.125em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .heading--lv4 {
    margin: 0 0 20px 0;
    font-size: 1.375em;
    font-family: "AvantGardeLTMedium";
  }
}
.heading--lv5 {
  text-transform: none;
  line-height: 110%;
  letter-spacing: 0.05em;
  font-size: 1.25em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .heading--lv5 {
    font-size: 1.75em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
.heading:last-child {
  margin-bottom: 0;
}
.heading--main {
  color: #2d2b73;
}
.heading--center {
  text-align: center;
}
.heading--uppercase {
  text-transform: uppercase;
}
.heading--no-transform {
  text-transform: none;
}
.heading--no-padding {
  margin-bottom: 0;
  padding-bottom: 0;
}
.heading--fit-content {
  width: fit-content;
}
.heading__bg {
  padding: 0 0.313rem;
  background: #e9d16d;
}
.heading a {
  color: inherit;
}
.heading .icon {
  position: relative;
  top: 0.313rem;
  margin: 0 0.625rem 0 0;
  font-size: 1.5em;
}

@media only screen and (min-width: 992px) {
  .heading-box--center {
    text-align: center;
  }
}
.heading-box--border {
  border-bottom: 1px solid #2d2b73;
  padding-bottom: 1.25rem;
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 992px) {
  .heading-box--border {
    padding-bottom: 1.875rem;
    margin-bottom: 60px;
  }
}

.subheading {
  display: block;
  margin: 0 0 2px 0;
  color: #2d2b73;
  text-transform: uppercase;
  line-height: 140%;
  font-size: 0.625em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .subheading {
    margin: 0 0 0.313rem 0;
    font-size: 0.75em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
  }
}
.subheading--center {
  text-align: center;
}
.subheading--underline {
  position: relative;
  display: block;
  color: #2d2b73;
}
.subheading--underline:after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 0.625rem;
  max-width: 55px;
  width: 100%;
  border-top: 3px solid;
  content: "";
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media only screen and (min-width: 1600px) {
  .evolution-block .heading--lv2 {
    font-size: 3em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
.mb-25 {
  margin-bottom: 2.5rem !important;
}

.d-hidden {
  visibility: hidden;
}

.text-box {
  margin: 0 0 20px 0;
  color: #363636;
  text-transform: none;
  z-index: 5;
  position: relative;
}
.text-box__password p a {
  color: #000fff;
}
@media only screen and (min-width: 992px) {
  .text-box {
    margin: 0 0 30px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .text-box {
    margin: 0 0 35px 0;
  }
}
.text-box:last-child {
  margin-bottom: 0;
}
.section--dark .text-box {
  color: #fff;
}
.text-box iframe {
  margin: 0 0 1.875rem 0;
  width: 100%;
}
.text-box h1,
.text-box h2,
.text-box h3,
.text-box h4,
.text-box h5 {
  padding-top: 0.625rem;
  color: #2d2b73;
}
.text-box h1:first-child,
.text-box h2:first-child,
.text-box h3:first-child,
.text-box h4:first-child,
.text-box h5:first-child {
  padding-top: 0;
}
.text-box h1:last-child,
.text-box h2:last-child,
.text-box h3:last-child,
.text-box h4:last-child,
.text-box h5:last-child {
  margin-bottom: 0;
}
.text-box .media {
  margin: 0 0 1.25rem 0;
}
@media only screen and (min-width: 992px) {
  .text-box .media {
    margin: 0 0 1.875rem 0;
  }
}
.text-box .media:last-child {
  margin-bottom: 0;
}
.text-box .media iframe {
  margin-bottom: 0;
}
.text-box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.text-box img.left, .text-box img.leftAlone {
  margin-right: auto;
  margin-left: 0;
}
.text-box img.right, .text-box img.rightAlone {
  margin-right: 0;
  margin-left: auto;
}
.text-box .captionImage {
  padding: 0 0 0.938rem 0;
}
@media only screen and (min-width: 992px) {
  .text-box .captionImage {
    padding: 0 0 1.25rem 0;
  }
}
.text-box .captionImage:last-child {
  padding-bottom: 0;
}
.text-box p {
  padding: 0 0 0.938rem 0;
  line-height: 150%;
  letter-spacing: 0.0125em;
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .text-box p {
    padding: 0 0 1.25rem 0;
    font-size: 1em;
    font-family: "AvantGardeLTBook";
  }
}
.text-box p:last-child {
  padding-bottom: 0;
}
.text-box p.caption {
  padding: 0.313rem 0 0 0;
  font-style: italic;
  line-height: 120%;
  font-size: 0.688em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .text-box p.caption {
    padding: 0.625rem 0 0 0;
  }
}
.text-box table {
  width: 100%;
  text-align: left;
}
.text-box th {
  padding: 8px 0.313rem;
  background: #e1e1e1;
  color: #141414;
  line-height: 160%;
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .text-box th {
    padding: 12px 0.625rem;
    font-size: 1em;
    font-family: "AvantGardeLTBold";
  }
}
.text-box td {
  padding: 0.313rem;
  border-top: 1px solid #e1e1e1;
  color: #363636;
  line-height: 120%;
  font-size: 0.75em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .text-box td {
    padding: 0.625rem;
    font-size: 0.875em;
    font-family: "AvantGardeLTBook";
  }
}
.text-box ul,
.text-box ol {
  padding: 0 0 0.938rem 0;
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .text-box ul,
.text-box ol {
    padding: 0 0 1.25rem 0;
  }
}
.text-box ul:last-child,
.text-box ol:last-child {
  padding-bottom: 0;
}
.text-box ul li,
.text-box ol li {
  padding: 0 0 0.313rem 1.25rem;
  line-height: 150%;
  letter-spacing: 0.0125em;
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .text-box ul li,
.text-box ol li {
    padding: 0 0 0.313rem 0.625rem;
    padding-left: 1.875rem;
    font-size: 1em;
    font-family: "AvantGardeLTBook";
  }
}
.text-box ul li:last-child,
.text-box ol li:last-child {
  padding-bottom: 0;
}
.text-box ul li:before {
  display: block;
  float: left;
  margin: 8px 0 0 -22px;
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  border-radius: 50%;
  color: black;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (min-width: 992px) {
  .text-box ul li:before {
    margin-left: 8px 0 0 -30px;
  }
}
.section--dark .text-box ul li {
  color: white;
}
.text-box ol {
  counter-reset: textBoxOl;
}
.text-box ol li:before {
  display: block;
  float: left;
  margin: 0 0 0 -22px;
  color: #2d2b73;
  content: counter(textBoxOl) ".";
  counter-increment: textBoxOl;
  font-size: 1em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .text-box ol li:before {
    margin-left: -30px;
  }
}
.section--dark .text-box ol li:before {
  color: white;
}
.text-box a {
  color: #2d2b73;
}
@media only screen and (min-width: 992px) {
  .text-box a {
    transition: 0.2s 0s;
  }
}
.section--dark .text-box a {
  color: white;
}
.text-box a.button {
  color: white;
}
.text-box button {
  padding: 0;
  border: none;
  background: none;
  font-size: 1em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
.text-box b,
.text-box strong {
  font-size: 1em;
  font-family: "AvantGardeLTBold";
}
.section--dark .text-box b,
.section--dark .text-box strong {
  color: inherit;
}
.text-box--big p {
  font-size: 1.125em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .text-box--big p {
    font-size: 1.25em;
    font-family: "AvantGardeLTBook";
  }
}
.text-box--small p {
  font-size: 0.688em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .text-box--small p {
    font-size: 0.75em;
    font-family: "AvantGardeLTBook";
  }
}
.text-box--small ul li,
.text-box--small ol li {
  font-size: 0.688em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .text-box--small ul li,
.text-box--small ol li {
    font-size: 0.75em;
    font-family: "AvantGardeLTBook";
  }
}
.text-box--small ul li:before {
  margin-top: 0.313rem;
}
@media only screen and (min-width: 992px) {
  .text-box--small ul li:before {
    margin-top: 0.313rem;
  }
}
.text-box--xsmall p {
  font-size: 0.625em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .text-box--xsmall p {
    font-size: 0.688em;
    font-family: "AvantGardeLTBook";
  }
}
.text-box--xsmall ul li,
.text-box--xsmall ol li {
  font-size: 0.625em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .text-box--xsmall ul li,
.text-box--xsmall ol li {
    font-size: 0.688em;
    font-family: "AvantGardeLTBook";
  }
}
.text-box--xsmall ul li:before {
  margin-top: 0.313rem;
}
@media only screen and (min-width: 992px) {
  .text-box--xsmall ul li:before {
    margin-top: 0.313rem;
  }
}
@media only screen and (min-width: 992px) {
  .text-box--col2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
.text-box--col2 li {
  page-break-inside: avoid;
}
.text-box--center {
  text-align: center;
}
.text-box--center ul {
  text-align: inherit;
}
.text-box--center img {
  margin: 0 auto !important;
}
.text-box--white {
  color: white;
}
.text-box--white p,
.text-box--white .heading {
  color: white;
}

@media only screen and (min-width: 1600px) {
  .evolution-block .text-box p {
    font-size: 1.2em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
  }
}
.photo {
  /*max-width: 320px;*/
}
@media only screen and (max-width: 1199px) {
  .photo {
    /*display: inline-block;*/
  }
}
@media only screen and (min-width: 768px) {
  .photo {
    max-width: 480px;
  }
}
@media only screen and (min-width: 992px) {
  .photo {
    margin: 0 auto;
    max-width: 600px;
  }
}
@media only screen and (min-width: 1200px) {
  .photo {
    max-width: none;
  }
}
.photo img {
  display: block;
  max-width: 100%;
  /*width: 100%;*/
  height: auto;
}
.photo--center {
  margin: 0 auto;
}
.photo--center img {
  margin-right: auto;
  margin-left: auto;
}
.photo--zoom {
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .photo--zoom:hover img, .photo--zoom:focus img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  .photo--zoom img {
    transition: 0.2s 0s;
  }
}
.photo__bg {
  display: block;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.photo__link {
  position: relative;
  display: block;
  color: inherit;
}
.photo__video-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  padding: 0.938rem 0.625rem 0.625rem 0.625rem;
  background: black;
  color: white;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.05em;
  pointer-events: none;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  font-size: 0.625em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .photo__video-helper {
    padding: 1.875rem 25px 1.25rem 25px;
    font-size: 0.875em;
    font-family: "AvantGardeLTMedium";
  }
}
.photo__video-helper:before {
  display: block;
  margin: 0 auto 0.938rem auto;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 1.25rem solid white;
  content: "";
}
@media only screen and (min-width: 992px) {
  .photo__video-helper:before {
    margin-bottom: 1.25rem;
    border-top-width: 1.25rem;
    border-bottom-width: 1.25rem;
    border-left-width: 1.875rem;
  }
}
.photo__caption {
  display: block;
  padding: 0.625rem 0 0 0;
  line-height: 140%;
  font-size: 1em;
  font-family: "AvantGardeLTBook";
}
.photo__caption a {
  color: inherit;
}

.photo-list__item {
  margin: 0 0 1.25rem 0;
}

.field {
  position: relative;
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  border: 1px solid #e1e1e1;
  background: white;
  color: black;
  text-align: left;
  cursor: text;
  transition: 0.2s 0s;
}
@media only screen and (min-width: 992px) {
  .field {
    padding: 8px 0 9px 0;
  }
}
@media only screen and (min-width: 992px) {
  .field[data-label] {
    padding: 0;
  }
}
.field[data-label]:before {
  position: absolute;
  top: 50%;
  padding: 0 10px;
  max-width: 85%;
  content: attr(data-label);
  text-transform: none;
  line-height: 130%;
  opacity: 0.75;
  transition-delay: 0.1s;
  transition: 0.2s 0s;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (min-width: 992px) {
  .field[data-label]:before {
    padding: 0 15px;
  }
}
.field[data-label] .field__input, .field[data-label] .login-area input, .login-area .field[data-label] input,
.field[data-label] .login-area textarea,
.login-area .field[data-label] textarea,
.field[data-label] .login-area select,
.login-area .field[data-label] select {
  position: relative;
  z-index: 1;
  opacity: 0;
}
.field[data-label] .field__alt {
  position: absolute;
  opacity: 0;
}
.field[data-label] .field__text {
  position: relative;
  top: 20px;
  display: inline;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0s;
  transition: 0.2s 0s;
}
.field--center {
  text-align: center;
}
.field--alert {
  border-color: #c84c4c;
  color: #c84c4c;
}
.field--alert:before,
.field--alert .field__text,
.field--alert .field[data-label] .field__text,
.field[data-label] .field--alert .field__text {
  color: inherit;
}
.field--alert--ml {
  margin-left: 10px;
}
.field--success:before,
.field--success .field__text,
.field--success .field[data-label] .field__text,
.field[data-label] .field--success .field__text {
  color: #55813f !important;
}
.field--focus[data-label]:before, .field--filled[data-label]:before {
  opacity: 0;
  transition-delay: 0s;
}
.field--focus[data-label] .field__text, .field--filled[data-label] .field__text {
  top: 3px;
  opacity: 1;
  transition-delay: 0.1s;
}
.field--focus[data-label] .field__input, .field--focus[data-label] .login-area input, .login-area .field--focus[data-label] input,
.field--focus[data-label] .login-area textarea,
.login-area .field--focus[data-label] textarea,
.field--focus[data-label] .login-area select,
.login-area .field--focus[data-label] select, .field--filled[data-label] .field__input, .field--filled[data-label] .login-area input, .login-area .field--filled[data-label] input,
.field--filled[data-label] .login-area textarea,
.login-area .field--filled[data-label] textarea,
.field--filled[data-label] .login-area select,
.login-area .field--filled[data-label] select {
  opacity: 1;
}
.field--focused {
  border-color: black;
}
.field--inline {
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  color: inherit;
}
@media only screen and (min-width: 992px) {
  .field--inline {
    margin-right: 20px;
  }
}
.field--inline + .field--inline {
  margin-top: 0 !important;
}
.field--big .field__input, .field--big .login-area input, .login-area .field--big input,
.field--big .login-area textarea,
.login-area .field--big textarea,
.field--big .login-area select,
.login-area .field--big select {
  height: 40px;
  font-size: 1em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .field--big .field__input, .field--big .login-area input, .login-area .field--big input,
.field--big .login-area textarea,
.login-area .field--big textarea,
.field--big .login-area select,
.login-area .field--big select {
    height: 50px;
    font-size: 2em;
    font-family: "AvantGardeLTBook";
  }
}
.field--textarea:before, .login-area textarea:before {
  top: 28px !important;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.field--textarea .field__input, .login-area textarea .field__input, .field--textarea .login-area input, .login-area .field--textarea input, .login-area textarea input,
.field--textarea .login-area textarea,
.login-area .field--textarea textarea,
.login-area textarea textarea,
.field--textarea .login-area select,
.login-area .field--textarea select,
.login-area textarea select {
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 30px;
  max-height: 500px;
  height: 150px;
  line-height: 140%;
  resize: vertical;
  transition: none;
}
@media only screen and (min-width: 992px) {
  .field--textarea .field__input, .login-area textarea .field__input, .field--textarea .login-area input, .login-area .field--textarea input, .login-area textarea input,
.field--textarea .login-area textarea,
.login-area .field--textarea textarea,
.login-area textarea textarea,
.field--textarea .login-area select,
.login-area .field--textarea select,
.login-area textarea select {
    min-height: 30px;
    height: 200px;
  }
}
.field--select:after, .login-area select:after {
  position: absolute;
  right: 10px;
  bottom: 15px;
  z-index: 1;
  width: 6px;
  height: 6px;
  border: 1px solid;
  border-width: 2px 2px 0 0;
  content: "";
  pointer-events: none;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
@media only screen and (min-width: 992px) {
  .field--select:after, .login-area select:after {
    right: 15px;
    bottom: 20px;
  }
}
.field--select .field__input, .login-area select .field__input, .field--select .login-area input, .login-area .field--select input, .login-area select input,
.field--select .login-area textarea,
.login-area .field--select textarea,
.login-area select textarea,
.field--select .login-area select,
.login-area .field--select select,
.login-area select select {
  position: relative;
  z-index: 1;
  display: block;
  padding-right: 25px;
  background-position: center right;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.field--select .field__input::-ms-expand, .login-area select .field__input::-ms-expand, .field--select .login-area input::-ms-expand, .login-area .field--select input::-ms-expand, .login-area select input::-ms-expand,
.field--select .login-area textarea::-ms-expand,
.login-area .field--select textarea::-ms-expand,
.login-area select textarea::-ms-expand,
.field--select .login-area select::-ms-expand,
.login-area .field--select select::-ms-expand,
.login-area select select::-ms-expand {
  display: none;
}
.field--select option, .login-area select option {
  padding: 2px 15px;
}
.field--radio, .login-area input[type=radio], .field--checkbox, .login-area input[type=checkbox] {
  overflow: visible;
  margin-bottom: 10px;
  border: none;
  background: none;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .field--radio, .login-area input[type=radio], .field--checkbox, .login-area input[type=checkbox] {
    margin-bottom: 15px;
  }
}
.field--radio.field--checked .field__value, .login-area input.field--checked[type=radio] .field__value, .field--checkbox.field--checked .field__value, .login-area input.field--checked[type=checkbox] .field__value {
  opacity: 1;
}
.field--radio .field__text, .login-area input[type=radio] .field__text, .field--radio .field[data-label] .field__text, .field[data-label] .field--radio .field__text, .field--checkbox .field__text, .login-area input[type=checkbox] .field__text, .field--checkbox .field[data-label] .field__text, .field[data-label] .field--checkbox .field__text {
  margin: 0 0 10px 0;
}
.field--radio .field__input, .login-area input[type=radio] .field__input, .field--radio .login-area input, .login-area .field--radio input, .login-area input[type=radio] input,
.field--radio .login-area textarea,
.login-area .field--radio textarea,
.login-area input[type=radio] textarea,
.field--radio .login-area select,
.login-area .field--radio select,
.login-area input[type=radio] select, .field--checkbox .field__input, .login-area input[type=checkbox] .field__input, .field--checkbox .login-area input, .login-area .field--checkbox input, .login-area input[type=checkbox] input,
.field--checkbox .login-area textarea,
.login-area .field--checkbox textarea,
.login-area input[type=checkbox] textarea,
.field--checkbox .login-area select,
.login-area .field--checkbox select,
.login-area input[type=checkbox] select {
  position: absolute;
  top: 1px;
  float: left;
  width: auto;
  height: auto;
  opacity: 0;
  cursor: pointer;
}
.field--radio .field__value, .login-area input[type=radio] .field__value, .field--checkbox .field__value, .login-area input[type=checkbox] .field__value {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: middle;
  line-height: 120%;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
.field--radio .field__value a, .login-area input[type=radio] .field__value a, .field--checkbox .field__value a, .login-area input[type=checkbox] .field__value a {
  border-bottom: 1px solid;
  color: black;
}
.field--radio .field__value--gray, .login-area input[type=radio] .field__value--gray, .field--checkbox .field__value--gray, .login-area input[type=checkbox] .field__value--gray {
  color: gray;
}
.field + .field--radio, .login-area .field + input[type=radio], .field + .field--checkbox, .login-area .field + input[type=checkbox] {
  margin-top: 10px;
}
@media only screen and (min-width: 992px) {
  .field + .field--radio, .login-area .field + input[type=radio], .field + .field--checkbox, .login-area .field + input[type=checkbox] {
    margin-top: 15px;
  }
}
.field--radio:before, .login-area input[type=radio]:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 0 0 1px rgba(0, 30, 61, 0.3) inset, 0 0 0 4px white inset;
  content: "";
  vertical-align: middle;
}
.field--radio.field--checked:before, .login-area input.field--checked[type=radio]:before {
  background: #001e3d;
}
.field--checkbox:before, .login-area input[type=checkbox]:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: white;
  box-shadow: 0 0 0 1px #e1e1e1 inset, 0 0 0 4px white inset;
  content: "";
  vertical-align: middle;
  text-align: center;
  font-size: 1em;
  font-family: icomoon;
  line-height: 20px;
}
@media only screen and (min-width: 992px) {
  .field--checkbox:before, .login-area input[type=checkbox]:before {
    width: 40px;
    height: 40px;
    font-size: 1.25em;
    line-height: 38px;
  }
}
.field--checkbox.dark:before, .login-area input.dark[type=checkbox]:before {
  box-shadow: 0 0 0 1px #666666 inset;
}
.field--checkbox.field--checked:before, .login-area input.field--checked[type=checkbox]:before {
  color: #001e3d;
  content: "\e900";
}
.field--qty {
  overflow: hidden;
  padding: 0;
  height: auto !important;
  background: none;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
}
.field--qty .field__control {
  position: relative;
  background: #e1e1e1;
  color: rgba(0, 0, 0, 0.5);
  vertical-align: top;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
  min-width: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media only screen and (min-width: 992px) {
  .field--qty .field__control {
    transition: 0.2s;
  }
  .field--qty .field__control:hover, .field--qty .field__control:focus {
    background: #c8c8c8;
  }
}
.field--qty .field__control--minus:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -1px;
  margin-left: -4px;
  width: 8px;
  height: 1px;
  background: black;
  content: "";
}
.field--qty .field__control--plus:before {
  position: absolute;
  top: 50%;
  right: 50%;
  display: block;
  margin-top: -1px;
  margin-right: -4px;
  width: 7px;
  height: 1px;
  background: black;
  content: "";
}
.field--qty .field__control--plus:after {
  position: absolute;
  top: 50%;
  right: 50%;
  display: block;
  margin-top: -4px;
  margin-right: -1px;
  width: 1px;
  height: 7px;
  background: black;
  content: "";
}
.field--qty .field__control .icon {
  vertical-align: middle;
}
.field--qty .field__text, .field--qty .field[data-label] .field__text, .field[data-label] .field--qty .field__text {
  width: 100%;
  text-align: center;
}
.field--qty .field__input, .field--qty .login-area input, .login-area .field--qty input,
.field--qty .login-area textarea,
.login-area .field--qty textarea,
.field--qty .login-area select,
.login-area .field--qty select {
  display: inline-block;
  padding: 0;
  width: 47px;
  height: 30px;
  background: white;
  color: inherit;
  vertical-align: top;
  text-align: center;
  min-width: 0;
  -ms-flex: 1 0%;
}
@media only screen and (min-width: 992px) {
  .field--qty .field__input, .field--qty .login-area input, .login-area .field--qty input,
.field--qty .login-area textarea,
.login-area .field--qty textarea,
.field--qty .login-area select,
.login-area .field--qty select {
    height: 30px;
    font-size: 0.75em;
    font-family: "AvantGardeLTMedium";
  }
}
.field--qty .icon:before {
  font-weight: bold;
}
.field--datepicker {
  position: relative;
}
.field--datepicker:after {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 1;
  content: "\e917";
  font-family: icomoon;
  pointer-events: none;
}
.field--card:after {
  position: absolute;
  right: 10px;
  bottom: 50%;
  z-index: 1;
  width: 29px;
  height: 19px;
  background: center center no-repeat;
  background-size: contain;
  content: "";
  pointer-events: none;
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
@media only screen and (min-width: 992px) {
  .field--card:after {
    right: 15px;
  }
}
.field--card-visa_electron:after, .field--card-visa:after {
  background-image: url(../../img/cards/ic-card-visa.png);
}
.field--card-mastercard:after {
  background-image: url(../../img/cards/ic-card-master.png);
}
.field--area {
  padding: 15px;
  background: #f0f0f0;
}
.field--highlighted {
  border-color: #2d2b73;
}
.field--disabled {
  background: #f0f0f0;
}
.field--disabled .field__input, .field--disabled .login-area input, .login-area .field--disabled input,
.field--disabled .login-area textarea,
.login-area .field--disabled textarea,
.field--disabled .login-area select,
.login-area .field--disabled select {
  background: none;
}
.field__group {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.field__group__item {
  margin: 0;
}
.field__group__item--full {
  flex: 1;
}
.field__group__item.button {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 49px;
}
.field__result {
  margin-right: -5px;
  margin-left: -5px;
}
.field__tag {
  position: relative;
  display: inline-block;
  margin: 5px;
  padding: 10px 45px 10px 10px;
  min-width: 125px;
  background: #e1e1e1;
}
.field__tag__text {
  font-size: 0.75em;
  font-family: "AvantGardeLTBook";
}
.field__tag__close {
  position: absolute;
  top: 13px;
  right: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 10px;
  cursor: pointer;
}
.field__alt, .field__input, .login-area input,
.login-area textarea,
.login-area select {
  box-sizing: border-box !important;
  padding: 0 10px;
  width: 100%;
  height: 30px;
  border: none;
  background: none;
  box-shadow: none;
  color: inherit;
  text-align: inherit;
  line-height: 30px;
  font-size: 1em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .field__alt, .field__input, .login-area input,
.login-area textarea,
.login-area select {
    padding: 0 15px;
    height: 30px;
    transition: 0.2s 0s;
    font-size: 0.75em;
    font-family: "AvantGardeLTBold";
  }
}
.field__alt::-webkit-input-placeholder, .field__input::-webkit-input-placeholder, .login-area input::-webkit-input-placeholder,
.login-area textarea::-webkit-input-placeholder,
.login-area select::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}
.field__alt--autoresize, .field__input--autoresize {
  padding-right: 20px;
  opacity: 0;
}
.field__alt--autoresize + .field__input, .login-area .field__alt--autoresize + input,
.login-area .field__alt--autoresize + textarea,
.login-area .field__alt--autoresize + select, .field__input--autoresize + .field__input, .login-area .field__input--autoresize + input,
.login-area .field__input--autoresize + textarea,
.login-area .field__input--autoresize + select {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
.field__alt {
  position: absolute;
  bottom: 5px;
  left: 0;
  z-index: 1;
  background: inherit;
  line-height: 30px;
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  .field__alt {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .field__alt {
    line-height: 30px;
  }
}
.field__text, .field[data-label] .field__text {
  display: block;
  padding: 5px 10px 0 10px;
  color: inherit;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 120%;
  font-size: 0.563em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .field__text, .field[data-label] .field__text {
    padding: 3px 15px 2px 15px;
    font-size: 0.625em;
    font-family: "AvantGardeLTMedium";
  }
}
.field__text a, .field[data-label] .field__text a {
  color: black;
}
.field .field__text.field__text--iframe {
  font-size: 0.563em;
  font-family: "AvantGardeLTBold";
  color: #363636;
  letter-spacing: 0;
  text-transform: unset;
}
@media only screen and (min-width: 992px) {
  .field .field__text.field__text--iframe {
    padding: 3px 15px 2px 15px;
    color: #363636;
    text-transform: unset;
    letter-spacing: 0;
    font-size: 0.75em;
    font-family: "AvantGardeLTBold";
  }
}
.field__value {
  display: block;
  line-height: 140%;
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
}
.field__value b {
  font-weight: inherit;
}
.field__after {
  position: relative;
  float: right;
  margin: 0 10px -44px 0;
  line-height: 30px;
  font-size: 1em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .field__after {
    margin-right: 20px;
  }
}
.field__after--button {
  margin-right: 0;
  width: 50px;
  color: black;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.field__after .icon {
  display: block;
  color: black;
  font-size: 1.5em;
  line-height: inherit;
}
.field__alert {
  position: absolute;
  right: -1px;
  bottom: 0;
  z-index: 1;
  display: none;
  padding: 5px 10px;
  background: #c84c4c;
  color: white;
  text-align: left;
  line-height: 120%;
  font-size: 0.625em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .field__alert {
    padding: 5px 15px;
    font-size: 0.688em;
    font-family: "AvantGardeLTMedium";
  }
}
.field__alert:before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-width: 0 5px 5px 5px;
  border-style: solid;
  border-color: transparent transparent #c84c4c transparent;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.field--addon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.field--addon .field__suffix,
.field--addon .field__prefix {
  width: 20%;
}
.field--addon .field__input, .field--addon .login-area input, .login-area .field--addon input,
.field--addon .login-area textarea,
.login-area .field--addon textarea,
.field--addon .login-area select,
.login-area .field--addon select {
  width: 80%;
}
.field__suffix, .field__prefix {
  display: inline-block;
  color: #7d7d7d;
  text-align: center;
  font-size: 0.75em;
}

@media only screen and (max-width: 991px) {
  .field__suffix,
.field__prefix {
    color: #000;
  }
}
.field .field__input input[type=tel], .field .login-area input input[type=tel], .login-area .field input input[type=tel],
.field .login-area textarea input[type=tel],
.login-area .field textarea input[type=tel],
.field .login-area select input[type=tel],
.login-area .field select input[type=tel] {
  padding: 0 !important;
}

.field--disable-alert {
  color: #000 !important;
  border: 1px solid #e1e1e1 !important;
}

.react-datepicker__input-container .field__input, .react-datepicker__input-container .login-area input, .login-area .react-datepicker__input-container input,
.react-datepicker__input-container .login-area textarea,
.login-area .react-datepicker__input-container textarea,
.react-datepicker__input-container .login-area select,
.login-area .react-datepicker__input-container select {
  caret-color: transparent;
}

.steps-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -6.25rem 0 0 0;
}
@media only screen and (max-width: 991px) {
  .steps-container {
    margin: -5rem 0 0 0;
  }
}
.steps-container .progressbar {
  counter-reset: step;
  width: 60%;
}
@media only screen and (max-width: 991px) {
  .steps-container .progressbar {
    width: 100%;
  }
}
.steps-container .progressbar li {
  list-style: none;
  display: inline-block;
  width: 33%;
  position: relative;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .steps-container .progressbar li {
    font-size: 13px;
    font-weight: 400;
  }
}
@media only screen and (max-width: 767px) {
  .steps-container .progressbar li span {
    display: block;
  }
}
.steps-container .progressbar li::before {
  content: counter(step);
  counter-increment: step;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border: 1px solid #ddd;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  color: #fff;
  background-color: #666666;
  font-size: 24px;
}
@media only screen and (max-width: 991px) {
  .steps-container .progressbar li::before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
  }
}
.steps-container .progressbar li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  top: 30px;
  left: -50%;
  z-index: -1;
}
@media only screen and (max-width: 991px) {
  .steps-container .progressbar li::after {
    top: 15px;
  }
}
.steps-container .progressbar li:first-child::after {
  content: none;
}
.steps-container .progressbar .selected span {
  font-weight: 700;
}
.steps-container .progressbar .active {
  border-color: #2d2b73;
  color: #2d2b73;
}
@media only screen and (max-width: 991px) {
  .steps-container .progressbar .active {
    font-size: 13px;
  }
}
.steps-container .progressbar .active::before {
  background-color: #2d2b73;
}
.steps-container .progressbar .active::after {
  background-color: #2d2b73;
}

.msf-footer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.msf-footer__button {
  min-width: 10rem;
  min-height: 3.25rem;
  font-size: 14px;
  font-weight: 700;
}

.ms-form {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ms-form__wrapper {
  width: 60rem;
  padding: 1.875rem;
  background: #f4f4fb;
}
@media only screen and (max-width: 767px) {
  .ms-form__wrapper {
    width: 24.375rem;
    padding: 1.875rem 1.25rem;
    background: #f4f4fb;
  }
}
.ms-form__wrapper .custom--button {
  display: inline-block;
  color: #2d2b73;
  background: rgba(45, 43, 115, 0.1);
  min-width: 10rem;
  min-height: 3.25rem;
  font-size: 14px;
  transition: 0.2s 0s;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: "jaf-domus", sans-serif;
  border: 0.125rem solid transparent;
}
.ms-form__wrapper .custom--button:hover {
  background: #2d2b73;
  color: #fff;
  border: 0.125rem solid #2d2b73;
}
.ms-form__wrapper .credit-section {
  background: #eaeaf1;
  padding: 1rem;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .ms-form__wrapper .credit-section {
    margin: 0 -1.25rem;
    border-radius: 0px;
  }
}
.ms-form__wrapper .credit-section .text-box p {
  font-size: 0.825em;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .ms-form__wrapper .credit-section .text-box p {
    font-size: 0.75em;
    line-height: 22px;
  }
}
.ms-form__wrapper .person-details {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .ms-form__wrapper .person-details {
    padding: 1.875rem 1.25rem;
  }
}

.form-wrapper {
  padding: 1.875rem 1.25rem;
  background: #f0f0f0;
}

.form-swap {
  display: inline-block;
  margin: 0.625rem 0 0 0;
  padding: 0;
  border: none;
  background: none;
  text-align: right;
  font-size: 0.688em;
  font-family: "AvantGardeLTBook";
}

.form {
  position: relative;
  z-index: 5;
}
.form__submit {
  position: relative;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
}
.form__submit--loading span {
  position: relative;
  display: block;
  padding-left: 1.875rem;
  text-indent: -999em;
}
.form__submit span {
  position: relative;
}
.form__submit span .spinner {
  margin-top: -2px;
}
.form__wrapper {
  padding: 0;
  background: transparent;
}
@media only screen and (min-width: 768px) {
  .form__wrapper {
    padding: 1.875rem;
    background: #f4f4fb;
  }
}
@media only screen and (min-width: 1200px) {
  .form__wrapper {
    padding: 50px;
  }
}

.iframe-form {
  width: 100%;
  border: 1px solid #e1e1e1;
}

.registration-search .input-group .field {
  width: 100%;
}
.registration-search .input-group .btn-search {
  max-height: 47px;
  position: absolute;
  right: 16px;
  top: 1px;
  bottom: 1px;
  z-index: 1;
}
.registration-search .input-group .btn-search .btn {
  height: 57px;
  width: 58px;
  border: 1px solid #f0f0f0;
  background: #f2f2f2;
}
.registration-search .input-group .btn-search .btn:hover {
  background: #f2f2f2;
}
.registration-search .suggestion-item--active {
  background-color: #f0f0f0;
}
.registration-search .button-center-align {
  align-items: center;
  display: flex;
  justify-content: center;
}

.info-icon-liquor {
  position: absolute;
  z-index: 1;
  left: 184px;
  top: 7px;
}
@media only screen and (max-width: 991px) {
  .info-icon-liquor {
    left: 170px;
    top: 4px;
  }
}

.info-icon-liquor-checkout {
  padding-left: 6px;
}
.info-icon-liquor-checkout .product-form__case-icon {
  float: unset !important;
}
.info-icon-liquor-checkout .product-form__case-icon i {
  vertical-align: middle;
}

.custom__select--field .react-select__control {
  border: none;
}
.custom__select--field .react-select__control--is-focused {
  border: none;
}
.custom__select--field .react-select__control--menu-is-open {
  border: none;
}
.custom__select--field .react-select__control .react-select__placeholder {
  visibility: hidden;
}
.custom__select--field .react-select__control .react-select__placeholder::after {
  content: "-- Multiple Select --";
  color: black;
  padding-left: 2%;
  font-weight: normal;
  font-size: 1.4em;
  font-family: "AvantGardeLTMedium";
  visibility: visible;
  position: absolute;
  left: 10px;
}
.custom__select--field .react-select__control .react-select__dropdown-indicator {
  display: none;
}
.custom__select--field.field--alert .react-select__control .react-select__placeholder::after {
  color: #c84c4c;
}
.custom__select--field .react-select__indicators {
  display: none;
}

.custom__select--field .field--alert {
  border: 1px solid #c84c4c;
  color: #c84c4c;
}

.address--holder--customers {
  position: relative;
}
.address--holder--customers .back-arrow {
  width: 20px;
}
.address--holder--customers .address-suggestions {
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 5;
  left: 0;
  top: 65px;
  border-top: none;
}
.address--holder--customers .address-suggestions.maxWidth {
  max-width: 1250px;
}

@media only screen and (max-width: 991px) {
  .address--holder--customers .address-suggestions {
    top: auto;
  }
}
.suggestion-item {
  padding: 15px;
  color: inherit;
  background-color: inherit;
  zoom: unset;
  cursor: pointer;
}

.career-main-page .jobs-listing-main .jobs-listing-container {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .career-main-page .jobs-listing-main .jobs-listing-container {
    display: block;
  }
}
.career-main-page .jobs-listing-main .jobs-listing-container .jobs-listing-item {
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.career-main-page .jobs-listing-main .jobs-listing-container .jobs-listing-item .job-image-placeholder {
  height: 330px;
  background: #2d2b73;
  opacity: 0.825;
}
.career-main-page .jobs-listing-main .jobs-listing-container .jobs-listing-item .job-image-placeholder span {
  color: white;
  text-align: center;
}
.career-main-page .jobs-listing-main .jobs-listing-container .jobs-listing-item .line-text {
  color: #808080;
  line-height: 1.5;
}
.career-main-page .jobs-listing-main .jobs-listing-container .jobs-listing-item .mt-auto {
  margin-top: auto;
}
@media only screen and (max-width: 991px) {
  .career-main-page .jobs-listing-main .jobs-listing-container .jobs-listing-item {
    display: block;
  }
}

.career-detail-page .f-gap-20 {
  gap: 20px;
}
.career-detail-page .mt-20 {
  margin-top: 20px;
}

.steps-picker .react-datepicker-popper {
  z-index: 10;
}

.button {
  display: inline-block;
  box-sizing: border-box;
  padding: 0.5rem 0.938rem;
  border: 0.125rem solid transparent;
  border-radius: 0.188rem;
  background: #2d2b73;
  color: white;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 140%;
  position: relative;
  font-size: 0.75em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .button {
    display: inline-block;
    padding: 0.5rem 2.5rem;
    font-size: 0.875em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
    transition: 0.2s 0s;
  }
  .button:not(.button--disabled):hover, .button:not(.button--disabled):focus {
    background: #542e91;
  }
}
.button .icon {
  position: relative;
  top: -2px;
  margin: 0 0.438rem;
  vertical-align: middle;
  font-size: 1.25em;
}
.button .icon:first-child {
  margin-left: 0;
}
.button .icon:last-child {
  margin-right: 0;
}
.button--main {
  padding: 0.625rem 1.063rem;
  border: 0;
}
@media only screen and (min-width: 992px) {
  .button--main {
    padding: 1.063rem 2.625rem;
  }
}
.button--second {
  padding: 0.625rem 1.063rem;
  border: 0;
  background: #2d2b73;
  color: white;
}
@media only screen and (min-width: 992px) {
  .button--second {
    padding: 1.063rem 2.625rem;
  }
  .button--second:not(.button--disabled):hover, .button--second:not(.button--disabled):focus {
    background: #3c3998;
  }
}
.button--third {
  padding: 0.625rem 1.063rem;
  border: 0;
  background: #eef0f2;
  color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 992px) {
  .button--third {
    padding: 1.063rem 2.625rem;
  }
  .button--third:not(.button--disabled):hover, .button--third:not(.button--disabled):focus {
    background: #f4f5f6;
    color: black;
  }
}
.button--grey {
  border-color: transparent;
  background: #b9c2ca;
  color: rgba(0, 0, 0, 0.7);
}
@media only screen and (min-width: 992px) {
  .button--grey:not(.button--disabled):hover, .button--grey:not(.button--disabled):focus {
    border-color: transparent;
    background: #001e3d;
    color: white;
  }
}
.button--red {
  border-color: transparent;
  background: #c01219;
  color: white;
}
@media only screen and (min-width: 992px) {
  .button--red:not(.button--disabled):hover, .button--red:not(.button--disabled):focus {
    border-color: transparent;
    background: #a91016;
    color: white;
  }
}
.button--pink {
  border-color: transparent;
  background: #ee3273;
  color: white;
}
@media only screen and (min-width: 992px) {
  .button--pink:not(.button--disabled):hover, .button--pink:not(.button--disabled):focus {
    border-color: transparent;
    background: #ec1a63;
    color: white;
  }
}
.button .btn-icon {
  vertical-align: middle;
  top: -2px;
  position: relative;
  width: 12px;
}
.button--blue {
  border-color: transparent;
  background: #1198dc;
  color: white;
}
@media only screen and (min-width: 992px) {
  .button--blue:not(.button--disabled):hover, .button--blue:not(.button--disabled):focus {
    border-color: transparent;
    background: #2d2b73;
    color: white;
  }
}
.button--white {
  border-color: transparent;
  background: white;
  color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 992px) {
  .button--white:not(.button--disabled):hover, .button--white:not(.button--disabled):focus {
    border-color: transparent;
    background: #001e3d;
    color: white;
  }
}
.button--border {
  border: 2px solid #2d2b73;
  color: #2d2b73;
  background: transparent;
}
@media only screen and (min-width: 992px) {
  .button--border:not(.button--disabled):hover, .button--border:not(.button--disabled):focus {
    background: #2d2b73;
    color: white;
  }
}
.button--border-white {
  border: 2px solid white;
  color: white;
  background: transparent;
}
@media only screen and (min-width: 992px) {
  .button--border-white:not(.button--disabled):hover, .button--border-white:not(.button--disabled):focus {
    background: white;
    color: #2d2b73;
  }
}
.button--border-grey {
  border: 1px solid #b9c2ca;
  background: transparent;
  color: #929ca5;
}
@media only screen and (min-width: 992px) {
  .button--border-grey:not(.button--disabled):hover, .button--border-grey:not(.button--disabled):focus {
    border-color: #7f8f9e;
    background: transparent;
    color: #5f6972;
  }
}
.button--opacity {
  border-color: #2d2b73;
  background-color: transparent;
  color: #2d2b73;
}
@media only screen and (min-width: 992px) {
  .button--opacity:not(.button--disabled):hover, .button--opacity:not(.button--disabled):focus {
    border-color: #1e1d4e;
    background-color: transparent;
    color: #1e1d4e;
  }
}
.button--borderless {
  padding-right: 0 !important;
  padding-left: 0 !important;
  border-color: transparent;
  background: none;
  color: rgba(0, 0, 0, 0.7);
}
@media only screen and (min-width: 992px) {
  .button--borderless:not(.button--disabled):hover, .button--borderless:not(.button--disabled):focus {
    border-color: transparent;
    background: none;
    color: black;
  }
}
.button--small {
  padding: 0.5rem 0.75rem;
  font-size: 0.625em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .button--small {
    padding: 0.5rem 0.938rem;
    font-size: 0.75em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
  }
}
.button--big {
  font-size: 0.875em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .button--big {
    font-size: 1.125em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
  }
}
.button--alone {
  min-width: 12.5rem;
}
.button .text-decoration-none {
  text-decoration: none;
}
.button--outline {
  background: #ffffff;
  border: 1px solid #2d2b73;
  box-sizing: border-box;
  border-radius: 4px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #2d2b73;
  padding: 9px 15px;
}
.button--block {
  display: block;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .button--block-xs {
    display: block;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }
}
.button--disabled {
  opacity: 0.3;
  cursor: default;
}
@media only screen and (min-width: 992px) {
  .button--disabled:hover, .button--disabled:focus {
    opacity: 0.3;
  }
}
.button--loading {
  position: relative;
  color: transparent;
}
.button--loading svg {
  opacity: 0;
}
.button--loading .icon,
.button--loading span {
  opacity: 0;
}
.button__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.button__spinner svg {
  opacity: 1;
}
.button__spinner.input--spinner {
  left: 20px;
  padding: 10px;
  background: #fff;
}

.button-box {
  position: relative;
  z-index: 5;
}
.button-box--center {
  text-align: center;
}
.button-box--right {
  text-align: right;
}
.button-box--inline .button {
  display: inline-block;
  margin-bottom: 0.625rem;
}
.button-box--inline .button:not(:last-child) {
  margin-right: 0.625rem;
}
@media only screen and (max-width: 991px) {
  .button-box .button {
    margin-bottom: 0.625rem;
  }
}
@media only screen and (min-width: 992px) {
  .button-box .button {
    margin-right: 0.938rem;
  }
}
.button-box .button--small {
  margin-bottom: 0.313rem;
}
@media only screen and (min-width: 992px) {
  .button-box .button--small {
    margin-right: 0.313rem;
  }
}
@media only screen and (max-width: 991px) {
  .button-box .button:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .button-box .button:last-child {
    margin-right: 0;
  }
}

.button--danger-pre {
  background: rgba(255, 74, 74, 0.1);
  color: #ff4a4a;
}
.button--danger-pre:not(.button--disabled):hover, .button--danger-pre:not(.button--disabled):focus {
  background: rgba(255, 74, 74, 0.1);
  color: #ff4a4a;
}

.button-link {
  position: relative;
  z-index: 5;
  padding: 0;
  border: none;
  background: none;
  color: #2d2b73;
  line-height: 140%;
  cursor: pointer;
  font-size: 0.875em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .button-link {
    font-size: 1em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
    transition: 0.2s 0s;
  }
  .button-link:hover, .button-link:focus {
    color: #542e91;
  }
}
.button-link--icon:after {
  content: "";
  display: inline-block;
  margin-left: 0.625rem;
}

.add--customer--modal .button--block {
  min-height: 66px;
  background: #f3f3f3;
  border: 1px solid #e5e5e5;
}

.button--outline-danger {
  background: #ffeded !important;
  color: #ff4a4a !important;
}

.button--outline-danger:hover {
  color: #f90000 !important;
}

.button--float-left {
  float: left;
}

.button--address-minwidth {
  min-width: 75px;
}

.button-medium {
  min-width: 180px;
}
@media only screen and (max-width: 991px) {
  .button-medium {
    min-width: 130px;
  }
}

.button--freight-minheight {
  min-height: 55px;
}
@media only screen and (max-width: 991px) {
  .button--freight-minheight {
    min-height: 37px;
  }
}

.vspace {
  padding-bottom: 35px;
}
@media only screen and (min-width: 992px) {
  .vspace {
    padding-bottom: 70px;
  }
}
.vspace--small {
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 992px) {
  .vspace--small {
    padding-bottom: 30px;
  }
}
.vspace:last-child {
  padding-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .vspace[class*=col-] {
    padding-bottom: 0;
  }
}
.vspace > .heading:last-child {
  margin-bottom: 0;
}

.slider {
  position: relative;
  z-index: 5;
  text-align: center;
}
.slider__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.slider__button {
  position: relative;
  z-index: 5;
  display: inline-block;
  width: 35px;
  height: 35px;
  color: inherit;
  vertical-align: top;
  text-align: center;
  opacity: 0.5;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media only screen and (min-width: 992px) {
  .slider__button {
    width: 55px;
    height: 55px;
    transition: 0.2s 0s;
  }
  .slider__button:hover, .slider__button:focus {
    opacity: 1;
  }
}
.slider__button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  content: "";
}
@media only screen and (min-width: 768px) {
  .slider__button:before {
    width: 25px;
    height: 25px;
  }
}
.slider__button--prev:before {
  -webkit-transform: translate(-33%, -50%) rotate(-135deg) skew(15deg, 15deg);
  -ms-transform: translate(-33%, -50%) rotate(-135deg) skew(15deg, 15deg);
  transform: translate(-33%, -50%) rotate(-135deg) skew(15deg, 15deg);
}
.slider__button--next:before {
  -webkit-transform: translate(-66%, -50%) rotate(45deg) skew(15deg, 15deg);
  -ms-transform: translate(-66%, -50%) rotate(45deg) skew(15deg, 15deg);
  transform: translate(-66%, -50%) rotate(45deg) skew(15deg, 15deg);
}
.slider__item {
  position: relative;
  display: none;
}
.slider__item:first-child {
  display: block;
}
.slider__image {
  display: block;
  width: 100%;
}
.slider__dots ul {
  list-style: none;
}
.slider__dots li {
  display: inline-block;
}
.slider__dots li.slick-active button:before {
  background: white;
}
.slider__dots button {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0;
  width: 1.25rem;
  height: 1.25rem;
  border: 0;
  background: none;
  text-align: left;
  font-size: 0;
}
.slider__dots button:before {
  display: block;
  margin: 0.313rem;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 0.625rem;
  background: #b9b9b9;
  content: "";
}

@media only screen and (min-width: 992px) {
  .slider-section {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) {
  .slider-section .button-box {
    margin: 60px 0 0 0;
  }
}

.promobanner .slider__button--prev {
  left: 0;
  top: 37%;
  position: absolute;
}
.promobanner .slider__button--next {
  right: 0;
  top: 37%;
  position: absolute;
}

.section {
  position: relative;
  z-index: 1;
  margin: 0 0 2.5rem 0;
}
@media only screen and (min-width: 992px) {
  .section {
    margin: 0 0 2.5rem 0;
  }
}
.section:first-child {
  margin-top: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .section:first-child {
    margin-top: 2.5rem;
  }
}
.section:first-child.section--border, .section:first-child.section--bg {
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
  .section:first-child {
    margin-top: 2.5rem;
  }
  .section:first-child.products-section {
    margin-top: 0.5rem;
  }
}
.section:last-child.section--border, .section:last-child.section--bg {
  margin-bottom: 0;
}
.section--normal {
  min-height: auto;
}
.section--border, .section--bg {
  padding: 2.5rem 0;
}
@media only screen and (min-width: 992px) {
  .section--border, .section--bg {
    padding: 2.5rem 0;
  }
}
.section--border:last-child, .section--bg:last-child {
  margin-bottom: 0;
}
.section--border + .section--border, .section--border + .section--bg, .section--bg + .section--border, .section--bg + .section--bg {
  margin-top: -2.5rem;
}
@media only screen and (min-width: 992px) {
  .section--border + .section--border, .section--border + .section--bg, .section--bg + .section--border, .section--bg + .section--bg {
    margin-top: -2.5rem;
  }
}
.section--underlay {
  z-index: 0;
}
.section--bigbg {
  padding: 6.25rem 0;
}
@media only screen and (min-width: 992px) {
  .section--bigbg {
    padding: 10rem 0;
  }
}
.section--bigbg .section__bg {
  z-index: 1;
}
.section--border {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.section--border + .section--border {
  border-top: 0;
}
.section--dark {
  background: black;
  color: white;
}
.section--dark .section__bg {
  opacity: 0.85;
}
.section--dark .section__bg:before {
  content: "";
  width: 100%;
  height: 100%;
  background: black;
}
.section--light {
  background: white;
  color: inherit;
}
.section--loading {
  position: relative;
  z-index: 1;
}
.section--loading:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.9);
  content: "";
}
@media only screen and (min-width: 992px) {
  .section--min {
    min-height: 600px;
  }
}
@media only screen and (min-width: 992px) {
  .section--small {
    padding: 40px 0;
  }
}
.section--viewport {
  box-sizing: border-box;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section--no-padding {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .section--no-padding {
    padding: 0;
  }
}
.section--no-margin {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .section--no-margin {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) {
  .section--login {
    margin-bottom: 200px;
  }
}
.section--gradient {
  background: #f7f7f7 0%;
  background: -webkit-linear-gradient(360deg, #f7f7f7 0%, #ffffff 70%);
  background: -moz-linear-gradient(360deg, #f7f7f7 0%, #ffffff 70%);
  background: linear-gradient(360deg, #f7f7f7 0%, #ffffff 70%);
  margin-top: -2.5rem;
}
@media only screen and (min-width: 992px) {
  .section--gradient {
    margin-top: -2.5rem;
  }
}
.section--gradient .section__bg {
  background-size: contain;
  background: bottom left no-repeat;
}
@media only screen and (max-width: 767px) {
  .section--gradient.section--bg {
    padding-bottom: 0;
  }
}
.section--products {
  background: #ececec;
}
.section__body {
  padding: 1.875rem 0;
  background: #f6f6f6;
  box-shadow: inset 0 0.625rem 0.625rem -10px rgba(0, 0, 0, 0.1), inset 0 -10px 0.625rem -10px rgba(0, 0, 0, 0.1);
}
.section__header {
  position: relative;
  padding-bottom: 2.5rem;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .section__header {
    padding-bottom: 60px;
  }
}
.section__header:last-child {
  padding-bottom: 0;
}
.section__header--dropdown {
  cursor: pointer;
}
.section__header--dropdown h1 {
  position: relative;
  padding: 0 1.25rem;
}
@media only screen and (max-width: 991px) {
  .section__header--dropdown h1:before {
    position: absolute;
    top: 40%;
    right: 0;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: black;
    content: "";
    pointer-events: none;
    -webkit-transform: translate(0, -50%) rotate(135deg);
    -ms-transform: translate(0, -50%) rotate(135deg);
    transform: translate(0, -50%) rotate(135deg);
  }
}
.section__heading {
  display: block;
  margin: 0 0 0.313rem 0;
  text-transform: uppercase;
  line-height: 140%;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .section__heading {
    font-size: 0.875em;
    font-family: "AvantGardeLTBold";
  }
}
.section__subheading {
  display: block;
  margin: 0 0 0.625rem 0;
  color: black;
  text-transform: uppercase;
  line-height: 140%;
  font-size: 0.5em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .section__subheading {
    margin: 0 0 1.25rem 0;
    font-size: 0.625em;
    font-family: "AvantGardeLTMedium";
  }
}
.section__main-photo {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .section__photo {
    margin: 1.875rem auto 0 auto;
  }
}
.section__photo--perma {
  margin: 1.875rem auto 2.5rem auto;
}
.section__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: center center no-repeat;
  background-size: cover;
}
.section__bg.visible-xs {
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .section__bg--left {
    background-position: center left;
    background-size: 55%;
  }
}
@media only screen and (min-width: 1200px) {
  .section__bg--left {
    background-size: initial;
  }
}
@media only screen and (min-width: 1600px) {
  .section__bg--left {
    background-size: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .section__bg--right {
    background-position: center right;
    background-size: 55%;
  }
}
@media only screen and (min-width: 1200px) {
  .section__bg--right {
    background-size: initial;
  }
}
@media only screen and (min-width: 1600px) {
  .section__bg--right {
    background-size: 50%;
  }
}
.section__bg--header {
  bottom: auto;
  height: 66px;
}
@media only screen and (min-width: 992px) {
  .section__bg--header {
    height: 150px;
  }
}
.section__bg--video {
  overflow: hidden;
}
.section__bg__video {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.section__bg__image {
  position: relative;
}
.section__bg__content {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  padding: 0 0.938rem;
}
.section__icon {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  color: #2d2b73;
  font-size: 3em;
}
.section__div {
  display: block;
  margin: 1.25rem 0;
  border: 1px solid #e1e1e1;
  border-width: 0 0 1px 0;
}
@media only screen and (min-width: 992px) {
  .section__div {
    margin: 1.25rem 0;
  }
}
.section__div:first-child {
  margin-top: 0;
}
.section__div:last-child {
  margin-bottom: 0;
}
.section__spacing {
  padding-bottom: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .section__spacing {
    padding-bottom: 2.5rem;
  }
}
.section__spacing:last-child {
  padding-bottom: 0;
}
.header:not(.header--index) + .content > .section .content-header {
  padding-top: -17.5rem;
}
@media only screen and (min-width: 992px) {
  .header:not(.header--index) + .content > .section .content-header {
    padding-top: -37.5rem;
  }
}

.more-info {
  display: block;
  margin: -15px auto 0 auto;
  padding: 0;
  width: 100px;
  border: none;
  background: none;
  color: #363636;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.625em;
  font-family: "AvantGardeLTBook";
}

.sp-wrapper .content {
  background-image: url(../../img/bg-left.png), url(../../img/bg-right.png);
  background-position: -40px -130px, right -120px;
  background-repeat: no-repeat, no-repeat;
}

.supplier_location--hide {
  padding: 6px 0px;
}
.supplier_location--hide span {
  display: none;
}
.supplier_location--show span {
  color: #cc0000;
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
  z-index: 1;
  text-align: left;
  line-height: 120%;
  font-size: 0.625em;
  display: block;
}

.modal {
  z-index: 1050 !important;
  padding: 0 !important;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .modal {
    text-align: left;
  }
}
@media only screen and (max-width: 991px) {
  .modal .container {
    padding-right: 0;
    padding-left: 0;
  }
}
.modal--fullscreen {
  text-align: left;
}
.modal--fullscreen .modal__helper {
  padding: 0;
  height: 100%;
}
.modal--fullscreen .modal__content {
  margin: 0;
  min-height: 100%;
  max-width: none;
  width: auto;
  height: auto;
}
.modal__content {
  position: relative;
  margin: 0 auto;
  padding: 1.25rem 0.938rem 3.125rem 0.938rem;
  background: white;
  box-shadow: 0 0 0.313rem rgba(0, 0, 0, 0.2);
  color: inherit;
  text-align: left;
  pointer-events: all;
}
@media only screen and (max-width: 991px) {
  .modal__content {
    overflow: auto;
    min-height: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .modal__content {
    padding: 3.125rem;
    max-width: 53.125rem;
  }
}
@media only screen and (min-width: 992px) {
  .modal__content--w500 {
    max-width: 31.25rem;
  }
}
.modal__content--no-padding {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .modal__content--body {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .modal__content--body {
    max-width: 100%;
  }
}
.modal__close {
  position: relative;
  z-index: 4;
  display: block;
  float: right;
  padding: 0.25rem;
  border: none;
  background: none;
  color: inherit;
  vertical-align: top;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (max-width: 991px) {
  .modal__close {
    margin-left: 1.25rem;
  }
}
@media only screen and (min-width: 992px) {
  .modal__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 3.438rem;
    height: 3.438rem;
    text-align: center;
    line-height: 3.438rem;
    transition: 0.2s;
  }
  .modal__close:hover, .modal__close:focus {
    opacity: 1;
  }
}
.modal__close .icon {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
@media only screen and (min-width: 992px) {
  .modal__close .icon {
    width: 9px;
    height: 9px;
  }
}
.modal__close .icon:before, .modal__close .icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 2px;
  border: 1px solid;
  background: white;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.modal__close .icon:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal__close .icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media only screen and (max-width: 991px) {
  .modal__close .icon {
    width: 0.938rem;
    height: 0.938rem;
  }
}
@media only screen and (min-width: 992px) {
  .modal__close .icon {
    width: 1.125rem;
    height: 1.125rem;
  }
}
@media only screen and (max-width: 991px) {
  .modal__close .icon:before, .modal__close .icon:after {
    background: black;
  }
}
.modal__center {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  pointer-events: none;
}
.modal__helper {
  display: table-cell;
  width: auto;
  vertical-align: middle;
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  .modal__helper {
    height: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .modal__helper {
    padding: 1.875rem 0.625rem;
  }
}
.modal__text {
  display: block;
  margin: 0 0 1.875rem 0;
}
@media only screen and (max-width: 991px) {
  .modal__text {
    text-align: center;
  }
}
.modal__text p {
  letter-spacing: 0.05em;
  line-height: 140%;
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
}
.modal__header {
  position: relative;
  margin: 0 0 1.875rem 0;
}
@media only screen and (max-width: 991px) {
  .modal__header {
    padding: 0 0 0.938rem 0;
    border-bottom: 1px solid #e1e1e1;
  }
}
@media only screen and (min-width: 992px) {
  .modal__header {
    margin: 0 0 3.125rem 0;
  }
}
.modal__header--center {
  text-align: center;
}
.modal__header .heading {
  margin: 0 0 0.625rem 0;
}
.modal__header .heading:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .modal__header .modal__close {
    top: -1.25rem;
    right: -1.25rem;
    width: 3.75rem;
    height: 3.75rem;
    font-size: 1.5em;
    line-height: 64px;
  }
}
.modal__table {
  margin: 1.875rem 0 0 0;
}
@media only screen and (min-width: 992px) {
  .modal__table {
    margin: 3.125rem 0 0 0;
  }
}
.modal__logo {
  display: block;
  margin: 0 auto;
  max-width: 6.188rem;
}
@media only screen and (min-width: 992px) {
  .modal__logo {
    float: left;
    max-width: 9.75rem;
  }
}
.modal__logo img {
  display: block;
  width: 100%;
}

.modal-backdrop {
  background: #000c19;
}
.modal-backdrop.in {
  opacity: 0.8;
}

@media only screen and (max-width: 991px) {
  .modal__close-sm {
    margin-right: -25px;
    margin-top: -12px;
  }
}

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

.confirmation-modal .image {
  width: 75px;
  height: 75px;
  text-align: center;
  margin-bottom: 30px;
}

.confirmation-modal .heading--2 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}

.confirmation-modal .dynamic-text {
  line-height: 1.8 !important;
}

.confirmation-modal .button--min-width {
  min-width: 125px;
}

.confirmation-modal .description {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}

.modal-open--pre,
.modal-open-child {
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .confirmation-modal > .modal-dialog {
    padding: 0 15px;
  }
}

.confirmation-modal .modal__content {
  padding-top: 35px;
}

.marketing_survey_modal .multi-checkbox {
  display: flex;
}
.marketing_survey_modal .field__input--select--pre {
  margin-right: 10px;
  padding: 0px 20px;
  border-radius: 4px;
  width: 12%;
  height: 48px;
  border-right: 1px solid #e1e1e1;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'><polyline points='6 9 12 15 18 9'></polyline></svg>");
  background-repeat: no-repeat;
  background-position: right 0.5em center;
  background-size: 1.5em 1.5em;
  min-width: 110px;
}

@media screen and (max-width: 991px) {
  .marketing_survey_modal .modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    width: 3.438rem;
    height: 3.438rem;
    text-align: center;
    line-height: 3.438rem;
  }
}
.remove-indicator.react-table__info {
  color: red;
  padding: 10px 0 0 20px;
}

@-webkit-keyframes blink {
  10% {
    background-color: #ff8c8c;
  }
  20% {
    background-color: #ffd68c;
  }
  30% {
    background-color: #8cff8c;
  }
  40% {
    background-color: #8cffff;
  }
  50% {
    background-color: #8cb5ff;
  }
  60% {
    background-color: #d68cff;
  }
  70% {
    background-color: #ff8cff;
  }
  80% {
    background-color: #ff6bf7;
  }
  90% {
    background-color: #ff6bb5;
  }
  0%, 100% {
    background-color: #ff6b6b;
  }
}
@keyframes blink {
  10% {
    background-color: #ff8c8c;
  }
  20% {
    background-color: #ffd68c;
  }
  30% {
    background-color: #8cff8c;
  }
  40% {
    background-color: #8cffff;
  }
  50% {
    background-color: #8cb5ff;
  }
  60% {
    background-color: #d68cff;
  }
  70% {
    background-color: #ff8cff;
  }
  80% {
    background-color: #ff6bf7;
  }
  90% {
    background-color: #ff6bb5;
  }
  0%, 100% {
    background-color: #ff6b6b;
  }
}
@media only screen and (min-width: 992px) {
  @-webkit-keyframes blink {
    10% {
      background-color: #ff8c8c;
    }
    20% {
      background-color: #ffd68c;
    }
    30% {
      background-color: #8cff8c;
    }
    40% {
      background-color: #8cffff;
    }
    50% {
      background-color: #8cb5ff;
    }
    60% {
      background-color: #d68cff;
    }
    70% {
      background-color: #ff8cff;
    }
    80% {
      background-color: #ff6bf7;
    }
    90% {
      background-color: #ff6bb5;
    }
    0%, 100% {
      background-color: #ff6b6b;
    }
    25% {
      transform: rotate(5deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(-5deg);
    }
    0%, 100% {
      transform: rotate(0);
    }
  }
  @-moz-keyframes blink {
    10% {
      background-color: #ff8c8c;
    }
    20% {
      background-color: #ffd68c;
    }
    30% {
      background-color: #8cff8c;
    }
    40% {
      background-color: #8cffff;
    }
    50% {
      background-color: #8cb5ff;
    }
    60% {
      background-color: #d68cff;
    }
    70% {
      background-color: #ff8cff;
    }
    80% {
      background-color: #ff6bf7;
    }
    90% {
      background-color: #ff6bb5;
    }
    0%, 100% {
      background-color: #ff6b6b;
    }
    25% {
      transform: rotate(5deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(-5deg);
    }
    0%, 100% {
      transform: rotate(0);
    }
  }
  @-o-keyframes blink {
    10% {
      background-color: #ff8c8c;
    }
    20% {
      background-color: #ffd68c;
    }
    30% {
      background-color: #8cff8c;
    }
    40% {
      background-color: #8cffff;
    }
    50% {
      background-color: #8cb5ff;
    }
    60% {
      background-color: #d68cff;
    }
    70% {
      background-color: #ff8cff;
    }
    80% {
      background-color: #ff6bf7;
    }
    90% {
      background-color: #ff6bb5;
    }
    0%, 100% {
      background-color: #ff6b6b;
    }
    25% {
      transform: rotate(5deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(-5deg);
    }
    0%, 100% {
      transform: rotate(0);
    }
  }
  @keyframes blink {
    10% {
      background-color: #ff8c8c;
    }
    20% {
      background-color: #ffd68c;
    }
    30% {
      background-color: #8cff8c;
    }
    40% {
      background-color: #8cffff;
    }
    50% {
      background-color: #8cb5ff;
    }
    60% {
      background-color: #d68cff;
    }
    70% {
      background-color: #ff8cff;
    }
    80% {
      background-color: #ff6bf7;
    }
    90% {
      background-color: #ff6bb5;
    }
    0%, 100% {
      background-color: #ff6b6b;
    }
    25% {
      transform: rotate(5deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(-5deg);
    }
    0%, 100% {
      transform: rotate(0);
    }
  }
}
.blink {
  -webkit-animation: blink 0.4s step-end infinite;
  -moz-animation: blink 0.4s step-end infinite;
  -o-animation: blink 0.4s step-end infinite;
  animation: blink 0.4s step-end infinite;
}

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated:not(.scroll-active):not(.active) {
  opacity: 0;
  -webkit-animation-name: initial;
  animation-name: initial;
}

@-webkit-keyframes flipInX {
  from {
    opacity: 0;
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    opacity: 0;
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.login-area {
  text-align: center;
}
.login-area .form__submit {
  width: 100%;
}

#ForgotPassword {
  float: right;
  margin: 0.625rem 0 0 0;
  text-decoration: underline;
  font-size: 0.75em;
  font-family: "AvantGardeLTBook";
}
#ForgotPassword a {
  color: inherit;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
.social {
  display: inline-block;
  list-style: none;
}
.social__heading {
  display: block;
  margin: 0 0.313rem 0 0;
  text-transform: uppercase;
  font-size: 0.625em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
}
.social__item {
  display: inline-block;
}
@media only screen and (min-width: 992px) {
  .social__item {
    margin: 0 0.25rem;
  }
}
.social__item:first-child {
  margin-left: 0;
}
.social__item:last-child {
  margin-right: 0;
}
.social__link {
  display: inline-block;
  overflow: hidden;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  color: white;
  vertical-align: middle;
  text-align: center;
  font-size: 0.875em;
  line-height: 150%;
  background: #2d2b73;
}
@media only screen and (min-width: 992px) {
  .social__link {
    transition: 0.2s 0s;
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.25em;
  }
  .social__link:hover, .social__link:focus {
    background: #4340ab;
  }
}
.social__link .icon {
  position: relative;
  top: 0.063rem;
  vertical-align: middle;
}
.search-toggle {
  position: relative;
  top: 1px;
  margin: 0 0.625rem 0 0;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
}
@media only screen and (min-width: 992px) {
  .search-toggle {
    margin: 0 0.313rem 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .search-toggle {
    margin: 0 0.625rem 0 0;
  }
}

.search-form {
  background: white;
}
@media only screen and (max-width: 991px) {
  .search-form {
    position: fixed;
    top: 66px;
    right: 15px;
    left: 15px;
    z-index: 100;
    display: block !important;
    margin-left: 100%;
    height: 2.5rem;
    transition: 0.3s 0s opacity, 0s 0.2s margin-left;
  }
}
@media only screen and (min-width: 992px) {
  .search-form {
    display: none;
    padding: 1.875rem 1.25rem;
    box-shadow: 0px 20px 25px -20px rgba(0, 0, 0, 0.34);
  }
}
@media only screen and (min-width: 1200px) {
  .search-form {
    padding: 1.875rem 50px;
  }
}
.search-form__helper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.search-form .field {
  margin: 0;
  padding: 0;
  border-width: 0 0 1px 0;
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
}
.search-form .field__input, .search-form .login-area input, .login-area .search-form input,
.search-form .login-area textarea,
.login-area .search-form textarea,
.search-form .login-area select,
.login-area .search-form select {
  padding: 0 0.625rem;
  height: 2.5rem;
  line-height: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .search-form .field__input, .search-form .login-area input, .login-area .search-form input,
.search-form .login-area textarea,
.login-area .search-form textarea,
.search-form .login-area select,
.login-area .search-form select {
    padding: 0;
    height: 3.125rem;
    line-height: 3.125rem;
  }
}
.search-form .button {
  margin: 0;
  line-height: 2.5rem;
}
@media only screen and (max-width: 991px) {
  .search-form .button {
    padding: 0;
    width: 40px;
    border: none;
    background: none;
    color: black;
  }
}
@media only screen and (min-width: 992px) {
  .search-form .button {
    margin: 0 0 0 1.875rem;
    padding-top: 0;
    padding-bottom: 0;
    width: 160px;
    line-height: 3.125rem;
  }
}

@media only screen and (max-width: 991px) {
  body.header-active .search-form {
    margin-left: 0;
    transition: 0.3s 0s left;
  }
}

.header {
  position: fixed;
  z-index: 100;
  width: 100%;
  background: white;
  color: #363636;
}
@media only screen and (max-width: 991px) {
  .header {
    padding: 15px 0;
    height: 66px;
    box-shadow: 0 0 0 #e1e1e1;
    transition: 0.3s 0s background-color;
  }
}
@media only screen and (min-width: 992px) {
  .header {
    position: relative;
    padding: 0 0 22px 0;
    transition: 0.1s 0s padding, 0.3s 0s background-color;
  }
}
@media only screen and (max-width: 991px) {
  .header--loggedinas {
    padding: 0 0 15px 0;
    height: 100px;
  }
}
.header--loggedinas + .content {
  padding-top: 100px;
}
@media only screen and (min-width: 992px) {
  .header--loggedinas + .content {
    padding-top: 66px;
  }
}
@media only screen and (max-width: 991px) {
  .header--loggedinas .menu-nav {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .header.affix {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.33);
  }
}
@media only screen and (min-width: 992px) {
  .header.affix {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.header__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: black center center no-repeat;
  background-size: cover;
  transition: 0.2s 0s opacity;
}
@media only screen and (max-width: 991px) {
  .header--bg .header__bg {
    opacity: 0;
  }
}
@media only screen and (max-width: 991px) {
  .affix .header__bg {
    opacity: 1;
  }
}
.header__bg:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  content: "";
  opacity: 0.5;
}
.header__top {
  text-align: right;
}
.header__site-logo {
  position: relative;
  z-index: 110;
  margin: 0 auto;
  width: 120px;
  max-width: 100%;
  fill: white;
}
@media only screen and (min-width: 992px) {
  .header__site-logo {
    float: left;
    width: 175px;
  }
}
.header__cart {
  position: relative;
  z-index: 110;
  padding: 0;
  border: 0;
  background: none;
  color: #2d2b73;
  font-size: 1.75em;
  float: right;
}
@media only screen and (max-width: 991px) {
  .header__cart {
    display: inline-block !important;
  }
}
.header__cart-counter {
  position: absolute;
  top: -10px;
  right: -12px;
  background: #c84c4c;
  color: white;
  border-radius: 50px;
  font-size: 0.375em;
  text-align: center;
  min-width: 17px;
  height: 17px;
  line-height: 17px;
}
@media only screen and (min-width: 992px) {
  .header .container-fluid {
    margin: 0 15px;
  }
}
.header-options {
  margin: 0 0 30px 0;
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .header-options {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
  }
}
.header-options:last-child {
  margin-right: 0;
}
.header-options__item {
  margin: 0 0 15px 0;
}
@media only screen and (min-width: 992px) {
  .header-options__item {
    float: left;
    margin: 0 35px 0 0;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 992px) {
  .header-options__item:last-child {
    margin-right: 0;
  }
}
.header-options__item br {
  display: none;
}
.header-options__link {
  border: none;
  color: rgba(45, 43, 115, 0.7);
  letter-spacing: 0.05em;
  font-size: 0.875em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .header-options__link {
    text-transform: uppercase;
    line-height: 25px;
    font-size: 0.75em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
    transition: 0.2s 0s;
  }
  .header-options__link:hover, .header-options__link:focus {
    color: #2d2b73;
  }
}
.header-options__link .icon {
  margin: 0 5px 0 0;
}
@media only screen and (max-width: 991px) {
  .header-options__link .icon {
    display: none;
  }
}
.header-options__link .notification-count {
  background-color: #c01219;
  font-size: 0.75em;
}
@media only screen and (min-width: 992px) {
  .header-options__link .notification-count {
    width: 14px;
    height: 14px;
    font-size: 0.875em;
    line-height: 14px;
  }
}

@media only screen and (min-width: 992px) {
  .header-s1 {
    min-height: 130px;
    transition: all 0.1s linear 0s;
  }
}
.header-s1 .header {
  position: fixed !important;
  left: 0;
  right: 0;
  top: 0;
}

.header-s1 .header.affix {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

@media only screen and (min-width: 992px) {
  .header-s2 {
    min-height: 148px;
    transition: all 0.1s linear 0s;
  }
  .header-s2.header-topbar {
    min-height: 185px;
  }

  .header-s2 .nav-btm {
    height: 52px;
    transition: all 0.1s linear 0s;
  }
  .header-s2 .product-main-nav--holder {
    background: #2d2b73;
    color: #fff;
    margin-top: 20px;
  }
  .header-s2 .products-menu {
    padding-top: 14px;
  }

  .return-top-active .header-s2 {
    min-height: 97px;
  }
  .return-top-active .header-s2.header-topbar {
    min-height: 135px;
  }
  .return-top-active .header-s2 .nav-btm {
    height: 1px;
    visibility: hidden;
    overflow: hidden;
  }
}
@media only screen and (max-width: 991px) {
  .header-s2.header-topbar {
    min-height: 30px;
  }
  .header-s2.header-topbar .header {
    padding: 0 0 15px;
    height: auto;
  }
  .header-s2.header-topbar .search-form-wrapper {
    padding: 30px 15px;
  }
}
.header-s2 .header {
  position: fixed !important;
  left: 0;
  right: 0;
  top: 0;
}

.header-s2 .header.affix {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group-append,
.input-group-prepend {
  display: flex;
}

.input-group-prepend {
  margin-right: -1px;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.85rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#search-form .btn {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-left: none;
  color: #2d2b73;
}

#search-form .input-group-append:not(:last-child) {
  border-left: none;
  border-right: none;
}

#search-form .btn:hover {
  background-color: #f2f2f2;
}

#search-form .form-control {
  border-right: none;
}

#search-form .btn {
  background: #fff;
}

#search-form .btn-cross button {
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  padding-right: 0;
}

#search-form .btn-cross button:hover {
  color: rgb(255, 255, 255);
  background: transparent;
}

.header__search {
  margin-right: 10px;
  font-size: 20px;
  margin-top: 4px;
}

@media only screen and (min-width: 992px) {
  .btn-cross {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .search-form-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    background: #2d2b73;
    z-index: 9999;
    padding: 15px;
    width: 100%;
    transform: translateY(-100%);
    transition: all 0.1s linear 0s;
  }

  .header.show-search .search-form-wrapper {
    transform: translateY(0);
  }
}
.header-threepl .header__top {
  margin-bottom: 20px;
  background: rgba(45, 43, 115, 0.05);
  /* opacity: 0.05; */
  padding: 5px 0;
}
.header-threepl .header__top .header-options__link {
  color: #000;
}
.header-threepl .menu__link .icon {
  font-size: 20px;
  margin-bottom: 15px;
}
.header-threepl .menu__link .icon::before {
  background: rgba(45, 43, 115, 0.1);
  padding: 7px;
  border-radius: 60px;
  color: #2d2b73;
}
@media only screen and (max-width: 991px) {
  .header-threepl .megamenu-multiple {
    padding-top: 10px;
  }
}

.toggle-menu {
  position: relative;
  z-index: 110;
  display: block;
  float: left;
  overflow: hidden;
  padding: 0;
  width: 35px;
  height: 35px;
  border: none;
  background: rgba(255, 255, 255, 0.3);
  color: #2d2b73;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
.toggle-menu__lines {
  position: absolute;
  top: 45%;
  right: 20%;
  left: 20%;
  display: block;
  height: 2px;
  border: 1px solid;
  border-width: 1px 0 1px 0;
  transition: background 0 0.1s;
}
.toggle-menu__lines:before, .toggle-menu__lines:after {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  border-top: 2px solid;
  content: "";
  transition-delay: 0.1s, 0s;
  transition-duration: 0.1s, 0.1s;
}
.header--index .toggle-menu__lines:before, .header--index .toggle-menu__lines:after {
  background: white;
}
.toggle-menu__lines:before {
  top: -6px;
  transition-property: top, transform;
}
.toggle-menu__lines:after {
  bottom: -6px;
  transition-property: bottom, transform;
}
body.header-active .toggle-menu {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
body.header-active .toggle-menu__lines {
  border: none;
}
body.header-active .toggle-menu__lines::before, body.header-active .toggle-menu__lines::after {
  transition-delay: 0s, 0.1s;
}
body.header-active .toggle-menu__lines:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.header-active .toggle-menu__lines:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (max-width: 991px) {
  .menu-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 100;
    padding-top: 66px;
    width: 100%;
    background: white;
    background-size: cover;
    text-align: left;
    opacity: 0;
    transition: 0.3s 0s opacity, 0s 0.2s left;
  }
}
@media only screen and (min-width: 992px) {
  .menu-nav {
    position: relative;
  }
}
@media only screen and (max-width: 991px) {
  .menu-nav__helper {
    overflow: auto;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 750px;
    height: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .menu-nav__helper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
  }
}
.menu {
  list-style: none;
}
@media only screen and (max-width: 991px) {
  .menu {
    margin: 0 0 30px 0;
  }
}
@media only screen and (min-width: 992px) {
  .menu {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    flex: 1;
  }
}
.menu__item {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .menu__item {
    margin: 0 0 25px 0;
  }
}
@media only screen and (min-width: 992px) {
  .menu__item {
    display: inline-block;
    margin: 0 35px 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .menu__item:last-child {
    margin-right: 0;
    white-space: nowrap;
  }
}
.menu__item--active .menu__link {
  color: #2d2b73;
}
@media only screen and (min-width: 992px) {
  .menu__item--hover .menu__link {
    color: #2d2b73;
  }
}
.menu__item--sub .menu__link:after {
  display: inline-block;
  margin: 0 0 0 10px;
  width: 6px;
  height: 6px;
  border: 2px solid;
  border-width: 2px 2px 0 0;
  content: "";
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 991px) {
  .menu__item--sub .menu__link:after {
    content: "";
  }
}
.menu__link {
  position: relative;
  z-index: 2;
  display: flex;
  padding: 0;
  width: 100%;
  border: none;
  background: none;
  color: #2d2b73;
  line-height: 120%;
  font-size: 1.25em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  .menu__link {
    text-align: left;
  }
}
@media only screen and (min-width: 992px) {
  .menu__link {
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.75em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
    transition: 0.2s 0s;
  }
  .menu__link:hover, .menu__link:focus {
    color: #3c3998;
  }
}
.menu__link .icon {
  display: block;
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 22px;
}
@media only screen and (max-width: 991px) {
  .menu__link .icon {
    padding: 3px 10px 0 0;
  }
}
.menu__link .cart-counter:before {
  content: "(";
}
.menu__link .cart-counter:after {
  content: ")";
}
.menu .products-menu__link--icon .icon {
  margin-right: 0;
  padding-right: 0;
}
.menu .products-menu__link--icon .icon::before {
  background: rgba(45, 43, 115, 0.1);
  padding: 7px;
  border-radius: 60px;
  color: #2d2b73;
}
@media only screen and (max-width: 991px) {
  .menu .products-menu__link--text {
    font-size: 1.25em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
  }
}

body.header-active {
  overflow: hidden;
}
body.header-active .menu-nav {
  left: 0;
  opacity: 1;
  z-index: 5;
}
@media only screen and (max-width: 991px) {
  body.header-active .menu-nav {
    transition: 0.3s 0s opacity;
    top: 20px;
  }
}
body.menu-active {
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  body.menu-active {
    padding-right: 17px;
  }
}
@media only screen and (max-width: 991px) {
  body.menu-active .menu-nav {
    transition: 0.3s 0s left;
  }
}
@media only screen and (max-width: 991px) {
  body.products-menu-active .menu-nav {
    left: -100%;
  }
}
@media only screen and (max-width: 991px) {
  body.products-submenu-active .menu-nav {
    left: -100%;
  }
}

@media only screen and (min-width: 992px) {
  .products-menu.supplier-menu--holder {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-top: 0;
    justify-content: flex-end;
    flex: 1;
  }
}
.clock-icon {
  vertical-align: middle;
  font-size: 18px !important;
  color: rgba(0, 0, 0, 0.4);
}

.submenu-nav {
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .submenu-nav {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    padding: 20px 0 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .submenu-nav {
    position: absolute;
    top: 100%;
    left: 50%;
    display: none;
    padding: 10px 0 0 0;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media only screen and (min-width: 992px) {
  .submenu-nav__helper {
    box-sizing: border-box;
    padding: 10px 20px;
    height: 100%;
    background: white;
    box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.2);
    color: black;
  }
}
.products-menu__item:last-child .submenu-nav {
  right: 0;
  left: auto;
}

.submenu {
  list-style: none;
  text-align: left;
}
.submenu__item {
  display: block;
}
@media only screen and (max-width: 991px) {
  .submenu__item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.submenu__item:last-child {
  margin-bottom: 0;
}
.submenu__link {
  position: relative;
  display: block;
  padding: 10px 15px;
  width: 100%;
  color: inherit;
  white-space: nowrap;
  line-height: 120%;
  opacity: 0.7;
  font-size: 0.875em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .submenu__link {
    padding: 10px 0;
    border: 1px solid transparent;
    border-width: 1px 0 1px 0;
    opacity: 0.5;
    font-size: 0.75em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
    transition: 0.2s 0s;
  }
  .submenu__link:hover, .submenu__link:focus {
    border-color: #e1e1e1;
    opacity: 1;
  }
}
.submenu__info {
  display: block;
  margin: 5px 0 0 0;
  color: #7d7d7d;
  font-size: 0.625em;
  font-weight: 400;
  font-family: "Arial", Helvetica, sans-serif;
}
@media only screen and (min-width: 992px) {
  .submenu__info {
    margin: 8px 0 0 0;
    font-size: 0.625em;
    font-weight: 400;
    font-family: "Arial", Helvetica, sans-serif;
  }
}

.megamenu-nav {
  position: fixed;
  left: 100%;
  z-index: 1;
  width: 100%;
  text-align: left;
  top: 0;
  bottom: 0;
  padding-top: 66px;
  transition: 0s 0.2s left;
}
@media only screen and (max-width: 991px) {
  .megamenu-nav__category {
    background: white;
  }
}
@media only screen and (min-width: 992px) {
  .megamenu-nav__category {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    margin: 0 0 0 -999em;
    box-shadow: 0px 20px 25px -20px rgba(0, 0, 0, 0.34);
    padding-top: 0 !important;
  }
}
@media only screen and (max-width: 991px) {
  .megamenu-nav__category--helper {
    margin: 0 auto;
    max-width: 750px;
  }
}
@media only screen and (min-width: 992px) {
  .megamenu-nav__category--helper {
    overflow: unset;
    height: initial !important;
  }
}
.megamenu-nav__helper {
  overflow: auto;
  height: 100%;
}
.megamenu-nav__container {
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .megamenu-nav__container {
    padding: 1.875rem 0.938rem;
    max-width: 970px;
  }
}
@media only screen and (min-width: 1200px) {
  .megamenu-nav__container {
    max-width: 1200px;
  }
}
.megamenu-nav__heading {
  display: block;
  margin: 0 0 1.5rem 0;
  color: inherit;
}
.megamenu-nav__heading a {
  letter-spacing: 0.05em;
  font-size: 1.25em;
  font-family: "AvantGardeLTMedium";
  color: inherit;
  opacity: 0.6;
}
@media only screen and (min-width: 992px) {
  .megamenu-nav__heading a {
    font-size: 1.5em;
    font-family: "AvantGardeLTMedium";
  }
}
.megamenu-nav__heading span {
  margin: 0 0 0 0.313rem;
  opacity: 0.5;
  font-size: 0.625em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .megamenu-nav__heading span {
    transition: 0.2s;
  }
  .megamenu-nav__heading span:hover, .megamenu-nav__heading span:focus {
    opacity: 1;
  }
}
.megamenu-nav__tabs {
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  z-index: 1;
  padding-top: 66px;
  width: 100%;
  transition: 0s 0.2s left;
}

.megamenu {
  padding: 1.25rem 0.938rem;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .megamenu {
    padding-top: 2.25rem;
  }
}
@media only screen and (min-width: 992px) {
  .megamenu {
    box-sizing: border-box;
    padding: 1.875rem 1.25rem;
    height: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .megamenu {
    padding: 1.875rem 1.875rem;
  }
}
.megamenu__category {
  text-align: left;
}
@media only screen and (min-width: 992px) {
  .megamenu__category {
    background: #fff;
    border-top: 1px solid #f0f0f0;
    padding: 0 !important;
    text-align: left;
  }
}
.megamenu__list {
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .megamenu__list--category {
    column-count: 3;
  }
}
.megamenu__item {
  margin: 0 0 25px 0;
}
@media only screen and (min-width: 992px) {
  .megamenu__item {
    margin: 0 0 0.938rem 0;
  }
}
.megamenu__link {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 0 1.25rem;
  color: inherit;
  line-height: 120%;
  font-size: 1.25em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .megamenu__link {
    margin: -0.063rem 0 1.25rem;
    padding: 0;
    transition: 0.2s 0s;
  }
}
@media only screen and (min-width: 1200px) {
  .megamenu__link {
    margin: -0.063rem -1.25rem 1.5rem;
    padding: 0 3.125rem;
    font-size: 1.375em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
.megamenu__link--category {
  display: flex;
  justify-content: start;
  align-items: center;
  width: fit-content;
  position: relative;
  z-index: 1;
  opacity: 1;
  line-height: 120%;
}
@media only screen and (max-width: 991px) {
  .megamenu__link--category {
    color: #2d2b73;
    font-size: 1em;
    font-family: "AvantGardeLTMedium";
    font-weight: 500;
  }
}
@media only screen and (min-width: 992px) {
  .megamenu__link--category {
    color: #363636;
    margin: -1px 0 1.25rem;
    padding: 0 0.625rem;
    font-size: 1em;
    font-family: "AvantGardeLTMedium";
    font-weight: 500;
    transition: 0.2s 0s;
  }
}
@media only screen and (min-width: 1200px) {
  .megamenu__link--category {
    margin: 0 0 1.875rem;
    padding: 0;
  }
}
body.menu-active .megamenu-nav {
  transition: 0.3s 0s left;
}
body.menu-active .megamenu-nav__tabs {
  transition: 0.3s 0s left;
}
body.megamenu-active .megamenu-nav {
  left: 0;
}
@media only screen and (min-width: 992px) {
  body.megamenu-active .megamenu-nav {
    margin-left: 0;
    opacity: 1;
    transition: 0.3s 0s opacity;
  }
}
body.megamenu-active .megamenu-multiple .megamenu-nav {
  left: 100%;
}
body.megamenu-active .megamenu-multiple .products-menu__link.active + .megamenu-nav {
  left: 0;
}
body.megamenu-active .menu {
  left: -100%;
  transition: 0.3s 0s left;
}
body.megamenu-submenu-active .megamenu-nav {
  left: -100%;
}
body.megamenu-submenu-active .megamenu-nav__tabs {
  left: 0;
}

.submegamenu-nav {
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .submegamenu-nav {
    overflow: auto;
    padding-bottom: 3.125rem;
  }
}
.submegamenu-nav > .row {
  height: 100%;
}

.submegamenu {
  padding: 1.25rem 0.938rem;
}
@media only screen and (min-width: 992px) {
  .submegamenu {
    padding: 1.875rem 1.25rem;
    height: 100%;
    background: #eef0f2;
    color: black;
  }
}
@media only screen and (min-width: 1200px) {
  .submegamenu {
    padding: 1.875rem 3.125rem;
  }
}
.submegamenu__list {
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .submegamenu__list {
    display: inline-block;
  }
}
@media only screen and (min-width: 992px) {
  .submegamenu__item {
    margin: 0 -0.625rem;
  }
}
@media only screen and (min-width: 1200px) {
  .submegamenu__item {
    margin: 0 -1.875rem;
  }
}
.submegamenu__link {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0.625rem 0.938rem;
  color: inherit;
  text-transform: capitalize;
  font-size: 1em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .submegamenu__link {
    margin: -1px 0;
    padding: 0.625rem;
    font-size: 0.75em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
    transition: 0.2s 0s;
  }
  .submegamenu__link:hover, .submegamenu__link:focus {
    color: white;
  }
}
@media only screen and (min-width: 1200px) {
  .submegamenu__link {
    margin: -1px -1.25rem;
    padding: 0.625rem 3.125rem;
  }
}

.tab-pane__loading-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.tab-pane__wrapper {
  position: relative;
  min-height: 6.25rem;
}

.products-nav {
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .products-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 1;
    padding-top: 66px;
    width: 100%;
    background: url(../../img/temp/banner.jpg) black center center no-repeat fixed;
    background-size: cover;
    transition: 0s 0.2s left;
  }
}
@media only screen and (min-width: 992px) {
  .products-nav {
    left: 0;
    display: none;
    padding: 2px 0 0 0;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.products-nav:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  background: rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 991px) {
  .products-nav:before {
    content: "";
  }
}
@media only screen and (max-width: 991px) {
  .products-nav__helper {
    overflow: auto;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 750px;
    height: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .products-nav__helper {
    padding: 20px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .products-menu-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 1;
    padding-top: 66px;
    width: 100%;
    background: white;
    text-align: left;
    opacity: 0;
    transition: 0.2s 0s opacity, 0s 0.2s left;
  }
}
@media only screen and (max-width: 991px) {
  .products-menu-nav__helper {
    overflow: auto;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 750px;
    height: 100%;
  }
}
.menu__back, .products-menu__back {
  margin: 0 0 20px 0;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  text-transform: uppercase;
  font-size: 0.625em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
.menu__back:before, .products-menu__back:before {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-width: 2px 2px 0 0;
  content: "";
  vertical-align: middle;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.products-menu {
  margin: 0 0 25px 0;
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .products-menu {
    margin: 0;
    padding-top: 14px;
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: space-between;
  }
}
.products-menu__heading {
  display: block;
  margin: 0 0 20px 0;
  color: inherit;
  font-size: 1.25em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .products-menu__heading {
    font-size: 1em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
@media only screen and (max-width: 991px) {
  .products-menu__item {
    margin: 0 0 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (min-width: 992px) {
  .products-menu__item {
    position: relative;
    display: inline-block;
  }
}
@media only screen and (max-width: 991px) {
  .products-menu__item:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .products-menu__item:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .products-menu__item--sub.products-menu__item--hover {
    margin-bottom: -22px;
    border-bottom: 2px solid;
  }
}
.products-menu__item--sub.loyalty--page--menu.products-menu__item--hover {
  border: none;
}
.products-menu__item--mega {
  position: static;
}
@media only screen and (min-width: 992px) {
  .products-menu__item--mega.products-menu__item--hover .products-menu__link:before {
    margin-left: 0;
    opacity: 1;
    transition: 0.3s 0s opacity;
  }
}
.products-menu__item--mega .products-menu__link {
  position: relative;
}
.products-menu__item--mega .products-menu__link:after {
  display: inline-block;
  margin: 0 0 0 10px;
  width: 6px;
  height: 6px;
  border: 2px solid;
  border-width: 2px 2px 0 0;
  content: "";
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (min-width: 992px) {
  .products-menu__item--mega .products-menu__link:after {
    margin-top: -3px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}
@media only screen and (max-width: 991px) {
  .products-menu__item--mega .megamenu-nav {
    padding-top: 46px;
    top: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .products-menu__item--mega .megamenu-nav__tabs {
    padding-top: 46px;
  }
}
.products-menu__link {
  display: flex;
  justify-content: start;
  align-items: center;
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
  line-height: 120%;
}
@media only screen and (max-width: 991px) {
  .products-menu__link {
    color: #2d2b73;
    font-size: 1em;
    font-family: "AvantGardeLTMedium";
    font-weight: 500;
  }
}
@media only screen and (min-width: 992px) {
  .products-menu__link {
    line-height: 140%;
    font-size: 0.875em;
    font-family: "AvantGardeLTMedium";
    font-weight: 500;
    transition: 0.2s;
  }
}
@media only screen and (min-width: 1200px) {
  .products-menu__link {
    font-size: 0.9em;
    font-family: "AvantGardeLTMedium";
    font-weight: 500;
  }
}
.products-menu__link--icon {
  display: flex;
}
.products-menu__link--text {
  margin-left: 10px;
}
@media only screen and (min-width: 992px) {
  .products-menu__link--text {
    margin-left: 0;
  }
}
.products-menu__mega {
  position: static;
}
@media only screen and (min-width: 992px) {
  .products-menu__mega.products-menu__item--hover .products-menu__link:before {
    margin-left: 0;
    opacity: 1;
    transition: 0.3s 0s opacity;
  }
}
.products-menu__mega .products-menu__link:before {
  position: absolute;
  bottom: -50px;
  left: 50%;
  display: block;
  margin-left: -999em;
  border-right: 15px solid transparent;
  border-bottom: 10px solid white;
  border-left: 15px solid transparent;
  opacity: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media only screen and (min-width: 992px) {
  .products-menu__mega .products-menu__link:before {
    content: "";
    transition: 0.1s 0s opacity, 0s 0.1s margin-left;
  }
}
.products-menu__mega .products-menu__link:after {
  display: inline-block;
  margin: 0 0 0 10px;
  width: 6px;
  height: 6px;
  border: 2px solid;
  border-width: 2px 2px 0 0;
  content: "";
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (min-width: 992px) {
  .products-menu__mega .products-menu__link:after {
    margin-top: -3px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}

@media only screen and (max-width: 991px) {
  body.menu-active .products-nav {
    transition: 0.3s 0s left;
  }
}
body.menu-active .products-menu-nav {
  opacity: 1;
}
@media only screen and (max-width: 991px) {
  body.menu-active .products-menu-nav {
    transition: 0.3s 0s left;
  }
}
@media only screen and (max-width: 991px) {
  body.products-menu-active .products-menu-nav {
    left: 0;
  }
}
@media only screen and (min-width: 992px) {
  body.products-menu-active .products-menu-nav {
    margin-left: 0;
    opacity: 1;
    transition: 0.3s 0s opacity;
  }
}
body.products-submenu-active .products-nav {
  left: 0;
}
body.products-submenu-active .products-menu-nav {
  left: -100%;
}
@media only screen and (max-width: 991px) {
  body.megamenu-active .menu-nav {
    left: -100%;
  }
}
@media only screen and (max-width: 991px) {
  body.megamenu-submenu-active .menu-nav {
    left: -100%;
  }
}

.header-s2 .logged-in-as__link:hover,
.header-s2 .logged-in-as__link:focus {
  color: #2d2b73;
}
@media only screen and (min-width: 992px) {
  .header-s2 .header {
    padding-bottom: 0;
  }
  .header-s2 .products-menu__link--icon {
    margin-right: 3px;
  }
  .header-s2 .megamenu-nav__heading a {
    color: #000;
    opacity: 1;
  }
  .header-s2 .submenu-nav {
    position: absolute;
    top: 100%;
    width: 155px;
    left: 50%;
    display: none;
    padding: 0px 0 0 0;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
  }
  .header-s2 .submenu-nav .submenu-nav__helper {
    box-shadow: none;
    padding: 1px 0px;
  }
  .header-s2 .submenu-nav .submenu-nav__helper .submenu__link {
    padding: 10px 16px;
    color: #666;
    opacity: 1;
    font-size: 0.75em;
    font-family: "AvantGardeLTMedium";
  }
  .header-s2 .submenu-nav .submenu-nav__helper .submenu__link:focus {
    border-color: transparent;
    opacity: 1;
    color: #2d2b73;
    background: rgba(45, 43, 115, 0.1);
  }
  .header-s2 .submenu-nav .submenu-nav__helper .submenu__link:hover {
    border-color: transparent;
    opacity: 1;
    background: rgba(45, 43, 115, 0.1);
    color: #2d2b73;
  }
  .header-s2 .submenu-nav .submenu-nav__helper .submenu__item:last-child {
    margin-bottom: 0;
    border-top: 1px solid #e1e1e1;
  }
}

.header--hero--holder #search-form .form-control {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
.header--hero--holder #search-form .btn {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.header--hero--holder .submenu-nav:after {
  display: block;
  margin: 0 0 0 10px;
  width: 10px;
  position: absolute;
  height: 10px;
  border: 2px solid #fff;
  border-width: 2px 2px 0 0;
  content: "";
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(-46deg);
  margin: 0 auto;
  top: -5px;
  left: 0;
  right: 0;
  background: #fff;
}
.header--hero--holder .submenu-nav .submenu__link {
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .header--hero--holder {
    padding-top: 25px;
  }
}
.header--hero--holder .menu__item {
  position: relative;
  max-width: 115px;
}
.header--hero--holder .menu__link {
  color: #000;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
  font-weight: 500 !important;
}
.header--hero--holder .menu__link .icon {
  font-size: 30px;
}
.header--hero--holder .menu__link .cart-counter {
  position: absolute;
  right: -7px;
  top: 0;
  background: #2d2b73;
  color: #fff;
  border-radius: 20px;
  width: 20px;
  font-size: 8px;
}
.header--hero--holder .menu__link .cart-counter::before, .header--hero--holder .menu__link .cart-counter::after {
  display: none;
}
.header--hero--holder .menu__link .quote-counter {
  position: absolute;
  right: 23px;
  top: -1px;
  background: #2d2b73;
  color: #fff;
  border-radius: 20px;
  width: 20px;
  font-size: 8px;
}

.footer {
  position: relative;
  z-index: 1;
  padding: 10px 0 5px 0;
  border-top: 1px solid #e1e1e1;
  background: #f0f0f0;
  color: #9b9b9b;
  fill: #9b9b9b;
}
@media only screen and (max-width: 991px) {
  .footer {
    z-index: 0;
  }
}
@media only screen and (min-width: 992px) {
  .footer {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 991px) {
  .footer__bottom {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e1e1e1;
  }
}
@media only screen and (min-width: 992px) {
  .footer__bottom {
    text-align: right;
  }
}
.footer__logo {
  display: inline-block;
  margin: 0 30px 0 0;
  max-width: 107px;
  vertical-align: middle;
}
@media only screen and (max-width: 991px) {
  .footer__logo {
    float: left;
  }
}
@media only screen and (min-width: 992px) {
  .footer__logo {
    max-width: 142px;
  }
}

.footer-contact {
  list-style: none;
}
@media only screen and (max-width: 991px) {
  .footer-contact {
    float: right;
    margin: 5px 0 0 0;
    text-align: right;
  }
}
@media only screen and (min-width: 992px) {
  .footer-contact {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  }
}
@media only screen and (min-width: 992px) {
  .footer-contact__item {
    float: left;
    margin: 0 30px 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .footer-contact__item:last-child {
    margin-right: 0;
  }
}
.footer-contact__link {
  display: block;
  color: inherit;
  line-height: 140%;
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .footer-contact__link {
    font-size: 0.75em;
    font-family: "AvantGardeLTMedium";
    transition: 0.2s color;
  }
  .footer-contact__link:hover, .footer-contact__link:focus {
    color: black;
  }
}
.footer-contact__link--big {
  line-height: 120%;
  opacity: 1;
}
@media only screen and (max-width: 991px) {
  .footer-contact__link--big {
    font-size: 0.75em;
    font-family: "AvantGardeLTMedium";
  }
}

.copyright {
  display: inline-block;
  vertical-align: middle;
  line-height: 140%;
  font-size: 0.563em;
  font-weight: 400;
  font-family: "Arial", Helvetica, sans-serif;
}
@media only screen and (max-width: 991px) {
  .copyright {
    text-align: left;
  }
}
@media only screen and (min-width: 992px) {
  .copyright {
    margin: 0 0 0 25px;
    font-size: 0.625em;
    font-weight: 400;
    font-family: "Arial", Helvetica, sans-serif;
  }
}
.copyright a {
  color: black;
}

.footer-social {
  display: block;
  margin: 0;
  text-align: right;
}
.footer-social .social__item {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.footer-social .social__item:last-child {
  margin-right: 0;
}
/*------------------------------------*\
    CONTENT
\*------------------------------------*/
.content {
  position: relative;
  background: #f0f0f0;
}
@media only screen and (max-width: 991px) {
  .content {
    padding-top: 66px;
  }
}
.content > .section:first-child.section--border {
  padding-top: 1.25rem;
}
@media only screen and (min-width: 992px) {
  .content > .section:first-child.section--border {
    padding-top: 1.25rem;
  }
}
.content > .section:first-child:not(.section--bg):not(.section--border) {
  margin-top: 1.25rem;
}
@media only screen and (min-width: 992px) {
  .content > .section:first-child:not(.section--bg):not(.section--border) {
    margin-top: 1.25rem;
  }
}
@media only screen and (max-width: 991px) {
  .content > .section:first-child:not(.section--bg):not(.section--border) {
    margin-top: 2.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .content .section.checkout {
    margin-top: 0.5em !important;
  }
}

.container-box {
  position: relative;
  padding: 1.25rem 0.938rem;
  background: white;
}
@media only screen and (min-width: 992px) {
  .container-box {
    padding: 1.875rem 1.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .container-box {
    padding: 1.875rem 2.5rem;
  }
}
.container-box--hollow {
  background: none;
}
.container-box--main {
  z-index: 3;
  border: 1px solid #e1e1e1;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
.container-box__heading {
  display: block;
  margin: 0 0 0.625rem 0;
  text-transform: uppercase;
  line-height: 120%;
  font-size: 0.625em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
.container-box-prefix {
  position: relative;
}
.container-box-prefix__item {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 0.933em;
  font-family: "AvantGardeLTBold";
  padding: 17.5px 25px;
  width: 50%;
  background: #eef0f2;
  color: #b9c2ca;
  border-bottom: 1px solid transparent;
}
@media only screen and (min-width: 768px) {
  .container-box-prefix__item {
    padding: 27.5px 45px;
    width: 270px;
    font-size: 1em;
    font-family: "AvantGardeLTBold";
  }
}
@media only screen and (min-width: 1200px) {
  .container-box-prefix__item {
    padding: 32px 65px;
    width: 320px;
  }
}
.container-box-prefix__item--active {
  background: white;
  color: #001e3d;
  border: 1px solid #e1e1e1;
  border-bottom-color: white;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.container-box-prefix__item--active:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 5px;
  background: white;
  z-index: 2;
}

.container-box-section {
  margin: 0 -15px;
  background: white;
}
@media only screen and (min-width: 992px) {
  .container-box-section {
    margin: 0 -20px;
  }
}
@media only screen and (min-width: 1200px) {
  .container-box-section {
    margin: 0 -40px;
  }
}
.container-box-section__item {
  position: relative;
  border-top: 1px solid #f0f0f0;
  padding: 20px 15px;
}
@media only screen and (min-width: 768px) {
  .container-box-section__item {
    padding: 40px 50px;
  }
}
@media only screen and (min-width: 992px) {
  .container-box-section__item {
    padding: 50px 60px;
  }
}
.container-box-section__item--borderless {
  border-top: 0;
}
.container-box-section__item--small {
  padding: 15px 15px;
}
@media only screen and (min-width: 768px) {
  .container-box-section__item--small {
    padding: 30px 60px;
  }
}
.container-box-section__item--footer {
  padding: 15px 15px;
}
@media only screen and (min-width: 768px) {
  .container-box-section__item--footer {
    padding: 30px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .container-box-section__item--footer .field,
.container-box-section__item--footer .button {
    display: block;
    width: 100%;
    margin-bottom: 10px !important;
  }
  .container-box-section__item--footer .field:last-child,
.container-box-section__item--footer .button:last-child {
    margin-bottom: 0;
  }
}
.container-box-section__item .col-div {
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: -20px;
}
@media only screen and (min-width: 768px) {
  .container-box-section__item .col-div {
    margin-top: -40px;
    margin-bottom: -40px;
  }
}
@media only screen and (min-width: 992px) {
  .container-box-section__item .col-div {
    margin-top: -50px;
    margin-bottom: -50px;
  }
}
.container-box-section__item .col-div:after {
  top: -40px;
  bottom: -40px;
}
.container-box-section__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.container-box-section__flex__item {
  flex: 1;
}
.container-box-section__flex__item--small {
  flex: none;
  width: 35px;
}
@media only screen and (min-width: 768px) {
  .container-box-section__flex__item--small {
    width: 65px;
  }
}
.container-box-section__flex__item .react-table {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.container-box-section__number {
  font-size: 1.5em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 768px) {
  .container-box-section__number {
    font-size: 2em;
    font-family: "AvantGardeLTBook";
  }
}
.container-box-section__subheading {
  color: inherit;
  font-size: 0.75em;
  font-weight: 400;
  font-family: "Arial", Helvetica, sans-serif;
  margin-bottom: 17.5px;
}
@media only screen and (min-width: 992px) {
  .container-box-section__subheading {
    margin-bottom: 22.5px;
    font-size: 0.875em;
    font-weight: 700;
    font-family: "Arial", Helvetica, sans-serif;
  }
}
.container-box-section__list-heading {
  font-size: 0.875em;
  font-weight: 700;
  font-family: "Arial", Helvetica, sans-serif;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 12.5px;
  margin-bottom: 12.5px;
}
@media only screen and (min-width: 992px) {
  .container-box-section__list-heading {
    font-size: 1em;
    font-weight: 700;
    font-family: "Arial", Helvetica, sans-serif;
    margin-bottom: 22.5px;
  }
}
.container-box-section__list {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 100%;
}
@media only screen and (min-width: 1200px) {
  .container-box-section__list {
    line-height: 115%;
  }
}
.container-box-section__list__item {
  margin-bottom: 5px;
  font-size: 0.7em;
  font-weight: 400;
  font-family: "Arial", Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
  .container-box-section__list__item {
    margin-bottom: 7.5px;
    font-size: 0.75em;
    font-weight: 400;
    font-family: "Arial", Helvetica, sans-serif;
  }
}
.container-box-section__list__item:last-child {
  margin-bottom: 0;
}
.container-box-section__field-qty {
  display: block;
  max-width: 100%;
  width: 80px;
}

.customer-bar {
  padding: 10px 0.938rem;
  background: #2d2b73;
  color: white;
}
@media only screen and (min-width: 992px) {
  .customer-bar {
    padding: 10px 1.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .customer-bar {
    padding: 10px 2.5rem;
  }
}
.customer-bar__info {
  font-size: 0.583em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .customer-bar__info {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .customer-bar__info {
    font-size: 0.625em;
    font-family: "AvantGardeLTMedium";
  }
}
.customer-bar__heading {
  margin: 3px 10px 0 0;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .customer-bar__heading {
    margin: 0 10px;
    font-size: 0.875em;
    font-family: "AvantGardeLTBold";
  }
}
.customer-bar__button {
  padding: 0;
  border: none;
  background: none;
  text-transform: uppercase;
  font-size: 0.5em;
  font-family: "AvantGardeLTMedium";
}

.breadcrumbs {
  margin: 0 0 5px 0;
  list-style: none;
}
.breadcrumbs:after {
  display: block;
  clear: both;
  content: "";
}
.breadcrumbs__item {
  float: left;
}
.breadcrumbs__item:not(:last-child):after {
  margin: 0 5px 0 0;
  content: "/";
  vertical-align: middle;
  opacity: 0.5;
  font-size: 0.625em;
  font-family: "AvantGardeLTBook";
}
.breadcrumbs__link {
  color: inherit;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.65;
  font-size: 0.625em;
  font-weight: 400;
  font-family: "Arial", Helvetica, sans-serif;
}
@media only screen and (min-width: 992px) {
  .breadcrumbs__link {
    transition: 0.2s 0s;
  }
  .breadcrumbs__link:hover, .breadcrumbs__link:focus {
    opacity: 1;
  }
}
.breadcrumbs__link--active {
  opacity: 1;
  font-size: 0.625em;
  font-weight: 600;
  font-family: "Arial", Helvetica, sans-serif;
}

@media only screen and (max-width: 991px) {
  .header-topbar + .content .sidebar {
    top: 98px;
  }
}

.sidebar {
  vertical-align: top;
  min-width: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 1199px) {
  .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    z-index: 100;
    overflow: auto;
    width: 100%;
    background: white;
    transition: 0.3s 0s left;
  }
}
@media only screen and (max-width: 991px) {
  .sidebar {
    top: 66px;
  }
}
@media only screen and (min-width: 1750px) {
  .sidebar {
    width: 17.5rem;
  }
}
.sidebar .sidebar__filter-toggle {
  display: block;
  margin: -15px -15px 0.938rem -15px;
  padding: 0;
  padding: 0.938rem;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  background: none;
  color: #7d7d7d;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  font-size: 0.75em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .sidebar .sidebar__filter-toggle {
    margin: -25px -15px 25px -15px;
  }
}
.sidebar__heading {
  font-size: 1.125em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
}
.sidebar__heading--bold {
  font-size: 1.125em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
.sidebar__helper {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .sidebar__helper {
    padding: 0.8rem;
  }
}
@media only screen and (min-width: 992px) {
  .sidebar__helper {
    padding: 25px 1rem;
    background: white;
  }
}
.sidebar__helper__item {
  position: relative;
  border-bottom: 1px solid #e1e1e1;
  margin: 0 0 1.25rem 0;
}
@media only screen and (min-width: 992px) {
  .sidebar__helper__item {
    margin: 0 0 25px 0;
  }
}
.sidebar__item {
  position: relative;
  border-bottom: 1px solid #e1e1e1;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 992px) {
  .sidebar__item {
    margin: 0 0 25px 0;
  }
}
.sidebar__back {
  display: block;
  margin: 0 0 0.938rem 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: black;
  font-size: 0.75em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
.sidebar__title {
  margin: 0 0 0.938rem 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 1em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .sidebar__title {
    font-size: 1.125em;
    font-family: "AvantGardeLTBold";
  }
}
.sidebar__collapse {
  position: relative;
  display: block;
  padding: 0 60px 0 0;
  width: 100%;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}
.sidebar__collapse:before {
  position: absolute;
  top: 5px;
  right: 0;
  width: 6px;
  height: 6px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  content: "";
  transform-origin: 50% 35%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 992px) {
  .sidebar__collapse:before {
    transition: 0.2s 0s;
  }
}
.sidebar__collapse.collapsed:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.sidebar__filter-clear {
  position: absolute;
  top: 4px;
  right: 20px;
  z-index: 1;
  padding: 0;
  border: none;
  background: none;
  text-transform: uppercase;
  opacity: 0.8;
  font-size: 0.625em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .sidebar__filter-clear {
    transition: 0.2s;
  }
  .sidebar__filter-clear:hover, .sidebar__filter-clear:focus {
    opacity: 1;
  }
}
.sidebar .breadcrumbs {
  margin: 0 0 0.625rem 0;
}
.sidebar .breadcrumbs__item:after {
  margin: 0 5px 0 0;
  content: "/";
  vertical-align: middle;
  opacity: 0.5;
  font-size: 0.625em;
  font-family: "AvantGardeLTBook";
}

.sidebar-menu {
  padding: 0 0 0.938rem 0;
  list-style: none;
}
.sidebar-menu__link {
  display: block;
  padding: 5px 0;
  width: 100%;
  border: none;
  background: none;
  color: inherit;
  text-align: left;
  text-transform: capitalize;
  line-height: 120%;
  opacity: 1;
  font-size: 0.785em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .sidebar-menu__link {
    transition: 0.2s;
  }
  .sidebar-menu__link:hover, .sidebar-menu__link:focus {
    opacity: 1;
  }
}
.sidebar-menu__link--active {
  width: 100%;
  opacity: 1;
}
@media only screen and (max-width: 1199px) {
  body.sidebar-active {
    overflow: hidden;
  }
}
@media only screen and (max-width: 1199px) {
  body.sidebar-active .sidebar {
    left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  body.sidebar-active .sidebar {
    margin-left: -17.5rem;
  }
}
body.sidebar-active .sidebar__toggle {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media only screen and (max-width: 1199px) {
  body.sidebar-active .sidebar__toggle {
    left: calc(100% - 45px);
  }
}
@media only screen and (min-width: 1200px) {
  body.sidebar-active .sidebar__toggle {
    margin-left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@media only screen and (min-width: 1200px) {
  body.sidebar-active .sidebar__toggle.is_stuck {
    left: 0;
  }
}
.pagination {
  text-align: center;
}
.pagination:first-child {
  margin-top: 0;
}
.pagination__container {
  display: inline-block;
  overflow: hidden;
}
.pagination__nav {
  display: inline-block;
  padding: 0;
  border: none;
  background: none;
  color: black;
  text-transform: uppercase;
  line-height: 2.188rem;
  opacity: 0.5;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .pagination__nav {
    line-height: 2.75rem;
    font-size: 0.75em;
    font-family: "AvantGardeLTBold";
  }
}
@media only screen and (min-width: 992px) {
  .pagination__nav:not(:disabled) {
    transition: 0.2s;
  }
  .pagination__nav:not(:disabled):hover, .pagination__nav:not(:disabled):focus {
    opacity: 1;
  }
}
.pagination__nav--prev {
  float: left;
}
.pagination__nav--next {
  float: right;
}
.pagination__pages {
  display: inline-block;
  overflow: hidden;
  margin: 0 1.25rem;
}
@media only screen and (min-width: 992px) {
  .pagination__pages {
    margin: 0 1.875rem;
  }
}
.pagination__item {
  float: left;
  margin: 0 2px;
  padding: 0;
  width: -1.812rem;
  border: none;
  background: none;
  color: black;
  line-height: 2.188rem;
  opacity: 0.5;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .pagination__item {
    margin: 0 7px;
    width: -1.25rem;
    line-height: 2.75rem;
    transition: 0.2s;
  }
  .pagination__item:not(.pagination__item--active):hover, .pagination__item:not(.pagination__item--active):focus {
    opacity: 1;
  }
}
.pagination__item--active {
  opacity: 1;
}
.dashboard__heading {
  display: block;
  overflow: hidden;
  margin: 0 0 20px 0;
  color: rgba(0, 30, 61, 0.25);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.688em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .dashboard__heading {
    margin: 0 0 30px 0;
  }
}
.dashboard__heading span {
  position: relative;
}
.dashboard__heading span:after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: block;
  margin: -1px 0 0 10px;
  width: 999em;
  border-top: 1px solid #e1e1e1;
  content: "";
}

@media only screen and (max-width: 991px) {
  .dashboard-header .button {
    margin: 5px 0 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .dashboard-header .button--right {
    float: right;
  }
}

.form-builder-heading {
  font-size: 25px;
  text-transform: uppercase;
  text-align: center;
  line-height: 100px;
  color: #2d2b73;
}

.pointer-events-all {
  pointer-events: all;
}

.form-builder-image-wrapper {
  text-align: center;
  padding: 35px 0px 0px 0px;
}

.form-builder-image-wrapper img {
  max-width: 300px;
}

/* Button styling */
.button-static-hover {
  /*padding: 10px 20px;*/
  cursor: not-allowed;
  position: relative;
  /*background-color: #d3d3d3; !* Example background color *!*/
  /*border: none;*/
  /*color: #555; !* Example text color *!*/
  /*font-size: 1rem;*/
}

.link-static-hover {
  /*padding: 10px 20px;*/
  cursor: not-allowed;
  position: relative;
  /*background-color: #d3d3d3; !* Example background color *!*/
  /*border: none;*/
  /*color: #555; !* Example text color *!*/
  /*font-size: 1rem;*/
}

/* Tooltip styling */
.tooltip-text {
  display: none;
  max-width: 250px;
  background-color: #2d2b73;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  position: absolute;
  font-size: 0.9em;
  white-space: normal;
  z-index: 9999;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  line-height: 1.5;
  right: 15px;
  top: 65px;
  box-sizing: border-box;
  font-weight: bold;
}

/* Tooltip arrow */
.tooltip-text::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #2d2b73 transparent;
}

/* Show tooltip on button hover */
.button-static-hover:hover + .tooltip-text {
  display: block;
}

.link-static-hover:hover + .tooltip-text {
  display: block;
}

.dashboard-menu {
  list-style: none;
}
.dashboard-menu:after {
  display: block;
  clear: both;
  content: "";
}
@media only screen and (min-width: 992px) {
  .dashboard-menu {
    margin-right: -12px;
  }
}
.dashboard-menu__item {
  position: relative;
  margin-top: -1px;
  width: 100%;
  height: 40px;
}
@media only screen and (min-width: 992px) {
  .dashboard-menu__item {
    float: left;
    width: 25%;
    height: 90px;
    border-right: 12px solid transparent;
  }
}
.dashboard-menu__link {
  display: table;
  padding: 0 6%;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(45, 43, 115, 0.5);
  background: white;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  color: #2d2b73;
  vertical-align: middle;
  line-height: 120%;
  font-size: 1em;
  font-family: "AvantGardeLTMedium";
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .dashboard-menu__link {
    padding: 0 9%;
    font-size: 1.125em;
    font-family: "AvantGardeLTMedium";
    font-weight: 500;
    transition: 0.2s;
  }
  .dashboard-menu__link:hover, .dashboard-menu__link:focus {
    background: #eef0f2;
  }
}
.dashboard-menu__item--active .dashboard-menu__link {
  border-color: white;
  background: white;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  color: #2d2b73;
  font-weight: 700;
  font-family: "AvantGardeLTBold";
}
.dashboard-menu__link span {
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
}
.dashboard-menu__link .icon {
  position: relative;
  top: -1px;
  display: table-cell;
  margin: 0 10px 0 0;
  width: 40px;
  vertical-align: middle;
  font-size: 1.5em;
}
@media only screen and (min-width: 992px) {
  .dashboard-menu__link .icon {
    width: 53px;
    font-size: 2em;
  }
}
@media only screen and (min-width: 992px) {
  .dashboard-menu__link .supplier--menu--content {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 90%;
    vertical-align: baseline;
    background: transparent;
  }
}

.dashboard-box {
  margin: 0 0 20px 0;
  padding: 20px 15px;
  background: white;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 992px) {
  .dashboard-box {
    margin: 0 0 30px 0;
    padding: 35px 40px;
    height: 100%;
    min-height: 265px;
  }
}
.dashboard-box:last-child {
  margin-bottom: 0;
}
.dashboard-box--notification {
  background-color: #eaedef;
}
.dashboard-box__header {
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #e1e1e1;
}
@media only screen and (min-width: 992px) {
  .dashboard-box__header {
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
  }
}
.dashboard-box__header:after {
  display: block;
  clear: both;
  content: "";
}
.dashboard-box__heading {
  float: left;
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .dashboard-box__heading {
    font-size: 1em;
    font-family: "AvantGardeLTBold";
  }
}
.dashboard-box__heading-info {
  display: inline-block;
  margin: 5px 0 0 0;
  padding: 0 5px;
  background: #eef0f2;
  line-height: 20px;
}
@media only screen and (min-width: 992px) {
  .dashboard-box__heading-info {
    float: right;
    margin: -5px 0;
    padding: 0 10px;
    line-height: 24px;
  }
}
.dashboard-box__heading-info span {
  opacity: 0.7;
  font-size: 0.625em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .dashboard-box__heading-info span {
    font-size: 0.75em;
    font-family: "AvantGardeLTMedium";
  }
}
.dashboard-box__heading-info b {
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .dashboard-box__heading-info b {
    font-size: 0.725em;
    font-family: "AvantGardeLTBold";
  }
}
.dashboard-links {
  margin: 0 0 10px 0;
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .dashboard-links {
    margin: 0 0 20px 0;
  }
}
.dashboard-links:last-child {
  margin-bottom: 0;
}
.dashboard-links__item {
  margin: 0 0 5px 0;
}
@media only screen and (min-width: 992px) {
  .dashboard-links__item {
    margin: 0 0 15px 0;
  }
}
.dashboard-links__item:last-child {
  margin-bottom: 0;
}
.dashboard-links__link {
  color: inherit;
  line-height: 120%;
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .dashboard-links__link {
    font-size: 0.75em;
    font-family: "AvantGardeLTMedium";
    transition: 0.2s;
  }
  .dashboard-links__link:hover, .dashboard-links__link:focus {
    color: black;
  }
  .dashboard-links__link:hover:before, .dashboard-links__link:focus:before {
    opacity: 1;
  }
}
.dashboard-links__link:before {
  display: inline-block;
  margin: -2px 10px 0 0;
  width: 4px;
  height: 4px;
  border: 1px solid;
  border-width: 1px 1px 0 0;
  content: "";
  vertical-align: middle;
  opacity: 0.5;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (min-width: 992px) {
  .dashboard-links__link:before {
    transition: 0.1s opacity;
  }
}

.dashboard-content > .row {
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .dashboard-content > .row {
    margin-bottom: 15px;
  }
}
.dashboard-content > .row:last-child {
  margin-bottom: 0;
}
.dashboard-content p {
  margin: 0 0 5px 0;
  line-height: 120%;
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .dashboard-content p {
    margin: 0 0 10px 0;
    line-height: 140%;
    font-size: 0.75em;
    font-family: "AvantGardeLTMedium";
  }
}
.dashboard-content p:last-child {
  margin-bottom: 0;
}
.dashboard-content p a,
.dashboard-content p b {
  font-size: 1em;
  font-family: "AvantGardeLTBold";
}
.dashboard-content var {
  display: block;
  font-style: normal;
  font-size: 0.875em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .dashboard-content var {
    margin-top: -5px;
    line-height: 140%;
    font-size: 1em;
    font-family: "AvantGardeLTMedium";
  }
}
.dashboard-content var:last-child {
  margin-bottom: 0;
}

.dashboard-statement {
  margin: 0 0 -1px 0;
  padding: 15px;
  background: white;
}
.dashboard-statement--bg {
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .dashboard-statement {
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .dashboard-statement {
    margin: 0 -1px 0 0;
    padding: 40px;
  }
}
.dashboard-statement:first-child:last-child {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .dashboard-statement__loyalty-button {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .dashboard-statement__loyalty-button .button {
    float: right;
  }
}
.dashboard-statement__loyalty-heading {
  color: #1198dc;
  display: block;
  margin: 0;
  line-height: 100%;
  font-size: 1.25em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .dashboard-statement__loyalty-heading {
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .dashboard-statement__loyalty-heading {
    font-size: 1.5em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
.dashboard-statement__loyalty-value {
  display: block;
  color: #1198dc;
  line-height: 100%;
  font-size: 2.75em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 767px) {
  .dashboard-statement__loyalty-value {
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .dashboard-statement__loyalty-value {
    font-size: 3.5em;
    font-family: "AvantGardeLTMedium";
  }
}
.dashboard-statement__heading {
  display: block;
  margin: 0 0 5px 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 120%;
  font-size: 0.563em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .dashboard-statement__heading {
    font-size: 0.625em;
    font-family: "AvantGardeLTBold";
  }
}
.dashboard-statement__value {
  display: block;
  color: #2b2d73;
  line-height: 120%;
  font-size: 2.25em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .dashboard-statement__value {
    font-size: 3em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}

.loyalty-icon {
  width: 60px;
  height: auto;
  margin: 0 auto 7px auto;
  display: block;
}
@media only screen and (min-width: 768px) {
  .loyalty-icon {
    width: 80px;
    float: left;
    margin: 0 20px 0 0;
  }
}

.chart {
  background-color: red;
  position: relative;
  display: inline-block;
}
.chart canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 992px) {
  .loyalty-points {
    display: flex;
  }
}
.loyalty-points__card {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 15px 0 0 0;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .loyalty-points__card {
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) {
  .loyalty-points__card {
    padding: 15px 0 0 50px;
  }
}
@media only screen and (min-width: 992px) {
  .loyalty-points__card {
    flex: unset;
    padding: 10px 0 0 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-points__card {
    padding: 30px 0 0 60px;
  }
}
@media only screen and (min-width: 768px) {
  .loyalty-points__card > img {
    width: 100%;
  }
}
.loyalty-points__circular {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding-top: 50px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .loyalty-points__circular {
    flex: unset;
  }
}
.loyalty-points__dashboard {
  background: #fff;
  justify-content: center;
  height: 100%;
  flex-direction: column;
  padding: 10px 15px 15px;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .loyalty-points__dashboard {
    flex-direction: row;
    justify-content: start;
    padding: 10px 0 15px 15px;
  }
}
@media only screen and (min-width: 992px) {
  .loyalty-points__dashboard {
    padding: 5px 20px 5px 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-points__dashboard {
    padding: 0 30px;
  }
}
.loyalty-points__lines {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
  background-color: #fff;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .loyalty-points__lines {
    padding: 10px 20px 10px 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-points__lines {
    padding: 0 30px 0 30px;
  }
}
.loyalty-points__heading {
  position: absolute;
  top: 15px;
  font-size: 1.5em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .loyalty-points__heading {
    font-size: 1.25em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-points__heading {
    top: 12%;
  }
}
.loyalty-points__circular-container {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.loyalty-points__points {
  font-size: 2.25em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .loyalty-points__points {
    font-size: 2.5em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
  }
}
.loyalty-points__text {
  font-size: 1.125em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
  width: max-content;
  margin-top: 10px;
}
@media only screen and (min-width: 992px) {
  .loyalty-points__text {
    font-size: 1.2em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
.loyalty-points__circular-canvas {
  position: relative;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
}
@media (max-width: 320px) {
  .loyalty-points__circular-canvas {
    overflow: unset;
  }
}
.loyalty-points__progress {
  background-color: #e4e3e3;
  position: relative;
  margin: 8px 0;
  height: 20px;
}
@media only screen and (min-width: 992px) {
  .loyalty-points__progress {
    margin: 10px 0;
    height: 25px;
  }
}
.loyalty-points__progress-done {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  opacity: 0;
  transition: all 3s ease-out 0s;
}
.loyalty-points__progress-done--bronze {
  background: #cd7f32;
  opacity: 1;
}
.loyalty-points__progress-done--silver {
  background: #b3b3b3;
  opacity: 1;
}
.loyalty-points__progress-done--gold {
  background: #cab440;
  opacity: 1;
}
.loyalty-points__progress-done--platinum {
  background: #000;
  background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(76, 76, 76));
  opacity: 1;
}
.loyalty-points__bar-text {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.loyalty-points__bar-text--points {
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .loyalty-points__bar-text--points {
    font-size: 0.75em;
    font-family: "AvantGardeLTMedium";
  }
}
.loyalty-points__bar-text--date {
  color: #7d7d7d;
  font-size: 0.65em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .loyalty-points__bar-text--date {
    font-size: 0.688em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
.pm-progress {
  width: 230px;
  height: 230px;
  line-height: 230px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
.pm-progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 30px solid #f2f5f5;
  position: absolute;
  top: 0;
  left: 0;
}
.pm-progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.pm-progress .pm-progress-left {
  left: 0;
}
.pm-progress .pm-progress-left .pm-progress-bar {
  left: 100%;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.pm-progress .pm-progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 30px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #26abfd;
}
.pm-progress .pm-progress-right {
  right: 0;
}
.pm-progress .pm-progress-right .pm-progress-bar {
  left: -100%;
  border-top-left-radius: 120px;
  border-bottom-left-radius: 120px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.pm-progress.active .pm-progress-right .pm-progress-bar {
  animation: loading-1 1s linear forwards;
}
.pm-progress.active .pm-progress-left .pm-progress-bar {
  animation: loading-2 2s ease-out forwards 1s;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.notification-count {
  position: relative;
  top: -1px;
  display: inline-block;
  margin: 0 5px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #6f080e;
  color: white;
  vertical-align: middle;
  text-align: center;
  line-height: 18px;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
.notification-count:first-child {
  margin-left: 0;
}
.notification-count:last-child {
  margin-right: 0;
}

.notification-new {
  color: #6f080e;
  text-transform: uppercase;
  font-size: 0.5em;
  font-family: "AvantGardeLTBold";
}

.notifications-list {
  list-style: none;
}
.notifications-list__item {
  margin: 0 0 15px 0;
  padding: 20px 15px;
  background: #e1e1e1;
}
@media only screen and (min-width: 992px) {
  .notifications-list__item {
    margin: 0 0 30px 0;
    padding: 50px 80px;
  }
}
.notifications-list__item:last-child {
  margin-bottom: 0;
}
.notifications-list__title {
  display: block;
  line-height: 120%;
  font-size: 1em;
  font-family: "AvantGardeLTBold";
}
.notifications-list__heading {
  display: block;
  margin: 2px 0 0 0;
  line-height: 120%;
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .notifications-list__heading {
    margin: 5px 0 0 0;
  }
}

.modal-table__item {
  margin: 0 0 5px 0;
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .modal-table__item {
    margin: 0 0 10px 0;
  }
}
.modal-table__item:last-child {
  margin-bottom: 0;
}
.modal-table__heading {
  display: block;
  padding-right: 10px;
  min-width: 40%;
  line-height: 120%;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .modal-table__heading {
    font-size: 0.875em;
    font-family: "AvantGardeLTBold";
  }
}
.modal-table__info {
  display: block;
  line-height: 120%;
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .modal-table__info {
    font-size: 0.875em;
    font-family: "AvantGardeLTMedium";
  }
}

.report-exporter-modal .small__text {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
}
.report-exporter-modal .text--success {
  color: #28a745;
}
@media only screen and (max-width: 991px) {
  .report-exporter-modal .modal__close-sm {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}
.report-exporter-modal .progress-bar--section {
  text-align: center;
}
.report-exporter-modal .progress-status__text {
  color: #808080;
}
.report-exporter-modal .progress {
  height: 5px;
  margin: 20px 0px 10px 0px;
  background: #d9d9d9;
  border-radius: 4px;
}
.report-exporter-modal .progress .progress-bar {
  height: 5px;
  background: #2d2b73;
  border-radius: 4px;
  transition: all 0.3s;
}
.report-exporter-modal .cancel-link__text {
  color: #2d2b73;
  text-decoration-line: underline;
  cursor: pointer;
}
.report-exporter-modal .tx-capitalize {
  text-transform: capitalize;
}
.report-exporter-modal .report--generation .custom-size {
  width: 150px;
  height: 38px;
}
@media only screen and (max-width: 991px) {
  .report-exporter-modal .report--generation .custom-size {
    width: 130px;
    height: 30px;
  }
}

.report-billing__modal .text-black {
  color: #000;
}
.report-billing__modal .react-datepicker__input-container::after {
  top: 20%;
}
.report-billing__modal .modal__content {
  padding-top: 0;
}
.report-billing__modal .modal__content .modal__header__billing {
  margin: 20px -3.125rem;
  padding: 0 50px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.report-billing__modal .modal__content .modal__header__billing .modal-header {
  padding: 5px 10px;
}
.report-billing__modal .modal__content .modal__header__billing .modal-header .close span {
  font-weight: normal;
  color: #000;
}

.product {
  background: white;
}
.product-tags {
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .heading--lv1 + .product-tags, .text-box h1 + .product-tags {
    margin-top: -20px;
  }
}
.product-tags__item {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.1);
  color: black;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
.product-tags__item:last-child {
  margin-right: 0;
}
.product-tags__item--promotion {
  background: rgba(111, 8, 14, 0.1);
  color: #6f080e;
}

.product-loyalty__wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.product-loyalty__item {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
}
.product-loyalty__item:last-child {
  margin-bottom: 0;
}
.product-loyalty__item--paramount-point {
  border: 1px solid #1198dc;
}
.product-loyalty__item--bonus-point {
  color: #eb6e2c;
  border: 1px solid #eb6e2c;
}
.product-loyalty__item--deal {
  max-width: 265px;
  padding: 10px 0;
  background: #ee3273;
  line-height: 1.3;
  color: #ffffff;
}
.product-loyalty__item--deal:hover {
  background: #ec1a63;
}
.product-loyalty__icon--deal {
  margin-left: 12px;
}
.product-loyalty__icon--deal img {
  width: 24px;
}
.product-loyalty__label {
  min-width: 150px;
  display: block;
  padding: 0 12.5px;
  background: #fff;
  color: #1198dc;
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
  text-transform: uppercase;
}
.product-loyalty__label--paramount-point {
  color: #1198dc;
}
.product-loyalty__label--bonus-point {
  color: #eb6e2c;
}
.product-loyalty__label--deal {
  background: transparent;
  color: #ffffff;
  text-transform: capitalize;
  cursor: pointer;
}
.product-loyalty__point {
  display: block;
  padding: 10px 12.5px;
  background: #1198dc;
  color: #fff;
  font-size: 1.5em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .product-loyalty__point {
    font-size: 2em;
    font-family: "AvantGardeLTMedium";
  }
}
.product-loyalty__point--supplier-point {
  color: #fee943;
}
.product-loyalty__point--paramount-point {
  background: #1198dc;
}
.product-loyalty__point--bonus-point {
  background: #eb6e2c;
}

@media only screen and (max-width: 991px) {
  .product-gallery {
    margin: 10px 0 0 0;
  }
}
.product-gallery__zoom {
  position: absolute;
  right: 15px;
  bottom: 15px;
  padding: 10px;
  border: none;
  background: rgba(54, 54, 54, 0.3);
  color: white;
}

.product-gallery-stage {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .product-gallery-stage {
    max-width: 300px;
  }
}
.product-gallery-stage:after {
  position: absolute;
  z-index: 1;
  margin-left: 100%;
  content: "";
  opacity: 0;
  transition: 0.1s 0s opacity ease-in-out, 0s 0.1s margin-left;
}
@media only screen and (max-width: 767px) {
  .product-gallery-stage--fullwidth {
    max-width: 100%;
  }
}
.product-gallery-stage:after {
  right: 0;
  bottom: 0;
  width: 38px;
  height: 38px;
  background: url(../../img/oval-black.svg) center center no-repeat;
}
.product-gallery-stage--loading:before, .product-gallery-stage--loading:after {
  margin-left: 0;
  opacity: 1;
}

.product-gallery-list {
  margin: 10px 0 0 0;
  border-top: 1px solid #e1e1e1;
  list-style: none;
}
.product-gallery-list:after {
  display: block;
  clear: both;
  content: "";
}
@media only screen and (min-width: 992px) {
  .product-gallery-list {
    margin: 30px 0 0 0;
  }
}
.product-gallery-list__item {
  position: relative;
  float: left;
  margin: -1px 0 0 0;
  width: 60px;
  border: 1px solid #e1e1e1;
  background: white;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .product-gallery-list__item {
    width: 100px;
    transition: 0.2s 0s;
  }
  .product-gallery-list__item:hover, .product-gallery-list__item:focus {
    opacity: 0.9;
  }
}
.product-gallery-list__item img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0.35;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.product-gallery-list__item--active img {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%);
}
.product-gallery-list__item--gallery:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 25px;
  height: 25px;
  border: 2px solid white;
  border-radius: 50%;
  background: black;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.product-gallery-list__item--gallery:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-left: 1px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid white;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.products-section {
  z-index: auto;
  padding-top: 1.5rem;
  background: #f0f0f0;
}
@media only screen and (min-width: 992px) {
  .products-section {
    padding-top: 1.25rem;
  }
}
@media only screen and (min-width: 992px) {
  .products-section .products-section__flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .products-section .products-section__flex .sidebar {
    max-width: 330px;
  }
}
.products-section + .products-section {
  margin-top: -5rem;
  padding-top: 0;
}
@media only screen and (min-width: 992px) {
  .products-section + .products-section {
    margin-top: -5rem;
    padding-top: 30px;
  }
}

.products-listing {
  position: relative;
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
}
.products-listing .react-table__info {
  word-break: normal;
}
.products-listing:after {
  display: block;
  clear: both;
  content: "";
}
.products-listing__container {
  border: 1px solid #e1e1e1;
  background: white;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 992px) {
  .products-listing__container {
    margin: 0 auto;
    transition: 0.3s 0s padding-left, 0.3s 0s padding-right;
  }
}
.modal .products-listing__container {
  margin-right: auto;
}
.products-listing .container {
  padding: 0;
  width: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .products-listing .react-table .rt-tr {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .products-listing .react-table .rt-tr {
    padding: 0 20px;
  }
}
.products-listing .react-table.revolution-rewards .rt-tr {
  padding: 0;
}
.products-listing .react-table.revolution-rewards .sort-box__view {
  display: none;
}

.products-listing-header {
  padding: 7px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .products-listing-header {
    padding: 25px 30px;
  }
}
.products-listing-header__title {
  font-size: 1.375em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .products-listing-header__title {
    font-size: 1.5em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
  }
}

.products-listing-footer {
  margin-top: -1px;
  padding: 5px 0;
  border-top: 1px solid #e1e1e1;
}
@media only screen and (min-width: 992px) {
  .products-listing-footer {
    padding: 20px 0;
  }
}

@media only screen and (min-width: 992px) {
  body.sidebar-active .products-listing__container {
    padding-right: calc((100% - 100% + 30px) / 2);
    padding-left: calc((100% - 100% + 30px) / 2);
  }
}
@media only screen and (min-width: 1200px) {
  body.sidebar-active .products-listing__container {
    padding-right: calc((100% - 100% + 30px) / 2);
    padding-left: calc((100% - 100% + 30px) / 2);
  }
}
@media only screen and (min-width: 1600px) {
  body.sidebar-active .products-listing__container {
    padding-right: calc((100% - 1380px + 30px) / 2);
    padding-left: calc((100% - 1380px + 30px) / 2);
  }
}

.product-grid {
  overflow: hidden;
  margin: 0 -1px;
  padding: 0 0 1px 0;
}
@media only screen and (max-width: 767px) {
  .product-grid.xs-1 .product-grid__item {
    width: 100%;
  }
  .product-grid.xs-2 .product-grid__item {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .product-grid.sm-1 .product-grid__item {
    width: 100%;
  }
  .product-grid.sm-2 .product-grid__item {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .product-grid.md-2 .product-grid__item {
    width: 50%;
  }
  .product-grid.md-3 .product-grid__item {
    width: 33.33%;
  }
}
@media only screen and (min-width: 1200px) {
  .product-grid.lg-2 .product-grid__item {
    width: 50%;
  }
  .product-grid.lg-3 .product-grid__item {
    width: 33.33%;
  }
}
@media only screen and (min-width: 1600px) {
  .product-grid.xl-3 .product-grid__item {
    width: 33.33%;
  }
  .product-grid.xl-4 .product-grid__item {
    width: 25%;
  }
}
.product-grid__item {
  position: relative;
  float: left;
  box-sizing: border-box;
  padding: 5px 5px 10px 5px;
  background: white;
  box-shadow: 1px 0 0 0 #e1e1e1, 0 1px 0 0 #e1e1e1, 1px 1px 0 0 #e1e1e1, 1px 0 0 0 #e1e1e1 inset, 0 1px 0 0 #e1e1e1 inset;
  color: #363636;
  text-align: left;
}
@media only screen and (min-width: 992px) {
  .product-grid__item {
    padding: 10px 20px 20px 20px;
  }
}
.product-grid__link {
  position: relative;
  display: block;
  overflow: hidden;
  color: inherit;
  transition: 0.2s 0s;
}
.product-grid__link:after {
  display: block;
  clear: both;
  content: "";
}
.product-grid__badge {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 30px;
  background: #489d4e;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  color: white;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
  transform: translate(-45%, 25%) rotate(-45deg) translateY(10px);
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .product-grid__badge {
    transform: translate(-50%, 25%) rotate(-45deg) translateY(5px);
  }
}
.product-grid__badge--special {
  background: #6f080e;
}
.product-grid__badge--scrollable-item {
  left: 20px;
}
.product-grid__photo {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 20px;
}
.product-grid__photo img {
  height: 150px !important;
}
@media only screen and (min-width: 768px) {
  .product-grid__photo img {
    height: 200px !important;
  }
}
.product-grid__photo--rewards {
  margin-bottom: 0;
  overflow: unset;
}
.product-grid__photo--rewards img {
  object-fit: cover;
  width: 100%;
}
.product-grid__points {
  padding: 8px 15px;
  border-radius: 4px;
  background-color: #1198dc;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  text-align: center;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 1200px) {
  .product-grid__points {
    font-size: 0.875em;
    font-family: "AvantGardeLTBold";
  }
}
.product-grid__points-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 5%;
  right: 5%;
}
@media only screen and (min-width: 992px) {
  .product-grid__points-wrapper {
    top: 0;
    right: 0;
  }
}
.product-grid__points-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  border-radius: 2px;
  padding: 8px;
  margin-bottom: 5px;
}
.product-grid__points-block--paramount {
  background: #1198dc;
}
.product-grid__points-block--bonus {
  background: #eb6e2c;
  min-height: 60px;
}
.product-grid__points-block--deal {
  background: #ee3273;
  cursor: pointer;
  text-transform: uppercase;
}
.product-grid__points-block--deal img {
  height: auto !important;
}
.product-grid__points-block--deal:hover {
  background: #ec1a63;
}
.product-grid__points-text {
  margin: 0 0 2px;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .product-grid__points-text {
    font-size: 0.688em;
    font-family: "AvantGardeLTBold";
  }
}
.product-grid__supplier-points {
  color: #fee943;
  font-size: 1.125em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .product-grid__supplier-points {
    font-size: 1.175em;
    font-family: "AvantGardeLTMedium";
  }
}
.product-grid__paramount-points {
  font-size: 1em;
  font-family: "AvantGardeLTMedium";
  letter-spacing: 0.025em;
}
@media only screen and (min-width: 992px) {
  .product-grid__paramount-points {
    font-size: 1.25em;
    font-family: "AvantGardeLTMedium";
  }
}
.product-grid__bonus-points {
  font-size: 1em;
  font-family: "AvantGardeLTBook";
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 992px) {
  .product-grid__bonus-points {
    font-size: 1.125em;
    font-family: "AvantGardeLTBook";
  }
}
.product-grid__header {
  margin: 0 0 5px 0;
  border-bottom: 1px solid #e1e1e1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.product-grid__sku {
  float: right;
  padding: 0 0 5px 0;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-size: 0.563em;
  font-family: "AvantGardeLTMedium";
}
.product-grid__qty {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 0 1px;
  height: 32px;
  border: none;
  background: #e1e1e1;
  color: black;
  vertical-align: middle;
  text-align: center;
  min-width: 25px;
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .product-grid__qty {
    min-width: 31px;
  }
}
.product-grid__soh {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 0 1px;
  height: 32px;
  border: none;
  background: #e1e1e1;
  color: black;
  vertical-align: middle;
  text-align: center;
  min-width: 25px;
  background-color: rgba(113, 167, 94, 0.2);
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .product-grid__soh {
    min-width: 31px;
  }
}
.product-grid__alert-text {
  background: rgba(255, 74, 74, 0.1);
  padding: 9px 0;
  color: #ff4a4a;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 0 0px;
  height: 32px;
  border: none;
  min-width: 243px;
  vertical-align: middle;
  text-align: center;
  font-size: 0.688em;
  font-family: "AvantGardeLTBook";
}
.product-grid__alert-text .product--qty--eta {
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .product-grid__alert-text .product--qty--eta {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1599px) {
  .product-grid__alert-text {
    min-width: 246px;
  }
}
@media only screen and (max-width: 991px) {
  .product-grid__alert-text {
    font-size: 0.643em;
    min-width: 235px;
  }
}
.product-grid__qty-label {
  position: absolute;
  top: 1px;
  left: 1px;
  opacity: 0.7;
  font-size: 0.825em;
  font-family: "AvantGardeLTMedium";
}
.product-grid__qty-label-number {
  margin-top: 5px;
}
.product-grid__soh-label {
  position: absolute;
  top: 1px;
  left: 1px;
  opacity: 0.7;
  font-size: 0.825em;
  font-family: "AvantGardeLTMedium";
}
.product-grid__soh-text {
  margin-top: 2px;
}
.product-grid__soh-label-number {
  margin-top: 5px;
}
.product-grid__content {
  margin: 0 auto;
  text-align: center;
}
.product-grid__content--detailed {
  box-sizing: content-box;
  padding: 0 10px;
  max-width: 300px;
  height: auto;
  text-align: left;
}
.product-grid__content--rewards {
  padding: 36px 15px 32px;
  background-color: #fff;
}
.product-grid__heading {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 140%;
  font-size: 0.563em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .product-grid__heading {
    height: 12px;
  }
}
.product-grid__title {
  display: block;
  overflow: hidden;
  height: 25px;
  color: inherit;
  line-height: 120%;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .product-grid__title {
    height: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  .product-grid__title {
    line-height: 140%;
    font-size: 0.75em;
    font-family: "AvantGardeLTBold";
  }
}
.product-grid__rewards-title {
  margin-bottom: 15px;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 1200px) {
  .product-grid__rewards-title {
    font-size: 0.875em;
    font-family: "AvantGardeLTBold";
  }
}
.product-grid__scrollable-item {
  position: relative;
  background-color: #fff;
  margin: 0 20px;
  padding-bottom: 25px;
  overflow: hidden;
}

.product-grid-extra {
  margin-bottom: 10px;
}
.product-grid-extra:last-child {
  margin-bottom: 0;
}
.product-grid-extra__info {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 5px;
  vertical-align: middle;
  border: 1px solid transparent;
  font-size: 0.625em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .product-grid-extra__info {
    font-size: 0.688em;
    font-family: "AvantGardeLTMedium";
  }
}
.product-grid-extra__info:last-child {
  margin: 0;
}
.product-grid-extra__info--cart {
  background: #001e3d;
  border-color: #001e3d;
  color: white;
}
.product-grid-extra__info--back-order {
  background: white;
  border-color: #929ca5;
  color: #001e3d;
}

.react-table-grid--with--alert .product-grid__sku {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1320px) {
  .product-grid__alert-text {
    min-width: 195px;
    font-size: 0.588em;
  }
}
.products-options {
  position: relative;
  padding: 1.25rem 0.938rem;
}
@media only screen and (min-width: 992px) {
  .products-options {
    padding: 1.875rem 1.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .products-options {
    padding: 1.875rem 2.5rem;
  }
}
.products-options:before {
  position: absolute;
  top: 0;
  left: 0.938rem;
  width: 0;
  height: 0;
  border-top: 10px solid white;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  content: "";
}
@media only screen and (min-width: 992px) {
  .products-options:before {
    left: 1.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .products-options:before {
    left: 2.5rem;
  }
}
.products-options__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
}

.products-options-nav {
  margin: 0 0 20px 0;
  height: auto !important;
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .products-options-nav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
}
.products-options .products-options-nav {
  margin-top: -10px;
}
.products-options-nav__item {
  position: relative;
  z-index: 1;
  opacity: 0.5;
}
@media only screen and (min-width: 992px) {
  .products-options-nav__item {
    margin: 0 30px -1px 0;
    border-bottom: 1px solid transparent;
  }
}
.products-options-nav__item:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .products-options-nav__item:last-child {
    margin-right: 0;
  }
}
.products-options-nav__item.active {
  opacity: 1;
}
@media only screen and (min-width: 992px) {
  .products-options-nav__item.active {
    border-bottom-color: black;
  }
}
.products-options-nav__link {
  display: inline-block;
  padding: 6px 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
.products-options-nav__link:before {
  display: block;
  float: left;
  margin: 2px 10px 0 -10px;
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-width: 2px 2px 0 0;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.products-options-nav__link--lowercase {
  text-transform: initial;
}

#products-list-per-page .rt-thead .rt-tr .rt-th:first-child {
  display: none;
}

.product-form {
  margin: 5px 0;
}
.product-form:after {
  display: block;
  clear: both;
  content: "";
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .product-form {
    margin: 10px 0 0 0;
  }
}
.product-form:first-child {
  margin-top: 1px;
}
.product-form:last-child {
  margin-bottom: 0;
}
.product-form__item {
  margin: 0 0 10px;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .product-form--big .product-form__item {
    padding: 20px 5px 10px;
  }
}
.product-form__item--space-between {
  justify-content: space-between;
  align-items: flex-start;
}
.product-form__item--space-between .product-form__item--space-between {
  float: right;
  margin: 0 5px 0 0;
}
.product-form__item + .product-form__item {
  border-top: 1px solid #e1e1e1;
  padding-top: 10px;
}
.product-form__info-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-left: auto;
}
.product-form__heading {
  font-size: 0.75em;
  color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 992px) {
  .product-form--big .product-form__heading {
    font-size: 1em;
    font-family: "AvantGardeLTMedium";
  }
}
.product-form__case-icon {
  float: right;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  margin: 2px 0 0;
}
.product-form__case-icon .material-icons {
  font-size: 13px;
}
@media only screen and (max-width: 991px) {
  .product-form__case-icon .material-icons {
    font-size: 11px;
  }
}
.product-form__info {
  padding: 0 8px;
  color: #7d7d7d;
  font-size: 0.563em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .product-form--big .product-form__info {
    padding: 0 0 0 10px;
    font-size: 0.625em;
    font-family: "AvantGardeLTMedium";
  }
}
.product-form__price {
  padding: 8px 0 0;
  display: block;
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
  text-align: left;
}
@media only screen and (min-width: 992px) {
  .product-form--big .product-form__price {
    padding: 5px 0;
    font-size: 1em;
    font-family: "AvantGardeLTBold";
  }
}
.product-form__old-price {
  display: inline-block;
  color: #f00;
  text-decoration: line-through;
  margin-right: 5px;
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
}
.product-form__button {
  margin: 5px 0 0 0;
}
@media only screen and (min-width: 992px) {
  .product-form__button {
    margin: 25px 0 0 0;
  }
}
.product-form:not(.product-form--big) .product-form__button {
  float: left;
  margin: 5px 0 0 0;
  padding: 8px;
  border-width: 1px;
  text-transform: uppercase;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
.product-form__button.button--second {
  border: 1px solid transparent;
}
.product-form .field--qty {
  margin: 0;
  width: 85px;
}
.product-form .field--qty .field__input, .product-form .field--qty .login-area input, .login-area .product-form .field--qty input,
.product-form .field--qty .login-area textarea,
.login-area .product-form .field--qty textarea,
.product-form .field--qty .login-area select,
.login-area .product-form .field--qty select {
  height: 24px;
}
.product-form--big {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .product-form--big .field--qty {
    margin: 5px 0;
    border: 1px solid #e1e1e1;
  }
}
.product-form--big__item + .product-form--big__item {
  border-bottom: 1px solid #e1e1e1;
  padding-top: 10px;
}
.product-form--big .product-form__item + .product-form__item {
  border-bottom: 1px solid #e1e1e1;
}
@media only screen and (min-width: 992px) {
  .product-form--big .field__input, .product-form--big .login-area input, .login-area .product-form--big input,
.product-form--big .login-area textarea,
.login-area .product-form--big textarea,
.product-form--big .login-area select,
.login-area .product-form--big select {
    height: 42px;
  }
}

.product-form-extra {
  margin: 15px 0 0 0;
}
.product-form-extra__info {
  display: block;
  margin: 0 0 5px 0;
  font-size: 0.625em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .product-form-extra__info {
    font-size: 0.688em;
    font-family: "AvantGardeLTMedium";
  }
}
.product-form-extra__button {
  float: right;
}

.product-form-total {
  float: right;
  margin: 16px 0 0 0;
}
@media only screen and (min-width: 992px) {
  .product-form--big .product-form-total {
    margin: 44px 0 0 0;
  }
}
.product-form-total__heading {
  margin: 0 5px 0 0;
  color: black;
  text-transform: uppercase;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .product-form--big .product-form-total__heading {
    font-size: 1em;
    font-family: "AvantGardeLTBold";
  }
}
.product-form-total__value {
  color: #363636;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .product-form--big .product-form-total__value {
    font-size: 1em;
    font-family: "AvantGardeLTBold";
  }
}

.loader-pre {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #2d2b73;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.button-table-rt {
  padding: 0.25rem 0.55rem;
}

.button-secondary:not(.button--disabled):hover,
.button-secondary:not(.button--disabled):focus {
  background-color: #a56b01;
}

.button-secondary.button-table-rt {
  color: #fff;
  background-color: #a56b01;
}

.button-table-rt.button-outline.button-outline-secondary {
  border-color: #a56b01;
  color: #a56b01;
}

.button-table-rt .material-icons {
  font-size: 18px;
  margin: 2px 0;
  vertical-align: middle;
}

.product-form-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.product-form-footer .button-outline.button-outline-secondary {
  border-color: #a56b01;
  color: #a56b01;
}
.product-form-footer .material-icons {
  font-size: 18px;
  margin: 2px 0;
  vertical-align: middle;
}
.product-form-footer button {
  padding: 0.375rem 0.75rem;
}
.product-form-footer button span {
  vertical-align: middle;
}
.product-form-footer .button-secondary {
  color: #fff;
  letter-spacing: 0;
  font-size: 0.75em;
  background-color: #a56b01;
}
.product-form-footer--big .material-icons {
  font-size: 18px;
  margin: 2px 0;
  vertical-align: middle;
}
.product-form-footer--big button {
  padding: 0.375rem 0.75rem;
  letter-spacing: 0;
  font-size: 0.75rem;
}
.product-form-footer--big button span {
  vertical-align: middle;
}
.product-form-footer--big .button-outline.button-outline-secondary {
  border-color: #a56b01;
  color: #a56b01;
}
.product-form-footer--big .button-secondary {
  color: #fff;
  font-size: 0.75em;
  background-color: #a56b01;
}
.product-form-footer--big button + button {
  letter-spacing: 0;
  margin: 0.1rem 0 0;
}
@media (min-width: 768px) {
  .product-form-footer--big button + button {
    margin: 0 0 0 1rem;
    display: inline-block;
    vertical-align: top;
  }
}

.product-table-responsive--pre .row {
  margin-top: 15px;
  margin-bottom: 15px;
}
.product-table-responsive--pre .product-form__price {
  padding: 0 7px 0;
}

.product-detail-sku {
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
  color: #666;
}

.product .heading--lv1, .product .text-box h1, .text-box .product h1 {
  margin-bottom: 15px;
}

.product-form--big .product-extra-info {
  margin-top: 0px;
  margin-bottom: 1px !important;
}

@media only screen and (max-width: 991px) {
  .product-form--big .product-extra-info {
    margin-top: 0;
  }
  .product-form--big .product-form__item {
    padding-bottom: 10px !important;
  }

  .product-table-responsive--pre .product-form__item + .product-form__item {
    padding-top: 15px;
  }

  .product-form-footer--big {
    text-align: center;
  }
  .product-form-footer--big button,
.product-form-footer--big .button-secondary {
    padding: 0.225rem 0.55rem 0.225rem 0.3rem;
    letter-spacing: 0;
    font-size: 0.65rem;
  }
}
.react-table-list.react-table .product-form__case-icon {
  float: none;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  margin: 2px 0 0;
  position: absolute;
  left: 0px;
  top: 14px;
}
.react-table-list.react-table .field {
  width: 72px;
}

@media only screen and (max-width: 991px) {
  .product-table-responsive--pre .product-form__case-icon {
    margin: -4px 8px 0 0;
  }
}

@media only screen and (max-width: 991px) {
  .products-listing .product-form__case-icon .material-icons {
    font-size: 13px;
  }
}
.mirakl_product_tag_grid {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f28042;
  border-radius: 2px;
  color: #fff;
  font-family: Helvetica;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  height: 24px;
  padding: 9px 8px;
  font-size: 11px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}

.mirakl_product_tag_list {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f28042;
  border-radius: 2px;
  color: #fff;
  font-family: Helvetica;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  height: 16px;
  padding: 0 6px;
  font-size: 10px;
  margin-right: 5px;
}

.mirakl_product_tag_cart {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f28042;
  border-radius: 2px;
  color: #fff;
  font-family: Helvetica;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  height: 16px;
  padding: 0 6px;
  font-size: 10px;
  margin-top: 8px;
}

.mirakl_product_tag_checkout {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f28042;
  border-radius: 2px;
  color: #fff;
  font-family: Helvetica;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  height: 16px;
  padding: 0 6px;
  font-size: 10px;
  margin-top: 12px;
}

.mirakl_product_tag_details {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f28042;
  border-radius: 2px;
  color: #fff;
  font-family: Helvetica;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  height: 24px;
  padding: 9px 8px;
  font-size: 11px;
}

.product_tag_wrapper {
  display: inline-flex;
  gap: 16px;
}

.pill-box {
  display: inline-block;
  vertical-align: middle;
}
.pill-box__item {
  position: relative;
  display: inline-block;
  background: white;
  border: 1px solid #e1e1e1;
  color: #929ca5;
  padding: 12px 35px;
  cursor: pointer;
  margin-right: -1px;
}
.pill-box__item:first-child {
  -webkit-border-top-left-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  -moz-border-radius-topleft: 100px;
  -moz-border-radius-bottomleft: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.pill-box__item:last-child {
  margin-right: 0;
  -webkit-border-top-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -moz-border-radius-topright: 100px;
  -moz-border-radius-bottomright: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
.pill-box__item--active {
  background: #001e3d;
  border-color: transparent;
  color: white;
  z-index: 1;
}
.pill-box__field {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.pill-box__text {
  font-size: 1em;
  font-family: "AvantGardeLTBold";
}

.products-slider {
  overflow: visible;
  padding: 0;
}
.products-slider .slider__cycle {
  margin: 0 35px;
  border: 1px solid #e1e1e1;
  border-width: 0 1px 1px 0;
}
@media only screen and (min-width: 992px) {
  .products-slider .slider__cycle {
    margin: 0 12%;
  }
}
.products-slider .slider__item {
  margin: 0;
  border-width: 0;
}
.products-slider .slider__button {
  position: absolute;
  top: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .products-slider .slider__button {
    width: 12%;
  }
}
.products-slider .slider__button:before {
  top: 50%;
  width: 25px;
  height: 25px;
}
@media only screen and (min-width: 992px) {
  .products-slider .slider__button:before {
    border-width: 2px 2px 0 0;
  }
}
.products-slider .slider__button--prev {
  left: 0;
}
.products-slider .slider__button--next {
  right: 0;
}

.promobanner {
  min-height: 125px;
}
@media only screen and (min-width: 375px) {
  .promobanner {
    min-height: 148px;
  }
}
@media only screen and (min-width: 414px) {
  .promobanner {
    min-height: 165px;
  }
}
@media only screen and (min-width: 768px) {
  .promobanner {
    min-height: 123px;
  }
}
@media only screen and (min-width: 992px) {
  .promobanner {
    min-height: 230px;
  }
}
@media only screen and (max-width: 991px) {
  .promobanner {
    min-height: 50px;
  }
}
.promobanner__item img {
  width: 100%;
}
.promobanner__cycle {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
.promobanner__cycle.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.promobanner .slick-slider .slick-track,
.promobanner .slick-slider .slick-list {
  height: auto !important;
}

.three--pl--dashboard .promobanner {
  min-height: auto;
}

.product-extra-info {
  margin-bottom: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.product-extra-info__heading {
  width: 110px;
  display: block;
  background: #eef0f2;
  color: black;
  padding: 10px 12px;
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
  line-height: 150%;
}
@media only screen and (min-width: 768px) {
  .product-extra-info__heading {
    font-size: 0.813em;
    font-family: "AvantGardeLTMedium";
    width: 150px;
  }
}
.product-extra-info__text {
  flex: 1;
  display: block;
  padding: 10px 12px;
  font-size: 0.75em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  line-height: 150%;
}
@media only screen and (min-width: 768px) {
  .product-extra-info__text {
    font-size: 0.813em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
  }
}
.product-extra-info__alert-text {
  color: #ff4a4a;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 0;
  border: none;
  min-width: 243px;
  vertical-align: middle;
  text-align: center;
  font-size: 0.75em;
  font-family: "AvantGardeLTBook";
}
.product-extra-info__alert-text .product--qty--eta {
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .product-extra-info__alert-text .product--qty--eta {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1599px) {
  .product-extra-info__alert-text {
    min-width: 246px;
  }
}
@media only screen and (max-width: 991px) {
  .product-extra-info__alert-text {
    font-size: 0.643em;
    min-width: 235px;
  }
}

.product-extra-info__text.flex-0 {
  flex: 0;
}

.related-products {
  background: #f0f0f0;
  min-height: auto;
}
@media only screen and (min-width: 992px) {
  .product + .related-products.section--bg {
    margin-top: -80px;
  }
  .benefits + .related-products.section--bg {
    margin-top: -50px;
  }
}

.related-products-list {
  list-style: none;
}
.related-products-list__item {
  border-top: 1px solid #e1e1e1;
}
.related-products-list__link {
  display: block;
  padding: 5px;
  color: inherit;
}
@media only screen and (min-width: 992px) {
  .related-products-list__link {
    transition: 0.2s 0s;
  }
  .related-products-list__link:hover, .related-products-list__link:focus {
    background: #e1e1e1;
  }
}
.related-products-list__photo {
  float: left;
}
.related-products-list__title {
  display: block;
  margin: 0 0 3px 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 120%;
  font-size: 0.75em;
  font-weight: 700;
  font-family: "Arial", Helvetica, sans-serif;
}
.related-products-list__price {
  display: block;
  letter-spacing: 0.05em;
  font-size: 0.75em;
  font-weight: 400;
  font-family: "Arial", Helvetica, sans-serif;
}
.related-products-list__button {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75em;
  font-weight: 700;
  font-family: "Arial", Helvetica, sans-serif;
}

.related-tabs-nav {
  margin-top: -2.5rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #e1e1e1;
  background: white;
}
@media only screen and (max-width: 991px) {
  .related-tabs-nav {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 992px) {
  .related-tabs-nav {
    margin-top: -2.5rem;
  }
}
.related-tabs-nav__list {
  margin-bottom: -1px;
  list-style: none;
  vertical-align: bottom;
}
@media only screen and (max-width: 991px) {
  .related-tabs-nav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .related-tabs-nav__list {
    overflow: hidden;
  }
}
.related-tabs-nav__item {
  margin-right: -1px;
  border: 1px solid #e1e1e1;
  background: white;
  flex-basis: 0;
}
@media only screen and (max-width: 991px) {
  .related-tabs-nav__item {
    min-width: 0;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -ms-flex: 1 1 0%;
    flex-basis: 0;
  }
}
@media only screen and (min-width: 992px) {
  .related-tabs-nav__item {
    float: left;
  }
}
.related-tabs-nav__item.active {
  border-bottom-color: transparent;
  background: #f0f0f0;
}
.related-tabs-nav__item.active .related-tabs-nav__link {
  opacity: 1;
  cursor: default;
}
@media only screen and (min-width: 992px) {
  .related-tabs-nav__item.active .related-tabs-nav__link:hover, .related-tabs-nav__item.active .related-tabs-nav__link:focus {
    background: none;
  }
}
.related-tabs-nav__link {
  display: block;
  padding: 15px 0;
  border: none;
  background: none;
  opacity: 0.4;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (max-width: 991px) {
  .related-tabs-nav__link {
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .related-tabs-nav__link {
    padding: 25px 40px;
    font-size: 1em;
    font-family: "AvantGardeLTBold";
    transition: 0.2s;
  }
  .related-tabs-nav__link:hover, .related-tabs-nav__link:focus {
    opacity: 1;
  }
}
.related-tabs-nav__link .icon {
  margin: 0 10px 0 0;
  vertical-align: bottom;
  font-size: 1.25em;
}

.sort-box {
  vertical-align: bottom;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: flex-end;
}
.sort-box--left {
  justify-content: initial;
}
.sort-box__item {
  margin: 0 0 0 0.625rem;
  height: 1.875rem;
}
@media only screen and (min-width: 992px) {
  .sort-box__item {
    margin: 0 0 0 0.625rem;
    width: auto;
    height: 2.188rem;
  }
}
@media only screen and (min-width: 992px) {
  .sort-box__item {
    margin: 0 0 0 20px;
  }
}
.sort-box__item:first-child {
  margin-left: 0;
}
.sort-box__item .field {
  margin: 0;
  padding: 0;
  border-width: 0;
  background: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.sort-box__item .field--select::after, .sort-box__item .login-area select::after, .login-area .sort-box__item select::after {
  right: 0.625rem;
  bottom: 14px;
}
.sort-box__item .field--select::after .field__input, .sort-box__item .login-area select::after .field__input, .login-area .sort-box__item select::after .field__input, .sort-box__item .field--select::after .login-area input, .login-area .sort-box__item .field--select::after input, .sort-box__item .login-area select::after input, .login-area .sort-box__item select::after input,
.sort-box__item .field--select::after .login-area textarea,
.login-area .sort-box__item .field--select::after textarea,
.sort-box__item .login-area select::after textarea,
.login-area .sort-box__item select::after textarea,
.sort-box__item .field--select::after .login-area select,
.login-area .sort-box__item .field--select::after select,
.sort-box__item .login-area select::after select,
.login-area .sort-box__item select::after select {
  padding: 0 1.875rem 0 5px;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .sort-box__item .field--select::after .field__input, .sort-box__item .login-area select::after .field__input, .login-area .sort-box__item select::after .field__input, .sort-box__item .field--select::after .login-area input, .login-area .sort-box__item .field--select::after input, .sort-box__item .login-area select::after input, .login-area .sort-box__item select::after input,
.sort-box__item .field--select::after .login-area textarea,
.login-area .sort-box__item .field--select::after textarea,
.sort-box__item .login-area select::after textarea,
.login-area .sort-box__item select::after textarea,
.sort-box__item .field--select::after .login-area select,
.login-area .sort-box__item .field--select::after select,
.sort-box__item .login-area select::after select,
.login-area .sort-box__item select::after select {
    padding-left: 0.625rem;
  }
}
.sort-box__item .field__text, .sort-box__item .field[data-label] .field__text, .field[data-label] .sort-box__item .field__text {
  padding: 0 5px 0 0;
  color: #7d7d7d;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: normal;
  letter-spacing: 0.05em;
  line-height: 1.875rem;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .sort-box__item .field__text, .sort-box__item .field[data-label] .field__text, .field[data-label] .sort-box__item .field__text {
    line-height: 2.188rem;
  }
}
.sort-box__item .field__input, .sort-box__item .login-area input, .login-area .sort-box__item input,
.sort-box__item .login-area textarea,
.login-area .sort-box__item textarea,
.sort-box__item .login-area select,
.login-area .sort-box__item select {
  height: 1.875rem;
  border: 1px solid #e1e1e1;
  background: #fbfbfb;
  line-height: 1.875rem;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .sort-box__item .field__input, .sort-box__item .login-area input, .login-area .sort-box__item input,
.sort-box__item .login-area textarea,
.login-area .sort-box__item textarea,
.sort-box__item .login-area select,
.login-area .sort-box__item select {
    height: 2.188rem;
    line-height: 2.188rem;
  }
}
.sort-box__button {
  display: block;
  float: left;
  box-sizing: border-box;
  margin-left: -1px;
  padding: 0;
  width: 1.875rem;
  height: 1.875rem;
  border: 1px solid #e1e1e1;
  background: #fbfbfb;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 1em;
  line-height: 1.875rem;
}
@media only screen and (min-width: 992px) {
  .sort-box__button {
    width: 2.188rem;
    height: 2.188rem;
    line-height: 2.188rem;
    transition: 0.2s 0s;
  }
  .sort-box__button:hover, .sort-box__button:focus {
    color: black;
  }
}
.sort-box__button:first-child {
  margin-left: 0;
}
.sort-box__button .icon {
  position: relative;
  top: -2px;
  vertical-align: middle;
}
@media only screen and (min-width: 992px) {
  .sort-box__button .icon {
    transition: 0.2s 0s;
  }
}
.sort-box__button--active {
  color: black;
}

.filter-list {
  overflow: hidden;
  margin: 0 0 20px 0;
  max-height: 215px;
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .filter-list {
    margin-bottom: 25px;
  }
}
.filter-list__link {
  display: block;
  padding: 0.313rem 0;
  width: 100%;
  border: none;
  background: none;
  color: inherit;
  text-align: left;
  line-height: 120%;
  opacity: 0.85;
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .filter-list__link {
    min-height: 2.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .filter-list__link {
    padding: 7.5px 0;
    font-size: 0.875em;
    font-family: "AvantGardeLTMedium";
    transition: 0.2s;
  }
  .filter-list__link:hover, .filter-list__link:focus {
    opacity: 1;
  }
}
.filter-list__link:before {
  content: "\e920";
  float: right;
  font-family: icomoon;
  margin-right: 16px;
}
.filter-list__link--active {
  width: 100%;
  opacity: 1;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .filter-list__link--active {
    font-size: 0.875em;
    font-family: "AvantGardeLTBold";
  }
}
.filter-list__link--active:before {
  content: "\e921";
}

.filter-toggle {
  position: relative;
  z-index: 1;
  display: block;
  height: 30px;
  padding: 1px 10px;
  border: 1px solid #e1e1e1;
  background: #ffffff;
  line-height: -0.125rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (max-width: 767px) {
  .filter-toggle {
    margin: 0 0 0.313rem 0;
    width: 100%;
  }
}
.filter-toggle .icon {
  position: relative;
  margin: 0 3px 0 0;
}
.filter-toggle:after {
  position: absolute;
  top: 50%;
  right: 0.313rem;
  bottom: 1.25rem;
  z-index: 1;
  width: 7px;
  height: 7px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  pointer-events: none;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}

.filter-bar {
  position: relative;
  z-index: 1;
  text-align: right;
}
.filter-toggle {
  height: 30px;
  padding: 1px 10px;
}

@media only screen and (max-width: 767px) {
  .par-pro-header .sort-box {
    flex-wrap: wrap;
    padding: 0 0 4px;
    margin: 0 -5px;
  }
  .par-pro-header .sort-box__item {
    height: auto;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0;
    padding: 0 5px;
  }
  .par-pro-header .sort-box__item:first-child {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 10px;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 5px 10px;
  }
  .par-pro-header .sort-box__item.sort-box__view {
    position: absolute;
    top: 0;
    right: 0;
  }
  .par-pro-header .sort-box__item.sort-box__view .field {
    flex-direction: row;
  }
  .par-pro-header .sort-box .field {
    border: none;
    border: none;
    flex-direction: column;
  }
  .par-pro-header .sort-box .field__text {
    line-height: inherit;
    margin-bottom: 4px;
  }
  .par-pro-header .react-table-search-form {
    padding: 0 0 0 86px;
    max-width: 100% !important;
  }
  .par-pro-header.pro-view-wrap .react-table-search-form {
    padding: 0 70px 0 86px;
  }
  .par-pro-header .col-sm-3 {
    position: absolute;
    left: 0;
    top: 7px;
    width: 90px;
  }
}
.cocktails-banner {
  position: relative;
  z-index: 0;
  margin: 0 0 20px 0;
  height: 150px;
  background: black center center no-repeat;
  background-size: cover;
  color: white;
}
@media only screen and (min-width: 992px) {
  .cocktails-banner {
    margin: 0 0 30px 0;
    height: 380px;
  }
}
.cocktails-banner__heading {
  position: absolute;
  top: 50%;
  right: 50%;
  left: 20px;
  color: inherit;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (min-width: 992px) {
  .cocktails-banner__heading {
    left: 50px;
  }
}
.cocktails-banner:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  opacity: 1;
  background: rgba(0, 0, 0, 0.6) 0%;
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 75%);
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 75%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 75%);
}

.react-table.react-table-list .react-table__button.cocktail--button {
  min-width: 35px;
}

.cocktails-tabs-nav {
  margin: 0 0 20px 0;
  border-bottom: 1px solid #e1e1e1;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .cocktails-tabs-nav {
    margin: 0 0 30px 0;
  }
}
.cocktails-tabs-nav__item {
  margin: 0 30px -1px 0;
  border-bottom: 1px solid transparent;
  opacity: 0.5;
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
  flex-basis: 0;
}
.cocktails-tabs-nav__item.active {
  border-bottom-color: black;
  opacity: 1;
}
.cocktails-tabs-nav__item:last-child {
  margin-right: 0;
}
.cocktails-tabs-nav__link {
  display: block;
  padding: 10px 10px;
  cursor: pointer;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .cocktails-tabs-nav__link {
    padding: 10px 15px;
    font-size: 1em;
    font-family: "AvantGardeLTBold";
  }
}
.cocktails-tabs-nav__link:before {
  display: block;
  float: left;
  margin: 4px 10px 0 -10px;
  width: 8px;
  height: 8px;
  border: 1px solid;
  border-width: 2px 2px 0 0;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cocktails-listing {
  border: 1px solid #e1e1e1;
  background: white;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}

.cocktails-list {
  margin: 0 15px;
}
@media only screen and (min-width: 992px) {
  .cocktails-list {
    margin: 0 30px;
  }
}
@media only screen and (max-width: 991px) {
  .cocktails-list__item {
    margin: 0 10px;
  }
}
.cocktails-list__item {
  display: block;
  color: inherit;
}
.cocktails-list__header {
  position: relative;
  z-index: 0;
  height: 100px;
  background: black center center no-repeat;
  background-size: cover;
  color: white;
}
@media only screen and (min-width: 992px) {
  .cocktails-list__header {
    height: 190px;
  }
}
.cocktails-list__header:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  opacity: 1;
  background: rgba(0, 0, 0, 0.6) 0%;
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 75%);
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 75%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 75%);
}
.cocktails-list__heading {
  position: absolute;
  top: 50%;
  right: 50%;
  left: 20px;
  display: block;
  line-height: 120%;
  font-size: 1em;
  font-family: "AvantGardeLTBold";
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (min-width: 992px) {
  .cocktails-list__heading {
    left: 50px;
    font-size: 1.625em;
    font-family: "AvantGardeLTBold";
  }
}
.cocktails-list__content {
  margin: 10px 0 0 0;
}
@media only screen and (min-width: 992px) {
  .cocktails-list__content {
    margin: 15px 0 0 0;
  }
}
.cocktails-list__content p {
  line-height: 140%;
  font-size: 0.625em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .cocktails-list__content p {
    font-size: 0.75em;
    font-family: "AvantGardeLTMedium";
  }
}

@media only screen and (max-width: 991px) {
  .cocktails-listing .react-table-grid .rt-tbody.xs-1 .rt-tr-group {
    min-height: 100%;
  }
}
.cocktails-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
}
.cocktails-slider__item {
  padding: 25px 15px;
  background: black center center no-repeat;
  background-size: cover;
  color: white;
  text-align: left;
  cursor: pointer;
}
.cocktails-slider__heading {
  display: block;
  margin: 0 0 5px 0;
  line-height: 120%;
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .cocktails-slider__heading {
    font-size: 1em;
    font-family: "AvantGardeLTBold";
  }
}
.cocktails-slider__info {
  display: block;
  line-height: 120%;
  opacity: 0.5;
  font-size: 0.625em;
  font-family: "AvantGardeLTMedium";
}
.cocktails-slider .slick-list {
  margin: 0 -5px;
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
}
.cocktails-slider .slick-slide > div {
  margin: 0 5px;
}

.checkout__heading .button {
  margin-top: -5px;
  margin-bottom: -5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout > .container {
    width: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkout > .container {
    width: auto;
  }
}
.checkout .button--right {
  float: right;
}

.checkout-tabs__item {
  position: relative;
  margin-top: -1px;
  padding: 20px 10px;
  background: #eef0f2;
}
@media only screen and (min-width: 992px) {
  .checkout-tabs__item {
    padding: 20px 15px;
  }
}

.confirm__remove {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
}
.confirm__remove_container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 15px;
}
.confirm__text {
  float: left;
  margin-right: 10px;
  text-transform: capitalize;
  font-size: 0.825em;
  font-family: "AvantGardeLTMedium";
}
.confirm__buttons .button {
  margin: 0 5px;
}

.payment .consolidation-day-selected {
  background: #0c9a86;
  border: 1px solid #0c9a86;
  color: #fff;
  font-size: 90%;
  line-height: 20px;
  padding: 15px;
  font-size: 90%;
  margin-bottom: 15px;
}

.cart-invoice-price .consolidation-day-selected {
  line-height: 20px;
  padding: 0px;
  font-size: 78%;
  margin-bottom: 15px;
  color: #525252;
}
.cart-invoice-price .margin-top {
  margin-top: 25px;
}

.cart-list {
  list-style: none;
}
.cart-list:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid #e1e1e1;
}
@media only screen and (min-width: 992px) {
  .cart-list:after {
    content: "";
  }
}
.cart-list__item {
  position: relative;
  margin: 0 0 5px 0;
  padding: 0 20px 10px 0;
  border-bottom: 1px solid #e1e1e1;
}
@media only screen and (min-width: 992px) {
  .cart-list__item {
    padding-right: 0px;
  }
}
.cart-list__item:last-child {
  margin-bottom: 15px;
}
.cart-list__item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
}
.cart-list__image-container {
  width: 50px;
}
.cart-list__image-container img {
  display: block;
  width: 100%;
  height: auto;
}
.cart-list__content-container {
  flex: 1;
  margin-left: 10px;
}
.cart-list__remove {
  position: absolute;
  top: -2px;
  right: 0;
  padding: 5px;
  border: none;
  background: none;
  font-size: 0.5em;
}
@media only screen and (min-width: 992px) {
  .cart-list__remove {
    opacity: 0.5;
    transition: 0.2s;
  }
  .cart-list__remove:hover, .cart-list__remove:focus {
    opacity: 1;
  }
}
.cart-list__remove .icon {
  vertical-align: middle;
}
.cart-list__remove-text {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 1.125em;
  text-transform: uppercase;
}
.cart-list__label-area {
  display: block;
  margin-bottom: 1px;
}
.cart-list__label {
  display: inline-block;
  margin-right: 2px;
  padding: 0px 5px;
  background: #7d7d7d;
  color: white;
  text-align: center;
  text-transform: uppercase;
  line-height: 18px;
  font-size: 0.563em;
  font-family: "AvantGardeLTBold";
}
.cart-list__label--green {
  background-color: rgba(113, 167, 94, 0.2);
  color: black;
}
.cart-list__label--red {
  background: #6f080e;
}
.cart-list__label--main {
  background: #2d2b73;
  color: #141414;
}
.cart-list__title {
  display: inline-block;
  color: inherit;
  line-height: 120%;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
.cart-list__edit {
  margin: 0 0 -5px -5px;
  padding: 5px;
  border: none;
  background: none;
  font-size: 0.75em;
}
@media only screen and (min-width: 992px) {
  .cart-list__edit {
    opacity: 0.5;
    transition: 0.2s;
  }
  .cart-list__edit:hover, .cart-list__edit:focus {
    opacity: 1;
  }
}
.cart-list__heading {
  display: block;
  margin: 0 0 3px 0;
  text-transform: uppercase;
  line-height: 120%;
  font-size: 0.625em;
  font-family: "AvantGardeLTMedium";
}
.cart-list__value {
  display: block;
  text-transform: uppercase;
  line-height: 120%;
  opacity: 0.7;
  font-size: 0.625em;
  font-family: "AvantGardeLTMedium";
}
.cart-list__promotion {
  display: inline-block;
  padding: 0px 5px;
  height: 20px;
  background: #489d4e;
  color: white;
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  margin-left: 10px;
  font-size: 0.563em;
  font-family: "AvantGardeLTBold";
}
.cart-list .field--qty {
  margin: 0;
  width: 85px;
}

.cart-content {
  margin: 10px 0 0 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) {
  .cart-content {
    text-align: left;
  }
}
.cart-content__col:last-child {
  text-align: right;
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
}
.cart-content__col + .cart-content__col {
  padding: 0 0 0 10px;
  position: relative;
}
.cart-content__col + .cart-content__col .product-form__case-icon {
  float: none;
  position: absolute;
  left: 0;
  top: 0px;
}
@media only screen and (min-width: 992px) {
  .cart-content__col + .cart-content__col {
    padding: 0 0 0 15px;
  }
}
.cart-content__left {
  justify-content: start;
}

.cart-extra {
  margin: 5px 0 0 0;
}
.cart-extra__info {
  display: inline-block;
  margin: 0 0 5px;
  vertical-align: middle;
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
.cart-extra__info:last-child {
  margin-bottom: 0;
}
.cart-extra__info--backorder {
  color: #6f080e;
  font-size: 0.688em;
  font-family: "AvantGardeLTBold";
}

.payment .consolidation-day-selected {
  background: #0c9a86;
  border: 1px solid #0c9a86;
  color: #fff;
  font-size: 90%;
  line-height: 20px;
  padding: 15px;
  font-size: 90%;
  margin-bottom: 15px;
}

.cart-loyalty-point {
  display: flex;
  width: fit-content;
  margin: 5px 0 0 0;
}
.cart-loyalty-point__label {
  position: relative;
  display: inline-block;
  padding: 5px 8px;
  background-color: #1198dc;
  color: #fff;
  font-size: 0.688em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .cart-row-custom {
    margin-left: -20px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .cart-row-custom {
    margin-left: -40px !important;
  }
}
.cart-row-custom .cart-col-left {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cart-row-custom .cart-col-left .checkout__heading,
.cart-row-custom .cart-col-left .cart-list,
.cart-row-custom .cart-col-left .cart-list-loader {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 1200px) {
  .cart-row-custom .cart-col-left .checkout__heading,
.cart-row-custom .cart-col-left .cart-list,
.cart-row-custom .cart-col-left .cart-list-loader {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

.delayed--cart {
  background: #f9f9f9;
  padding-bottom: 15px;
}
.delayed--cart .checkout__heading {
  margin-bottom: 10px;
  background: #f0f0f0;
}
.delayed--cart .checkout__heading--main {
  padding-left: 60px;
}
.delayed--cart .checkout__heading p {
  line-height: 1.4;
}
.delayed--cart .icon-delay {
  float: left;
  margin-right: 10px;
}
.delayed--cart__title {
  font-size: 12px;
  color: #ffb422;
  font-weight: 600;
  margin-bottom: 5px;
}
.delayed--cart__text {
  font-size: 11px;
}

.aside-cart {
  padding: 15px 0 !important;
}
@media only screen and (min-width: 768px) {
  .aside-cart {
    padding: 35px 0 !important;
  }
}
.aside-cart .cart-list,
.aside-cart .heading--fit-content,
.aside-cart .cart-list-loader,
.aside-cart .checkout__heading {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 768px) {
  .aside-cart .cart-list,
.aside-cart .heading--fit-content,
.aside-cart .cart-list-loader,
.aside-cart .checkout__heading {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}
.aside-cart .alert,
.aside-cart .text-box--small {
  margin-left: 15px;
  margin-right: 15px;
}
@media only screen and (min-width: 768px) {
  .aside-cart .alert,
.aside-cart .text-box--small {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}
.aside-cart .cart-list__title {
  padding-right: 40px;
}

.color-red {
  color: #ff0000;
}

.cart-modal {
  position: fixed;
  top: 106px;
  right: 0;
  bottom: 0;
  z-index: 100;
  margin-right: -100%;
  width: 100%;
  background: white;
  transition: 0.3s 0s margin-right;
}
@media only screen and (min-width: 768px) {
  .cart-modal {
    width: 680px;
    background: #eef0f2;
  }
}
@media only screen and (max-width: 767px) {
  .cart-modal {
    box-shadow: 0 20px 30px -20px inset rgba(0, 0, 0, 0.3);
  }
}
@media only screen and (min-width: 768px) {
  .cart-modal {
    top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .cart-modal {
    width: 710px;
  }
}
.cart-modal:before, .cart-modal:after {
  position: fixed;
  z-index: -1;
  margin-left: 100%;
  content: "";
  opacity: 0;
  transition: 0.3s 0s opacity ease-in-out, 0s 0.3s z-index, 0s 0.3s margin-left;
}
@media only screen and (min-width: 768px) {
  .cart-modal:before, .cart-modal:after {
    position: absolute;
  }
}
.cart-modal:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(125, 125, 125, 0.6);
}
.cart-modal:after {
  top: 50%;
  left: 50%;
  width: 38px;
  height: 38px;
  background: url(../../img/oval.svg) center center no-repeat;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cart-modal--loggedinas {
  top: 140px;
}
@media only screen and (min-width: 768px) {
  .cart-modal--loggedinas {
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart-modal--loggedinas .cart-tabs-nav {
    top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-modal--full {
    top: 66px;
  }
}
@media only screen and (min-width: 768px) {
  .cart-modal--full {
    width: 535px;
  }
}
.cart-modal--full .cart-modal-tabs {
  margin-left: 0;
}
.cart-modal--loading:before, .cart-modal--loading:after {
  z-index: 1000;
  margin-left: 0;
  opacity: 1;
  transition: 0.3s 0s opacity ease-in-out;
}
.cart-modal__close {
  position: absolute;
  top: 20px;
  right: 15px;
  z-index: 3;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  text-transform: uppercase;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 768px) {
  .cart-modal__close {
    top: 30px;
    right: 30px;
  }
}
.cart-modal__close .icon {
  margin: -1px 0 0 5px;
  vertical-align: middle;
}
.cart-modal__container {
  position: relative;
  z-index: 1;
  overflow: auto;
  height: 75%;
}
.cart-modal__container--full {
  height: 100%;
}
.cart-modal__content {
  padding: 15px;
}
@media only screen and (min-width: 768px) {
  .cart-modal__content {
    padding: 35px 50px;
  }
}
.cart-modal__content--back-order {
  padding: 15px;
}
@media only screen and (min-width: 768px) {
  .cart-modal__content--back-order {
    padding: 0 50px 50px;
  }
}
.cart-modal__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 10px 15px;
  border-top: 1px solid #e1e1e1;
  background: white;
}
@media only screen and (min-width: 768px) {
  .cart-modal__footer {
    padding: 30px 50px;
  }
}
.cart-modal .summary-total {
  margin: 0 0 10px 0;
  padding: 0;
  border: none;
}
@media only screen and (min-width: 768px) {
  .cart-modal .summary-total {
    margin: 0 0 20px 0;
  }
}
@media only screen and (min-width: 768px) {
  .cart-modal .summary-total--small {
    margin: 0 0 10px 0;
  }
}
.cart-modal .summary-total--loyalty {
  color: #1198dc;
}

.cart-tabs-nav {
  background: #eef0f2;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .cart-tabs-nav {
    position: fixed;
    top: 66px;
    right: 0;
    margin-right: -100%;
    width: 100%;
    height: auto !important;
    transition: 0.3s 0s margin-right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .cart-tabs-nav {
    position: absolute;
    left: 0;
    z-index: 0;
    width: 145px;
  }
}
@media only screen and (min-width: 992px) {
  .cart-tabs-nav {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.cart-tabs-nav__item {
  position: relative;
  margin: 0 -1px -1px 0;
  height: 40px;
  border: 1px solid #e1e1e1;
}
@media only screen and (max-width: 991px) {
  .cart-tabs-nav__item {
    min-width: 0;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -ms-flex: 1 1 0%;
    flex-basis: 0;
  }
}
@media only screen and (min-width: 768px) {
  .cart-tabs-nav__item {
    margin: -1px -1px 0 0;
    height: 160px;
    border-width: 1px 1px 1px 0;
  }
}
.cart-tabs-nav__item.active {
  z-index: 0;
  background: white;
}
@media only screen and (max-width: 767px) {
  .cart-tabs-nav__item.active {
    border-bottom-color: white;
  }
}
@media only screen and (min-width: 768px) {
  .cart-tabs-nav__item.active {
    border-right-color: white;
  }
}
.cart-tabs-nav__link {
  display: block;
  padding: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  text-align: center;
}
.cart-tabs-nav__link .icon {
  position: relative;
  top: -1px;
  vertical-align: middle;
  font-size: 1em;
}
@media only screen and (min-width: 768px) {
  .cart-tabs-nav__link .icon {
    font-size: 2.5em;
  }
}
.cart-tabs-nav__heading {
  display: inline-block;
  margin: 0 0 0 5px;
  vertical-align: middle;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 768px) {
  .cart-tabs-nav__heading {
    display: block;
    margin: 15px 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart-tabs-nav .notification-count {
    margin: 0 0 0 5px;
  }
}
@media only screen and (min-width: 768px) {
  .cart-tabs-nav .notification-count {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    font-size: 0.75em;
    line-height: 22px;
  }
}

.cart-modal-tabs {
  height: 100%;
  border-left: 1px solid #e1e1e1;
  background: white;
}
@media only screen and (min-width: 768px) {
  .cart-modal-tabs {
    margin-left: 145px;
  }
}
.cart-modal-tabs__item {
  position: relative;
  height: 100%;
}

body.cart-active {
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  body.cart-active {
    padding-right: 17px;
  }
}
body.cart-active .cart-modal {
  z-index: 999;
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  body.cart-active .cart-tabs-nav {
    margin-right: 0;
  }
}
body.cart-active .body-backdrop {
  top: 0;
  opacity: 0.8;
  transition: 0.3s 0s opacity;
}

.loyalty-popup-container {
  background-color: #fff;
}
.loyalty-popup-container .tabs-header {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #e1e1e1;
}
.loyalty-popup-container .justify-content-center {
  justify-content: center;
}
.loyalty-popup-container .close {
  cursor: pointer;
  position: absolute;
  font-size: 50px;
  right: 30px;
  color: white;
}
.loyalty-popup-container .tab-link {
  padding: 12px 0px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  font-size: 0.86em;
  font-family: "AvantGardeLTMedium";
}
.loyalty-popup-container .tab-link + .tab-link {
  margin-left: 55px;
}
@media only screen and (max-width: 1599px) {
  .loyalty-popup-container .tab-link + .tab-link {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 1199px) {
  .loyalty-popup-container .tab-link + .tab-link {
    margin-left: 18px;
  }
}
.loyalty-popup-container ._active {
  border-bottom: 3px solid #2d2b73;
  color: #2d2b73;
  font-size: 0.86em;
}
@media only screen and (max-width: 1199px) {
  .loyalty-popup-container ._active {
    font-size: 0.72em;
  }
}
.loyalty-popup-container .w-100 {
  width: 100%;
}
.loyalty-popup-container .white-color {
  color: #fff;
}
.loyalty-popup-container .color-gray40 {
  color: #666666;
}
.loyalty-popup-container .color-black {
  color: black;
}
.loyalty-popup-container .pad-40 {
  padding: 30px 0px 40px;
}
.loyalty-popup-container .trans-none {
  text-transform: none;
}
.loyalty-popup-container .mb-15 {
  margin-bottom: 15px;
}
.loyalty-popup-container .margin-5 {
  margin-bottom: 25px;
}
.loyalty-popup-container .brand-img {
  height: 62px;
  width: 220px;
}
.loyalty-popup-container .video-placeholder {
  width: 100%;
  height: 325px;
}
.loyalty-popup-container .mb-0 {
  margin-bottom: 0px;
}
.loyalty-popup-container ul {
  list-style-type: square;
  margin-left: 15px;
}
.loyalty-popup-container ul li {
  font-size: 14px;
  padding: 5px 0px;
}
.loyalty-popup-container ul li::marker {
  color: #e1e1e1;
}
.loyalty-popup-container ul li::before {
  display: none;
}
.loyalty-popup-container .icon-close-custom {
  color: white;
  font-size: 25px;
}

.loyalty-box-block {
  background-color: #f9f9f9;
  padding: 100px 0px;
}
.loyalty-box-block .banner-sec {
  margin-bottom: 70px;
}
.loyalty-box-block .banner-sec p {
  margin-top: 15px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
}
.loyalty-box-block .seasonal-offer-banner {
  width: 100%;
  height: 450px;
}
.loyalty-box-block .p-30 {
  padding: 30px;
}
.loyalty-box-block .survey-banner {
  padding: 0px 15px;
  margin-bottom: 40px;
}
.loyalty-box-block .product-box {
  position: relative;
}
.loyalty-box-block .product-image {
  opacity: 1;
  display: block;
  width: 100%;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.loyalty-box-block .middle {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.loyalty-box-block .product-box:hover .product-image {
  opacity: 0.7;
}
.loyalty-box-block .product-box:hover .middle {
  opacity: 1;
}
.loyalty-box-block .product-button {
  background-color: #fff;
  color: black;
  padding: 10px 50px;
}
.loyalty-box-block .product-button:hover {
  background-color: white !important;
  color: black;
}
.loyalty-box-block .product-button:focus {
  background-color: white !important;
  color: black;
}
.loyalty-box-block .mb-20 {
  margin-bottom: 20px;
}
.loyalty-box-block .pad-50 {
  padding: 50px;
  background-color: white;
}

.clear-cart-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}
.clear-cart-modal .confirm__remove {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  height: 100%;
  z-index: 100;
}
.clear-cart-modal .confirm__remove_container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 15px;
  flex-direction: column;
}
.clear-cart-modal .confirm_text {
  float: left;
  margin-right: 10px;
  text-transform: capitalize;
  font-size: 1em;
}
.clear-cart-modal .confirm__buttons {
  margin-top: 20px;
}
.clear-cart-modal .confirm__buttons .button {
  margin: 0 5px;
  padding: 10px 40px;
}

.clear-cart {
  position: relative;
  margin: 0 0 15px 0;
  padding: 0px 0px 25px 0px;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  border-bottom: 1px solid #e1e1e1;
  text-align: end;
}
.clear-cart--button {
  padding: 12px 16px;
  border-radius: 4px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.75em;
}
.clear-cart--text {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 1.25em;
  text-transform: uppercase;
}

.summary-list__item {
  margin: 0 0 10px 0;
}
.summary-list__item:last-child {
  margin-bottom: 0;
}
.summary-list__item--loyalty {
  color: #1198dc;
}
.summary-list__heading {
  display: block;
  margin: 0 0 3px 0;
  line-height: 120%;
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
}
.summary-list__heading:last-child {
  margin-bottom: 0;
}
.summary-list__info {
  display: block;
  line-height: 120%;
  opacity: 0.5;
  font-size: 0.75em;
  font-family: "AvantGardeLTBook";
}
.summary-list__value {
  display: block;
  text-align: right;
  line-height: 120%;
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
}
.summary-list__removal--link {
  text-decoration: underline;
  cursor: pointer;
  display: block;
  text-align: right;
  line-height: 120%;
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
}

.summary-total {
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #e1e1e1;
}
@media only screen and (min-width: 992px) {
  .summary-total {
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
  }
}
.react-table-container .summary-total, .react-table-footer .summary-total {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.summary-total__heading {
  display: block;
  margin: 0 0 3px 0;
  line-height: 120%;
  font-size: 0.875em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .summary-total__heading {
    font-size: 1.125em;
    font-family: "AvantGardeLTMedium";
  }
}
.summary-total--small .summary-total__heading {
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .summary-total--small .summary-total__heading {
    font-size: 1em;
    font-family: "AvantGardeLTMedium";
  }
}
.summary-total__heading:last-child {
  margin-bottom: 0;
}
.summary-total__info {
  display: block;
  line-height: 120%;
  opacity: 0.5;
  font-size: 0.688em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .summary-total__info {
    font-size: 0.75em;
    font-family: "AvantGardeLTBook";
  }
}
.summary-total__value {
  display: block;
  text-align: right;
  line-height: 120%;
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .summary-total__value {
    font-size: 1.125em;
    font-family: "AvantGardeLTBold";
  }
}
.summary-total--small .summary-total__value {
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .summary-total--small .summary-total__value {
    font-size: 1em;
    font-family: "AvantGardeLTBold";
  }
}

.coupon--main {
  border-top: 1px solid #e1e1e1;
  margin: 30px 0 0 0;
  padding: 30px 0 0 0;
}
.coupon--main_apply {
  margin-top: 22px;
  padding: 14px 20px;
  cursor: pointer;
}

.threepl-button {
  display: block;
  padding: 10px 18px;
  width: 160px;
  height: auto !important;
  border: 1px solid #eef0f2;
  border-radius: 50px;
  background: white;
  color: black;
  text-align: left;
  text-transform: uppercase;
  line-height: 120%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (max-width: 991px) {
  .threepl-button {
    margin: 0 0 30px 0;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  .threepl-button {
    margin: 0 35px 0 0;
    padding: 16px 18px;
  }
}
.threepl-button__toggle {
  margin: 0 0 0 15px;
  padding: 0 8px;
  height: 20px;
  border-radius: 10px;
  background: #eef0f2;
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
}
.threepl-button--active .threepl-button__toggle {
  flex-direction: row-reverse;
  background: #2d2b73;
  color: white;
}
.threepl-button__toggle:before {
  margin: 0 5px 0 -6px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: white;
  box-shadow: 0.7px 0.7px 1px 0 rgba(0, 0, 0, 0.1);
  content: "";
  vertical-align: middle;
}
.threepl-button--active .threepl-button__toggle:before {
  margin: 0 -6px 0 5px;
}
.threepl-button__toggle:after {
  content: "off";
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 8px;
  font-family: "AvantGardeLTMedium";
}
.threepl-button--active .threepl-button__toggle:after {
  content: "on";
}

.threepl-border-none {
  border: none !important;
}

.threepl-text-right {
  text-align: right !important;
}

.threepl-search-form {
  min-width: 250px;
}

.threepl-background-none {
  background: none !important;
}

.customer--label-local {
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  padding: 4px;
  line-height: 30px;
  margin-left: 5px;
  font-size: 10px;
}

.report--label {
  font-size: 11px;
  letter-spacing: 1px;
  color: #ffffff;
  padding: 5px;
  display: block;
  min-width: 75px;
  border-radius: 4px;
  text-transform: uppercase;
  line-height: 10px;
  background: #4e4e4e;
}
.report--label-new {
  background: #2d2b73;
}
.report--label-ordered {
  background: #adbb11;
}
.report--label-received {
  background: #a68fd8;
}
.report--label-confirmed {
  background: #0ecb87;
}
.report--label-verified {
  background: #22afff;
}
.report--label-locked {
  background: #ff4a4a;
}
.report--label-loaded {
  background: #666666;
}
.report--label-returned {
  background: #0c9a86;
}
.report--label-balanced {
  background: #ffb422;
}

.threepl-at-risk-report .filter-list {
  padding-left: 0px !important;
}
.threepl-at-risk-report .filter-list__item {
  padding-left: 16px;
}
.threepl-at-risk-report .filter-list__link {
  margin-bottom: 0px !important;
  padding: 13px 2px;
}

@media only screen and (max-width: 991px) {
  .button--sm-customer {
    min-height: 48px !important;
  }

  .switch--sm-inline-text .field__value {
    position: absolute;
  }

  .button--edit-customer {
    max-width: 80px;
    padding: 5px;
  }

  .overflowx--hidden-xs {
    overflow-x: hidden;
  }
}
@media only screen and (max-width: 991px) {
  .threepl-stock-header .sort-box__item {
    width: 49% !important;
    margin-bottom: 10px;
  }
  .threepl-stock-header .sidebar__item {
    margin-left: 0px !important;
  }

  .credit-account-header {
    display: block !important;
  }
  .credit-account-header .ca-tab-left {
    min-width: 100% !important;
  }
  .credit-account-header .ca-tab-right {
    min-width: 100%;
  }
  .credit-account-header .ca-tab-right .credit-balance {
    padding: 15px 17px;
    text-align: right;
  }
}
.search-3pl-customer {
  padding: 15px 0px;
  min-height: 90px;
}
.search-3pl-customer .default-text {
  text-transform: uppercase;
  line-height: 120%;
  font-size: 0.625em;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
  padding: 3px 10px 0px 0px;
}
.search-3pl-customer .default-location-text {
  display: inline;
  font-weight: bold;
}

.default-location-3pl-search {
  min-height: 105px;
}
.default-location-3pl-search .default-location-text {
  width: 90%;
  display: inline-block;
  margin: 10px 0;
}
.default-location-3pl-search .customer-bar__button {
  text-decoration: underline;
}

.react-table .trans-bin__report {
  background: #f3f3f3;
  padding: 10px 0px;
}
.react-table .trans-bin__report:first-child {
  border-top: 1px solid #ccc;
}
.react-table .trans-bin__report:last-child {
  box-shadow: none;
}
.react-table .trans-bin__report:last-child .rt-tr-group {
  box-shadow: none;
}
@media only screen and (max-width: 991px) {
  .react-table .trans-bin__report {
    border-bottom: 1px solid #ccc;
  }
}
.react-table .btn-trans-bin__report {
  box-shadow: none !important;
  border: none !important;
  padding: 0px 15px;
  font-size: 20px;
  background: #f3f3f3;
  line-height: 10px;
  position: relative;
  font-size: 16px !important;
  min-height: 34px;
  text-align: center;
}
.react-table .btn-trans-bin__report:after {
  position: absolute;
  right: 12px;
  bottom: 14px;
  z-index: 1;
  width: 6px;
  height: 6px;
  border: 1px solid;
  border-width: 2px 2px 0 0;
  content: "";
  pointer-events: none;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.react-table .btn-trans-bin__report.arrow-up__trb:after {
  position: absolute;
  right: 12px;
  bottom: 14px;
  z-index: 1;
  width: 6px;
  height: 6px;
  border: 1px solid;
  border-width: 2px 2px 0 0;
  content: "";
  pointer-events: none;
  -webkit-transform: rotate(316deg);
  -ms-transform: rotate(316deg);
  transform: rotate(316deg);
}
@media only screen and (max-width: 991px) {
  .react-table .btn-trans-bin__report:after {
    right: 50%;
  }
  .react-table .btn-trans-bin__report.arrow-up__trb:after {
    right: 50%;
  }
}

.checkbox-field .field--disabled {
  background-color: transparent;
}
.checkbox-field .field--disabled::before {
  box-shadow: 0 0 0 1px #f0f0f0 inset, 0 0 0 4px #f0f0f0 inset;
  background-color: #f0f0f0;
  border: 1px solid #e1e1e1;
}

.checkbox-field .loader-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 120%;
  font-size: 0.55em;
  padding: 0 0 30px 10px;
  font-family: "AvantGardeLTBold";
}

.text-uppercase {
  text-transform: uppercase;
}

@media only screen and (min-width: 992px) {
  .billing-scrolling-table .fixed-table-header {
    position: fixed;
    width: 100%;
    top: 128px;
    z-index: 9999;
    max-width: 1350px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

.supplier-rate-card-form .rate-details span {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 25px;
}
.supplier-rate-card-form .rate-details p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
}
.supplier-rate-card-form .rate-details .view-rates p {
  display: inline;
}
.supplier-rate-card-form .rate-details .view-rates a {
  padding: 0 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 11px;
  color: #2d2b73;
  text-transform: uppercase;
}

.rate-card-list-footer {
  text-align: right;
}
.rate-card-list-footer .arrow-left-icon {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 15px;
  width: 15px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 991px) {
  .rate-card-list-footer {
    text-align: center;
  }
}

.react-table {
  z-index: 0;
  box-shadow: none !important;
}

.trans-bin-report .date__filter--button {
  padding: 9px 15px;
  margin-left: 10px;
  border-radius: 4px;
}
@media only screen and (max-width: 991px) {
  .trans-bin-report .date__filter--button {
    margin-top: 3px;
  }
}

.freight-calculator .input-group .field {
  width: 100%;
}
.freight-calculator .input-group .btn-search {
  max-height: 47px;
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  z-index: 1;
}
.freight-calculator .input-group .btn-search .btn {
  background: transparent;
}
.freight-calculator .input-group .btn-search .btn:hover {
  background: #f2f2f2;
}

.report__button a {
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .report__button--main {
    display: flex;
    padding-top: 0.5rem !important;
  }
}
.report__button--export {
  flex-basis: 100%;
}
.report__button--download {
  flex-basis: 100%;
}

.account-tab {
  padding: 20px 10px;
  border: 1px solid #e1e1e1;
  background: white;
}
@media only screen and (min-width: 992px) {
  .account-tab {
    padding: 25px 30px;
  }
}

.account-list {
  margin: 0 0 10px 0;
  max-width: 470px;
  list-style: none;
  text-align: left;
}
.account-list:last-child {
  margin-bottom: 0;
}
.account-list--loading {
  min-height: 50px;
  opacity: 0.35;
}
.account-list__container {
  position: relative;
  margin-bottom: 10px;
  width: 470px;
  max-width: 100%;
}
.account-list__loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
}
.account-list__item {
  position: relative;
  padding: 10px 0;
  border-top: 1px solid #e1e1e1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.account-list__item:last-child {
  border-bottom: 1px solid #e1e1e1;
}
.account-list__col:first-child {
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
}
.account-list__col + .account-list__col {
  padding: 0 0 0 10px;
}
.account-list__info {
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
  word-break: break-all;
}
@media only screen and (max-width: 991px) {
  .account-list__info + .account-list__info {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .account-list__info + .account-list__info {
    padding: 0 0 0 10px;
  }
}
.account-list__remove {
  padding: 5px;
  border: none;
  background: none;
}
.account-list__remove .icon {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
@media only screen and (min-width: 992px) {
  .account-list__remove .icon {
    width: 9px;
    height: 9px;
  }
}
.account-list__remove .icon:before, .account-list__remove .icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 2px;
  border: 1px solid;
  background: white;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.account-list__remove .icon:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.account-list__remove .icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.account-list .field--radio, .account-list .login-area input[type=radio], .login-area .account-list input[type=radio] {
  margin: 0;
  padding: 5px 10px;
  width: 65px;
  border: 1px solid rgba(0, 30, 61, 0.5);
  text-align: center;
  opacity: 0.5;
  cursor: pointer;
}
.account-list .field--radio:before, .account-list .login-area input[type=radio]:before, .login-area .account-list input[type=radio]:before {
  content: none;
}
.account-list .field--radio.field--checked, .account-list .login-area input.field--checked[type=radio], .login-area .account-list input.field--checked[type=radio] {
  border-color: #001e3d;
  opacity: 1;
  cursor: text;
}
.account-list .field--radio .field__input, .account-list .login-area input[type=radio] .field__input, .login-area .account-list input[type=radio] .field__input, .account-list .field--radio .login-area input, .login-area .account-list .field--radio input, .account-list .login-area input[type=radio] input, .login-area .account-list input[type=radio] input,
.account-list .field--radio .login-area textarea,
.login-area .account-list .field--radio textarea,
.account-list .login-area input[type=radio] textarea,
.login-area .account-list input[type=radio] textarea,
.account-list .field--radio .login-area select,
.login-area .account-list .field--radio select,
.account-list .login-area input[type=radio] select,
.login-area .account-list input[type=radio] select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.account-list .field--radio .field__value, .account-list .login-area input[type=radio] .field__value, .login-area .account-list input[type=radio] .field__value {
  padding: 0;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}

/*Adding scss 
    for Toggle 
      Switch 
        (FieldCheckboxSwitch.js) 
*/
.custom--checkbox--switch {
  margin: 10px 0 0;
}

.custom--checkbox--switch .field {
  border: none;
}

.custom--checkbox--switch .field__value {
  display: inline-block;
  line-height: 140%;
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
  vertical-align: top;
  margin-left: 10px;
  margin-top: 2px;
}

.switch--checkbox {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
  border: none;
}

.switch--checkbox input {
  display: none;
}

.switch--checkbox .slider {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  background-color: #808080;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 20px;
}

.switch--checkbox .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.switch--checkbox input:checked + .slider {
  background-color: #2d2b73;
}

.switch--checkbox input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

.switch--checkbox input:checked + .slider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}

/*------ ADDED CSS ---------*/
.switch--checkbox .slider:after {
  content: "NO";
  color: white;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 53%;
  right: 10%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

.switch--checkbox input:checked + .slider:after {
  content: "YES";
  top: 53%;
  left: 32%;
}

.react-table-switch {
  /* Rounded sliders */
}
.react-table-switch .field {
  border: none;
  text-align: center;
  margin: 0 auto;
}
.react-table-switch .switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 22px;
}
.react-table-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.react-table-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #808080;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.react-table-switch .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.react-table-switch input:checked + .slider {
  background-color: #0ecb87;
}
.react-table-switch input:focus + .slider {
  box-shadow: 0 0 1px #0ecb87;
}
.react-table-switch input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
.react-table-switch .slider.round {
  border-radius: 34px;
}
.react-table-switch .slider.round:before {
  border-radius: 50%;
}

.cart-content--threepl-supplier .cart-content__col .field {
  border-radius: 3px;
  border: 1px solid #e1e1e1;
}
.cart-content--threepl-supplier .cart-content__col .field .field__input, .cart-content--threepl-supplier .cart-content__col .field .login-area input, .login-area .cart-content--threepl-supplier .cart-content__col .field input,
.cart-content--threepl-supplier .cart-content__col .field .login-area textarea,
.login-area .cart-content--threepl-supplier .cart-content__col .field textarea,
.cart-content--threepl-supplier .cart-content__col .field .login-area select,
.login-area .cart-content--threepl-supplier .cart-content__col .field select {
  height: 24px;
  width: 41px;
}

.button-with-loder {
  height: 53px;
}

.icon-cross-cpi {
  top: 7px;
  right: 15px;
  /* padding: 6px; */
  /* background-color: palevioletred; */
  line-height: 0px;
  height: 40px;
  width: 38px;
}

@media only screen and (max-width: 991px) {
  .add--customer--modal .custom--checkbox--switch .field__value {
    font-size: 0.675em;
  }

  .button-with-loder {
    height: 37px;
  }
}
.toggle-button-loader {
  position: absolute;
  left: 39px;
  z-index: 6;
  padding-top: 5px;
}

.toggle-checkbox-switch {
  position: absolute;
  left: 23px;
  z-index: 6;
  padding-top: 5px;
}

.file-upload-button {
  border: none !important;
  outline: 0px !important;
  border-radius: 3px;
  font-size: 0.875em;
  text-transform: uppercase;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
  padding-right: 20px;
  padding-left: 20px;
}

.file-upload-button .modal__close {
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
}

.file-upload-button .modal__close .icon {
  width: 16px;
  height: 16px;
}

.invoice-box-main {
  min-height: 600px;
}
.invoice-box-main .invoice-search {
  padding: 15px 0;
}
.invoice-box-main .invoice-search .invoice-inputs {
  padding: 30px 0 0;
}
.invoice-box-main .invoice-search .invoice-inputs + .invoice-inputs {
  border-top: 1px solid #e1e1e1;
}
.invoice-box-main .invoice-search .invoice-inputs .field {
  padding: 8px 0 9px 0;
  margin-bottom: 30px;
}
.invoice-box-main .invoice-search .invoice-inputs .field--error {
  color: red;
  font-size: 14px;
}
.invoice-box-main .invoice-search .invoice-inputs .input-group {
  margin-bottom: 30px;
}
.invoice-box-main .invoice-search .invoice-inputs .input-group .field {
  margin-bottom: 0;
  flex: 0 0 100%;
}
.invoice-box-main .invoice-search .invoice-inputs .input-group .field .field__input, .invoice-box-main .invoice-search .invoice-inputs .input-group .field .login-area input, .login-area .invoice-box-main .invoice-search .invoice-inputs .input-group .field input,
.invoice-box-main .invoice-search .invoice-inputs .input-group .field .login-area textarea,
.login-area .invoice-box-main .invoice-search .invoice-inputs .input-group .field textarea,
.invoice-box-main .invoice-search .invoice-inputs .input-group .field .login-area select,
.login-area .invoice-box-main .invoice-search .invoice-inputs .input-group .field select {
  font-size: 0.75em;
  padding-right: 65px;
}
.invoice-box-main .invoice-search .invoice-inputs .btn-search {
  position: absolute;
  right: 0;
  top: 1.5px;
  left: auto;
  z-index: 1;
  bottom: 1px;
}
.invoice-box-main .invoice-search .invoice-inputs .btn-search .btn {
  background: transparent;
}
.invoice-box-main .invoice-search .invoice-inputs .btn-search .btn:hover {
  background: #f2f2f2;
}
.invoice-box-main .invoice-search .invoice-inputs .btn-clear {
  position: absolute;
  right: 30px;
  top: 1px;
  bottom: 1px;
}
.invoice-box-main .invoice-search .invoice-inputs .btn-clear .btn {
  background: transparent;
  font-size: 13px;
}
.invoice-box-main .invoice-search .invoice-inputs .btn-clear .btn .icon-close {
  font-size: 13px;
}
.invoice-box-main .invoice-search .invoice-inputs .btn-clear .btn:hover {
  background: #ffffff;
}

.promotions-box {
  margin: 0 0 20px 0;
  padding: 25px 15px;
  background: black center center no-repeat;
  background-size: cover;
  color: white;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .promotions-box {
    margin: 0 0 30px 0;
    padding: 120px 40px;
  }
}
.promotions-box:last-child {
  margin-bottom: 0;
}
.promotions-box--small {
  padding: 20px 15px;
  text-align: left;
}
@media only screen and (min-width: 992px) {
  .promotions-box--small {
    padding: 35px 40px;
    height: 100%;
  }
}
.promotions-box__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
}
.promotions-box__wrapper-helper {
  flex: 1;
  align-self: center;
}
.promotions-box__heading {
  display: block;
  margin: 0 0 20px 0;
  line-height: 120%;
  font-size: 1.125em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .promotions-box__heading {
    font-size: 1.875em;
    font-family: "AvantGardeLTBold";
  }
}
.promotions-box--small .promotions-box__heading {
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .promotions-box--small .promotions-box__heading {
    font-size: 1em;
    font-family: "AvantGardeLTBold";
  }
}
.promotions-box__content {
  margin-right: auto;
  margin-left: auto;
  color: #cccccc;
}
@media only screen and (min-width: 992px) {
  .promotions-box__content {
    max-width: 50%;
  }
}
.promotions-box--small .promotions-box__content {
  margin-left: 0;
}
@media only screen and (min-width: 992px) {
  .promotions-box--small .promotions-box__content {
    max-width: 66%;
  }
}
.promotions-box__image {
  display: block;
  width: 100%;
  overflow: hidden;
}
.promotions-box__image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.promotions-box .button-link {
  color: inherit;
}

.promotions-slider .promotions-box {
  padding: 0;
  background: transparent;
  overflow: hidden;
  height: 350px;
}
@media only screen and (min-width: 768px) {
  .promotions-slider .promotions-box {
    height: 210px;
  }
}
@media only screen and (min-width: 992px) {
  .promotions-slider .promotions-box {
    height: 274px;
  }
}
@media only screen and (min-width: 1200px) {
  .promotions-slider .promotions-box {
    height: 341px;
  }
}
@media only screen and (max-width: 991px) {
  .promotions-slider .promotions-box__wrapper-helper {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.promotions-slider .slider__item {
  margin: 0;
  border-width: 0;
}
.promotions-slider .slider__button {
  position: absolute;
  top: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .promotions-slider .slider__button {
    width: 12%;
  }
}
.promotions-slider .slider__button:before {
  top: 50%;
  width: 25px;
  height: 25px;
  border: 1px solid black;
  border-width: 1px 1px 0 0;
  box-shadow: 2px -2px 0 1px white;
}
@media only screen and (min-width: 992px) {
  .promotions-slider .slider__button:before {
    border-width: 2px 2px 0 0;
  }
}
.promotions-slider .slider__button--prev {
  left: 0;
}
.promotions-slider .slider__button--next {
  right: 0;
}

.stock-modal .modal__content {
  max-width: 500px;
}
@media only screen and (max-width: 991px) {
  .stock-modal__big-button {
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  .stock-modal__big-button {
    margin: 70px 0 0 0;
    padding: 20px;
    width: 100%;
    height: 140px;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .stock-modal__div {
    height: 80px;
  }
}
.stock-modal__div:before {
  position: absolute;
  content: "";
}
@media only screen and (max-width: 991px) {
  .stock-modal__div:before {
    top: 50%;
    right: 0;
    left: 0;
    border-top: 1px solid #e1e1e1;
  }
}
@media only screen and (min-width: 992px) {
  .stock-modal__div:before {
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid #e1e1e1;
  }
}
.stock-modal__div:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  width: 38px;
  height: 38px;
  border: 1px solid #e1e1e1;
  border-radius: 50%;
  background: white;
  color: rgba(0, 0, 0, 0.3);
  content: "Or";
  text-align: center;
  text-transform: uppercase;
  line-height: 36px;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.stock-modal-slider {
  overflow: visible;
  margin: 0 35px;
  padding: 0;
  border: 1px solid #e1e1e1;
}
@media only screen and (min-width: 992px) {
  .stock-modal-slider {
    margin: 0;
  }
}
.stock-modal-slider .slider__cycle {
  border: 1px solid #e1e1e1;
}
@media only screen and (min-width: 992px) {
  .stock-modal-slider .slider__cycle {
    margin: 0;
  }
}
.stock-modal-slider .slider__item {
  margin: 0;
  border-width: 0;
  box-shadow: none;
}
.stock-modal-slider .slider__button {
  position: absolute;
  top: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .stock-modal-slider .slider__button {
    width: 12%;
  }
}
.stock-modal-slider .slider__button:before {
  top: 50%;
  width: 25px;
  height: 25px;
}
@media only screen and (min-width: 992px) {
  .stock-modal-slider .slider__button:before {
    border-width: 2px 2px 0 0;
  }
}
.stock-modal-slider .slider__button--prev {
  left: -35px;
}
@media only screen and (min-width: 992px) {
  .stock-modal-slider .slider__button--prev {
    left: -12%;
  }
}
.stock-modal-slider .slider__button--next {
  right: -35px;
}
@media only screen and (min-width: 992px) {
  .stock-modal-slider .slider__button--next {
    right: -12%;
  }
}

@media only screen and (min-width: 992px) {
  .backorder-list {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 991px) {
  .backorder-list__item {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .backorder-list__item {
    margin: 5px 0 30px;
  }
}
@media only screen and (max-width: 991px) {
  .backorder-list__item:last-child {
    margin-bottom: 0;
  }
}
.backorder-list__photo {
  float: left;
  margin: 0 20px 0 0;
  max-width: 80px;
}
@media only screen and (min-width: 1600px) {
  .backorder-list__photo {
    max-width: 110px;
  }
}
.backorder-list__heading {
  display: block;
  margin: 0 0 5px 0;
  line-height: 120%;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (max-width: 991px) {
  .backorder-list__heading {
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 992px) {
  .backorder-list__heading {
    font-size: 0.688em;
    font-family: "AvantGardeLTMedium";
  }
}
.backorder-list__value {
  display: block;
  line-height: 120%;
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
.backorder-list .button {
  margin-top: 12px;
}

.field--box {
  margin: 0 0 5px 0;
  padding: 0;
  width: 100%;
  border: 1px solid #2d2b73;
  opacity: 1;
  text-align: center;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .field--box {
    margin-bottom: 10px;
  }
}
.field--box:before {
  content: none;
}
@media only screen and (min-width: 992px) {
  .field--box:after {
    display: block;
    padding-bottom: 95%;
    content: "";
  }
}
.field--box.field--checked {
  border-color: #2d2b73;
  opacity: 1;
  cursor: text;
  background: #2d2b73;
  color: white;
}
.field--box.field--disabled {
  border: 1px solid rgba(45, 43, 115, 0.5);
  opacity: 0.5;
}
.field--box.field--consolidation-day-default {
  background: #fff;
  border: 1px solid #0c9a86;
}
.field--box.field--consolidation-day-selected {
  background: #0c9a86;
  border: 1px solid #0c9a86;
}
.field--box .field__center {
  padding: 10px 10px;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .field--box .field__center {
    display: table;
    text-align: left;
  }
}
@media only screen and (min-width: 992px) {
  .field--box .field__center {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 991px) {
  .field--box .field__center > * {
    display: table-cell;
    vertical-align: middle;
  }
}
.field--box .field__input, .field--box .login-area input, .login-area .field--box input,
.field--box .login-area textarea,
.login-area .field--box textarea,
.field--box .login-area select,
.login-area .field--box select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.field--box .field__value {
  padding: 0;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}

.field--box-uncommon {
  background: #eef0f2;
  border: 1px solid rgba(0, 0, 0, 0.25);
  opacity: 0.5;
}

.field--checkbox-red {
  overflow: visible;
  margin-bottom: 10px;
  border: 1px solid #e1e1e1;
  background: #fff;
  cursor: pointer;
  padding: 10px 12px;
  vertical-align: middle;
}
@media only screen and (min-width: 992px) {
  .field--checkbox-red {
    padding: 13px 15px;
    margin-bottom: 15px;
  }
}
.field--checkbox-red.field--checked .field__value {
  opacity: 1;
}
.field--checkbox-red.field--inline {
  margin-bottom: 0;
  vertical-align: middle;
}
.field--checkbox-red .field__text, .field--checkbox-red .field[data-label] .field__text, .field[data-label] .field--checkbox-red .field__text {
  margin: 0 0 10px 0;
}
.field--checkbox-red .field__input, .field--checkbox-red .login-area input, .login-area .field--checkbox-red input,
.field--checkbox-red .login-area textarea,
.login-area .field--checkbox-red textarea,
.field--checkbox-red .login-area select,
.login-area .field--checkbox-red select {
  position: absolute;
  top: 1px;
  float: left;
  width: auto;
  height: auto;
  opacity: 0;
  cursor: pointer;
}
.field--checkbox-red .field__value {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: middle;
  line-height: 120%;
  color: #d98e96;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .field--checkbox-red .field__value {
    font-size: 0.875em;
    font-family: "AvantGardeLTBold";
  }
}
.field--checkbox-red .field__value a {
  border-bottom: 1px solid;
  color: black;
}
.field + .field--checkbox-red {
  margin-top: 10px;
}
@media only screen and (min-width: 992px) {
  .field + .field--checkbox-red {
    margin-top: 15px;
  }
}

.field--checkbox-red:before {
  display: inline-block;
  background: rgba(0, 0, 0, 0.05);
  width: 20px;
  height: 20px;
  content: "";
  vertical-align: middle;
  text-align: center;
  font-size: 0.75em;
  font-family: icomoon;
  line-height: 19px;
}
@media only screen and (min-width: 992px) {
  .field--checkbox-red:before {
    width: 25px;
    height: 25px;
    font-size: 1.25em;
    line-height: 23px;
  }
}
.field--checkbox-red.field--checked:before {
  background: #f5eeee;
  color: #cc6873;
  content: "\e900";
}
.field--checkbox-red.field--checked .field__value {
  color: #cc6873;
}

.field-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  flex-basis: 0;
}
.field-tabs > .field--tab {
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
}
.field-tabs--column {
  flex-direction: column;
}

.field--tab {
  margin: 0;
  padding: 10px 10px;
  border: 1px solid #e1e1e1;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .field--tab {
    padding: 10px 15px;
  }
}
.field--tab.field--checked {
  z-index: 1;
  border-color: #eef0f2;
  background: #eef0f2;
}
.field--tab.field--checked:before {
  background: #001e3d;
}
.field--tab:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 0 0 1px rgba(0, 30, 61, 0.3) inset, 0 0 0 4px white inset;
  content: "";
  vertical-align: middle;
}
.field--tab .field__input, .field--tab .login-area input, .login-area .field--tab input,
.field--tab .login-area textarea,
.login-area .field--tab textarea,
.field--tab .login-area select,
.login-area .field--tab select {
  position: absolute;
  top: 1px;
  float: left;
  width: auto;
  height: auto;
  opacity: 0;
  cursor: pointer;
}
.field--tab .field__value {
  display: inline-block;
  padding: 0 0 0 5px;
  vertical-align: middle;
  line-height: 120%;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .field--tab .field__value {
    padding: 0 0 0 10px;
    font-size: 0.75em;
    font-family: "AvantGardeLTBold";
  }
}

.react-table-container .react-table--has-data .rt-table {
  min-height: auto;
}
@media (min-width: 1350px) {
  .react-table-container .react-table--has-data .rt-table {
    overflow: inherit;
  }
}
.container-box > .react-table-container:first-child {
  margin-top: -1.25rem;
}
@media only screen and (min-width: 992px) {
  .container-box > .react-table-container:first-child {
    margin-top: -1.875rem;
  }
}
@media only screen and (min-width: 1200px) {
  .container-box > .react-table-container:first-child {
    margin-top: -1.875rem;
  }
}
.container-box > .react-table-container:last-child {
  margin-bottom: -1.25rem;
}
@media only screen and (min-width: 992px) {
  .container-box > .react-table-container:last-child {
    margin-bottom: -1.875rem;
  }
}
@media only screen and (min-width: 1200px) {
  .container-box > .react-table-container:last-child {
    margin-bottom: -1.875rem;
  }
}

.react-table-extra {
  z-index: 1;
  display: flex;
  padding: 0 10px;
  background: #eef0f2;
  color: black;
  text-align: right;
  align-items: center;
  justify-content: end;
}
@media only screen and (max-width: 991px) {
  .react-table-extra {
    clear: both;
    margin: 5px -10px -10px -10px;
  }
}
@media only screen and (min-width: 992px) {
  .react-table-extra {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 1.25rem;
    height: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .react-table-extra {
    padding: 0 2.5rem;
  }
}
.react-table__row--expanded .react-table-extra {
  top: 100%;
  bottom: auto;
  left: auto;
  background: none;
}
@media only screen and (min-width: 992px) {
  .react-table__row--expanded .react-table-extra {
    margin: 15px 0 0 0;
  }
}
.react-table-extra__info {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 5px 0;
  vertical-align: middle;
  font-size: 0.563em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .react-table-extra__info {
    margin: 0 20px 0 0;
    font-size: 0.75em;
    font-family: "AvantGardeLTMedium";
  }
}
.react-table-extra__info:last-child {
  margin: 0;
}
.react-table-extra__button {
  display: inline-block;
  min-width: 140px;
  vertical-align: middle;
}

.react-table-header {
  padding: 7px 0;
}
@media only screen and (min-width: 992px) {
  .react-table-header {
    padding: 30px 0;
  }
}

.react-table-footer {
  padding: 20px 0;
}
@media only screen and (min-width: 992px) {
  .react-table-footer {
    padding: 30px 0;
  }
}
.react-table-footer:last-child {
  padding-bottom: 0;
}

.react-table {
  z-index: 0;
  box-shadow: 0 -1px 0 0 #e1e1e1 inset, 0 1px 0 0 #e1e1e1 inset;
}
.container-box .react-table {
  margin-right: -0.938rem;
  margin-left: -0.938rem;
}
@media only screen and (min-width: 992px) {
  .container-box .react-table {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .container-box .react-table {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
}
.react-table .slick-track {
  margin-right: auto;
}
.react-table .field {
  margin: 0 5px;
  padding: 0;
  width: 75px;
}
@media only screen and (min-width: 992px) {
  .react-table .field {
    margin: 0 10px;
  }
}
.react-table .field .field__input, .react-table .field .login-area input, .login-area .react-table .field input,
.react-table .field .login-area textarea,
.login-area .react-table .field textarea,
.react-table .field .login-area select,
.login-area .react-table .field select {
  padding: 0 5px;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .react-table .field .field__input, .react-table .field .login-area input, .login-area .react-table .field input,
.react-table .field .login-area textarea,
.login-area .react-table .field textarea,
.react-table .field .login-area select,
.login-area .react-table .field select {
    font-size: 0.75em;
    font-family: "AvantGardeLTMedium";
  }
}
.react-table .field:first-child {
  margin-left: 0;
}
.react-table .field:last-child {
  margin-right: auto;
  margin-left: auto;
}
.react-table .field + .field {
  margin-left: 0;
}
.react-table .field--checkbox, .react-table .login-area input[type=checkbox], .login-area .react-table input[type=checkbox] {
  width: auto;
}
.react-table .field--checkbox:before, .react-table .login-area input[type=checkbox]:before, .login-area .react-table input[type=checkbox]:before {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .react-table .field--checkbox:before, .react-table .login-area input[type=checkbox]:before, .login-area .react-table input[type=checkbox]:before {
    width: 25px;
    height: 25px;
    font-size: 0.875em;
    line-height: 25px;
  }
}
.react-table .field--qty {
  min-width: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
.react-table .field--qty .field__input, .react-table .field--qty .login-area input, .login-area .react-table .field--qty input,
.react-table .field--qty .login-area textarea,
.login-area .react-table .field--qty textarea,
.react-table .field--qty .login-area select,
.login-area .react-table .field--qty select {
  width: 37px;
}
.react-table .field--addon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
}
.react-table__loading {
  padding: 2px 1px;
}
.react-table__badge {
  display: inline-block;
  vertical-align: middle;
  padding: 3.5px 5px;
  background: #489d4e;
  color: white;
  text-align: center;
  text-transform: uppercase;
  margin-left: 5px;
  font-size: 0.563em;
  font-family: "AvantGardeLTBold";
}
.react-table__badge:first-child {
  margin-left: 0;
}
.react-table__badge--special {
  background: #6f080e;
}
.react-table__dataless {
  display: block;
  padding: 35px 0;
  text-align: center;
  text-transform: uppercase;
  line-height: 120%;
  pointer-events: none;
  transition: 0.3s ease;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .react-table__dataless {
    padding: 70px 0;
    font-size: 0.875em;
    font-family: "AvantGardeLTBold";
  }
}
.react-table__flex {
  color: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
}
.react-table__row {
  position: relative;
}
.react-table__row--expanded {
  z-index: 1;
  margin: 0 0 10px 0;
  background: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 1px 0 #e1e1e1 !important;
}
.react-table__row--expanded > div {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .react-table__row--notification {
    padding-bottom: 30px;
  }
}
.react-table__thumbnail {
  margin: 0 10px 0 0;
  max-width: 40px;
  min-width: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 992px) {
  .react-table__thumbnail {
    margin: -5px 5px -5px 0;
    max-width: 50px;
  }
}
.react-table__button {
  display: inline-block;
  margin: 0 1px;
  padding: 0 5px;
  width: fit-content;
  min-width: 25px;
  height: 32px;
  border: none;
  color: black;
  vertical-align: middle;
  text-align: center;
  line-height: 32px;
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
.rt-expandable .react-table__button {
  cursor: pointer;
}
.react-table__button--red {
  background-color: rgba(200, 76, 76, 0.2);
}
.react-table__button--blue {
  background-color: rgba(171, 114, 228, 0.2);
}
.react-table__button--green {
  background-color: rgba(113, 167, 94, 0.2);
}
.react-table__button--grey {
  background-color: #cdd1d6;
}
.react-table__button--bold-grey {
  background-color: #7d7d7d;
  color: white;
  font-size: 0.688em;
  font-family: "AvantGardeLTBold";
}
.react-table__button--bold-green {
  background-color: #489d4e;
  color: white;
  font-size: 0.688em;
  font-family: "AvantGardeLTBold";
}
.react-table__button--paramount-point {
  background-color: #1198dc;
  color: #fff;
  font-size: 0.688em;
  font-family: "AvantGardeLTBold";
}
.react-table__button--bonus-point {
  background: #eb6e2c;
  color: white;
  font-size: 0.688em;
  font-family: "AvantGardeLTBold";
}
.react-table__heading {
  display: inline-block;
  color: #001e3d;
  vertical-align: middle;
  text-transform: uppercase;
  margin: 0 auto;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
  font-weight: 500;
}
.react-table__heading--left {
  margin: 0;
}
.react-table__heading--block {
  display: block;
}
.react-table__heading a,
.react-table__heading button {
  padding: 0;
  border: none;
  border-bottom: 1px solid;
  background: none;
  color: inherit;
}
.react-table__subheading {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 140%;
  font-size: 0.625em;
  font-family: "AvantGardeLTMedium";
}
.react-table__subheading--inline-block {
  display: inline-block;
  vertical-align: middle;
}
.react-table__info {
  display: inline-block;
  vertical-align: middle;
  line-height: 120%;
  word-break: break-all;
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
.react-table__info b,
.react-table__info strong {
  font-size: 1em;
  font-family: "AvantGardeLTBold";
}
.react-table__info a,
.react-table__info button {
  padding: 0;
  border: none;
  border-bottom: 1px solid;
  background: none;
  color: inherit;
}
@media only screen and (min-width: 992px) {
  .react-table__info--center-md {
    display: block;
    text-align: center;
  }
}
.react-table__info--big {
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
}
.react-table__info--middleman {
  margin-right: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-self: center;
}
.react-table__info--delivered, .react-table__info--active {
  color: #55813f;
}
.react-table__info--coming-soon {
  color: #f0ad4e;
}
.react-table__info--disabled, .react-table__info--expired {
  color: #6f080e;
}
.react-table__info--in-transit {
  color: #dd9300;
}
.react-table__info--paid {
  color: #55813f;
}
.react-table__info--pending, .react-table__info--shipped {
  color: #7d7d7d;
}
.react-table__info--voided {
  color: #9b9b9b;
}
.react-table__sort-icon {
  position: relative;
  margin: 0 0 0 5px;
  vertical-align: middle;
  height: 17px;
}
.react-table__sort-icon:before, .react-table__sort-icon:after {
  position: absolute;
  left: 0;
  width: 4px;
  height: 4px;
  border: 1px solid;
  border-width: 1px 1px 0 0;
  content: "";
  opacity: 0.3;
}
.react-table__sort-icon:before {
  bottom: 5px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.react-table__sort-icon:after {
  top: 5px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.-sort-asc .react-table__sort-icon:before {
  opacity: 1;
}
.-sort-desc .react-table__sort-icon:after {
  opacity: 1;
}
.react-table__toggle {
  position: relative;
  display: block;
  margin: 3px 0;
  width: 30px;
  height: 30px;
  border: none;
  background: #eef0f2;
  color: black;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
}
@media only screen and (min-width: 992px) {
  .react-table__toggle:hover:before, .react-table__toggle:focus:before {
    opacity: 1;
  }
}
.react-table__toggle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border: 1px solid;
  border-width: 2px 2px 0 0;
  content: "";
  opacity: 0.3;
  -webkit-transform: translate(-66%, -50%) rotate(45deg);
  -ms-transform: translate(-66%, -50%) rotate(45deg);
  transform: translate(-66%, -50%) rotate(45deg);
}
@media only screen and (min-width: 992px) {
  .react-table__toggle:before {
    transition: 0.2s opacity;
  }
}
.react-table__row--expanded .react-table__toggle:before {
  opacity: 1;
  -webkit-transform: translate(-50%, -66%) rotate(135deg);
  -ms-transform: translate(-50%, -66%) rotate(135deg);
  transform: translate(-50%, -66%) rotate(135deg);
}
.react-table__add {
  padding: 0;
  border: 0;
  background: none;
  text-transform: uppercase;
  font-size: 0.5em;
  font-family: "AvantGardeLTMedium";
}
.react-table__add span {
  position: relative;
  display: block;
  margin: 3px auto;
  width: 30px;
  height: 30px;
  background: #eef0f2;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
}
.react-table__add span:before, .react-table__add span:after {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.react-table__add span:before {
  width: 12px;
}
.react-table__add span:after {
  height: 12px;
}
.react-table .rt-tbody,
.react-table .rt-table {
  overflow: auto;
}
@media (min-width: 1350px) {
  .react-table .rt-tbody,
.react-table .rt-table {
    overflow: inherit;
  }
}
.react-table .rt-thead,
.react-table .rt-tbody {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: inherit !important;
}
.react-table .rt-thead .rt-expandable,
.react-table .rt-tbody .rt-expandable {
  cursor: default;
  display: none;
}
.react-table .rt-tr-group {
  overflow: hidden;
  box-shadow: 0 1px 1px #e1e1e1;
}
.react-table .rt-thead {
  background: #eef0f2;
}
.react-table .rt-tr {
  padding: 0 5px;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .react-table .rt-tr {
    padding: 0 -8.75rem;
  }
}
@media only screen and (min-width: 1200px) {
  .react-table .rt-tr {
    padding: 0 -7.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .modal .react-table .rt-tr {
    padding: 0;
  }
}
.react-table .rt-th {
  padding: 5px;
  height: 100%;
  white-space: normal;
}
@media only screen and (min-width: 992px) {
  .react-table .rt-th {
    padding: 8px 5px;
  }
}
.react-table .rt-th .heading {
  padding: 10px 0;
}
@media only screen and (min-width: 992px) {
  .react-table .rt-th .heading {
    padding: 20px 0;
  }
}
.react-table .rt-th > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
}
.react-table .rt-td {
  padding: 5px;
  white-space: normal;
}
@media only screen and (max-width: 991px) {
  .react-table .rt-td {
    margin: 0 -5px;
    padding: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .react-table .rt-td {
    padding: 8px 5px;
  }
}
.react-table .rt-td.no-padding {
  padding-right: 0;
  padding-left: 0;
}
.react-table .rt-td--hidden {
  flex: 0 !important;
  width: 0 !important;
  padding: 0 !important;
}
.react-table .-pagination {
  padding: 10px 0;
  border-top: 1px solid #e1e1e1;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .react-table .-pagination {
    padding: 20px 0;
  }
}
.react-table .-pagination .-pageInfo {
  display: inline-block;
  color: black;
  vertical-align: middle;
  text-transform: uppercase;
  line-height: 2.188rem;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .react-table .-pagination .-pageInfo {
    padding: 0 30px;
    font-size: 0.75em;
    font-family: "AvantGardeLTBold";
  }
}
.react-table .-pagination .-pageJump {
  padding: 0 5px;
}
.react-table .-pagination .-pageJump input {
  padding: 0 10px;
  height: 2.188rem;
  border: 1px solid #e1e1e1;
  background: white;
  line-height: 2.188rem;
}
.react-table .-pagination .select-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .react-table .-pagination .select-wrap {
    font-size: 0.75em;
    font-family: "AvantGardeLTBold";
  }
}
.react-table .-pagination .select-wrap:after {
  position: absolute;
  right: 10px;
  bottom: 15px;
  z-index: 1;
  width: 6px;
  height: 6px;
  border: 1px solid;
  border-width: 2px 2px 0 0;
  content: "";
  pointer-events: none;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.react-table .-pagination select {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0 20px 0 5px;
  height: 2.188rem;
  border: 1px solid #e1e1e1;
  background: white;
  background-position: center right;
  background-repeat: no-repeat;
  line-height: 2.188rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.react-table .-pagination .-center,
.react-table .-pagination .-previous,
.react-table .-pagination .-next {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.react-table .-pagination .-btn {
  display: inline-block;
  padding: 0;
  padding: 0 20px;
  background: none;
  color: black;
  text-transform: uppercase;
  line-height: 2.188rem;
  opacity: 0.5;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .react-table .-pagination .-btn {
    padding: 0 50px;
    line-height: 2.75rem;
    font-size: 0.75em;
    font-family: "AvantGardeLTBold";
    transition: 0.2s;
  }
  .react-table .-pagination .-btn:not(:disabled):hover, .react-table .-pagination .-btn:not(:disabled):focus {
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  .deal-table .rt-thead,
.deal-table .rt-tbody {
    min-width: inherit !important;
  }
  .deal-table .rt-thead .rt-tr .rt-th:not(:first-child) {
    display: none !important;
  }
  .deal-table .rt-tbody .rt-tr {
    flex-wrap: wrap;
    padding: 0;
  }
  .deal-table .rt-tbody .rt-tr .rt-td:first-child {
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 0;
  }
  .deal-table .rt-tbody .rt-tr .rt-td:not(:first-child) {
    width: 50% !important;
    max-width: 50% !important;
  }
  .deal-table .react-table__heading {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) {
  .react-table.react-table-list .react-table__thumbnail {
    margin: 0 10px 0 0;
    width: 50px;
  }
}
.react-table.react-table-list .rt-tr {
  padding: 0 10px;
}
@media only screen and (min-width: 992px) {
  .react-table.react-table-list .rt-td {
    padding: 10px 5px;
  }
}
.react-table.react-table-list .react-table__subheading {
  display: inline-block;
}
.react-table.react-table-list .par-oos {
  display: inline-block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  padding: 2px 8px;
  margin-right: 5px;
  border-radius: 3px;
  background-color: #ff4a4a;
}
.react-table.react-table-list .par-oos strong {
  margin-left: 4px;
}
.react-table.react-table-list .par-soh {
  display: inline-block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  padding: 4px 8px;
  margin-right: 5px;
  border-radius: 3px;
  background-color: rgba(113, 167, 94, 0.2);
}
.react-table.react-table-list .par-soh strong {
  margin-left: 4px;
}
.react-table.react-table-list .par-pqty {
  display: inline-block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  padding: 4px 8px;
  margin-right: 5px;
  border-radius: 3px;
  background-color: #e1e1e1;
}
.react-table.react-table-list .par-pqty strong {
  margin-left: 4px;
}
.react-table.react-table-list .field--qty .field__input, .react-table.react-table-list .field--qty .login-area input, .login-area .react-table.react-table-list .field--qty input,
.react-table.react-table-list .field--qty .login-area textarea,
.login-area .react-table.react-table-list .field--qty textarea,
.react-table.react-table-list .field--qty .login-area select,
.login-area .react-table.react-table-list .field--qty select {
  height: 24px;
}
.react-table.react-table-list .field {
  border-radius: 3px;
  overflow: hidden !important;
}
.react-table.react-table-list .tb-heading-custom {
  margin-left: auto;
  margin-right: 0;
  padding-right: 30px;
}
.react-table.react-table-list .react-table__button {
  padding: 0 8px;
  border-radius: 3px;
  min-width: 44px;
}
.react-table.react-table-list .react-table__button--paramount-point {
  font-size: 10px;
}
.react-table.react-table-list .react-table__button--paramount-point span {
  color: #fee943;
}
.react-table.react-table-list .react-table__button--bonus-point {
  font-size: 10px;
}

.react-table-grid .rt-table {
  overflow: hidden;
}
.react-table-grid .rt-tbody {
  flex-direction: row;
  overflow: hidden;
  margin: 0 -1px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .react-table-grid .rt-tbody.xs-1 .rt-tr-group {
    width: 100%;
  }
  .react-table-grid .rt-tbody.xs-2 .rt-tr-group {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .react-table-grid .rt-tbody.sm-1 .rt-tr-group {
    width: 100%;
  }
  .react-table-grid .rt-tbody.sm-2 .rt-tr-group {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .react-table-grid .rt-tbody.md-2 .rt-tr-group {
    width: 50%;
  }
  .react-table-grid .rt-tbody.md-3 .rt-tr-group {
    width: 33.33%;
  }
}
@media only screen and (min-width: 1200px) {
  .react-table-grid .rt-tbody.lg-2 .rt-tr-group {
    width: 50%;
  }
  .react-table-grid .rt-tbody.lg-3 .rt-tr-group {
    width: 33.33%;
  }
}
@media only screen and (min-width: 1600px) {
  .react-table-grid .rt-tbody.xl-2 .rt-tr-group {
    width: 50%;
  }
  .react-table-grid .rt-tbody.xl-3 .rt-tr-group {
    width: 33.33%;
  }
  .react-table-grid .rt-tbody.xl-4 .rt-tr-group {
    width: 25%;
  }
}
.react-table-grid .rt-tbody .rt-tr-group {
  position: relative;
  z-index: 0;
  float: left;
  box-sizing: border-box;
  width: 100%;
  border: none;
  box-shadow: 1px 0 0 0 #e1e1e1, 0 1px 0 0 #e1e1e1, 1px 1px 0 0 #e1e1e1, 1px 0 0 0 #e1e1e1 inset, 0 1px 0 0 #e1e1e1 inset;
  color: #363636;
  text-align: left;
  min-width: 0;
  -webkit-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -ms-flex: 0 1 0%;
}
@media only screen and (min-width: 768px) {
  .react-table-grid .rt-tbody .rt-tr-group {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .react-table-grid .rt-tbody .rt-tr-group {
    width: 33.33%;
  }
}
@media only screen and (min-width: 1600px) {
  .react-table-grid .rt-tbody .rt-tr-group {
    width: 33.33%;
  }
}
.react-table-grid .rt-tbody .rt-tr {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0;
  padding: 5px 5px 10px 5px;
  color: inherit;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}
.react-table-grid .rt-tbody .rt-tr:after {
  display: block;
  clear: both;
  content: "";
}
@media only screen and (min-width: 992px) {
  .react-table-grid .rt-tbody .rt-tr {
    padding: 20px 20px;
  }
}
.react-table-grid .rt-tbody .rt-td {
  display: block;
  padding: 0;
  width: auto !important;
}
.react-table-grid .rt-tbody img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.react-table-grid .product-form__button {
  width: 50%;
}
.react-table-grid .react-table-extra {
  position: static;
  float: right;
  margin: 5px 0 0 0;
  padding: 0;
  max-width: 50%;
  height: auto;
  background: none;
  text-align: left;
  line-height: 90%;
}
@media only screen and (max-width: 991px) {
  .react-table-grid .react-table-extra {
    clear: none;
  }
}
.react-table-grid .react-table-extra__info {
  display: block;
  margin: 0;
  padding: 0;
  padding: 0 0 0 10px;
}
.react-table-grid .react-table__row--expanded {
  margin: 0;
  background: none;
  box-shadow: none !important;
}
.react-table-search-form {
  max-width: 200px;
  background: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.react-table-search-form .field {
  margin: 0;
  border-width: 0 0 1px 0;
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
}
.react-table-search-form .field__input, .react-table-search-form .login-area input, .login-area .react-table-search-form input,
.react-table-search-form .login-area textarea,
.login-area .react-table-search-form textarea,
.react-table-search-form .login-area select,
.login-area .react-table-search-form select {
  height: 1.875rem;
  line-height: 1.875rem;
}
@media only screen and (min-width: 992px) {
  .react-table-search-form .field__input, .react-table-search-form .login-area input, .login-area .react-table-search-form input,
.react-table-search-form .login-area textarea,
.login-area .react-table-search-form textarea,
.react-table-search-form .login-area select,
.login-area .react-table-search-form select {
    height: 2.188rem;
    line-height: 2.188rem;
  }
}
.react-table-search-form__button {
  margin: 0;
  padding: 0;
  min-width: 1.875rem;
  width: 1.875rem;
  border: none;
  background: #eef0f2;
  line-height: 1.875rem;
}
@media only screen and (min-width: 992px) {
  .react-table-search-form__button {
    min-width: 2.188rem;
    width: 2.188rem;
    line-height: 2.188rem;
  }
}

.react-table-responsive__info {
  text-align: right;
}
.react-table-responsive__info .react-table__flex {
  display: inline-flex;
  margin: 2px 0 2px 10px;
}
.react-table-responsive .product-form .field--qty {
  margin: -10px 0;
}
.react-table-responsive .product-form .field--qty input {
  min-height: 100%;
}
.react-table-responsive .react-table__toggle {
  margin: 7px 0 0 auto;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 2;
}

.react-datepicker-popper[data-placement^=bottom] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^=top] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 30px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "×";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 2.5rem;
  line-height: 2.5rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 2;
}

.react-datepicker-popper[data-placement^=bottom] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^=top] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 30px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}
.react-datepicker__input-container:after {
  content: "\e91d";
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  right: 10px;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "×";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 2.5rem;
  line-height: 2.5rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.45rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker {
  border: none;
  border-radius: 0;
  background: white;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.2);
  font-size: 0.875em;
  font-weight: 700;
  font-family: "Arial", Helvetica, sans-serif;
}

.react-datepicker__header {
  padding: 0;
  border: 1px solid #e1e1e1;
  border-width: 1px 1px 0 1px;
  border-radius: 0;
  background: #eef0f2;
}

.react-datepicker__navigation {
  top: 7px;
  height: 10px;
  overflow: hidden;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  display: none !important;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  margin: 0;
}

.react-datepicker__header__dropdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  flex-basis: 0;
  padding-left: 35px;
  padding-right: 35px;
}
.react-datepicker__header__dropdown select {
  display: block;
  padding: 8px 5px;
  width: 100%;
  border: none;
  color: black;
  font-weight: bold;
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
}
.react-datepicker__header__dropdown > div {
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
}

.react-datepicker__month {
  display: table;
  margin: -1px 0 0 0;
  width: 100%;
  border-collapse: collapse;
}

.react-datepicker__day-names,
.react-datepicker__week {
  display: table-row;
}

.react-datepicker__day-name {
  text-transform: uppercase;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}

.react-datepicker__day,
.react-datepicker__time-name {
  display: table-cell;
  margin: 0;
  border: 1px solid #e1e1e1;
  border-collapse: collapse;
  border-radius: 0 !important;
  font-size: 0.75em;
  font-weight: 600;
  font-family: "Arial", Helvetica, sans-serif;
}

.react-datepicker__navigation--previous {
  border-right-color: black !important;
}

.react-datepicker__navigation--next {
  border-left-color: black !important;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #eef0f2;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #e1e1e1;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  border-top-color: #eef0f2;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  border-top-color: #e1e1e1;
}

.field .react-datepicker-wrapper,
.field .react-datepicker__input-container {
  display: block;
}

.react-autosuggest__container {
  position: relative;
}

.react-autosuggest__input--focused {
  outline: none;
}

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
  display: none;
}

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 100%;
  width: 100%;
  max-height: 250px;
  background: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: 2;
  overflow-y: auto;
}
@media only screen and (min-width: 768px) {
  .react-autosuggest__suggestions-container--open {
    max-height: 300px;
  }
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
}
.react-autosuggest__suggestion:last-child {
  border-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .react-autosuggest__suggestion {
    font-size: 0.75em;
    font-family: "AvantGardeLTBook";
  }
}

.react-autosuggest__suggestion--highlighted {
  background: #e1e1e1;
}

.react-select {
  position: relative;
}
.react-select .field__input--autoresize {
  z-index: -1;
  opacity: 0;
}
.react-select__control {
  border: 1px solid #e1e1e1 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
.react-select__placeholder + div {
  position: absolute;
}
.react-select__multi-value {
  margin-right: 5px !important;
}
.react-select__option {
  cursor: pointer !important;
  font-size: 0.875em !important;
}
@media only screen and (max-width: 991px) {
  .react-select__multi-value {
    max-width: 225px;
  }

  .search-customer-modal .react-select__menu * {
    max-height: 200px;
  }
  .search-customer-modal .modal__content {
    min-height: 65% !important;
  }

  .search-customer-modal-mobile .react-select__menu-list {
    max-height: 115px !important;
  }
  .search-customer-modal-mobile .modal__content {
    min-height: 290px !important;
  }
}
.upload-photo {
  position: relative;
  display: block;
  background: #f0f0f0;
  text-align: center;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  height: 300px;
  padding: 25px;
}
.upload-photo__content {
  display: block;
  align-self: center;
  line-height: 140%;
  text-align: center;
  width: 100%;
}
.upload-photo__heading {
  color: #7d7d7d;
  font-size: 1.125em;
  font-family: "AvantGardeLTBold";
}
.upload-photo__subheading {
  color: #7d7d7d;
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
}

.upload-thumbs__thumbnail {
  background: center center no-repeat;
  background-size: contain;
  width: 160px;
  height: 120px;
}
.upload-thumbs__item {
  position: relative;
  z-index: 2;
  float: left;
  overflow: hidden;
  margin: 0 15px 15px 0;
  border-radius: 4px;
  background: center center no-repeat;
  background-size: cover;
}
.upload-thumbs__item.dz-complete .dz-progress {
  opacity: 0;
  transition: 0.3s opacity;
}
.upload-thumbs__item .dz-remove {
  position: absolute;
  top: 5px;
  right: 5px;
  overflow: hidden;
  width: 16px;
  height: 16px;
  border-radius: 20px;
  background: black;
  color: white;
  text-align: center;
  font-size: 0;
  cursor: pointer;
}
.upload-thumbs__item .dz-remove .icon {
  content: "\e908";
  font-weight: bold;
  font-size: 8px;
  line-height: 16px;
}
.upload-thumbs__item .dz-details {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: center center no-repeat;
  background-size: cover;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.upload-thumbs__item .dz-progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 3px;
}
.upload-thumbs__item .dz-progress .dz-upload {
  display: block;
  width: 0;
  height: 100%;
}

.table-note .upload-photo__subheading {
  font-size: 0.685em;
  font-style: italic;
}

.extra-tag:before {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 3px;
  margin-right: 7.5px;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
.extra-tag--3pl:before {
  content: "3PL";
  background: #00796b;
  color: #fff;
}
.extra-tag--supplier:before {
  content: "Paramount";
  background: #f57c00;
  color: #fff;
}

.advertising-slider__link:hover, .advertising-slider__link:focus {
  outline: none;
}
.advertising-slider__photo {
  display: block;
}
.advertising-slider__photo img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.advertising-slider .slider__button {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.advertising-slider .slider__button--prev {
  left: 0;
}
.advertising-slider .slider__button--next {
  right: 0;
}

@media only screen and (max-width: 1199px) {
  #order-template-list .react-table .rt-tr-group {
    box-shadow: unset;
  }
}
@media only screen and (max-width: 991px) {
  #order-template-list .react-table .rt-td {
    padding: 5px 10px;
  }
}

.order-template-list .react-table .rt-th .heading {
  padding: 10px 0;
}
.order-template-list .react-table .-pagination {
  padding: 10px 0;
}

.products-listing .filters--holder {
  margin-left: 20px;
  margin-bottom: 0;
}
.products-listing .filters--holder .multi-select-bottom {
  border-top: 1px solid #e1e1e1;
  padding: 10px 0 0;
  text-align: center;
  justify-content: space-around;
  display: flex;
}
.products-listing .filters--holder .multi-select-bottom button {
  padding: 0.463rem 1.375rem;
  font-size: 0.725em;
}
.products-listing .filters--holder .sidebar__collapse {
  border: 1px solid #e1e1e1;
  padding: 11px;
  font-size: 0.75em;
  min-width: 212px;
  margin-bottom: -1px;
  letter-spacing: 0;
  text-transform: unset;
}
.products-listing .filters--holder .sidebar__collapse::before {
  top: 14px;
  right: 12px;
}
.products-listing .filters--holder .panel-collapse {
  background: rgb(255, 255, 255);
  z-index: 9999;
  position: absolute;
  padding: 15px 0;
  width: 100%;
  border: 1px solid rgb(225, 225, 225);
}
.products-listing .filters--holder .panel-collapse .filter-list {
  padding: 0 1px 0 16px;
  margin-bottom: 5px;
}
.products-listing .filters--holder .panel-collapse .filter-list .filter-list__link {
  margin-bottom: 10px;
}
.products-listing .filters--holder .panel-collapse .filter-list .filter-list__link::before {
  float: left;
  min-height: 17px;
}

.order-template-header {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
}
.order-template-header .filters--holder {
  margin-left: 20px;
  margin-bottom: 0;
}
.order-template-header .filters--holder .multi-select-bottom {
  border-top: 1px solid #e1e1e1;
  padding: 10px 0 0;
  text-align: center;
  justify-content: space-around;
  display: flex;
}
.order-template-header .filters--holder .multi-select-bottom button {
  padding: 0.463rem 1.375rem;
  font-size: 0.725em;
}
.order-template-header .filters--holder .sidebar__collapse {
  border: 1px solid #e1e1e1;
  padding: 11px;
  font-size: 0.75em;
  min-width: 250px;
  margin-bottom: -1px;
  letter-spacing: 0;
  text-transform: unset;
}
.order-template-header .filters--holder .sidebar__collapse::before {
  top: 14px;
  right: 12px;
}
.order-template-header .filters--holder .panel-collapse {
  background: rgb(255, 255, 255);
  z-index: 9999;
  position: absolute;
  padding: 15px 0;
  width: 100%;
  border: 1px solid rgb(225, 225, 225);
}
.order-template-header .filters--holder .panel-collapse .filter-list {
  padding: 0 1px 0 16px;
  margin-bottom: 5px;
}
.order-template-header .filters--holder .panel-collapse .filter-list .filter-list__link {
  margin-bottom: 10px;
}
.order-template-header .filters--holder .panel-collapse .filter-list .filter-list__link::before {
  float: left;
}
@media only screen and (min-width: 768px) {
  .order-template-header {
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
  }
}
.order-template-header__button {
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
.order-template-header__sort-box {
  width: 100%;
}
.order-template-header__sort-box .icon {
  position: absolute;
  top: 6px;
  left: 13px;
}
@media only screen and (min-width: 992px) {
  .order-template-header__sort-box .icon {
    top: 10px;
  }
}
.order-template-header__sort-box input {
  padding-left: 35px;
}
@media only screen and (min-width: 768px) {
  .order-template-header__sort-box {
    width: auto;
    padding-left: 0;
  }
}
.order-template-header__edit-button {
  order: 1;
  flex: 1 0 45%;
  margin-right: 10px;
}
@media only screen and (min-width: 768px) {
  .order-template-header__edit-button {
    order: 1;
    flex: unset;
    margin-right: 10px;
  }
}
.order-template-header__reorder-button {
  order: 3;
  flex: 1 0 100%;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .order-template-header__reorder-button {
    order: 3;
    flex: unset;
    margin-top: 0;
  }
}
.order-template-header__cancel-button {
  order: 1;
  flex: 1 0 45%;
  margin-right: 10px;
}
@media only screen and (min-width: 768px) {
  .order-template-header__cancel-button {
    order: 1;
    flex: unset;
    margin-right: 10px;
  }
}
.order-template-header__remove-button {
  order: 2;
  flex: 1 0 45%;
}
@media only screen and (min-width: 768px) {
  .order-template-header__remove-button {
    order: 2;
    flex: unset;
  }
}
.order-template-header__checkout-button {
  order: 2;
  flex: 1 0 45%;
}
.order-template-header__checkout-button--editing {
  flex: 1 0 100%;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .order-template-header__checkout-button--editing {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .order-template-header__checkout-button {
    order: 4;
    flex: unset;
    margin-left: auto;
  }
}
.order-template-header__search-bar {
  order: 4;
  flex: 1 0 100%;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .order-template-header__search-bar {
    order: 3;
    flex: unset;
    margin-top: 0;
    margin-left: auto;
  }
}

/*Added this query for filters dropdwon mobile view changes*/
@media only screen and (max-width: 991px) {
  .order-template-header .filters--holder .panel-collapse {
    padding: 5px 0;
  }
  .order-template-header .filters--holder .panel-collapse .filter-list {
    margin-bottom: 5px;
  }
  .order-template-header .filters--holder .panel-collapse .filter-list .filter-list__link {
    min-height: 1.5rem;
    margin-bottom: 10px;
  }
}
.d-flex-col {
  display: flex;
  flex-direction: column;
}

.order-template-item {
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 5px;
}
.order-template-item__row {
  display: flex;
  justify-content: space-between;
}
.order-template-item__row--body {
  padding: 5px 5px;
}
.order-template-item__row--body:last-child {
  margin-bottom: 10px;
}
.order-template-item__row--bottom {
  justify-content: flex-start;
}
.order-template-item__row--extra {
  flex-direction: column;
}
.order-template-item__row--extra .react-table-extra {
  margin: 0;
  margin-top: 10px;
  text-align: center;
}
.order-template-item__row--extra .react-table__toggle {
  margin-top: 0;
}
.order-template-item__row--bottom-border {
  border-bottom: 1px solid #ecebec;
}
.order-template-item__button--add {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .order-template-item__button--add {
    margin-top: 0;
  }
}
.order-template-item__block {
  display: flex;
}
.order-template-item__block--price {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.order-template-item__block--price .order-template-item__field-reset {
  position: relative;
}
.order-template-item__block--price .order-template-item__field-reset .product-form__case-icon {
  float: none;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  margin: 2px 0 0;
  position: absolute;
  left: -20px;
  top: 6px;
}
.order-template-item__block--point {
  flex-direction: column;
  align-items: center;
  flex: 0 0 33.33%;
  padding: 10px 0 0;
}
.order-template-item__heading--price {
  margin-bottom: 5px;
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .order-template-item__heading--price {
    font-size: 0.75em;
    font-family: "AvantGardeLTMedium";
  }
}
.order-template-item__heading--point {
  margin-top: 10px;
  text-align: center;
  font-size: 0.675em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .order-template-item__heading--point {
    font-size: 0.725em;
    font-family: "AvantGardeLTMedium";
  }
}
.order-template-item__img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 100px;
  padding: 5px;
}
.order-template-item__info {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-evenly;
}
.order-template-item__info-heading {
  color: unset;
}
.order-template-item__info-heading .react-table__subheading {
  font-size: 0.8em;
  font-family: "AvantGardeLTMedium";
}
.order-template-item__info-heading .react-table__heading {
  font-size: 0.825em;
  font-family: "AvantGardeLTBold";
  margin-top: 5px;
}
.order-template-item__info-block {
  display: flex;
}
.order-template-item__info-element {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  margin-right: 12px;
  flex: 0 0 45%;
}
.order-template-item__info-element--oos {
  background-color: #ff4a4a;
  flex: 0 0 12%;
  margin-right: 6px;
}
.order-template-item__info-element--soh {
  background-color: #eceaec;
  flex: 0 0 40%;
}
.order-template-item__info-element--qty {
  background-color: #dde8d8;
  flex: 0 0 40%;
}
.order-template-item__info-element--point {
  flex: unset;
  margin-right: 0;
  padding: 5px 10px;
}
.order-template-item__info-element--paramount-point {
  background-color: #1198dc;
  color: #fff;
}
.order-template-item__info-element--bonus-point {
  background-color: #eb6e2c;
  color: #fff;
}
.order-template-item__info-element--cocktail {
  background-color: rgba(171, 114, 228, 0.2);
  color: #000;
  cursor: pointer;
}
.order-template-item__block-value {
  font-size: 0.688em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .order-template-item__block-value {
    font-size: 0.725em;
    font-family: "AvantGardeLTMedium";
  }
}
.order-template-item__block-label {
  margin-left: 5px;
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .order-template-item__block-label {
    font-size: 0.725em;
    font-family: "AvantGardeLTMedium";
  }
}
.order-template-item__old-price {
  color: #f00;
  text-decoration: line-through;
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
}
.order-template-item__price {
  margin-top: 10px;
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .order-template-item__price {
    font-size: 1em;
    font-family: "AvantGardeLTMedium";
  }
}
.order-template-item__field-reset > div {
  margin: 0 !important;
}

.order-template-add-button {
  padding-bottom: 4px;
  padding-top: 5px;
}

@media only screen and (max-width: 767px) {
  .sort-box.order-template-header__search-bar .sort-box__item:first-child {
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0;
    padding: 0 5px;
    border: none;
  }

  .products-listing .filters--holder {
    margin-top: 10px;
  }

  .sort-box.order-template-header__search-bar .sort-box__item {
    flex: 0 0 50%;
    margin: 0;
    padding: 0 5px;
  }

  .order-template-header__search-bar {
    display: block;
  }
  .order-template-header__search-bar .sort-box__item,
.order-template-header__search-bar .sidebar__item {
    display: block;
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 10px;
    margin: 10px 0px 16px;
    margin-bottom: 10px !important;
    padding: 0 3px;
  }

  .order-template-item__block--point {
    flex: 0 0 25.33%;
  }
}
@media only screen and (max-width: 991px) {
  .supplier-place-order-list .product-form__heading {
    line-height: 33px;
  }
  .supplier-place-order-list .product-form__item .field--qty {
    margin: 0;
  }
  .supplier-place-order-list .product-form__item .mr-4 {
    margin-right: 1.25rem !important;
  }
  .supplier-place-order-list button.react-table__add {
    text-align: right;
    display: inline-flex;
    align-items: center;
  }
  .supplier-place-order-list .react-table__add span {
    margin-right: 5px;
  }
  .supplier-place-order-list .field {
    border-radius: 0px;
  }
  .supplier-place-order-list .field span,
.supplier-place-order-list .field input {
    color: black;
  }
  .supplier-place-order-list .react-table__info--middleman {
    color: black;
  }
}

.step-body {
  padding: 30px 0;
}
.step-body .form-builder-text-area {
  margin-bottom: 20px;
}
.step-body .button .icon {
  top: -1px;
  font-size: 1.1em;
}
.step-body .modal__helper {
  padding-left: 0;
}
.step-body .form--builder--rating {
  margin-top: 3.5rem;
}
.step-body .form--builder--rating .pr-rating-wrap {
  max-width: 780px;
  position: relative;
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  text-align: center;
}
.step-body .form--builder--rating .pr-rating-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 27px;
  height: 2px;
  background: #c4c4c4;
  z-index: -1;
}
.step-body .form--builder--rating .pr-rating-wrap .pr-rating-point {
  cursor: pointer;
}
.step-body .form--builder--rating .pr-rating-wrap .pr-rating-point:first-child {
  text-align: left;
}
.step-body .form--builder--rating .pr-rating-wrap .pr-rating-point:first-child .pr-rating-no {
  padding-left: 2px;
}
.step-body .form--builder--rating .pr-rating-wrap .pr-rating-point:first-child .pr-rating-dot-wrap {
  margin-left: -8px;
}
.step-body .form--builder--rating .pr-rating-wrap .pr-rating-point:last-child {
  text-align: right;
}
.step-body .form--builder--rating .pr-rating-wrap .pr-rating-point:last-child .pr-rating-dot-wrap {
  margin-right: -8px;
}
.step-body .form--builder--rating .pr-rating-wrap .pr-rating-point:last-child .pr-rating-no {
  padding-right: 2px;
}
.step-body .form--builder--rating .pr-rating-wrap .pr-rating-circle .pr-rating-dot-wrap {
  padding: 5px 8px;
  display: inline-block;
  background: #fff;
}
.step-body .form--builder--rating .pr-rating-wrap .pr-rating-circle .pr-rating-dot-wrap .pr-rating-dot {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 2px solid #000;
  background-color: #fff;
}
.step-body .form--builder--rating .pr-rating-wrap .active--rating .pr-rating-circle .pr-rating-dot {
  background-color: #2d2b73;
  border-color: #2d2b73;
}
.step-body .form--builder--rating .pr-rating-wrap .active--rating .pr-rating-circle .pr-rating-dot-wrap .pr-rating-dot {
  background-color: #2d2b73;
  border-color: #2d2b73;
}
.step-body .form--builder--rating .pr-rating-wrap .pr-rating-label {
  font-family: "AvantGardeLTMedium";
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
  color: #808080;
}
.step-body .form--builder--rating .rating-column--holder {
  margin-bottom: 50px;
}
.step-body .form--builder--rating p {
  font-family: "AvantGardeLTBook";
  margin-bottom: 7px;
}
.step-body .form--builder--rating .field--alert .pr-rating-dot {
  border-color: #c84c4c !important;
}
.step-body .form--builder--rating .field--alert .pr-rating-label {
  color: #c84c4c !important;
}
.step-body .form--builder--rating .field--alert .pr-rating-wrap::before {
  background: #c84c4c !important;
}
.step-body .form-builder-section--heading {
  padding: 30px 0px 0px 0px;
  font-weight: 700;
}
.step-body .form-builder-image-wrapper {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 30px;
}
.step-body p {
  font-family: "AvantGardeLTBook";
  margin-bottom: 7px;
}

.progress--bar--customer .progress {
  height: 10px;
  font-size: 0.75rem;
  display: flex;
  overflow: hidden;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.progress--bar--customer .progress .progress-bar {
  flex-direction: column;
  justify-content: center;
  color: #fff;
  display: flex;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  transition: width 0.6s ease;
}

.field--alert textarea {
  border-color: #c84c4c !important;
}

.mobile-chat-container {
  left: auto !important;
  right: 30px;
  bottom: 30px !important;
}

.q-added-body button[disabled],
.q-added-body input[disabled] {
  color: #000;
  opacity: 0.4;
}

.create-quote-header {
  padding: 15px 0;
}
.create-quote-header .quote-group {
  border-top: 1px solid #e1e1e1;
}
.create-quote-header .quote-filter {
  display: flex;
}
.create-quote-header .quote-filter .field-input__text {
  padding: 14px 8px 0 0;
  text-transform: uppercase;
  font-size: 0.625em;
  color: #7d7d7d;
  font-family: "AvantGardeLTBold";
}
.create-quote-header .quote-filter .sort-box + .sort-box {
  margin-left: 15px;
}
.create-quote-header .quote-inputs {
  padding: 30px 0 0;
}
.create-quote-header .quote-inputs + .quote-inputs {
  border-top: 1px solid #e1e1e1;
}
.create-quote-header .quote-inputs .field {
  margin-bottom: 30px;
}
.create-quote-header .quote-inputs .input-group {
  margin-bottom: 30px;
}
.create-quote-header .quote-inputs .input-group .field {
  margin-bottom: 0;
  flex: 0 0 100%;
}
.create-quote-header .quote-inputs .input-group .field .field__input, .create-quote-header .quote-inputs .input-group .field .login-area input, .login-area .create-quote-header .quote-inputs .input-group .field input,
.create-quote-header .quote-inputs .input-group .field .login-area textarea,
.login-area .create-quote-header .quote-inputs .input-group .field textarea,
.create-quote-header .quote-inputs .input-group .field .login-area select,
.login-area .create-quote-header .quote-inputs .input-group .field select {
  margin-left: 25px;
}
.create-quote-header .quote-inputs .btn-search {
  position: absolute;
  right: auto;
  top: 1.5px;
  left: 0;
  z-index: 1;
  bottom: 1px;
}
.create-quote-header .quote-inputs .btn-search .btn {
  background: transparent;
}
.create-quote-header .quote-inputs .btn-search .btn:hover {
  background: #f2f2f2;
}
.create-quote-header .quote-inputs .btn-clear {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
}
.create-quote-header .quote-inputs .btn-clear .btn {
  background: transparent;
  font-size: 13px;
}
.create-quote-header .quote-inputs .btn-clear .btn:hover {
  background: #f2f2f2;
}

.confirmation-modal .modal-dialog {
  max-width: 500px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  min-height: calc(100% - 1.5rem);
}
.confirmation-modal .modal-dialog .modal-content {
  border: none;
  box-shadow: none !important;
  border-radius: 0;
  background: transparent !important;
}
.confirmation-modal .modal-dialog .modal__close {
  font-family: "AvantGardeLTBook";
}
.confirmation-modal .modal-header {
  text-align: right;
  box-shadow: none;
  padding: 5px 12px;
}
.confirmation-modal .modal-header .close span {
  font-weight: bold;
  color: #7d7d7d;
}
.confirmation-modal .modal-body {
  text-align: center;
  font-size: 18px;
  padding: 25px;
  font-family: "AvantGardeLTBold";
}
.confirmation-modal .close {
  background: no-repeat;
  border: none;
  font-size: 31px;
}

.create-quote-body .icon-note {
  font-size: 18px;
  margin-left: 8px;
}
.create-quote-body .react-table__heading,
.create-quote-body strong {
  font-family: "AvantGardeLTBold";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
}
.create-quote-body .q-search-head {
  background: #e1e1e1;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 15px;
  margin-bottom: 15px;
  margin-right: -0.938rem;
  margin-left: -0.938rem;
}
@media only screen and (min-width: 992px) {
  .create-quote-body .q-search-head {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .create-quote-body .q-search-head {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
}
.create-quote-body .q-search-body {
  max-height: 470px;
  overflow: auto;
  margin-right: -0.938rem;
  margin-left: -0.938rem;
}
@media only screen and (min-width: 992px) {
  .create-quote-body .q-search-body {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .create-quote-body .q-search-body {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
}
.create-quote-body .q-search-body .react-table {
  margin: 0 !important;
}
.create-quote-body .q-added-products {
  padding-top: 15px;
}
.create-quote-body .q-added-head {
  font-weight: bold;
  border-top: 1px solid #e1e1e1;
  font-size: 14px;
  padding: 15px;
  margin-right: -0.938rem;
  margin-left: -0.938rem;
}
@media only screen and (min-width: 992px) {
  .create-quote-body .q-added-head {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .create-quote-body .q-added-head {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
}

.create-quote-sub-footer {
  background: #f4f4f4;
  margin: 0 -40px;
  text-align: right;
  /* padding-right: 78px; */
  font-size: 1em;
  font-family: "AvantGardeLTMedium";
  padding: 20px 25px;
}
@media only screen and (max-width: 991px) {
  .create-quote-sub-footer {
    margin: 0 -15px;
  }
}

.create-quote-footer {
  padding: 30px 0;
}
.create-quote-footer .button {
  margin: 0 5px;
}

.quote-status {
  padding: 50px 0;
}
.quote-status .quote-status-icon {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 110px;
  background: #e1e1e1;
  border-radius: 100%;
  font-size: 2rem;
}

.create-quote-body .react-table .rt-thead {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.create-quote-header .react-select__menu {
  z-index: 999;
}
@media only screen and (min-width: 992px) {
  .create-quote-header .sale-quote-check-box {
    padding-left: 0;
    padding-top: 1rem !important;
  }
}
.create-quote-header .quote-inputs .field--disabled::before {
  box-shadow: 0 0 0 1px #f0f0f0 inset, 0 0 0 4px #f0f0f0 inset;
  background-color: #f0f0f0;
  border: 1px solid #e1e1e1;
}

.stock--on--hand .hr-margin {
  margin: 25px 0;
}
@media only screen and (max-width: 991px) {
  .stock--on--hand .hr-margin {
    margin: 10px 0;
  }
}

@media only screen and (min-width: 992px) {
  .stock--on--hand .sort-box {
    display: flex;
    justify-content: flex-start;
  }
  .stock--on--hand .search-input {
    min-width: 205px;
  }
}
@media only screen and (max-width: 991px) {
  .stock--on--hand .tab--holder--3pl {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 10px;
  }
  .stock--on--hand .tab--holder--3pl .button--outline {
    width: 46%;
    margin-left: 7px;
    display: inline-block;
    margin-right: 6px;
  }
  .stock--on--hand .sort-box {
    display: block;
  }
  .stock--on--hand .sort-box__item {
    margin: 10px 0;
    height: 1.875rem;
  }
  .stock--on--hand .sort-box__item .field {
    margin: 0;
    width: 100%;
    padding: 0;
    border-width: 0;
    background: none;
    display: flex;
    height: 100%;
  }
  .stock--on--hand .sort-box__item .field .field__text {
    min-width: 80px;
  }

  .create-quote-header .quote-inputs .field__input, .create-quote-header .quote-inputs .login-area input, .login-area .create-quote-header .quote-inputs input,
.create-quote-header .quote-inputs .login-area textarea,
.login-area .create-quote-header .quote-inputs textarea,
.create-quote-header .quote-inputs .login-area select,
.login-area .create-quote-header .quote-inputs select {
    height: 45px;
    font-size: 0.75em;
  }
  .create-quote-header .quote-inputs .field__input::before, .create-quote-header .quote-inputs .login-area input::before, .login-area .create-quote-header .quote-inputs input::before,
.create-quote-header .quote-inputs .login-area textarea::before,
.login-area .create-quote-header .quote-inputs textarea::before,
.create-quote-header .quote-inputs .login-area select::before,
.login-area .create-quote-header .quote-inputs select::before {
    box-shadow: 0 0 0 1px #f0f0f0 inset, 0 0 0 4px #f0f0f0 inset;
    background-color: #f0f0f0;
  }

  .order-template-item__block-value {
    font-size: 0.588em;
  }

  .css-1pcexqc-container {
    margin-bottom: 30px;
  }

  .quote-template-item__mobile .order-template-item__block-label {
    display: inline-block;
    font-size: 0.588em;
    min-width: 135px;
  }
  .quote-template-item__mobile .order-template-item__info-element--soh,
.quote-template-item__mobile .order-template-item__info-element--qty {
    background: transparent;
  }
  .quote-template-item__mobile .order-template-item__info-element {
    display: block;
    flex: 0;
  }
  .quote-template-item__mobile .order-template-item__info-block {
    display: block;
  }

  .quote-template-item__mobile .order-template-item__info-element {
    border-bottom: 1px solid #f4f4f4;
  }
  .quote-template-item__mobile .order-template-item__info-element .button {
    display: block;
    margin: 0;
    width: 100%;
    font-size: 12px;
  }
}
@media only screen and (max-width: 992px) {
  #edit-sale-quote-manager .q-added-body .product-form__heading,
#edit-sale-quote .q-added-body .product-form__heading,
#create-sale-quote .q-added-body .product-form__heading,
#create-sale-quote-manager .q-added-body .product-form__heading {
    color: #363636;
    font-weight: 700;
  }
  #edit-sale-quote-manager .q-added-body .product-form__price,
#edit-sale-quote .q-added-body .product-form__price,
#create-sale-quote .q-added-body .product-form__price,
#create-sale-quote-manager .q-added-body .product-form__price {
    text-align: right;
  }

  .create-quote-footer .button {
    width: 100%;
    margin: 0 0 10px;
  }

  .react-table-responsive-sale-quote .react-table__info {
    padding-bottom: 10px;
    font-size: 0.74em;
  }
  .react-table-responsive-sale-quote .product-grid__soh {
    background-color: #eceaec;
    min-width: 52px;
  }
  .react-table-responsive-sale-quote .product-grid__soh strong {
    margin-right: 3px;
  }
  .react-table-responsive-sale-quote .product-grid__soh.product-grid__pack {
    background-color: rgba(113, 167, 94, 0.2);
  }
  .react-table-responsive-sale-quote .product-form__item {
    padding: 12px 0;
    border-top: 1px solid #e1e1e1 !important;
  }
  .react-table-responsive-sale-quote .product-form__item:first-child {
    border-top: none;
  }
  .react-table-responsive-sale-quote .field--addon .field__input, .react-table-responsive-sale-quote .field--addon .login-area input, .login-area .react-table-responsive-sale-quote .field--addon input,
.react-table-responsive-sale-quote .field--addon .login-area textarea,
.login-area .react-table-responsive-sale-quote .field--addon textarea,
.react-table-responsive-sale-quote .field--addon .login-area select,
.login-area .react-table-responsive-sale-quote .field--addon select {
    width: 80%;
    font-size: 0.75em;
    height: 23px;
  }
}
@media only screen and (max-width: 992px) {
  .m-sort-box {
    flex-wrap: wrap;
  }

  .m-sort-box__item {
    flex: 1 1 45%;
    margin: 5px;
  }
}
.cursor-pointer-underlined {
  cursor: pointer;
  text-decoration: underline;
}

.dealbuilder-modal.confirmation-modal .modal-dialog {
  max-width: 580px;
}

.logged-in-as {
  display: block;
  padding: 10px;
  background: rgba(45, 43, 115, 0.1);
  color: #000;
}
@media only screen and (max-width: 991px) {
  .logged-in-as {
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1001;
    padding: 10px 0;
  }
}
@media only screen and (max-width: 991px) {
  .logged-in-as .tx-right {
    text-align: center !important;
  }
}
.logged-in-as__text {
  display: inline-block;
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
  margin: 0 5px;
}
@media only screen and (max-width: 991px) {
  .logged-in-as__text {
    font-size: 0.688em;
    margin: 0;
  }
}
.logged-in-as__text:first-child {
  margin-left: 0;
}
.logged-in-as__text:last-child {
  margin-right: 0;
}
.logged-in-as__link {
  display: inline-block;
  color: #2d2b73;
  border-bottom: 1px dashed transparent;
}
.logged-in-as__link:hover, .logged-in-as__link:focus {
  color: white;
}

.skeleton-loading {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  border-radius: 5px;
  height: 96px;
  position: relative;
}
.skeleton-loading--cart-image {
  display: inline-block;
  width: 50px;
  height: 50px;
}
.skeleton-loading--cart-title {
  display: inline-block;
  width: 150px;
  height: 12px;
}
.skeleton-loading--cart-qty-field {
  display: inline-block;
  width: 85px;
  height: 32px;
}
.skeleton-loading--cart-price-label {
  display: inline-block;
  width: 25px;
  height: 12px;
}
.skeleton-loading--cart-price {
  display: inline-block;
  width: 30px;
  height: 12px;
}
.skeleton-loading--cart-point {
  display: inline-block;
  width: 60px;
  height: 8px;
}
.skeleton-loading--delivery-address {
  display: inline-block;
  width: 384px;
  height: 49px;
}
.skeleton-loading--delivery-date {
  display: inline-block;
  width: 69px;
  height: 65px;
}
.skeleton-loading--delivery-date-text {
  display: inline-block;
  width: 250px;
  height: 15px;
}
.skeleton-loading--cart-item {
  display: inline-block;
  width: 100%;
  height: 91px;
  margin: 0 0 1px 0;
}
.skeleton-loading--cart-modal-item {
  display: inline-block;
  width: 100%;
  height: 70px;
  margin: 0 0 1px 0;
}
.skeleton-loading--product-item {
  display: inline-block;
  width: 329px;
  height: 420px;
}
.skeleton-loading--row {
  width: 94%;
  height: 70px;
  margin: 0 auto 2px;
}
.skeleton-loading--summary-item {
  display: inline-block;
  width: 100%;
  height: 20px;
}
.skeleton-loading--form-field {
  display: inline-block;
  width: 100%;
  height: 49px;
}
.skeleton-loading--toggle-field {
  display: inline-block;
  width: 60px;
  height: 24px;
  border-radius: 20px;
  transition: 0.4s;
  margin-bottom: 15px;
}
.skeleton-loading--checkbox-field {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.skeleton-loading--anchor-link-button {
  display: inline-block;
  width: 120px;
  height: 40px;
}
.skeleton-loading--image-drop-zone {
  width: 100%;
  height: 300px;
}

.react-table-grid .skeleton-loading--row {
  display: inline-block;
  width: 100%;
  height: 250px;
  margin: 0;
  border: 1px solid white;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .react-table-grid .skeleton-loading--row {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .react-table-grid .skeleton-loading--row {
    width: 33.33%;
    height: 285px;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.notice-box {
  display: block;
  padding: 30px 20px;
  text-align: center;
  background: rgba(0, 0, 0, 0.05);
}
.oc {
  margin: -20px -15px;
}
@media only screen and (min-width: 992px) {
  .oc {
    margin: -30px -40px;
  }
}
.oc__header {
  background: #eef0f2;
  color: #001e3d;
  text-transform: uppercase;
}
.oc__header .oc__col {
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
.oc__footer {
  border-top: 4px solid #eef0f2;
}
.oc__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  border-bottom: 1px solid #efefef;
}
.oc__row:last-child {
  border-bottom: 0;
}
.oc__col {
  align-self: center;
  padding: 10px;
  flex: 1 1 auto;
  font-size: 0.75em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .oc__col {
    font-size: 0.813em;
    font-family: "AvantGardeLTMedium";
  }
}
@media only screen and (min-width: 992px) {
  .oc__col {
    padding: 12px 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .oc__col {
    padding: 12px 30px;
  }
}
.oc__col--qty {
  flex: 0 1 95px;
}
@media only screen and (min-width: 992px) {
  .oc__col--qty {
    flex: 0 1 150px;
  }
}
@media only screen and (min-width: 1200px) {
  .oc__col--qty {
    flex: 0 1 180px;
  }
}
.oc__col--price {
  flex: 0 1 90px;
  text-align: right;
}
@media only screen and (min-width: 992px) {
  .oc__col--price {
    flex: 0 1 100px;
  }
}
@media only screen and (min-width: 1200px) {
  .oc__col--price {
    flex: 0 1 150px;
  }
}
.oc__col--total {
  padding-top: 20px;
  padding-bottom: 20px;
  flex: 0 1 100px;
  text-align: right;
  font-size: 1em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .oc__col--total {
    font-size: 1.125em;
    font-family: "AvantGardeLTBold";
  }
}
@media only screen and (min-width: 1200px) {
  .oc__col--total {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.oc__col--total-heading {
  font-size: 1em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .oc__col--total-heading {
    font-size: 1.125em;
    font-family: "AvantGardeLTBold";
  }
}
.oc__col--footer-heading {
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .oc__col--footer-heading {
    font-size: 0.813em;
    font-family: "AvantGardeLTBold";
  }
}
.oc__subtext {
  display: block;
  font-size: 0.875em;
  opacity: 0.5;
  margin-bottom: 3px;
}

.dashboard-box.order-confirmation-page {
  padding: 0;
}
.dashboard-box.order-confirmation-page .mirakl-alert-box {
  background-color: #1198dc;
  text-align: center;
  color: #fff;
  padding: 20px;
  margin-top: -15px;
}
.dashboard-box.order-confirmation-page .mirakl-alert-box p {
  font-size: 16px;
  font-family: "AvantGardeLTBook";
}
.dashboard-box.order-confirmation-page .dashboard-box--header {
  background-color: #2d2b73;
  text-align: center;
  color: #fff;
  padding: 30px 30px;
  margin-bottom: 15px;
}
.dashboard-box.order-confirmation-page .dashboard-box--header .bg-left-bubble {
  position: relative;
}
.dashboard-box.order-confirmation-page .dashboard-box--header .bg-left-bubble::after {
  position: absolute;
  left: -75px;
  content: "";
  clear: both;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  width: 204px;
  height: 192px;
  z-index: 99999;
  top: -20px;
  transform: rotate(-1.5deg);
  background-image: url(../../img/icon/left-bubble.png);
  opacity: 0.05;
}
.dashboard-box.order-confirmation-page .dashboard-box--header .bg-right-bubble {
  position: relative;
}
.dashboard-box.order-confirmation-page .dashboard-box--header .bg-right-bubble::after {
  position: absolute;
  right: -91px;
  background-repeat: no-repeat;
  content: "";
  background-size: 67%;
  clear: both;
  opacity: 0.05;
  transform: rotate(-104deg);
  display: block;
  width: 204px;
  height: 192px;
  top: -92px;
  background-image: url(../../img/icon/left-bubble.png);
}
.dashboard-box.order-confirmation-page .dashboard-box--header .text-lg-left {
  text-align: left;
}
.dashboard-box.order-confirmation-page .dashboard-box--header .text-lg-right {
  text-align: right;
}
.dashboard-box.order-confirmation-page .dashboard-box--header .cart-bg-holder {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  background: #454388;
  line-height: 99px;
}
.dashboard-box.order-confirmation-page .dashboard-box--header h3,
.dashboard-box.order-confirmation-page .dashboard-box--header p {
  padding-top: 15px;
}
.dashboard-box.order-confirmation-page .dashboard-box--header p {
  font-size: 16px;
  font-family: "AvantGardeLTBook";
}
.dashboard-box.order-confirmation-page .dashboard-box--header h3 {
  font-size: 16px;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .dashboard-box.order-confirmation-page .dashboard-box--header h3 {
    font-size: 24px;
    font-family: "AvantGardeLTBold";
  }
}

.modal-max-content-height {
  max-height: max-content;
}

@media only screen and (max-width: 991px) {
  .invoice-price .invoice-price {
    margin: 0 -5px;
  }
}
.invoice-price .consolidation-day-selected {
  background: transparent;
  line-height: 20px;
  padding: 5px;
  font-size: 78%;
  text-align: left;
  color: #525252;
}
.invoice-price .margin-top {
  margin-top: 25px;
}

.order-confirmation-step {
  margin-top: 60px;
  margin-bottom: 45px;
}
.order-confirmation-step .oc-step--box .oc-step--box-icon {
  background-color: #2d2b73;
  width: 82px;
  height: 82px;
  line-height: 100px;
  border-radius: 50%;
  margin: 0 auto 15px;
}
.order-confirmation-step .oc-step--box .oc-step--box-icon.order-picking-box {
  background-color: #ddd;
  line-height: 107px;
}
.order-confirmation-step .oc-step--box .oc-step--box-icon.order-ontruck-box {
  background-color: #dddddd;
  line-height: 113px;
}
.order-confirmation-step .oc-step--box .oc-step--box-icon.order-place-box {
  position: relative;
}
.order-confirmation-step .oc-step--box .oc-step--box-icon.order-place-box::after {
  position: absolute;
  right: 0;
  width: 25px;
  height: 25px;
  clear: both;
  display: block;
  top: 0;
  border-radius: 50%;
  content: "0";
  background-color: #02c82e;
  border: 2px solid #fff;
}

.invoice-price .margin-top {
  border-radius: 5px;
}

@media only screen and (min-width: 992px) {
  .map-section #googleMap {
    height: 580px;
  }
}
@media only screen and (max-width: 991px) {
  .map-section #googleMap {
    height: 350px;
  }
}

@media only screen and (max-width: 991px) {
  .order-confirmation-step {
    margin-bottom: 0px;
  }

  .invoice-price {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .outstanding-modal-flex-buttons {
    display: flex;
  }
}
.order-text-section {
  text-align: left;
}
.order-text-section h4 {
  color: #2d2b73;
  text-transform: uppercase;
  font-size: 17px;
  font-family: "AvantGardeLTBook";
  margin-bottom: 15px;
}
.order-text-section p {
  font-size: 24px;
  font-family: "AvantGardeLTBook";
  margin-bottom: 25px;
}

.order-total-section .card {
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  text-align: left;
  margin-right: 20px;
}
.order-total-section .card .text-right {
  text-align: right;
}
.order-total-section .card .card-header {
  border-bottom: 1px solid #e1e1e1;
  padding: 20px;
}
.order-total-section .card .card-header h4 {
  margin-bottom: 0;
  color: #282828;
  font-size: 20px;
  text-transform: unset;
}
.order-total-section .card .card-body {
  padding: 10px 20px 10px;
}
.order-total-section .card .card-body p {
  margin-top: 15px;
  margin-bottom: 15px;
}

.map-section {
  border: 1px solid #ddd;
  border-radius: 5px;
}

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

.oc-step--box {
  position: relative;
}
.oc-step--box::after {
  position: absolute;
  clear: both;
  content: "";
  left: 63%;
  width: 84%;
  top: 38%;
  height: 2px;
  background: #ddd;
}

.oc-step--box.step-place-box::after {
  background: linear-gradient(270deg, #4e4caa 50%, #2d2b73 60.77%);
}

.oc-step--box.step-order-delivered::after {
  display: none;
}

.order-text-section p {
  margin-bottom: 50px;
  font-size: 22px;
}

.map-holder {
  padding: 0px 40px;
}

.dashboard-box.order-confirmation-page {
  padding-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .dashboard-box.order-confirmation-page {
    margin-top: 40px;
  }
}
.dashboard-box.order-confirmation-page .text-box {
  padding-top: 15px;
}

.order-confirmation-step .oc-step--box .oc-step--box-icon.order-place-box::after {
  content: "✔︎";
  color: #fff;
  line-height: 20px;
}

.order-confirmation-step .oc-step--box .oc-step--box-icon.order-picking-box {
  position: relative;
}

.order-confirmation-step .oc-step--box .oc-step--box-icon.order-picking-box::after {
  position: absolute;
  right: 0;
  width: 25px;
  height: 25px;
  clear: both;
  display: none;
  top: 0;
  border-radius: 50%;
  content: "";
  color: #fff;
  line-height: 20px;
  background-color: #4e4caa;
  border: 2px solid #fff;
  /*animation: spin 2s linear infinite;*/
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner-holder {
  position: absolute;
  right: 3px;
  top: -34px;
  z-index: 2;
}

.spinner-holder svg {
  animation: spin 2s linear infinite;
}

.oc-step--box-icon.order-place-box img {
  filter: invert(1);
}

.oc-step--box-icon.order-picking-box svg {
  filter: invert(1);
}

.oc-step--box-icon.order-picking-box .spinner-holder svg {
  filter: invert(0);
  width: 27px;
}

.order-confirmation-step .oc-step--box .oc-step--box-icon.order-place-box,
.order-confirmation-step .oc-step--box .oc-step--box-icon.order-picking-box {
  line-height: 110px;
  z-index: 9;
}

.spinner-holder {
  top: -33px;
}

.order-place-checkbox {
  right: 0;
  top: -37px;
  position: absolute;
  width: 25px;
  height: 25px;
}

.oc-step--box-icon.order-place-box .order-place-checkbox img,
.oc-step--box-icon.order-place-box .order-place-checkbox img {
  filter: invert(0);
}

.order-place-checkbox svg {
  width: 100%;
}

.order-confirmation-step .oc-step--box .oc-step--box-icon.order-place-box::after {
  display: none;
}

@media only screen and (max-width: 991px) {
  .oc-step--box::after {
    left: 59%;
    width: 100%;
    top: 35%;
  }

  .dashboard-box.order-confirmation-page .dashboard-box--header .text-lg-left {
    text-align: center;
    margin-bottom: 15px;
  }

  .dashboard-box.order-confirmation-page .dashboard-box--header .text-lg-right {
    text-align: center;
  }

  .oc-step--box svg {
    width: 30px;
  }

  .order-confirmation-step .oc-step--box p {
    font-size: 11px;
  }

  .order-confirmation-step .oc-step--box .oc-step--box-icon.order-picking-box {
    line-height: 83px;
  }

  .spinner-holder {
    right: -2px;
    top: -29px;
  }

  .spinner-holder svg {
    width: 14px;
  }

  .oc-step--box-icon.order-picking-box .spinner-holder svg {
    width: 23px;
    height: 23px;
  }

  .order-confirmation-step .oc-step--box .oc-step--box-icon.order-ontruck-box {
    background-color: #dddddd;
    line-height: 84px;
  }

  .order-confirmation-step .oc-step--box .oc-step--box-icon {
    background-color: #2d2b73;
    width: 46px;
    height: 46px;
    line-height: 75px;
    border-radius: 50%;
    margin: 0 auto 15px;
  }

  .order-confirmation-step .oc-step--box .oc-step--box-icon.order-place-box,
.order-confirmation-step .oc-step--box .oc-step--box-icon.order-picking-box,
.order-confirmation-step .oc-step--box .oc-step--box-icon.order-ontruck-box {
    width: 65px;
    height: 65px;
    line-height: 88px;
    z-index: 9;
  }

  .map-holder {
    padding: 20px 0px;
  }

  .map-section {
    border: 1px solid #ddd;
    border-radius: 0px;
  }

  .order-text-section {
    text-align: left;
    padding: 20px;
  }

  .order-total-section {
    padding: 0 0 0 20px;
  }

  .order-text-section h4 {
    font-size: 12px;
  }

  .order-text-section p {
    font-size: 15px;
  }

  .order-total-section .card .card-header h4 {
    font-size: 15px;
  }

  .order-confirmation-step .oc-step--box .oc-step--box-icon.order-picking-box::after {
    width: 22px;
    height: 22px;
  }

  .dashboard-box.order-confirmation-page .dashboard-box--header .cart-bg-holder {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border-radius: 50%;
    background: #454388;
    line-height: 90px;
  }

  .order-confirmation-step .oc-step--box .oc-step--box-icon.order-picking-box,
.order-confirmation-step .oc-step--box .oc-step--box-icon.order-ontruck-box {
    line-height: 90px;
  }

  .order-confirmation-step {
    padding: 0 5px;
  }

  .oc-step--box-icon.order-place-box img,
.oc-step--box-icon.order-picking-box img,
.oc-step--box-icon.order-place-box img,
.oc-step--box-icon.order-ontruck-box img {
    width: 32px;
  }

  .order-total-section .card .card-body p {
    font-size: 12px;
  }

  .order-confirmation-step .oc-step--box .oc-step--box-icon.order-place-box::after {
    display: none;
  }

  .order-place-checkbox {
    right: 0;
    top: -29px;
    position: absolute;
    width: 20px;
    height: 20px;
  }
}
.section--products .product-carousel .slick-slider .product-grid__scrollable-item .product-form__item--space-between {
  justify-content: space-between;
  margin: 0 0 10px;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: -1px 0 0 0;
  padding: 0px 0;
  border: 1px solid #e1e1e1;
  border-width: 1px 0 1px 0;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.section--products .product-carousel .slick-slider .product-grid__scrollable-item .product-form__item--space-between .product-form__price {
  padding: 8px 0 0;
  display: block;
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
  text-align: left;
  padding: 0 8px;
  text-align: right;
  min-width: 0;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0%;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}

#products-list-search-page .rt-thead .rt-tr .rt-th:first-child {
  flex: 0 0 auto !important;
  width: 0px !important;
  max-width: 0px !important;
  padding: 0;
}

.react-table-grid .product-grid__points-block--paramount {
  min-height: 63px;
}
.react-table-grid .tooltip-inner {
  max-width: 131px;
  padding: 3px 2px;
  word-break: break-all;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
  white-space: nowrap;
  word-break: break-word;
  font-size: 12px;
  white-space: break-spaces;
}
.react-table-grid .tooltip {
  width: auto;
  z-index: 99999 !important;
  min-width: auto !important;
  word-break: break-all;
  text-align: left !important;
}

.order-template-item .button--small {
  margin: 20px;
}

.product-loyalty__label--deal svg {
  vertical-align: text-bottom;
}

.button--top--cart--modal .react-table__button {
  min-width: 42px;
  padding: 0;
}
.button--top--cart--modal .deal--btn---model {
  margin: 0px 2px;
  padding-left: 0;
}
.button--top--cart--modal .deal--btn---model .button {
  padding: 4px 8px 3px;
}
.button--top--cart--modal .deal--btn---model .deal--button--holder {
  display: inline-block;
  vertical-align: middle;
}
.button--top--cart--modal .deal--btn---model .product-grid__points-text {
  font-size: 11px;
}

.__react_component_tooltip {
  font-size: 12px !important;
  padding: 3px 8px !important;
}

#order-template-list .button--small {
  padding: 0.3rem 0.638rem;
}

.deals-modal.confirmation-modal .skeleton-loading--deallist {
  height: 485px;
  margin-bottom: 20px;
}
.deals-modal.confirmation-modal .skeleton-loading--deallist-text {
  margin-bottom: 20px;
  height: 40px;
}
.deals-modal.confirmation-modal .slick-list {
  margin: 0 -7px;
}
.deals-modal.confirmation-modal .slick-slide {
  padding: 0 7px;
}
.deals-modal.confirmation-modal .product-form-footer button {
  padding: 0.275rem 0.75rem 0.375rem;
  border: 1px solid #2d2b73;
}
.deals-modal.confirmation-modal .product-form-footer .button-outline.button-outline-template {
  border: 1px solid #2d2b73;
}
.deals-modal.confirmation-modal .product-form-footer .button-outline {
  border: 1px solid #a56b01;
}
.deals-modal.confirmation-modal .product-form-footer .btn--active {
  background-color: #2d2b73;
}
.deals-modal.confirmation-modal .button-outline .button-outline-primary {
  border-color: #542e91;
  color: #542e91;
  border: 1px solid;
}
.deals-modal.confirmation-modal .text-box ul li,
.deals-modal.confirmation-modal .text-box ol li {
  padding-left: 0;
}
.deals-modal.confirmation-modal .text-box ul li:before {
  color: transparent;
  margin: 0 auto;
}
.deals-modal.confirmation-modal .product-form-footer button span {
  font-size: 12px;
}
.deals-modal.confirmation-modal .modal-dialog {
  max-width: 100%;
  width: 1250px;
}
.deals-modal.confirmation-modal .slick-slider .slick-dots {
  bottom: 25px;
}
.deals-modal.confirmation-modal .slick-slider ul li {
  background: transparent;
  width: 20px;
  height: 20px;
  background: none;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.deals-modal.confirmation-modal .slick-slider ul .slick-active {
  background-color: #2d2b73;
}
.deals-modal.confirmation-modal .slick-slider .text-box ul li:before {
  color: transparent;
}
.deals-modal.confirmation-modal .product-grid__scrollable-item {
  position: relative;
  background-color: #fff;
  margin: 0;
  padding-bottom: 25px;
  overflow: hidden;
  min-height: 485px;
  padding: 20px;
  border: 1px solid #e1e1e1;
  margin-bottom: 57px;
  position: relative;
}
.deals-modal.confirmation-modal .modal__content {
  max-width: 100%;
  width: 1250px;
  padding: 18px 2.125rem;
  margin: 50px auto;
}
.deals-modal.confirmation-modal .modal__content .modal__close {
  right: 10px;
}
.deals-modal.confirmation-modal .modal__content--w500 {
  width: 1250px;
  max-width: 100%;
}
.deals-modal.confirmation-modal .modal__content--w500 .modal__header {
  margin: 0 -2.125rem 30px;
  padding: 2px 2.125rem 18px;
  border-bottom: 1px solid #dddddd;
}
.deals-modal.confirmation-modal .modal__content--w500 .modal__header h2 {
  font-size: 24px;
  letter-spacing: 0;
  color: #333;
  text-transform: capitalize;
}
.deals-modal.confirmation-modal .modal--listing--holder .react-table-header,
.deals-modal.confirmation-modal .modal--listing--holder .pagination-bottom {
  display: none;
}
.deals-modal.confirmation-modal .modal--listing--holder .react-table-grid .rt-tbody {
  margin: 0;
}

@media only screen and (min-width: 992px) {
  .section--slider .product-grid__points-wrapper {
    top: 8px;
    right: 8px;
  }
}
.section--slider .button-outline {
  padding: 0.275rem 0.55rem;
  font-size: 0.65em;
}
.section--slider .product-grid__scrollable-item {
  margin: 0 10px;
}
.section--slider .product-grid__points-block {
  padding: 5px;
}
.section--slider .product-grid__photo {
  min-height: 205px;
}

@media only screen and (max-width: 991px) {
  .react-table-grid .rt-tbody.xs-1 .rt-tr-group {
    min-height: 465px;
  }

  .deals-modal.confirmation-modal .modal__content {
    padding: 18px 1.125rem;
  }

  .order-template-item .button--small {
    margin: 9px 0 19px;
  }

  .product-grid__scrollable-item {
    min-height: 425px;
  }

  .deals-modal.confirmation-modal .product-form-footer button span {
    font-size: 10px;
  }

  .button--top--cart--modal .deal--btn---model {
    margin: 0 2px;
    padding-left: 0;
  }
  .button--top--cart--modal .deal--btn---model .button {
    padding: 5px 8px 3px;
    border-radius: 0%;
  }

  .button--top--cart--modal .button--mobile--fix {
    padding-right: 0;
    margin-right: 10px;
  }

  .products-listing .product-grid__photo,
.modal--listing--holder .product-grid__photo {
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .deal-builder-vertical-align {
    margin: 30px 0px !important;
  }
}
@media only screen and (max-width: 1440px) {
  .slick-list {
    margin-left: -1px;
  }
}
#deal-builder-form .react-select__menu {
  z-index: 1000 !important;
}

.align-self-auto {
  align-self: auto !important;
}

.deal-builder-vertical-align {
  margin: 40px 0px;
  text-align: center;
}

@media only screen and (min-width: 992px) {
  .quantity-dependent-fields {
    position: absolute;
    top: 40px;
    width: 100%;
  }
}
.search-customer-modal .button-box {
  z-index: 1;
}

.three--pl--dashboard .supplier--menu--content {
  display: table-cell;
  vertical-align: middle;
}
.three--pl--dashboard .supplier--menu--content p {
  font-size: 0.88rem;
  font-weight: normal;
  font-family: "AvantGardeLTBook";
}
.three--pl--dashboard .supplier--menu--content p strong {
  font-weight: 700;
}
.three--pl--dashboard .dashboard.three--pl--dashboard .dashboard-menu__item--active .dashboard-menu__link {
  border-radius: 4px;
}
.three--pl--dashboard .dashboard-menu__item {
  margin-bottom: 15px;
}
.three--pl--dashboard .dashboard-menu__item .dashboard-menu__link {
  background: #2d2b73;
  color: #fff;
}
.three--pl--dashboard .card--supplier h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.three--pl--dashboard .card--supplier p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
}
.three--pl--dashboard .text-right {
  text-align: right;
}
.three--pl--dashboard .three--pl--card--bottom {
  margin-top: 30px;
  padding-left: 1%;
}
.three--pl--dashboard .three--pl--card--bottom .card--action {
  color: #2d2b73;
  margin-top: 25px;
  display: block;
  font-weight: 700;
}
.three--pl--dashboard .pr-0 {
  padding-right: 0;
}
.three--pl--dashboard .card--supplier {
  margin-bottom: 30px;
}
.three--pl--dashboard .three--pl--dashboard .heading {
  font-weight: 300;
}
@media only screen and (max-width: 991px) {
  .three--pl--dashboard .dashboard-menu__link {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .three--pl--dashboard .dashboard-menu__link img {
    width: 20px;
  }
}

.header-threepl .header__top {
  margin-bottom: 20px;
  background: rgba(45, 43, 115, 0.05);
  /* opacity: 0.05; */
  padding: 5px 0;
}
.header-threepl .header__top .header-options__link {
  color: #000;
}
.header-threepl .menu__link .icon {
  font-size: 20px;
  margin-bottom: 15px;
}
.header-threepl .menu__link .icon::before {
  background: rgba(45, 43, 115, 0.1);
  padding: 7px;
  border-radius: 60px;
  color: #2d2b73;
  width: 60px;
  height: 60px;
}

.table-header-3pl .sort-box {
  justify-content: left;
}
@media only screen and (min-width: 992px) {
  .table-header-3pl .sort-box__item {
    min-width: 200px;
  }
}
.table-header-3pl .tab--holder--3pl {
  border: 1px solid #2d2b73;
  border-radius: 4px;
  background: #f5f5f5;
  text-align: left;
  padding: 2px 3px;
}
.table-header-3pl .tab--holder--3pl .button {
  width: 50%;
}
.table-header-3pl .tab--holder--3pl .button--text {
  color: #000000;
  font-weight: 700;
  font-size: 14px;
  width: 50%;
  text-align: center;
  display: inline-block;
}

.react-table-3pl.react-table .rt-thead {
  background: #2d2b73;
}
.react-table-3pl.react-table .rt-thead .react-table__heading {
  color: #fff;
}
.react-table-3pl.react-table .rt-thead .react-table__sort-icon::after {
  color: #fff;
}
.react-table-3pl.react-table .rt-thead .react-table__sort-icon::before {
  color: #fff;
}

.deals-modal.confirmation-modal.add--customer--modal .modal__content--w500 {
  width: 900px;
}
.deals-modal.confirmation-modal.add--customer--modal .modal__content--w500 .modal__header h2 {
  color: #2d2b73;
}
.deals-modal.confirmation-modal.add--customer--modal .add--customer--bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 30px 32px 0;
  margin: 0 -36px;
}
@media only screen and (min-width: 992px) {
  .deals-modal.confirmation-modal.add--customer--modal .add--customer--bottom .button.button--second {
    min-height: 66px;
    min-width: 120px;
  }
  .deals-modal.confirmation-modal.add--customer--modal .add--customer--bottom .button.button--danger {
    min-height: 66px;
    min-width: 120px;
  }
}
.deals-modal.confirmation-modal.add--customer--modal .add--customer--bottom .button.button--danger {
  color: #ff4a4a;
  background: rgba(255, 74, 74, 0.1);
  margin-right: 10px;
}

.customer-search-table .react-table-3pl.react-table .rt-thead {
  background-color: #eef0f2;
}

.ca-tabs {
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: -0.938rem;
  margin-left: -0.938rem;
}
@media only screen and (min-width: 992px) {
  .ca-tabs {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .ca-tabs {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
}
.ca-tabs .ca-tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.ca-tabs .ca-tabs-nav li a {
  display: block;
  padding: 22px;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  position: relative;
}
.ca-tabs .ca-tabs-nav li a:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #000;
}
.ca-tabs .ca-tabs-nav li.active a {
  background: #542e91;
  color: #fff;
}
.ca-tabs .ca-tabs-nav li.active a:after {
  content: "";
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  position: absolute;
  margin-bottom: -10px;
  border-style: solid;
  border-width: 10px;
  border-color: #542e91 transparent transparent;
}
.ca-tabs .credit-balance {
  display: inline;
  font-size: 16px;
  padding: 10px 36px;
}
@media only screen and (max-width: 991px) {
  .ca-tabs .credit-balance {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.ca-tabs .credit-balance__hide {
  display: none !important;
}

.custom--checkbox--switch {
  margin: 10px 0 0;
}
.custom--checkbox--switch .position-relative {
  position: relative;
}

.custom--checkbox--switch .field {
  border: none;
}

.custom--checkbox--switch .field__value {
  display: inline-block;
  line-height: 140%;
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
  vertical-align: top;
  margin-left: 10px;
  margin-top: 2px;
}

.switch--checkbox {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
  border: none;
}

.switch--checkbox input {
  display: none;
}

.switch--checkbox .slider {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  background-color: #808080;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 20px;
}

.switch--checkbox .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.switch--checkbox input:checked + .slider {
  background-color: #2d2b73;
}

.switch--checkbox input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

.switch--checkbox input:checked + .slider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}

/*------ ADDED CSS ---------*/
.switch--checkbox .slider:after {
  content: "NO";
  color: white;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 53%;
  right: 10%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

.switch--checkbox input:checked + .slider:after {
  content: "YES";
  top: 53%;
  left: 32%;
}

.react-table-switch {
  /* Rounded sliders */
}
.react-table-switch .threepl-button {
  border: none;
  width: 78px;
  margin: 0 auto;
}
.react-table-switch .threepl-button--active .threepl-button__toggle:after,
.react-table-switch .threepl-button__toggle:after {
  content: "";
}
.react-table-switch .threepl-button .threepl-button__toggle {
  width: 36px;
  height: 22px;
  background-color: #808080;
  border-radius: 25px;
}
.react-table-switch .threepl-button--active .threepl-button__toggle {
  flex-direction: row-reverse;
  background: #0ecb87;
  color: white;
  width: 36px;
  height: 22px;
  border-radius: 25px;
}
.react-table-switch .threepl-button__toggle:before {
  width: 14px;
  height: 14px;
}
.react-table-switch .threepl-button__toggle:before {
  margin: 0 5px 0 -4px;
}
.react-table-switch .threepl-button--active .threepl-button__toggle:before {
  margin: 0 -4px 0 5px;
}
.react-table-switch .field {
  border: none;
  text-align: center;
  margin: 0 auto;
}
.react-table-switch .switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 22px;
}
.react-table-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.react-table-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #808080;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.react-table-switch .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.react-table-switch input:checked + .slider {
  background-color: #0ecb87;
}
.react-table-switch input:focus + .slider {
  box-shadow: 0 0 1px #0ecb87;
}
.react-table-switch input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
.react-table-switch .slider.round {
  border-radius: 34px;
}
.react-table-switch .slider.round:before {
  border-radius: 50%;
}

.address--holder--customers {
  position: relative;
}
.address--holder--customers .address-suggestions {
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 5;
  left: 0;
  top: 67px;
  border-top: none;
}

.button--switch--holder {
  text-align: center;
  margin-bottom: 25px;
}
.button--switch--holder .button {
  border-radius: 0 4px 4px 0;
  text-transform: capitalize;
}
.button--switch--holder .button:first-child {
  color: #000;
  border-radius: 4px 0 0px 4px;
}
.button--switch--holder .button.button--second {
  background-color: #86c976;
  color: #fff;
}
.button--switch--holder .button--second:not(.button--disabled):hover,
.button--switch--holder .button--second:not(.button--disabled):focus {
  background-color: #86c976;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .button--switch--holder .button--small {
    min-width: 160px;
  }
}

.cart-content--threepl-supplier .cart-content__col .field {
  border-radius: 3px;
  border: 1px solid #e1e1e1;
}
.cart-content--threepl-supplier .cart-content__col .field .field__input, .cart-content--threepl-supplier .cart-content__col .field .login-area input, .login-area .cart-content--threepl-supplier .cart-content__col .field input,
.cart-content--threepl-supplier .cart-content__col .field .login-area textarea,
.login-area .cart-content--threepl-supplier .cart-content__col .field textarea,
.cart-content--threepl-supplier .cart-content__col .field .login-area select,
.login-area .cart-content--threepl-supplier .cart-content__col .field select {
  height: 24px;
  width: 41px;
}

.threepl-product-form .input__text--uppercase .field .field__input, .threepl-product-form .input__text--uppercase .field .login-area input, .login-area .threepl-product-form .input__text--uppercase .field input,
.threepl-product-form .input__text--uppercase .field .login-area textarea,
.login-area .threepl-product-form .input__text--uppercase .field textarea,
.threepl-product-form .input__text--uppercase .field .login-area select,
.login-area .threepl-product-form .input__text--uppercase .field select {
  text-transform: uppercase;
}
.threepl-product-form .input__text--capitalize .field .field__input, .threepl-product-form .input__text--capitalize .field .login-area input, .login-area .threepl-product-form .input__text--capitalize .field input,
.threepl-product-form .input__text--capitalize .field .login-area textarea,
.login-area .threepl-product-form .input__text--capitalize .field textarea,
.threepl-product-form .input__text--capitalize .field .login-area select,
.login-area .threepl-product-form .input__text--capitalize .field select {
  text-transform: capitalize;
}

@media only screen and (max-width: 991px) {
  .add--customer--modal .field__input, .add--customer--modal .login-area input, .login-area .add--customer--modal input,
.add--customer--modal .login-area textarea,
.login-area .add--customer--modal textarea,
.add--customer--modal .login-area select,
.login-area .add--customer--modal select {
    font-size: 0.76em;
  }
  .add--customer--modal .custom--checkbox--switch .field__value {
    font-size: 0.675em;
  }
  .add--customer--modal .address--holder--customers .address-suggestions {
    top: auto;
  }

  .table-header-3pl .sort-box__item {
    min-width: 31%;
  }
}
.is3plCustomBar .customer-bar {
  background-color: #86c976;
}

.search--bar--button img {
  vertical-align: middle;
}
.search--bar--button span {
  color: #000;
  vertical-align: top;
  margin-left: 8px;
  text-transform: capitalize;
}

.checkout--switch-button {
  display: flex;
  margin-bottom: 15px;
}
.checkout--switch-button .button {
  flex: 1;
  font-size: 0.618em;
  font-family: "AvantGardeLTBold";
  border-radius: 0 4px 4px 0;
  text-transform: capitalize;
}
.checkout--switch-button .button:first-child {
  border-radius: 4px 0 0px 4px;
}

.pick-up-details {
  border-radius: 4px;
  padding: 20px;
  border: 1px solid #e1e1e1;
  font-size: 0.8em;
  font-family: "AvantGardeLTMedium";
  color: #000;
  opacity: 0.7;
}
.pick-up-details h4 {
  padding-bottom: 15px;
  font-size: 0.828em;
  font-family: "AvantGardeLTBold";
}
.pick-up-details p {
  font-size: 0.8em;
  font-family: "AvantGardeLTMedium";
  color: #000;
  opacity: 0.7;
}

.threepl-suplier-cart-content .cart-content__col:last-child {
  text-align: left;
}
.threepl-suplier-cart-content .cart-content__col .cart-list__value,
.threepl-suplier-cart-content .cart-content__col .cart-list__heading {
  display: inline-block;
}
.threepl-suplier-cart-content .cart-content__col .cart-list__value {
  margin-left: 15px;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}

@media only screen and (min-width: 992px) {
  .three-pl-decr-textarea .field__input, .three-pl-decr-textarea .login-area input, .login-area .three-pl-decr-textarea input,
.three-pl-decr-textarea .login-area textarea,
.login-area .three-pl-decr-textarea textarea,
.three-pl-decr-textarea .login-area select,
.login-area .three-pl-decr-textarea select {
    height: 180px;
  }

  .threepl-note-textarea .field__input, .threepl-note-textarea .login-area input, .login-area .threepl-note-textarea input,
.threepl-note-textarea .login-area textarea,
.login-area .threepl-note-textarea textarea,
.threepl-note-textarea .login-area select,
.login-area .threepl-note-textarea select {
    height: 104px;
  }
}
.threepl-product-maintenance-bottom {
  text-align: right;
}
.threepl-product-maintenance-bottom .button {
  margin-left: 15px;
  padding: 10px 20px;
}
@media only screen and (min-width: 992px) {
  .threepl-product-maintenance-bottom .button {
    min-width: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .table-header-3pl .tab--holder--3pl {
    padding: 0 3px 2px;
  }
  .table-header-3pl .tab--holder--3pl .button--text {
    font-size: 12px;
  }

  .hide-header .rt-thead {
    display: none !important;
    visibility: hidden !important;
  }

  .remove-margin {
    margin: 0;
  }

  .react-table.react-table-threepl-responsive .rt-thead {
    padding: 3px 0;
    background-color: #2d2b73;
  }
  .react-table.react-table-threepl-responsive .rt-thead .react-table__heading {
    color: #fff;
  }
  .react-table.react-table-threepl-responsive .product-form {
    margin-top: 20px;
  }
  .react-table.react-table-threepl-responsive .product-form__item + .product-form__item {
    border-top: none;
  }

  .react-table-switch .threepl-button {
    width: 50px;
  }

  .table-header-3pl .tab--holder--3pl {
    width: 100%;
  }
  .table-header-3pl .tab--holder--3pl .button--outline {
    width: 46%;
    margin-left: 7px;
    display: inline-block;
    margin-right: 6px;
  }

  .table-header-according-nd.table-header-3pl {
    margin: 0;
  }
  .table-header-according-nd.table-header-3pl .pricing--tab--mobile {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    margin: 5px 0px;
    padding: 12px 13px;
    overflow: hidden;
  }
  .table-header-according-nd.table-header-3pl .sort-box {
    display: block;
  }
  .table-header-according-nd.table-header-3pl .sort-box .sort-box__item {
    width: 46%;
    display: inline-block;
    margin-right: 12px;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .table-header-according-nd.table-header-3pl .sort-box .sort-box__item.sort-box__item--pm {
    width: 100%;
  }
  .threepl-product-maintenance-form .product-form__price {
    padding: 0px 9px 0;
  }

  .react-table-order-header {
    /*Adding this class(sort-update) due to alignment issue in (At Risk Stock) */
  }
  .react-table-order-header .sort-update {
    display: flex !important;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .react-table-order-header .sort-box {
    display: block;
  }
  .react-table-order-header .sort-box__item {
    width: 33%;
    margin-left: 0;
    display: inline-block;
  }
  .react-table-order-header .sort-box__item .field__text {
    display: none;
  }

  .react-table-order-header--mobile.react-table-order-header.order-template-header .react-datepicker-popper {
    left: -48px !important;
  }
  .react-table-order-header--mobile.react-table-order-header.order-template-header .filter-list__item {
    max-height: 30px;
  }
  .react-table-order-header--mobile.react-table-order-header.order-template-header .filters--holder .panel-collapse .filter-list .filter-list__link {
    margin-bottom: 0px;
  }
  .react-table-order-header--mobile.react-table-order-header.order-template-header .sort-box__item {
    width: 47%;
    margin-left: 5px;
    margin-bottom: 0px;
  }
  .react-table-order-header--mobile.react-table-order-header.order-template-header .filters--holder {
    margin-left: 5px;
    width: 47%;
    margin-top: 9px;
    display: inline-block;
  }
  .react-table-order-header--mobile.react-table-order-header.order-template-header .filters--holder .multi-select-bottom button {
    padding: 0.463rem 0.675rem;
    font-size: 0.725em;
  }
  .react-table-order-header--mobile.react-table-order-header.order-template-header .filters--holder .sidebar__collapse {
    padding: 8px;
    font-size: 0.75em;
    min-width: 153px;
  }
  .react-table-order-header--mobile.react-table-order-header.order-template-header .filters--holder .filter-list__link {
    font-size: 0.65em;
  }
  .react-table-order-header--mobile.react-table-order-header.order-template-header .filters--holder .filter-list__link::before {
    margin-right: 8px;
  }

  .react-table-order-header.order-template-header .filters--holder {
    margin-left: 0;
    margin-top: 15px;
  }

  .threepl-product-form .field--select .field__input,
.threepl-product-form .field__input,
.threepl-product-form .login-area input,
.login-area .threepl-product-form input,
.threepl-product-form .login-area textarea,
.login-area .threepl-product-form textarea,
.threepl-product-form .login-area select,
.login-area .threepl-product-form select {
    font-size: 0.7rem;
  }

  .three-credit-account-list .ca-tabs .ca-tabs-nav {
    border-bottom: 1px solid #f4f4f4;
  }
  .three-credit-account-list .ca-tabs .ca-tabs-nav li a {
    font-size: 12px;
  }
  .three-credit-account-list .credit-account-header .ca-tab-right {
    display: flex;
    justify-content: center;
    margin-top: 9px;
  }
  .three-credit-account-list .react-table-order-header.table-header-3pl .sort-box__item {
    width: 47.5% !important;
    margin-left: 6px;
  }
  .three-credit-account-list .react-table-order-header.table-header-3pl .tab--holder--3pl {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 10px;
  }
  .three-credit-account-list .react-table-order-header.table-header-3pl .tab--holder--3pl .button--outline {
    width: 46%;
    margin-left: 7px;
    display: inline-block;
    margin-right: 6px;
  }
}
.threepl-dropzone .upload-photo {
  cursor: pointer;
  background: #fbfbfb;
  border: 2px dashed #c8c8c8;
}
.threepl-dropzone .upload-photo.field--alert {
  border-color: #c84c4c;
  color: #c84c4c;
}

.table-note .table-note_text {
  padding: 0 15px;
  color: #ff4a4a;
  font-weight: 700;
  font-size: 0.825em;
  text-align: center;
  display: inline-block;
  margin-top: 10px;
}
@media only screen and (max-width: 991px) {
  .table-note .table-note_text {
    font-size: 0.675em;
  }
}
.table-note .table-note_text_bottom {
  padding: 0 15px;
  color: #ff4a4a;
  font-weight: 700;
  font-size: 0.825em;
  text-align: center;
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .table-note .table-note_text_bottom {
    font-size: 0.675em;
  }
}

.react-table-asn .rt-table {
  max-height: 375px;
  overflow: auto;
}
.react-table-asn .rt-table .rt-thead {
  padding-right: 15px;
}

.threepl-asn-form .field--select .field__input,
.threepl-asn-form .field__input,
.threepl-asn-form .login-area input,
.login-area .threepl-asn-form input,
.threepl-asn-form .login-area textarea,
.login-area .threepl-asn-form textarea,
.threepl-asn-form .login-area select,
.login-area .threepl-asn-form select {
  font-size: 0.7rem;
}
.threepl-asn-form .container-box__heading {
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
}
.threepl-asn-form .asn__row--heading {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #2d2b73;
}
.threepl-asn-form .asn__row--description {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: #000000;
}
.threepl-asn-form .asn__note {
  background: #d9edf7;
  margin: 0;
}
.threepl-asn-form .asn__note .asn__note--text {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #ff4a4a;
  padding: 15px;
}
.threepl-asn-form .asn__radio--label {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
}
.threepl-asn-form .asn__disclaimer {
  border-bottom: 1px solid #dddddd;
}
.threepl-asn-form .asn__disclaimer p {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
}
.threepl-asn-form .asn__disclaimer ol li {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
.threepl-asn-form .asn__button--container .asn__button--group {
  text-align: right;
  padding: 0px;
}
@media only screen and (max-width: 991px) {
  .threepl-asn-form .asn__button--container .asn__button--group {
    text-align: center;
    padding: 0px 20px;
  }
}
.threepl-asn-form .asn__button--container .asn__button--group .asn__button--content {
  margin-right: 1rem;
}
@media only screen and (max-width: 991px) {
  .threepl-asn-form .asn__button--container .asn__button--group .asn__button--content {
    margin-bottom: 0.8rem;
    display: block;
    width: 100%;
  }
}
.threepl-asn-form .asn__button--container .asn__button--group .asn__footer--delete {
  float: left;
}
@media only screen and (max-width: 767px) {
  .threepl-asn-form .asn__button--container .asn__button--group .asn__footer--delete {
    margin-bottom: 10px;
  }
}
.threepl-asn-form .asn__button--container .asn__button--group .asn__footer--button {
  width: 200px;
  height: 50px;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .threepl-asn-form .asn__button--container .asn__button--group .asn__footer--button {
    width: 100%;
    height: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .cart-menu__item {
    min-width: 55px;
  }
}
.search-customer-modal .react-select__value-container {
  display: inline-block;
  width: 80%;
  line-height: 15px;
  margin: 15px 0 0;
}
.search-customer-modal .react-select__single-value {
  overflow: hidden;
}

@media only screen and (min-width: 992px) {
  .sales-by-product-report .sort-box__item {
    min-width: 195px;
  }
  .sales-by-product-report .search-input {
    min-width: 205px;
  }
  .sales-by-product-report .hr-margin {
    margin: 25px 0;
  }
}
@media only screen and (max-width: 991px) {
  .sales-by-product-report .sort-box__item .full__width--field div {
    width: 100%;
  }
  .sales-by-product-report .hr-margin {
    margin: 10px 0;
  }
}

.my-orders-report .cursor-pointer {
  cursor: pointer;
}

@media only screen and (max-width: 991px) {
  .at--risk--stock .search-input {
    min-width: 100%;
    margin: 0;
  }
  .at--risk--stock .filters--holder {
    margin: 0;
  }
}

.order-expanded-list .rt-tr .rt-th:first-child {
  display: none;
}

.asn-search-main {
  padding-top: 20px;
}
.asn-search-main .main-search-input {
  padding: 30px 0 0;
  border-top: 1px solid #e1e1e1;
}
.asn-search-main .main-search-input + .quote-inputs {
  border-top: 1px solid #e1e1e1;
}
.asn-search-main .main-search-input .field {
  margin-bottom: 30px;
}
.asn-search-main .main-search-input .input-group {
  margin-bottom: 30px;
}
.asn-search-main .main-search-input .input-group .field {
  margin-bottom: 0;
  flex: 0 0 100%;
}
.asn-search-main .main-search-input .input-group .field .field__input, .asn-search-main .main-search-input .input-group .field .login-area input, .login-area .asn-search-main .main-search-input .input-group .field input,
.asn-search-main .main-search-input .input-group .field .login-area textarea,
.login-area .asn-search-main .main-search-input .input-group .field textarea,
.asn-search-main .main-search-input .input-group .field .login-area select,
.login-area .asn-search-main .main-search-input .input-group .field select {
  margin-left: 25px;
}
.asn-search-main .main-search-input .btn-search {
  position: absolute;
  right: auto;
  top: 1.5px;
  left: 0;
  z-index: 1;
  bottom: 1px;
}
.asn-search-main .main-search-input .btn-search .btn {
  background: transparent;
}
.asn-search-main .main-search-input .btn-search .btn:hover {
  background: #f2f2f2;
}
.asn-search-main .main-search-input .btn-clear {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
}
.asn-search-main .main-search-input .btn-clear .btn {
  background: transparent;
  font-size: 13px;
}
.asn-search-main .main-search-input .btn-clear .btn:hover {
  background: #f2f2f2;
}

.asn-table__listing .field-input__text {
  padding: 14px 8px 0 0;
  text-transform: uppercase;
  font-size: 0.625em;
  color: #7d7d7d;
  font-family: "AvantGardeLTBold";
}

.asn-table__body .asn-edit__button {
  padding: 0.5rem 1.075rem;
}

.edit-modal__content {
  line-height: 1.5rem !important;
}

.suggestion-item {
  padding: 15px;
  color: inherit;
  background-color: inherit;
  zoom: unset;
  cursor: pointer;
}

.suggestion-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.suggestion-item--active {
  background-color: #2d2b73;
}

.address-suggestions {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  max-height: 150px;
  overflow-y: auto;
}

.address--checker-minheight {
  min-height: 350px;
}

.new-address-block {
  outline: 1px solid #e1e1e1 !important;
  padding: 15px;
}

.left-image-count {
  font-style: normal;
  position: absolute;
  z-index: 1;
  left: 41%;
  top: 4%;
  font-weight: 100;
  color: #e1e1e1;
  font-size: 100px;
}

.left-image-block .custom-padding {
  padding: 0px 4.5rem;
}

.left-image-block .text-box {
  font-size: 15px;
  letter-spacing: 1px;
}

@media only screen and (max-width: 991px) {
  .left-image-block .custom-padding {
    padding: 1.5rem;
  }

  .md-order-2 {
    order: 2;
  }
}
.form-builder-text-area textarea {
  height: 135px;
  max-width: 550px;
  max-height: 135px;
  border: 1px solid #c0c0c0;
  margin-top: 0.75rem;
  background: #ffffff;
  /* Grey */
  border: 1px solid #c0c0c0;
  box-sizing: border-box;
  border-radius: 3px;
}

.form-builder-text-area label {
  font-size: 0.875em;
  font-family: "AvantGardeLTMedium";
  margin-bottom: 15px;
}

.loyality-survey-popup .modal__content {
  padding: 0px;
}

.loyality-survey-popup .modal__content img {
  width: 100%;
  height: 325px;
}

.loyality-survey-popup .modal__content img.cross {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.loyality-survey-popup .modal__content button.button {
  margin-top: 0.8rem;
}

.loyality-survey-popup .modal__content button.button span {
  margin: 0px 20px;
}

.loyality-survey-popup .modal__content .heading {
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  line-height: 150%;
}

.loyality-survey-popup .modal__content .description-wrapper {
  padding: 0px 25px;
}

.hide-visibility {
  visibility: hidden;
}

.progress--bar--customer .progress-bar {
  background-color: #2d2b73 !important;
}

.icon-chevron-right::before {
  content: "\e91e";
  transform: rotate(180deg);
  display: inline-block;
}

.form--builder--button {
  min-width: 100px;
  min-height: 40px;
}

.form-builder--upload-file .upload-thumbs__thumbnail {
  background-size: cover;
}

.form-builder--upload-file .dz-remove {
  background-color: #ffffff;
  color: #2d2b73;
}

.form-builder--upload-file {
  cursor: pointer;
}

.dropzone.form-builder--upload-file.alert-text {
  border: 1px solid #c84c4c !important;
}

.dropzone.form-builder--upload-file.alert-text .upload-photo__heading {
  color: #c84c4c !important;
}

.dropzone.form-builder--upload-file.alert-text .upload-photo__subheading {
  color: #c84c4c !important;
}

.form-builder--radio .field--alert::before {
  box-shadow: 0px 0px 0px 1px #c84c4c inset, 0px 0px 0px 4px white inset;
}

.form-builder--radio .field--alert .field__value {
  color: #c84c4c;
}

.form-builder--radio {
  padding: 2rem 0rem;
}

.form-builder--radio .label {
  display: block;
  padding-bottom: 0.7rem;
}

.form-builder--radio .field--checked::before {
  box-shadow: 0 0 0 1px #2d2b73 inset, 0 0 0 6px #2d2b73 inset;
  background-color: white;
}

.form-builder--checkbox.field--checkbox::before, .login-area input.form-builder--checkbox[type=checkbox]::before {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 9px;
  min-width: 20px;
}

.form-builder--checkbox.field--checkbox.field--checked::before, .login-area input.form-builder--checkbox.field--checked[type=checkbox]::before {
  color: white;
  content: "\e900";
  background: #2d2b73;
  box-shadow: 0 0 0 0px #e1e1e1 inset, 0 0 0 0px white inset;
}

.multi-checkbox {
  padding-bottom: 0px;
}

.form-builder--wrapper .field__value {
  font-family: "AvantGardeLTBook";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.02em;
}

.form-builder--multicheckbox .form-builder--multicheckbox-label {
  font-family: "AvantGardeLTMedium";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 160%;
  letter-spacing: 0.02em;
  margin-top: 20px;
}

.form-builder-page-title--wrapper {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .form-builder-page-title--wrapper {
    margin-top: 30px;
  }
}

.form--builder-screen--wrapper {
  border: none;
  box-shadow: none;
  padding: 0px;
}
.form--builder-screen--wrapper .custom--margin {
  margin-top: 0px;
  margin-bottom: -4px;
}
.form--builder-screen--wrapper section.section img {
  min-height: 500px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .form--builder-screen--wrapper section.section img {
    min-height: auto;
  }
}
@media only screen and (max-width: 991px) {
  .form--builder-screen--wrapper section.section .block--padding {
    padding: 0rem 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .form--builder-screen--wrapper section.section .block--padding {
    padding: 0px 0.75rem;
  }
}

.modal-open--pre .modal#marketing-survey-modal {
  overflow-y: scroll;
}

.modal-open--pre .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

#marketing-survey-modal .modal__content {
  height: auto;
  padding-top: 0;
}
#marketing-survey-modal .modal__content .form--builder-screen--wrapper .custom--margin {
  margin-top: 30px;
}
#marketing-survey-modal .form-builder-text-area textarea {
  height: 135px;
  min-width: 100%;
}

.marketing-survery-form-wrapper {
  padding-top: 30px;
}
.marketing-survery-form-wrapper .form-builder-section--heading {
  padding: 0;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
  margin-left: -50px;
  margin-right: -50px;
  padding-left: 50px;
}
.marketing-survery-form-wrapper .form-builder-section--heading p {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
@media only screen and (max-width: 767px) {
  .marketing-survery-form-wrapper .form-builder-section--heading {
    font-size: 0.77em;
  }
}
@media only screen and (max-width: 767px) {
  .marketing-survery-form-wrapper .form-builder-section--heading .modal__close {
    margin-top: 30px;
  }
}
.marketing-survery-form-wrapper .form-builder--radio {
  padding: 1.5rem 0rem 0rem 0rem;
}
.marketing-survery-form-wrapper .form-builder--radio .label {
  padding-bottom: 0;
}
.marketing-survery-form-wrapper .form-builder--multicheckbox {
  padding: 1.5rem 0rem 0rem 0rem;
}
.marketing-survery-form-wrapper .form-builder-text-area {
  padding: 1.5rem 0rem 0rem 0rem;
}
.marketing-survery-form-wrapper .field--label {
  font-family: "AvantGardeLTMedium";
}
.marketing-survery-form-wrapper .field--label p:nth-child(1) {
  font-size: 18px;
  line-height: 160%;
  letter-spacing: 0.02em;
  margin-bottom: 5px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .marketing-survery-form-wrapper .field--label p:nth-child(1) {
    font-size: 14px;
  }
}
.marketing-survery-form-wrapper .field--label p:nth-child(2) {
  font-size: 12px;
}
.marketing-survery-form-wrapper .modal__helper {
  padding: 1.875rem 0rem 1.875rem 0.625rem;
}

@media only screen and (max-width: 991px) {
  .paroller {
    background-position: center center !important;
    transform: none !important;
  }
}

.features-list {
  text-align: center;
}
.features-list__title {
  display: block;
  margin: 1.25rem 0 1.25rem 0;
  color: black;
  line-height: 120%;
  font-size: 0.875em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .features-list__title {
    font-size: 1em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
    margin: 30px 0 30px 0;
  }
}
.features-list__info {
  display: block;
  color: #585858;
  margin: 1.25rem 0;
}
.features-list__header {
  overflow: hidden;
  margin: 0 0 1.25rem 0;
}
.features-list__photo {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 0.938rem;
  max-width: none;
}
@media only screen and (min-width: 992px) {
  .features-list__photo {
    padding: 0 30px;
  }
}
.features-list__photo img {
  height: 35px;
}

.feature-item {
  position: relative;
  margin-bottom: 15px;
  display: block;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .feature-item {
    margin-bottom: 30px;
  }
  .feature-item:hover .feature-item--thumb, .feature-item:focus .feature-item--thumb {
    transform: scale(1.1);
  }
  .feature-item:hover .feature-item--title, .feature-item:focus .feature-item--title {
    background: rgba(45, 43, 115, 0.95);
  }
}
.feature-item--thumb {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding-bottom: 90%;
  transition: 0.2s 0s;
}
.feature-item--title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 5px;
  color: #fff;
  background: rgba(45, 43, 115, 0.9);
  text-align: center;
  line-height: 120%;
  letter-spacing: 0.05em;
  font-size: 0.875em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .feature-item--title {
    font-size: 1em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
@media only screen and (min-width: 992px) {
  .feature-item--title {
    padding: 10px;
    font-size: 1.125em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}

.banner {
  position: relative;
  z-index: 1;
  margin-top: -66px !important;
  padding: 0 0 4.688rem 0 !important;
  background: white;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .banner {
    margin-top: -5.875rem !important;
    padding: 24.625rem 0 18.75rem 0 !important;
  }
}
.banner__title {
  display: block;
  margin: 0 0 1.563rem 0;
  line-height: 120%;
  font-size: 1.688em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .banner__title {
    margin: 0 0 2.5rem 0;
    font-size: 2.5em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
  }
}
@media only screen and (min-width: 1200px) {
  .banner__title {
    font-size: 3.125em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
  }
}

.supplier-report-banner {
  min-height: 90px !important;
}
@media only screen and (min-width: 992px) {
  .supplier-report-banner {
    margin: 2rem 0px;
  }
}

.faqs-list {
  list-style: none;
}
.faqs-list__item {
  position: relative;
  z-index: 1;
  margin: 0 0 0.938rem 0;
  padding: 0.938rem;
  border: 2px solid transparent;
  background: rgba(247, 247, 247, 0.8);
}
@media only screen and (min-width: 992px) {
  .faqs-list__item {
    margin: 0 0 1.25rem 0;
    padding: 2.188rem 2.5rem;
  }
}
.faqs-list__item:last-child {
  margin-bottom: 0;
}
.faqs-list__link {
  display: block;
  padding: 0 1.875rem 0 0;
  color: #2d2b73;
  line-height: 120%;
  font-size: 1.125em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .faqs-list__link {
    font-size: 1.25em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
  }
}
@media only screen and (min-width: 992px) {
  .faqs-list__link {
    transition: 0.2s all;
  }
}
.faqs-list__link:before {
  display: block;
  float: right;
  margin-right: -1.875rem;
  width: 0.75rem;
  height: 0.75rem;
  border-width: 1px 1px 0 0;
  border-style: solid;
  content: "";
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
@media only screen and (max-width: 991px) {
  .faqs-list__link:before {
    margin-top: 0.313rem;
  }
}
@media only screen and (min-width: 992px) {
  .faqs-list__link:before {
    width: 1.125rem;
    height: 1.125rem;
    transition: 0.3s 0s;
  }
}
.faqs-list__link:after {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  background: #f7f7f7;
  content: "" !important;
  opacity: 1;
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  .faqs-list__link:after {
    transition: 0.3s 0s;
  }
}
.faqs-list__link.collapsed:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.faqs-list__link.collapsed:after {
  opacity: 0;
}
.faqs-list__content {
  padding: 1.25rem 0;
}
@media only screen and (min-width: 992px) {
  .faqs-list__content {
    padding: 3.125rem 0 1.25rem 0;
  }
}
@media only screen and (min-width: 992px) {
  .faqs-list__content .text-box {
    padding: 0 0 0 7.5rem;
    max-width: 56.25rem;
    border-left: 3px solid #2d2b73;
  }
}

.arrow {
  font-size: 1em;
  display: inline-block;
  animation: arrow 2s infinite;
  padding: 20px 35px;
}
@media only screen and (min-width: 992px) {
  .arrow {
    font-size: 1.375em;
    padding: 30px 50px;
  }
}

@keyframes arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.arrow-box {
  position: absolute;
  width: 100%;
  bottom: 2rem;
  left: 0;
}
@media only screen and (min-width: 992px) {
  .arrow-box {
    bottom: 3.125rem;
  }
}

@media only screen and (max-width: 767px) {
  .signup-form button {
    margin: 0 auto;
    display: block;
  }
}

.product-grid {
  overflow: hidden;
  margin: 0 -1px;
  padding: 0 0 1px 0;
}
@media only screen and (max-width: 767px) {
  .product-grid.xs-1 .product-grid__item {
    width: 100%;
  }
  .product-grid.xs-2 .product-grid__item {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .product-grid.sm-1 .product-grid__item {
    width: 100%;
  }
  .product-grid.sm-2 .product-grid__item {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .product-grid.md-2 .product-grid__item {
    width: 50%;
  }
  .product-grid.md-3 .product-grid__item {
    width: 33.33%;
  }
}
@media only screen and (min-width: 1200px) {
  .product-grid.lg-2 .product-grid__item {
    width: 50%;
  }
  .product-grid.lg-3 .product-grid__item {
    width: 33.33%;
  }
}
@media only screen and (min-width: 1600px) {
  .product-grid.xl-3 .product-grid__item {
    width: 33.33%;
  }
  .product-grid.xl-4 .product-grid__item {
    width: 25%;
  }
}
.product-grid__item {
  position: relative;
  float: left;
  box-sizing: border-box;
  padding: 5px 5px 10px 5px;
  background: white;
  box-shadow: 1px 0 0 0 #e1e1e1, 0 1px 0 0 #e1e1e1, 1px 1px 0 0 #e1e1e1, 1px 0 0 0 #e1e1e1 inset, 0 1px 0 0 #e1e1e1 inset;
  color: #363636;
  text-align: left;
}
@media only screen and (min-width: 992px) {
  .product-grid__item {
    padding: 10px 20px 20px 20px;
  }
}
.product-grid__link {
  position: relative;
  display: block;
  overflow: hidden;
  color: inherit;
  transition: 0.2s 0s;
}
.product-grid__link:after {
  display: block;
  clear: both;
  content: "";
}
.product-grid__badge {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 30px;
  background: #489d4e;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  color: white;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
  transform: translate(-45%, 25%) rotate(-45deg) translateY(10px);
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .product-grid__badge {
    transform: translate(-50%, 25%) rotate(-45deg) translateY(5px);
  }
}
.product-grid__badge--special {
  background: #6f080e;
}
.product-grid__badge--scrollable-item {
  left: 20px;
}
.product-grid__photo {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 20px;
}
.product-grid__photo img {
  height: 150px !important;
}
@media only screen and (min-width: 768px) {
  .product-grid__photo img {
    height: 200px !important;
  }
}
.product-grid__photo--rewards {
  margin-bottom: 0;
  overflow: unset;
}
.product-grid__photo--rewards img {
  object-fit: cover;
  width: 100%;
}
.product-grid__points {
  padding: 8px 15px;
  border-radius: 4px;
  background-color: #1198dc;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  text-align: center;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 1200px) {
  .product-grid__points {
    font-size: 0.875em;
    font-family: "AvantGardeLTBold";
  }
}
.product-grid__points-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 5%;
  right: 5%;
}
@media only screen and (min-width: 992px) {
  .product-grid__points-wrapper {
    top: 0;
    right: 0;
  }
}
.product-grid__points-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  border-radius: 2px;
  padding: 8px;
  margin-bottom: 5px;
}
.product-grid__points-block--paramount {
  background: #1198dc;
}
.product-grid__points-block--bonus {
  background: #eb6e2c;
  min-height: 60px;
}
.product-grid__points-block--deal {
  background: #ee3273;
  cursor: pointer;
  text-transform: uppercase;
}
.product-grid__points-block--deal img {
  height: auto !important;
}
.product-grid__points-block--deal:hover {
  background: #ec1a63;
}
.product-grid__points-text {
  margin: 0 0 2px;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .product-grid__points-text {
    font-size: 0.688em;
    font-family: "AvantGardeLTBold";
  }
}
.product-grid__supplier-points {
  color: #fee943;
  font-size: 1.125em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .product-grid__supplier-points {
    font-size: 1.175em;
    font-family: "AvantGardeLTMedium";
  }
}
.product-grid__paramount-points {
  font-size: 1em;
  font-family: "AvantGardeLTMedium";
  letter-spacing: 0.025em;
}
@media only screen and (min-width: 992px) {
  .product-grid__paramount-points {
    font-size: 1.25em;
    font-family: "AvantGardeLTMedium";
  }
}
.product-grid__bonus-points {
  font-size: 1em;
  font-family: "AvantGardeLTBook";
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 992px) {
  .product-grid__bonus-points {
    font-size: 1.125em;
    font-family: "AvantGardeLTBook";
  }
}
.product-grid__header {
  margin: 0 0 5px 0;
  border-bottom: 1px solid #e1e1e1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.product-grid__sku {
  float: right;
  padding: 0 0 5px 0;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-size: 0.563em;
  font-family: "AvantGardeLTMedium";
}
.product-grid__qty {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 0 1px;
  height: 32px;
  border: none;
  background: #e1e1e1;
  color: black;
  vertical-align: middle;
  text-align: center;
  min-width: 25px;
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .product-grid__qty {
    min-width: 31px;
  }
}
.product-grid__soh {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 0 1px;
  height: 32px;
  border: none;
  background: #e1e1e1;
  color: black;
  vertical-align: middle;
  text-align: center;
  min-width: 25px;
  background-color: rgba(113, 167, 94, 0.2);
  font-size: 0.688em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .product-grid__soh {
    min-width: 31px;
  }
}
.product-grid__alert-text {
  background: rgba(255, 74, 74, 0.1);
  padding: 9px 0;
  color: #ff4a4a;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 0 0px;
  height: 32px;
  border: none;
  min-width: 243px;
  vertical-align: middle;
  text-align: center;
  font-size: 0.688em;
  font-family: "AvantGardeLTBook";
}
.product-grid__alert-text .product--qty--eta {
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .product-grid__alert-text .product--qty--eta {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1599px) {
  .product-grid__alert-text {
    min-width: 246px;
  }
}
@media only screen and (max-width: 991px) {
  .product-grid__alert-text {
    font-size: 0.643em;
    min-width: 235px;
  }
}
.product-grid__qty-label {
  position: absolute;
  top: 1px;
  left: 1px;
  opacity: 0.7;
  font-size: 0.825em;
  font-family: "AvantGardeLTMedium";
}
.product-grid__qty-label-number {
  margin-top: 5px;
}
.product-grid__soh-label {
  position: absolute;
  top: 1px;
  left: 1px;
  opacity: 0.7;
  font-size: 0.825em;
  font-family: "AvantGardeLTMedium";
}
.product-grid__soh-text {
  margin-top: 2px;
}
.product-grid__soh-label-number {
  margin-top: 5px;
}
.product-grid__content {
  margin: 0 auto;
  text-align: center;
}
.product-grid__content--detailed {
  box-sizing: content-box;
  padding: 0 10px;
  max-width: 300px;
  height: auto;
  text-align: left;
}
.product-grid__content--rewards {
  padding: 36px 15px 32px;
  background-color: #fff;
}
.product-grid__heading {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 140%;
  font-size: 0.563em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .product-grid__heading {
    height: 12px;
  }
}
.product-grid__title {
  display: block;
  overflow: hidden;
  height: 25px;
  color: inherit;
  line-height: 120%;
  font-size: 0.625em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 992px) {
  .product-grid__title {
    height: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  .product-grid__title {
    line-height: 140%;
    font-size: 0.75em;
    font-family: "AvantGardeLTBold";
  }
}
.product-grid__rewards-title {
  margin-bottom: 15px;
  font-size: 0.75em;
  font-family: "AvantGardeLTBold";
}
@media only screen and (min-width: 1200px) {
  .product-grid__rewards-title {
    font-size: 0.875em;
    font-family: "AvantGardeLTBold";
  }
}
.product-grid__scrollable-item {
  position: relative;
  background-color: #fff;
  margin: 0 20px;
  padding-bottom: 25px;
  overflow: hidden;
}

.product-grid-extra {
  margin-bottom: 10px;
}
.product-grid-extra:last-child {
  margin-bottom: 0;
}
.product-grid-extra__info {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 5px;
  vertical-align: middle;
  border: 1px solid transparent;
  font-size: 0.625em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (min-width: 992px) {
  .product-grid-extra__info {
    font-size: 0.688em;
    font-family: "AvantGardeLTMedium";
  }
}
.product-grid-extra__info:last-child {
  margin: 0;
}
.product-grid-extra__info--cart {
  background: #001e3d;
  border-color: #001e3d;
  color: white;
}
.product-grid-extra__info--back-order {
  background: white;
  border-color: #929ca5;
  color: #001e3d;
}

.react-table-grid--with--alert .product-grid__sku {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1320px) {
  .product-grid__alert-text {
    min-width: 195px;
    font-size: 0.588em;
  }
}
.shape {
  transition: all 1s ease-in-out;
  pointer-events: none;
  z-index: 1;
  position: absolute;
}
.shape--yellow {
  width: 16.875rem;
  height: 15rem;
  bottom: 56%;
  left: 50%;
}
@media only screen and (min-width: 768px) {
  .shape--yellow {
    bottom: -3.125rem;
    left: 5%;
  }
}
@media only screen and (min-width: 992px) {
  .shape--yellow {
    width: 19.875rem;
    height: 19rem;
    bottom: 10%;
    left: 1%;
  }
}
@media only screen and (min-width: 1200px) {
  .shape--yellow {
    width: 24.75rem;
    height: 23.375rem;
    bottom: 1.875rem;
    left: 14%;
  }
}
.shape--yellow-left {
  opacity: 0.75;
  bottom: auto;
  top: 0;
  left: -5%;
}
@media only screen and (min-width: 768px) {
  .shape--yellow-left {
    left: -5%;
    bottom: auto;
    top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .shape--yellow-left {
    left: -10%;
  }
}
.shape--big-yellow {
  width: 8.125rem;
  height: 7.625rem;
  opacity: 1;
  right: auto;
  top: 0;
  left: -10%;
}
@media only screen and (min-width: 768px) {
  .shape--big-yellow {
    width: 17.875rem;
    height: 18.75rem;
    opacity: 0.8;
    right: 0.938rem;
    top: 30%;
    left: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .shape--big-yellow {
    width: 40.125rem;
    height: 41.125rem;
    top: 35%;
  }
}
.shape--big-green {
  width: 41.875rem;
  height: 37.5rem;
  opacity: 0.6;
  top: -30%;
  left: -135%;
}
@media only screen and (min-width: 768px) {
  .shape--big-green {
    width: 17.875rem;
    height: 18.75rem;
    top: -25%;
    left: -35%;
  }
}
@media only screen and (min-width: 992px) {
  .shape--big-green {
    width: 35rem;
    height: 34rem;
    top: 10%;
    left: -25%;
  }
}
@media only screen and (min-width: 1200px) {
  .shape--big-green {
    width: 47.625rem;
    height: 45.313rem;
    top: 10%;
    left: -33%;
  }
}
.shape--green {
  width: 27.25rem;
  height: 25.625rem;
  top: 25%;
  right: -45%;
  opacity: 0.65;
}
@media only screen and (min-width: 768px) {
  .shape--green {
    width: 20.25rem;
    height: 20.625rem;
    top: 45%;
    right: -15%;
  }
}
@media only screen and (min-width: 992px) {
  .shape--green {
    width: 30.25rem;
    height: 30.625rem;
    top: 40%;
    right: -10%;
  }
}
@media only screen and (min-width: 1200px) {
  .shape--green {
    width: 36.625rem;
    height: 38rem;
    top: 23%;
    right: -15%;
  }
}
@media only screen and (min-width: 1600px) {
  .shape--green {
    right: -10%;
  }
}
.shape--green-center {
  width: 27.25rem;
  height: 25.625rem;
  bottom: -5%;
  right: -45%;
  opacity: 0.65;
}
@media only screen and (min-width: 768px) {
  .shape--green-center {
    width: 20.375rem;
    height: 20.625rem;
    right: 30%;
  }
}
@media only screen and (min-width: 992px) {
  .shape--green-center {
    right: 20%;
    bottom: 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .shape--green-center {
    width: 26.625rem;
    height: 27.625rem;
    bottom: -8%;
    right: 27%;
  }
}
.shape--small-green {
  width: 27.25rem;
  height: 25.625rem;
  bottom: -5%;
  right: -45%;
  opacity: 0.6;
}
@media only screen and (min-width: 768px) {
  .shape--small-green {
    width: 20.375rem;
    height: 20.625rem;
    bottom: -7%;
    right: -15%;
  }
}
@media only screen and (min-width: 1200px) {
  .shape--small-green {
    width: 28.625rem;
    height: 31.25rem;
    bottom: -10%;
    right: -15%;
  }
}
.shape--green-blue {
  width: 15.625rem;
  height: 25rem;
  top: 5%;
  right: -45%;
  opacity: 0.47;
}
@media only screen and (min-width: 768px) {
  .shape--green-blue {
    width: 28.125rem;
    height: 30.625rem;
    top: 0%;
    right: -25%;
  }
}
@media only screen and (min-width: 1200px) {
  .shape--green-blue {
    width: 43.5rem;
    height: 48.625rem;
    top: 15%;
  }
}

.shapes-bg .shape {
  animation: blob-skew calc(var(--time, 30s) * 0.5) linear 0s infinite, blob-turn var(--time, 30s) linear infinite;
  transform-origin: center;
}
.shapes-bg .shape path {
  animation: blob-scale calc(var(--time, 50s) * 0.5) ease-in-out 0s infinite;
  transform-origin: center;
}
.shapes-bg__left {
  display: inline-block;
  float: left;
}
.shapes-bg__left .shape {
  width: 8.125rem;
  height: 7.625rem;
  opacity: 1;
  right: auto;
  top: 0;
  left: -10%;
}
@media only screen and (min-width: 768px) {
  .shapes-bg__left .shape {
    width: 17.813rem;
    height: 18.75rem;
    opacity: 0.8;
    right: 0.938rem;
    top: -20%;
  }
}
@media only screen and (min-width: 992px) {
  .shapes-bg__left .shape {
    width: 40rem;
    height: 37.5rem;
  }
}
.shapes-bg__right {
  display: inline-block;
  float: right;
}
.shapes-bg__right .shape {
  width: 15.625rem;
  height: 13.75rem;
  top: 25%;
  right: -15%;
}
@media only screen and (min-width: 768px) {
  .shapes-bg__right .shape {
    width: 21.563rem;
    height: 22rem;
    top: -45%;
    right: 15%;
  }
}
@media only screen and (min-width: 992px) {
  .shapes-bg__right .shape {
    width: 28.563rem;
    height: 25rem;
    top: 45%;
    right: 0;
  }
}

@keyframes blob-turn {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes blob-skew {
  0% {
    transform: skewY(0deg);
  }
  13% {
    transform: skewY(calc(1.8deg * var(--amount, 2)));
  }
  18% {
    transform: skewY(calc(2.2deg * var(--amount, 2)));
  }
  24% {
    transform: skewY(calc(2.48deg * var(--amount, 2)));
  }
  25% {
    transform: skewY(calc(2.5deg * var(--amount, 2)));
  }
  26% {
    transform: skewY(calc(2.48deg * var(--amount, 2)));
  }
  32% {
    transform: skewY(calc(2.2deg * var(--amount, 2)));
  }
  37% {
    transform: skewY(calc(1.8deg * var(--amount, 2)));
  }
  50% {
    transform: skewY(0deg);
  }
  63% {
    transform: skewY(calc(-1.8deg * var(--amount, 2)));
  }
  68% {
    transform: skewY(calc(-2.2deg * var(--amount, 2)));
  }
  74% {
    transform: skewY(calc(-2.48deg * var(--amount, 2)));
  }
  75% {
    transform: skewY(calc(-2.5deg * var(--amount, 2)));
  }
  76% {
    transform: skewY(calc(-2.48deg * var(--amount, 2)));
  }
  82% {
    transform: skewY(calc(-2.2deg * var(--amount, 2)));
  }
  87% {
    transform: skewY(calc(-1.8deg * var(--amount, 2)));
  }
  100% {
    transform: skewY(0deg);
  }
}
@keyframes blob-scale {
  0% {
    transform: scaleX(0.9) scaleY(1);
  }
  25% {
    transform: scaleX(0.9) scaleY(0.9);
  }
  50% {
    transform: scaleX(1) scaleY(0.9);
  }
  75% {
    transform: scaleX(0.9) scaleY(0.9);
  }
  100% {
    transform: scaleX(0.9) scaleY(1);
  }
}
.payment-icon-image {
  font-size: 18px;
  width: 18px;
  margin-left: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

.payment-poli {
  width: 66px;
}

.payment-zip {
  width: 44px;
}

.next-day-delivery-span {
  cursor: pointer;
}

.loyalty-box-block {
  background-color: #f9f9f9;
  padding: 100px 0px;
}
.loyalty-box-block .banner-sec {
  margin-bottom: 70px;
}
.loyalty-box-block .banner-sec p {
  margin-top: 15px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
}
.loyalty-box-block .seasonal-offer-banner {
  width: 100%;
  height: 450px;
}
.loyalty-box-block .p-30 {
  padding: 30px;
}
.loyalty-box-block .survey-banner {
  padding: 0px 15px;
  margin-bottom: 40px;
}
.loyalty-box-block .product-box {
  position: relative;
}
.loyalty-box-block .product-box:hover .product-image {
  opacity: 0.7;
}
.loyalty-box-block .product-box:hover .middle {
  opacity: 1;
}
.loyalty-box-block .product-image {
  opacity: 1;
  display: block;
  width: 100%;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.loyalty-box-block .middle {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.loyalty-box-block .product-button {
  background-color: #fff;
  color: black;
  padding: 10px 50px;
}
.loyalty-box-block .product-button:hover {
  background-color: white !important;
  color: black;
}
.loyalty-box-block .product-button:focus {
  background-color: white !important;
  color: black;
}
.loyalty-box-block .mb-20 {
  margin-bottom: 20px;
}
.loyalty-box-block .pad-50 {
  padding: 50px;
  background-color: white;
}
.loyalty-box-block .text-white {
  color: white;
}
.loyalty-box-block .loyalty-float-box {
  position: absolute;
  bottom: 21%;
  left: 20%;
}
.loyalty-box-block .loyalty-float-box .loyalty-survey-button {
  color: white;
  border: 2px solid white;
}
.loyalty-box-block .loyalty-float-box .loyalty-survey-button:hover {
  background-color: transparent !important;
}
.loyalty-box-block .loyalty-float-box .loyalty-survey-button:focus {
  background-color: transparent !important;
}

.loyalty-popup-container .product-grid--extended {
  max-width: 300px;
}
.loyalty-popup-container .product-grid__content--detailed {
  padding: 0px;
}
@media only screen and (max-width: 767px) {
  .loyalty-popup-container .tab-content {
    padding: 0px 0px 40px;
  }
}

.custom-select-dropdown {
  width: 100%;
}
.custom-select-dropdown .react-select {
  width: 100%;
}
.custom-select-dropdown .react-select__container {
  margin-bottom: 0px;
}
.custom-select-dropdown .react-select__container .react-select__value-container {
  padding: 10px 0px 0px 0px;
}
.custom-select-dropdown .react-select__container .react-select__menu {
  z-index: 9999;
}
.custom-select-dropdown .react-select__container .react-select__menu span {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #000000;
}
.custom-select-dropdown .react-select__container .react-select__option {
  font-style: normal;
  font-weight: normal;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #000000;
  background: transparent;
  padding: 12px;
  font-size: 1em;
  font-family: "AvantGardeLTMedium";
}
.custom-select-dropdown .react-select__control {
  border: none !important;
}
.custom-select-dropdown .react-select__control .react-select__clear-indicator {
  display: none;
}
.custom-select-dropdown .react-select__control .react-select__indicator-separator {
  display: none;
}
.custom-select-dropdown .react-select__control .react-select__single-value {
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #2d2b73;
  font-style: normal;
  font-weight: normal;
  font-family: "AvantGardeLTMedium";
}
.custom-select-dropdown .react-select__control .react-select__dropdown-indicator {
  padding: 0px 3px;
}
.custom-select-dropdown .react-select__control .react-select__dropdown-indicator svg {
  margin-top: 10px;
}
.custom-select-dropdown .react-select__menu {
  z-index: 9999;
}

.add-to-cart--button {
  font-size: 15px;
  line-height: 130%;
  font-family: "AvantGardeLTMedium";
  letter-spacing: 0.1em;
  margin-top: 15px;
}

.add-to-template--button {
  font-size: 15px;
  line-height: 130%;
  font-family: "AvantGardeLTMedium";
  letter-spacing: 0.1em;
}

.page--heading {
  margin: 50px 0 30px;
}
@media only screen and (max-width: 991px) {
  .page--heading {
    margin: 30px 0 20px;
  }
}

.p-0 {
  padding: 0;
}

@media only screen and (min-width: 992px) {
  .pl-4 {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .slick-dots li {
    width: 10px;
  }
  .slick-dots li button::before {
    width: 10px;
    height: 10px;
  }

  .pt-xs-3 {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 1600px) {
  .section--image--left .container {
    width: 1440px;
  }
}
.credits-accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #000;
}

.credits-accordion button:hover,
.credits-accordion button:focus {
  cursor: pointer;
  color: #000;
}

.credits-accordion button:hover::after,
.credits-accordion button:focus::after {
  cursor: pointer;
  color: #000;
  border: 1px solid #000;
}

.credits-accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
}

.credits-accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 40px;
  right: 0;
  width: 22px;
  height: 22px;
  /*border: 1px solid;
  border-radius: 22px;*/
}

.credits-accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}

.credits-accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}

.credits-accordion button[aria-expanded=true] {
  color: #000;
}

.credits-accordion button[aria-expanded=true] .icon::after {
  width: 0;
}

.credits-accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 15em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}

.credits-accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}

.credits-accordion .accordion-content p {
  padding: 15px 0px;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  font-weight: normal;
  line-height: 160%;
  letter-spacing: 0.02em;
}

.circular--list--holder.active {
  display: block !important;
}

.bg--holder--status--credit .card-image {
  display: none;
}

.bg--holder--status--credit .card-image.showImage {
  display: block;
}

#section1 .clip--one .item:after,
#section1 .clip--two .item:after,
#section1 .clip--three .item:after,
#section1 .clip--four .item:after {
  background: #cd7f32;
}

#section2 .clip--one .item:after,
#section2 .clip--two .item:after,
#section2 .clip--three .item:after,
#section2 .clip--four .item:after {
  background: #b3b3b3;
}

#section3 .clip--one .item:after,
#section3 .clip--two .item:after,
#section3 .clip--three .item:after,
#section3 .clip--four .item:after {
  background: #cab440;
}

#section4 .clip--one .item:after,
#section4 .clip--two .item:after,
#section4 .clip--three .item:after,
#section4 .clip--four .item:after {
  background: linear-gradient(180deg, #4c4c4c 0%, #000000 100%);
}

.bronze--holder .donut-chart .center {
  background: #f9f2ec;
}

.silver--holder .donut-chart .center {
  background: #f5f5f5;
}

.gold--holder .donut-chart .center {
  background: #fdfcf4;
}

.platinum--holder .donut-chart .center {
  background: #f5f5f5;
}

.platinum--holder,
.silver--holder {
  background: #f5f5f5;
}

.gold--holder {
  background: #fdfcf4;
}

.bronze--holder {
  background: #f9f2ec;
}

.circle-graph {
  position: relative;
  z-index: 999;
}

.block {
  border-radius: 5px;
  width: 350px;
}

.clip {
  border-radius: 50%;
  clip: rect(0px, 350px, 350px, 175px);
  height: 100%;
  position: absolute;
  width: 100%;
}

.item {
  border-radius: 50%;
  clip: rect(0px, 175px, 350px, 0px);
  height: 100%;
  position: absolute;
  width: 100%;
  font-family: monospace;
  font-size: 1.5rem;
}

.clip--one {
  transform: rotate(3deg);
}

.clip--one .item {
  background-color: #e1e1e1;
  transform: rotate(85deg);
  overflow: hidden;
}

.clip--one .item:after {
  clear: both;
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  background: #ccc;
  top: 0;
  height: 47%;
  /* clip: rect(0px, 149px, 299px, -11px); */
  /* transform: rotate(
  -43deg); */
  /* clip: rect(0px, 350px, 350px, 175px); */
  /* top: 42px; */
  clip: rect(15px, 90px, 323px, 0px);
}

.clip--two {
  transform: rotate(93deg);
}

.clip--two .item {
  background-color: #e1e1e1;
  transform: rotate(85deg);
}

.clip--three {
  transform: rotate(183deg);
}

.clip--three .item {
  background-color: #e1e1e1;
  transform: rotate(85deg);
}

.clip--four {
  transform: rotate(273deg);
}

.clip--four .item {
  background-color: #e1e1e1;
  transform: rotate(85deg);
}

.m-b-0 {
  margin-bottom: 0px;
}

.credits-desc {
  padding: 30px 0 0 0;
  width: 120px;
}

.sm-uppercase-text {
  font-size: 14px;
  text-transform: uppercase;
}

.position-absolute {
  position: absolute;
}

.sec-1-txt {
  transform: translate(100px, 7px) rotate(-3deg);
}

.sec-2-txt {
  transform: translate(110px, 19px) rotate(-92deg);
}

.sec-3-txt {
  transform: translate(120px, 19px) rotate(177deg);
}

.sec-4-txt {
  transform: translate(112px, 28px) rotate(85deg);
}

.content-bg {
  /*padding: 1px 140px 10px 140px; */
  background: #f0f0f0;
}

.white-bg {
  background: #fff;
}

.white-text {
  color: #fff;
}

.padding-0 {
  padding-right: 0;
  padding-left: 0;
}

.margin-bottom-35 {
  margin-bottom: 35px;
}

.padding-50 {
  padding: 0 50px;
}

.flex-direction-column {
  flex-direction: column;
}

.d-inline-block-pad {
  display: inline-block;
  padding: 10px 0px;
}

.icons-holder .icon {
  color: #2d2b73;
}

.icons-holder .svg-logo {
  vertical-align: middle;
  display: inline-block;
}

.logo-text {
  line-height: 25px;
  margin-left: 20px;
}

@keyframes growProgressBar {
  0%, 33% {
    --pgPercentage: 0;
  }
  100% {
    --pgPercentage: var(--value);
  }
}
@property --pgPercentage {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
.circular--list--holder div[role=progressbar] {
  --size: 22rem;
  --fg: var(--inicator);
  --bg: #e1e1e1;
  --tr: transparent;
  --pgPercentage: var(--value);
  animation: growProgressBar 2s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(closest-side, var(--color-bg) 72%, transparent 0 101%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--fg);
}
@media only screen and (max-width: 991px) {
  .circular--list--holder div[role=progressbar] {
    --size: 18rem;
  }
}
.circular--list--holder div[role=progressbar]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) "%";
  z-index: 999;
  display: none;
}
.circular--list--holder .bg--tranparent {
  position: relative;
}
.circular--list--holder .bg--tranparent span {
  font-size: 0.85em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 991px) {
  .circular--list--holder .bg--tranparent span {
    font-size: 0.75em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 600;
  }
}
.circular--list--holder .bg--tranparent span.active--current--level {
  font-weight: 700;
}
.circular--list--holder .bg--tranparent:after {
  position: absolute;
  left: 48%;
  right: 0;
  clear: both;
  display: block;
  top: 0;
  content: "";
  height: 100%;
  width: 15px;
  background: #f9f2ec;
}
.circular--list--holder .bg--tranparent:before {
  position: absolute;
  left: 0;
  right: 0;
  clear: both;
  display: block;
  top: 48%;
  bottom: 0;
  content: "";
  height: 15px;
  z-index: 999;
  width: 100%;
  background: #f9f2ec;
}
.circular--list--holder .bg--tranparent .sec-4-txt {
  transform: translate(112px, 28px) rotate(0deg);
  left: -85px;
  bottom: 32px;
  top: auto;
  right: auto;
}
@media only screen and (max-width: 991px) {
  .circular--list--holder .bg--tranparent .sec-4-txt {
    bottom: 50px;
    left: -109px;
  }
}
.circular--list--holder .bg--tranparent .sec-1-txt {
  transform: translate(112px, 28px) rotate(0deg);
  left: -130px;
  right: auto;
}
@media only screen and (max-width: 991px) {
  .circular--list--holder .bg--tranparent .sec-1-txt {
    left: -136px;
  }
}
.circular--list--holder .bg--tranparent .sec-2-txt {
  transform: translate(112px, 28px) rotate(0deg);
  margin: 0 0 0 20px;
  /*left: auto;*/
  /*right: 0;*/
}
@media only screen and (max-width: 991px) {
  .circular--list--holder .bg--tranparent .sec-2-txt {
    margin: 0;
  }
}
.circular--list--holder .bg--tranparent .sec-3-txt {
  transform: translate(112px, 28px) rotate(0deg);
  bottom: 32px;
  top: auto;
}
@media only screen and (max-width: 991px) {
  .circular--list--holder .bg--tranparent .sec-3-txt {
    bottom: 50px;
  }
}

.banner-with-header-image-block {
  position: relative;
  min-height: 250px;
  background-size: cover !important;
  background-position: center !important;
}

.full-width-small-header-content {
  position: absolute;
  top: 50px;
}
.full-width-small-header-content .heading--lv1, .full-width-small-header-content .text-box h1, .text-box .full-width-small-header-content h1 {
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .full-width-small-header-content .heading--lv1, .full-width-small-header-content .text-box h1, .text-box .full-width-small-header-content h1 {
    font-size: 2.6em;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .full-width-small-header-content .button {
    padding: 0.5rem 1.85rem;
  }
}
.full-width-small-header-content .button--opacity {
  border-color: #fff;
}
.full-width-small-header-content .mt-3 {
  margin-top: 3rem;
}

.loyalty--evolution--slider .product-grid__photo--rewards img {
  width: 250px;
  height: 159px !important;
  border: 1px solid #e1e1e1;
}
.loyalty--evolution--slider .slick-dots li button::before {
  font-size: 30px;
}
@media only screen and (max-width: 991px) {
  .loyalty--evolution--slider .slick-dots li button::before {
    font-size: 25px;
  }
}
.loyalty--evolution--slider .slick-prev {
  left: 43% !important;
  right: auto;
  background-size: contain;
  top: auto;
  bottom: -22px;
  z-index: 9999;
  background-image: url(../../img/icon/arrow-right.png);
  width: 20px;
  transform: rotate(180deg);
  height: 20px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
  .loyalty--evolution--slider .slick-prev {
    left: 3% !important;
  }
}
.loyalty--evolution--slider .slick-prev::before {
  display: none;
}
.loyalty--evolution--slider .slick-next {
  right: 43%;
  left: auto;
  z-index: 9999;
  top: auto;
  bottom: -39px;
  width: 20px;
  background-image: url(../../img/icon/arrow-right.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 991px) {
  .loyalty--evolution--slider .slick-next {
    right: 3%;
  }
}
.loyalty--evolution--slider .slick-next::before {
  display: none;
}
.loyalty--evolution--slider .slick-disabled {
  opacity: 0.3;
}

.position-relative {
  position: relative;
}

.soh-absolute {
  position: absolute;
  bottom: -35px;
  left: 10%;
}

.donut-chart {
  position: relative;
  width: 350px;
  height: 350px;
  margin: 2rem auto;
  border-radius: 100%;
}
.donut-chart .center {
  position: absolute;
  top: 45px;
  left: 45px;
  height: 260px;
  z-index: 999;
  width: 260px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.accordian--holder--loyalty {
  padding: 40px 50px;
}
.accordian--holder--loyalty h2 {
  font-weight: 700;
  margin: 0 0 35px 0;
}
.accordian--holder--loyalty .heading--lv3 {
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  .accordian--holder--loyalty {
    height: auto;
    padding: 40px 20px 10px;
  }
}

.credits-accordion .accordion-item {
  margin-bottom: 10px;
  margin-top: 10px;
}
.credits-accordion .accordion-item:first-of-type {
  margin-top: 0;
}

.credits-accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #000;
}
.credits-accordion .accordion-item button[aria-expanded=true] .icon {
  color: #000;
}

.credits-accordion .accordion-item button[aria-expanded=false] {
  border-bottom: 1px solid #b3b3b3;
}
.credits-accordion .accordion-item button[aria-expanded=false] .icon {
  color: #e1e1e1;
}

.credits-accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 15em;
  margin-bottom: 0px;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}

.credits-accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #000;
}
.credits-accordion .accordion-item button[aria-expanded=true] .accordion-title {
  color: #000;
}

.credits-accordion .accordion-item button[aria-expanded=false] {
  border-bottom: 1px solid #b3b3b3;
}
.credits-accordion .accordion-item button[aria-expanded=false] .accordion-title {
  color: #b3b3b3;
}

.credits-accordion button .icon {
  color: #b3b3b3;
}

.credits-accordion .accordion-item.unlock--accordian button[aria-expanded=false] {
  border-bottom: 1px solid #000;
}
.credits-accordion .accordion-item.unlock--accordian button[aria-expanded=false] .accordion-title,
.credits-accordion .accordion-item.unlock--accordian button[aria-expanded=false] .icon {
  color: #000;
}

@media only screen and (max-width: 991px) {
  .donut-chart {
    width: 285px;
    height: 250px;
  }
  .donut-chart .center {
    background: transparent;
    top: 60px;
    left: 60px;
    height: 143px;
    width: 174px;
  }
}
.product-slider-list {
  margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
  .circle-graph canvas {
    width: 265px !important;
    height: 265px !important;
  }

  .banner-with-header-image-block {
    min-height: 180px;
    background-size: 255% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  .full-width-small-header-content {
    top: 60px;
  }
  .full-width-small-header-content .heading--lv1, .full-width-small-header-content .text-box h1, .text-box .full-width-small-header-content h1 {
    color: #fff;
    margin-bottom: 10px;
  }
  .full-width-small-header-content .text-box a.button {
    color: white;
    padding: 4px 10px;
  }
}
.silver--holder .circular--list--holder .bg--tranparent:after, .silver--holder .circular--list--holder .bg--tranparent::before {
  background: #f5f5f5;
}

.platinum--holder .circular--list--holder .bg--tranparent:after, .platinum--holder .circular--list--holder .bg--tranparent::before {
  background: #f5f5f5;
}

.gold--holder .circular--list--holder .bg--tranparent:after, .gold--holder .circular--list--holder .bg--tranparent::before {
  background: #fdfcf4;
}

.credits-accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 2em 0 1rem 0;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  background: none;
  border: none;
  outline: none;
  border-bottom: 1px solid #000;
  padding: 0 0 5px 0;
  margin: 0 0 20px;
}
@media only screen and (max-width: 991px) {
  .credits-accordion button {
    font-size: 12px;
    margin: 0 0 15px;
  }
}
.credits-accordion .logo-text {
  width: 90%;
  display: inline-block;
  vertical-align: top;
  font-family: "AvantGardeLTBook";
  color: #000;
}
@media only screen and (max-width: 991px) {
  .credits-accordion .logo-text {
    font-size: 0.875em;
    line-height: 150%;
    margin-left: 10px;
    width: 89%;
  }
}

.redemption-container {
  margin-top: 35px;
}
.redemption-container .redemption-box.gray--out--content .points-text {
  color: #808080;
}
.redemption-container .redemption-box.gray--out--content .redem-desc {
  color: #808080;
}

.bg--holder--status--credit .heading--lv2 {
  font-weight: 700;
  margin: 0 0 35px 0;
}
.bg--holder--status--credit .heading--lv1, .bg--holder--status--credit .text-box h1, .text-box .bg--holder--status--credit h1 {
  color: #000;
  font-size: 2.625em;
  letter-spacing: 0.05em;
}
.bg--holder--status--credit .heading--lv3 {
  font-weight: 700;
}
.bg--holder--status--credit .center p {
  font-size: 1.5em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
}
@media only screen and (max-width: 991px) {
  .bg--holder--status--credit .center p {
    font-size: 1.125em;
    font-family: "AvantGardeLTMedium";
  }
}
.bg--holder--status--credit .credits-desc {
  width: 155px;
}
.bg--holder--status--credit .credits-desc p {
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
  font-weight: 400;
}
.bg--holder--status--credit .credits-desc p .pointsText {
  font-size: 0.875em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .bg--holder--status--credit .credits-desc p {
    font-size: 0.75em;
    font-family: "AvantGardeLTBook";
  }
}
.bg--holder--status--credit .credit-card-desc {
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
  line-height: 150%;
}
@media only screen and (max-width: 991px) {
  .bg--holder--status--credit .credit-card-desc {
    font-size: 0.75em;
    font-family: "AvantGardeLTBook";
  }
}

.bg--holder--status--credit .card-image.showImage {
  margin: 0 auto;
}

.button--outline--white {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
}
.button--outline--white:hover {
  color: #fff;
  border-color: #fff;
}

.redem-points-bg h2 {
  margin: 0 0 35px 0;
}
@media only screen and (max-width: 991px) {
  .redem-points-bg .padding-50 {
    padding: 0 15px !important;
  }
}

.redem-section {
  min-height: 400px;
}
.redem-section img {
  object-fit: contain;
}
.redem-section .redemption-header {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  font-size: 2em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #2d2b73;
  text-align: center;
  padding: 20px 0px 30px 0px;
}
@media only screen and (max-width: 991px) {
  .redem-section .redemption-header {
    font-size: 1.7em;
  }
}
.redem-section .points-text {
  color: #22afff;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125em;
  font-family: "AvantGardeLTBook";
  line-height: 29px;
  display: block;
  letter-spacing: 0.05em;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .redem-section .points-text {
    font-size: 0.875em;
  }
}
.redem-section .read-only {
  color: #808080;
}
.redem-section .redem-desc {
  font-style: normal;
  font-weight: 600;
  font-size: 1.125em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  line-height: 120%;
  margin: 6px 0;
  letter-spacing: 0.075em;
}
@media only screen and (max-width: 991px) {
  .redem-section .redem-desc {
    font-size: 0.875em;
    letter-spacing: 0;
  }
}
.redem-section .redemption-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.redem-section .redemption-box {
  width: 280px;
  height: 245px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 20px;
  border-radius: 10px;
  border: 1px solid #d7d7d7;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .redem-section .redemption-box {
    width: 46%;
    height: auto;
    padding: 15px;
    margin-bottom: 10px;
  }
}
.redem-section .redemption-box img {
  width: 50px;
  height: 50px;
}
@media only screen and (max-width: 991px) {
  .redem-section .redemption-box img {
    height: 30px;
  }
}
.redem-section .container-padding {
  padding: 40px 0px;
}
.redem-section .top-align {
  padding-top: 15px;
}
@media only screen and (max-width: 991px) {
  .redem-section .top-align {
    padding-top: 5px;
  }
}
.redem-section .white-bg {
  background-color: #fff;
}
.redem-section .redem-content {
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.02em;
  padding: 5px 0px;
  font-family: "AvantGardeLTBook";
}
@media only screen and (max-width: 991px) {
  .redem-section .redem-content {
    font-size: 0.625em;
  }
}
.redem-section .text-uppercase {
  text-transform: uppercase;
}

ul.accordian--holder .card-image {
  height: 160px;
  width: 230px;
}
@media only screen and (max-width: 991px) {
  ul.accordian--holder .card-image {
    height: auto;
    width: 100%;
  }
}
ul.accordian--holder .flex-with-column {
  display: flex;
  flex-direction: column;
}
ul.accordian--holder .credit-card-desc {
  color: white;
  line-height: 28px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 15px;
}
ul.accordian--holder .white-text {
  color: white;
  line-height: 25px;
  margin-left: 20px;
}
ul.accordian--holder .svg-logo {
  vertical-align: middle;
  display: inline-block;
}
ul.accordian--holder .d-inline-block-pad {
  display: inline-block;
  padding: 10px 0px;
}
ul.accordian--holder li.active .section-content {
  display: flex;
}
ul.accordian--holder li .section-content h2 {
  margin: 0;
  transform: rotate(-270deg);
  white-space: nowrap;
}
ul.accordian--holder li.active {
  flex: 15;
}
ul.accordian--holder li.active h2 {
  color: #fff;
}
ul.accordian--holder li.acc-bronze--section {
  background: #cd7f32;
}
ul.accordian--holder li.acc--silver--section {
  background: #b3b3b3;
}
ul.accordian--holder li.acc--gold--section {
  background: #cab440;
}
ul.accordian--holder li.acc--platinum--section {
  background: linear-gradient(180deg, #4c4c4c 0%, #000000 100%);
}

ul.accordian--holder li .section-title ul.accordian--holder li.active h2 {
  color: #fff;
}

ul.accordian--holder li .section-count {
  align-items: start;
}

ul.accordian--holder {
  min-height: 450px;
  max-height: 50vh;
}

ul.accordian--holder {
  display: flex;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}
ul.accordian--holder li {
  flex: 0.5;
  display: flex;
  align-items: stretch;
  padding: 20px;
  border-left: 1px solid #fff;
  background: #e74c3c;
  cursor: pointer;
  transition: all 0.5s ease;
}
ul.accordian--holder li.active {
  flex: 15;
  cursor: default;
}
ul.accordian--holder li.active .section-content {
  flex: 15;
  opacity: 1;
  transform: scaleX(1);
}
ul.accordian--holder li:last-child {
  padding: 20px 0px;
  background: linear-gradient(180deg, #4c4c4c 0%, #000000 100%) !important;
}
ul.accordian--holder li .section-title {
  align-items: start;
  padding-top: 50px;
  flex: 1;
  display: flex;
  align-items: start;
  width: 100%;
  margin: 0;
  text-align: center;
  color: white;
}
ul.accordian--holder li .section-title h2 {
  margin: 0;
  white-space: nowrap;
  font-size: 1.2em;
  font-weight: 400;
  font-family: "jaf-domus", sans-serif;
  font-weight: 600;
  font-weight: 700;
}
ul.accordian--holder li .section-content {
  flex: 1;
  display: none;
  align-items: start;
  padding: 10px 0;
  margin: 0;
  opacity: 0;
  transition: all 0.25s 0.1s ease-out;
}

@media only screen and (min-width: 992px) {
  .revolution-rewards--page .container {
    padding: 0;
  }
}
@media only screen and (max-width: 991px) {
  .revolution-rewards--page .container {
    padding: 0 15px !important;
  }
}
.revolution-rewards--page .block-description {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.revolution-rewards--page .align-self-end {
  align-self: flex-end;
}
.revolution-rewards--page .align-self-center {
  align-self: center;
}
.revolution-rewards--page .custom-pad-button {
  padding: 0.5rem 2.25rem;
}
.revolution-rewards--page .flex-order-1 {
  order: 1;
}
.revolution-rewards--page .top-left {
  border-top-left-radius: 100px;
}
.revolution-rewards--page .top-right {
  border-top-right-radius: 100px;
}
.revolution-rewards--page .bottom-left {
  border-bottom-left-radius: 100px;
}
.revolution-rewards--page .bottom-right {
  border-bottom-right-radius: 100px;
}
.revolution-rewards--page .section-count {
  font-style: normal;
  z-index: 1;
  color: #e1e1e1;
  font-family: "jaf-domus", sans-serif;
  font-size: 200px;
  font-weight: 200;
  margin-bottom: 20px;
}
.revolution-rewards--page .is--floating.section-count {
  font-style: normal;
  position: absolute;
  z-index: 1;
  left: 46%;
  top: 5%;
  color: #e1e1e1;
  font-family: "jaf-domus", sans-serif;
  font-size: 200px;
}

.revolution-rewards--page.image--left--holder .is--floating.section-count {
  left: 47%;
  top: -8%;
}

.revolution-rewards--page.image--left--holder .content--left--holder {
  padding-left: 20px;
  padding-top: 60px;
}

.works-content {
  padding-top: 70px;
  display: flex;
  justify-content: center;
}

.work-content-left::before {
  background: inherit;
  height: 100%;
  width: 100%;
  position: absolute;
  margin-top: -70px;
  left: -1606px;
}

.work-content-right::before {
  background: inherit;
  height: 100%;
  width: 100%;
  position: absolute;
  margin-top: -70px;
  left: 0px;
}

.eveloution--single--block .credit-img {
  border-radius: 20px 20px 0 0;
  height: 400px;
  width: auto;
}

.work-content-left,
.work-content-right {
  padding-bottom: 70px;
}

.overlay--bg {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 70px;
}

.overlay--bg.top-left {
  left: auto;
  width: 50%;
}

.overlay--bg.top-right {
  right: 0%;
  width: 50%;
}

.works-content {
  padding-bottom: 70px;
}

.image--left--holder .works-content,
.image--right--holder .works-content {
  padding-bottom: 0;
  padding-top: 0;
}

.image--left--holder.bg--holder .works-content,
.image--right--holder.bg--holder .works-content {
  padding-bottom: 70px;
  padding-top: 70px;
}

.eveloution--single--block .works-content {
  padding-bottom: 0;
}

.bg--holder--hero--content {
  background: #f9f9f9;
  padding: 50px;
}

.bg--holder--hero--content .heading {
  margin-bottom: 50px;
}

.bg--holder--hero--content .text-right {
  text-align: right;
}

.multi-image-content-section {
  margin-top: 65px;
}

.how-it-works-section {
  background: #ecf7fc;
  padding-bottom: 0;
  border-top-left-radius: 100px;
}

@media only screen and (min-width: 992px) {
  .bg--holder .text-box,
.eveloution--single--block .text-box {
    width: 80%;
  }
}
@media only screen and (max-width: 1200px) {
  .overlay--bg {
    width: 100%;
    right: 0;
    left: 0;
  }
}
.section.how-works-block {
  margin-bottom: 4.1rem;
}

ul.accordian--holder li:last-child {
  padding: 20px;
}

.bg--pattern {
  position: relative;
}

.bg--pattern:after {
  background: url("/resources/themes/paramountliquor-theme/img/loyalty/bg-pattern.png");
  position: absolute;
  left: -160px;
  right: 0;
  content: "";
  clear: both;
  display: block;
  width: 100%;
  height: 100%;
  top: 41px;
  background-size: 94%;
  z-index: 1;
  background-repeat: no-repeat;
}

.bg--pattern .credit-img {
  position: relative;
  z-index: 55;
  height: 547px;
}

.revolution-rewards--page.image--right--holder .is--floating.section-count {
  left: 36%;
}

.section-bg-box-layout.section--viewport {
  padding: 5rem 0;
}
.section-bg-box-layout.section--viewport h2 {
  text-transform: uppercase;
  color: #fff;
  font-family: "jaf-domus", sans-serif;
}
.section-bg-box-layout.section--viewport h3 {
  text-transform: uppercase;
  color: #fff;
  font-family: "jaf-domus", sans-serif;
}
@media only screen and (min-width: 992px) {
  .section-bg-box-layout.section--viewport p {
    font-size: 24px;
  }
  .section-bg-box-layout.section--viewport h2 {
    font-size: 28px;
  }
  .section-bg-box-layout.section--viewport h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .section-bg-box-layout.section--viewport.section--dark .section__bg {
    background-position: -200px;
  }

  .faq--header .block-description {
    width: 100%;
  }

  .revolution-rewards--page.image--right--holder .is--floating.section-count {
    left: 0%;
    position: absolute;
    top: 36%;
  }

  .evolution-block .evolution-main {
    text-align: center;
    width: 100%;
  }

  .revolution-rewards--page .flex-order-1 {
    order: 0;
  }
  .revolution-rewards--page .content--left--holder {
    padding-top: 25px !important;
  }
  .revolution-rewards--page .content--left--holder .heading {
    margin-top: 50px;
  }

  .multi-image-content-section .button-box {
    margin-bottom: 20px;
  }

  .overlay--bg.top-right,
.overlay--bg.top-left {
    right: 0%;
    left: 0;
    width: 100%;
  }

  .revolution-rewards--page.image--left--holder .is--floating.section-count,
.revolution-rewards--page .is--floating.section-count {
    left: 0;
    font-size: 150px;
    text-align: center;
    top: 30%;
  }

  .revolution-rewards--page .section-count {
    font-size: 150px;
    top: -49%;
    position: absolute;
  }

  ul.accordian--holder {
    display: block;
    height: 100%;
    min-height: auto;
    max-height: inherit;
  }
  ul.accordian--holder li {
    position: relative;
    flex: inherit;
    display: block;
    border-top: 1px solid #fff;
    border-left: none;
  }
  ul.accordian--holder li .section-title h2 {
    transform: rotate(0deg);
  }

  ul.accordian--holder li.active {
    flex: inherit;
  }

  .revolution-rewards--page.image--left--holder .content--left--holder {
    padding-left: 0px;
  }

  ul.accordian--holder li .section-title {
    padding-top: 0;
  }

  ul.accordian--holder .icon {
    margin-top: 10px;
  }

  ul.accordian--holder .white-text {
    width: 87%;
    display: inline-block;
    vertical-align: top;
  }

  .revolution-rewards--page.eveloution--single--block .content--left--holder {
    padding-top: 20px;
  }

  .multi-image-content-section .bg--pattern {
    position: absolute;
    width: 100%;
    left: 67%;
    top: 35;
  }
  .multi-image-content-section .bg--pattern .credit-img {
    height: 388px;
  }

  .section-bg-box-layout.section--viewport {
    margin: 0 15px 40px;
  }

  .join-evolution-block .block-description {
    width: 100%;
  }

  .evolution-block img {
    height: 375px;
    object-fit: cover;
  }

  .bg--holder--hero--content {
    background: #f9f9f9;
    padding: 50px 20px;
  }

  .bg--holder--hero--content .heading {
    margin-bottom: 30px;
  }

  .bg--holder--hero--content .text-right {
    text-align: right;
  }

  .how-it-works-section {
    background: #ecf7fc;
    padding-bottom: 40px;
    border-top-left-radius: 35px;
  }
}
.section-bg-box-layout.section--viewport {
  height: 45vh;
  min-height: auto;
}

.credits-accordion button .accordion-title {
  font-size: 0.875em;
  font-family: "AvantGardeLTMedium";
  letter-spacing: 0.0875em;
  color: #000;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .credits-accordion button .accordion-title {
    font-size: 12px;
  }
}

.credits-accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #000;
}

.credits-accordion button:hover,
.credits-accordion button:focus {
  cursor: pointer;
  color: #000;
}

.credits-accordion button:hover::after,
.credits-accordion button:focus::after {
  cursor: pointer;
  color: #000;
  border: 1px solid #000;
}

.credits-accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
}

.credits-accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 40px;
  right: 0;
  width: 22px;
  height: 22px;
  top: 0;
  /*border: 1px solid;
  border-radius: 22px;*/
}

.credits-accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 1px;
}

.credits-accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 1px;
  height: 10px;
  background: currentColor;
}

.credits-accordion button[aria-expanded=true] {
  color: #000;
}

.credits-accordion button[aria-expanded=true] .icon::after {
  width: 0;
}

.credits-accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 15em;
  margin-bottom: 30px;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}

.credits-accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}

.credits-accordion .accordion-content p {
  padding: 10px 0px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #000;
  font-size: 1rem;
  font-family: "AvantGardeLTBook";
}
@media only screen and (max-width: 991px) {
  .credits-accordion .accordion-content p {
    font-size: 0.85rem;
    padding: 7.5px 0;
  }
}

@media only screen and (min-width: 1600px) {
  .revolution-rewards--page .container,
.evolution-block .container,
.multi-image-content-section .container,
.join-evolution-block .container,
.section-bg-box-layout .container,
.section--faqs .container {
    width: 1440px;
  }
}
div.full-width-banner-with-left-text-block {
  min-height: 400px;
  background-repeat: no-repeat;
  background-position: center !important;
  background-size: cover !important;
  position: relative;
}
@media only screen and (max-width: 991px) {
  div.full-width-banner-with-left-text-block {
    min-height: 450px;
  }
}

@media only screen and (max-width: 991px) {
  div.full-width-banner-with-left-text-block .vertical-align-content {
    top: unset;
    -ms-transform: unset;
    transform: unset;
    bottom: 30px;
    padding: 0rem 1.5rem;
  }
  div.full-width-banner-with-left-text-block .vertical-align-content .button {
    min-width: 225px;
  }
}

div.full-width-banner-with-left-text-block .heading-description {
  padding: 1rem 5rem;
  position: absolute;
  bottom: 2.5rem;
  font-size: 35px;
  font-family: "jaf-domus";
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #fff;
}

.vertical-align-content {
  padding: 1rem 5rem;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 991px) {
  .vertical-align-content {
    padding: 1rem;
  }
}

.loyalty-box-survey-banner-image {
  min-height: 350px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .loyalty-box-survey-banner-image {
    min-height: 180px;
  }
}

.loyalty-box-survey-banner-description p {
  padding-top: 1.5rem;
  font-family: "AvantGardeLTBook";
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
}

.product--section--loyalty {
  padding-top: 0;
}
@media only screen and (min-width: 992px) {
  .product--section--loyalty .react-table-grid .rt-tbody.xl-3 .rt-tr-group {
    width: 25%;
  }
}

.only-banner-content {
  min-height: auto;
  padding: 0px;
  background: #f0f0f0;
  margin: 0;
}
@media only screen and (min-width: 1200px) {
  .only-banner-content .container {
    max-width: 93.5% !important;
  }
}

.section--with--image .container {
  max-width: 100% !important;
}

.only-image-section .full-width-banner-with-left-text-block {
  position: relative;
}
.only-image-section .full-width-banner-with-left-text-block img {
  display: block;
}
.only-image-section .full-width-banner-with-left-text-block::before {
  background: linear-gradient(96.01deg, rgba(0, 0, 0, 0.9) 15.43%, rgba(0, 0, 0, 0) 74.47%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clear: both;
  display: block;
  content: "";
}
@media only screen and (max-width: 767px) {
  .only-image-section .full-width-banner-with-left-text-block::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 15.43%, rgba(0, 0, 0, 0) 74.47%);
  }
}
@media only screen and (max-width: 991px) {
  .only-image-section .layer {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10.25%, rgba(0, 0, 0, 0.6) 100%);
  }
  .only-image-section .full-width-banner-with-left-text-block {
    background-size: 50em !important;
    min-height: 110px;
    min-height: 400px !important;
    background-position: 9% -25% !important;
    background-repeat: no-repeat;
  }
}

.image-left-text-right-v2 h2.heading {
  font-family: "jaf-domus";
  font-size: 27px;
  font-weight: bold;
  margin-bottom: 2rem;
}

.image-left-text-right-v2 .text-box {
  margin-bottom: 2rem;
  max-width: 400px;
}

.lower--min-height {
  min-height: 350px !important;
}

@media only screen and (max-width: 991px) {
  .category-listing-grid-block .feature-items-container {
    margin: 0;
  }
}
.category-listing-grid-block .feature-item--thumb {
  padding-bottom: 0px;
  min-height: 240px;
}
@media only screen and (max-width: 991px) {
  .category-listing-grid-block .feature-item--thumb {
    min-height: 180px;
    background-position: center;
  }
}
@media only screen and (max-width: 767px) {
  .category-listing-grid-block .feature-item--thumb {
    min-height: 100px;
  }
}

.category-listing-grid-block .feature-item--title {
  position: relative;
  margin-top: 10px;
  background: transparent;
  color: #000;
  text-align: left;
  padding: 0;
  font-family: "AvantGardeLTMedium";
  font-size: 1.125em;
  font-weight: 500;
}
@media only screen and (max-width: 991px) {
  .category-listing-grid-block .feature-item--title {
    font-size: 0.75em;
  }
}

.section.containerized-section:last-of-type {
  margin-bottom: 50px;
}

.category-listing-grid-block .feature-item:hover .feature-item--title {
  background: transparent;
}

.category-listing-grid-block .feature-item:hover .feature-item--thumb {
  transform: unset;
}

.product-listing-grid-block-section {
  padding: 2rem 0rem !important;
}

.product-listing-grid-block-section .feature-item--thumb--overlay {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear 0s;
  background-color: transparent !important;
}

.product-listing-grid-block-section .feature-item--thumb {
  padding-bottom: 0px;
  min-height: 25rem;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .product-listing-grid-block-section .feature-item--thumb {
    min-height: 275px;
  }
}
@media only screen and (max-width: 767px) {
  .product-listing-grid-block-section .feature-item--thumb {
    min-height: 200px;
  }
}

.product-listing-grid-block-section .feature-item--thumb:hover .feature-item--thumb--overlay {
  opacity: 1;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.15) !important;
}

.feature-item--thumb--overlay .button {
  position: absolute;
  bottom: 30px;
  text-align: center;
  display: block;
  left: 50%;
  transform: translate(-50%, 0px);
  min-width: 75%;
  color: #2d2b73;
}
@media only screen and (max-width: 991px) {
  .feature-item--thumb--overlay .button {
    bottom: 15px;
    min-width: 75%;
  }
}

.feature-item--thumb--overlay .button--overlay:hover {
  background-color: #fff;
  color: #2d2b73;
}

.feature-item--thumb--overlay .button--overlay:focus {
  background-color: #fff;
  color: #2d2b73;
}

.product-listing-grid-block-section .feature-item--title {
  position: relative;
  margin-top: 10px;
  background: transparent;
  color: #000;
  text-align: left;
  padding: 0;
  font-family: "AvantGardeLTMedium";
  font-size: 18px;
  font-weight: 500;
}

.product-listing-grid-block-section .feature-item:focus .feature-item--title {
  background: transparent !important;
}
.product-listing-grid-block-section .feature-item:focus .feature-item--thumb {
  transform: unset;
}

.product-listing-grid-block-section .feature-item:hover .feature-item--title {
  background: transparent !important;
}
.product-listing-grid-block-section .feature-item:hover .feature-item--thumb {
  transform: unset;
}

.category-listing-grid-block .feature-item:focus .feature-item--title {
  background: transparent !important;
}
.category-listing-grid-block .feature-item:focus .feature-item--thumb {
  transform: unset;
}

.category-listing-grid-block .feature-item:hover .feature-item--title {
  background: transparent !important;
}
.category-listing-grid-block .feature-item:hover .feature-item--thumb {
  transform: unset;
}

.product-listing-grid-block-section .feature-item--description {
  color: #666666;
  padding-top: 0.5rem;
  font-family: "AvantGardeLTBook";
  font-size: 14px;
  font-weight: 100;
  line-height: 21px;
}

.product-listing-grid-block-section .heading {
  margin-bottom: 0px;
}

.product-listing-grid-block-section .row {
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .product-listing-grid-block-section .row {
    max-width: 95.5%;
  }
}

.product-listing-grid-block-section .heading {
  font-weight: bold;
  padding: 16px 43px;
}
@media only screen and (max-width: 991px) {
  .product-listing-grid-block-section .heading {
    padding: 1rem 0.5rem;
  }
}

.category-listing-grid-block {
  padding: 0px;
}
.category-listing-grid-block .category-listing-grid-block-item {
  cursor: pointer;
}

section.section.section--gradient.section--image--left.section--normal {
  padding: 0px;
}

@media only screen and (min-width: 992px) {
  .image-left-text-right-v2 .row {
    padding: 0px 1.8rem;
    margin: 0;
  }
}

.containerized-section {
  background: white;
  margin-bottom: 0px;
}
@media only screen and (min-width: 1600px) {
  .containerized-section {
    width: 1350px;
    margin: 0 auto;
  }
  .containerized-section .container {
    max-width: 100%;
  }
}

.loyalty-box-product-modal .modal-content {
  background: transparent;
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

.loyalty-box-product-modal .modal__content {
  padding: 0px;
  height: auto;
  min-height: 100%;
  border-radius: 0;
  max-width: 100%;
}

.loyalty-box-product-modal .modal-dialog {
  position: absolute;
  right: 0px;
  height: 100%;
  margin: 0;
  padding: 0;
  min-width: 36vw;
  width: 36vw;
}
@media only screen and (max-width: 991px) {
  .loyalty-box-product-modal .modal-dialog {
    min-width: 100%;
    width: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .loyalty-box-product-modal .modal-dialog {
    min-width: 15vw;
    width: 15vw;
  }
}

.loyalty-box-product-modal .modal__dialog {
  position: absolute;
  right: 0px;
  width: max-content;
  padding: 0px;
  height: 100%;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .loyalty-box-product-modal .modal__dialog {
    max-width: 768px;
  }
}
@media only screen and (max-width: 991px) {
  .loyalty-box-product-modal .modal__dialog {
    min-width: 100%;
    width: 100%;
  }
}

.loyalty-box-product-modal .header-image {
  max-height: 25rem;
}

@media only screen and (min-width: 992px) {
  .loyalty-popup-container {
    max-width: 100;
  }
}

.loader--card {
  min-height: 350px;
}

.redem-img {
  width: 100%;
}

.points-text {
  color: #22afff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0.05em;
  text-align: center;
}

.redem-desc {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.12em;
  text-align: center;
}

.redemption-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.redemption-box {
  width: 276px;
  height: 203px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 20px;
  border-radius: 10px;
  border: 1px solid #d7d7d7;
}

.container-padding {
  padding: 40px 0px;
}

.top-align {
  padding-top: 10px;
}

.redemption-header {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 20px;
}

.spring-promotion {
  z-index: 1;
  bottom: 10%;
  position: absolute;
  left: 22%;
}

.banner-header {
  width: 200px;
  font-size: 48px;
  margin-bottom: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 0.1em;
  text-align: left;
  color: white;
  text-transform: uppercase;
}

.bg--image--holder.bg--redeemable-loyalty {
  background: none;
}
.bg--image--holder.bg--redeemable-loyalty .redem-points-bg {
  background: #2d2b73;
  min-height: 325px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bg--image--holder.bg--redeemable-loyalty .redem-points-bg .redeem-desc {
  color: #c1c0ed;
  font-style: normal;
  font-weight: normal;
  line-height: 160%;
  font-size: 0.875em;
  letter-spacing: 0.02em;
  margin-top: 20px;
}
.bg--image--holder.bg--redeemable-loyalty .redem-points-bg .redem-img {
  width: 100%;
}

.points-text {
  color: #22afff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0.05em;
  text-align: center;
}

.redem-desc {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.12em;
  text-align: center;
}

.redemption-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.redemption-box {
  width: 276px;
  height: 203px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 20px;
  border-radius: 10px;
  border: 1px solid #d7d7d7;
}

.container-padding {
  padding: 40px 0px;
}

.top-align {
  padding-top: 10px;
}

.redemption-header {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 20px;
}

.spring-promotion {
  z-index: 1;
  bottom: 10%;
  position: absolute;
  left: 22%;
}

.banner-header {
  width: 200px;
  font-size: 48px;
  margin-bottom: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 0.1em;
  text-align: left;
  color: white;
  text-transform: uppercase;
}

.bg--image--holder.bg--redeemable-loyalty {
  background: none;
}
.bg--image--holder.bg--redeemable-loyalty .redem-points-bg {
  background: #2d2b73;
  min-height: 325px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bg--image--holder.bg--redeemable-loyalty .redem-points-bg .redeem-desc {
  color: #c1c0ed;
  font-style: normal;
  font-weight: normal;
  line-height: 160%;
  font-size: 0.875em;
  letter-spacing: 0.02em;
  margin-top: 20px;
}
.bg--image--holder.bg--redeemable-loyalty .redem-points-bg .redeem-desc p {
  line-height: 160%;
  font-size: 0.875em;
  letter-spacing: 0.02em;
  margin-top: 20px;
}
.bg--image--holder.bg--redeemable-loyalty .redem-points-bg .points-icons {
  border-radius: 50%;
  background: #fdd856;
}
.bg--image--holder.bg--redeemable-loyalty .redem-points-bg .redem-point-text {
  font-size: 24px;
  line-height: 24px;
}
.bg--image--holder.bg--redeemable-loyalty .redem-points-bg .redem-img {
  margin-bottom: -5px;
}
.bg--image--holder.bg--redeemable-loyalty .redem-points-bg .redem-num {
  line-height: 100%;
  letter-spacing: 0.025em;
  margin-right: 5px;
  margin-left: 10px;
  font-size: 2.625em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .bg--image--holder.bg--redeemable-loyalty .redem-points-bg .redem-num {
    font-size: 2em;
  }
}
.bg--image--holder.bg--redeemable-loyalty .redem-points-bg .redem-point-text {
  line-height: 100%;
  font-size: 1.5em;
  font-family: "AvantGardeLTBook";
  letter-spacing: 0.05em;
  margin-top: 8px;
}
@media only screen and (max-width: 991px) {
  .bg--image--holder.bg--redeemable-loyalty .redem-points-bg .redem-point-text {
    font-size: 1.125em;
  }
}
.bg--image--holder.bg--redeemable-loyalty .redem-points-bg .text-box {
  margin: 0 0 20px 0;
}

.product-slider-container-loyalty {
  padding-top: 50px;
  padding-bottom: 50px;
  padding: 50px 30px;
}
@media only screen and (max-width: 991px) {
  .product-slider-container-loyalty {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.product-grid--extended {
  position: relative;
  overflow: hidden;
}
.product-grid--extended .product-grid__badge {
  top: -4px;
  left: 20px;
}
@media only screen and (max-width: 991px) {
  .product-grid--extended .product-grid__badge {
    left: 10px;
  }
}
.product-grid--extended .product-grid__badge .points-icons {
  border-radius: 50%;
  background: #fdd856;
}
.product-grid--extended .product-grid__badge .redem-point-text {
  font-size: 24px;
  line-height: 24px;
}
.product-grid--extended .product-grid__badge .redem-img {
  margin-bottom: -5px;
}
.product-grid--extended .product-grid__badge .redem-num {
  line-height: 100%;
  letter-spacing: 0.025em;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 2.625em;
  font-family: "AvantGardeLTMedium";
}
@media only screen and (max-width: 991px) {
  .product-grid--extended .product-grid__badge .redem-num {
    font-size: 2em;
  }
}
.product-grid--extended .product-grid__badge .redem-point-text {
  line-height: 100%;
  font-size: 1.5em;
  font-family: "AvantGardeLTBook";
  letter-spacing: 0.05em;
  margin-top: 8px;
}
@media only screen and (max-width: 991px) {
  .product-grid--extended .product-grid__badge .redem-point-text {
    font-size: 1.125em;
  }
}
.product-grid--extended .product-grid__badge .text-box {
  margin-bottom: 0 0 20px 0;
}

.product-slider-container-loyalty {
  padding-top: 50px;
  padding-bottom: 50px;
  padding: 50px 30px;
}
@media only screen and (max-width: 991px) {
  .product-slider-container-loyalty {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.section--with--image div.full-width-banner-with-left-text-block {
  min-height: auto !important;
}
.section--with--image div.full-width-banner-with-left-text-block img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .section--with--image .container {
    max-width: 100% !important;
  }
  .section--with--image div.full-width-banner-with-left-text-block {
    background: none !important;
    min-height: auto !important;
    display: block;
  }
  .section--with--image div.full-width-banner-with-left-text-block img {
    display: block;
  }
}

.header--section--without--content .loyalty-box-survey-banner-image {
  min-height: 250px;
  background-size: cover !important;
  background-position: center !important;
}

@media only screen and (min-width: 992px) {
  .category-listing-grid-block .feature-items-container {
    margin-left: -15px;
  }
}
.category-listing-grid-block .feature-items-container .slick-track {
  margin-left: 0px;
}
.category-listing-grid-block .slick-initialized .slick-slide {
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .category-listing-grid-block .slick-initialized .slick-slide {
    padding: 0px 5px;
  }
}
.category-listing-grid-block .slider {
  max-width: 1200px;
  margin: 0 auto;
  background: red;
}
.category-listing-grid-block .slick-list {
  padding: 0px 60px 0px 0px !important;
}

.feature-item {
  cursor: pointer;
}

@media only screen and (min-width: 992px) {
  .loyalty--page--menu .submenu-nav {
    top: 39px;
    min-width: 246px;
  }
}
.loyalty--page--menu .submenu-nav .products-nav__helper {
  padding: 2px 0;
  box-shadow: none;
}
.loyalty--page--menu .submenu-nav .products-nav__helper .submenu__item {
  border-bottom: 1px solid #e1e1e1;
}
.loyalty--page--menu .submenu-nav .products-nav__helper .submenu__item:last-child {
  border: none;
  outline: none;
  outline-offset: unset;
}
.loyalty--page--menu .submenu-nav .products-nav__helper .submenu__link {
  padding: 20px;
  font-size: 0.875em;
  font-family: "AvantGardeLTBook";
  opacity: 1;
  letter-spacing: 0.02em;
}
.loyalty--page--menu .submenu-nav .products-nav__helper .submenu__link:hover, .loyalty--page--menu .submenu-nav .products-nav__helper .submenu__link:focus {
  border: none;
  outline: none !important;
  outline-offset: 0;
}
.loyalty--page--menu .submenu-nav .products-nav__helper .submenu__link:last-child {
  border: none;
}
.loyalty--page--menu .submenu-nav .products-nav__helper .menu__item-child--active {
  color: #2d2b73;
  font-weight: 600;
  font-size: 0.875em;
  font-family: "AvantGardeLTBold";
}

@media only screen and (max-width: 991px) {
  .header--section--with--content img {
    width: 100%;
  }
}

.row-flex {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 93.5%;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  .row-flex {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}

.back-top-button-wrapper {
  position: fixed;
  bottom: 100px;
  right: 10px;
  width: 100px;
  height: 100px;
  z-index: 100;
  cursor: pointer;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .back-top-button-wrapper {
    padding: 10px 0px;
    height: 95px;
    bottom: 85px;
  }
}
.back-top-button-wrapper a {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  color: white;
  padding: 0px;
  line-height: 65px;
  text-align: cener;
  text-align: center;
  display: block;
  margin: 0 auto;
  padding-bottom: 48px;
}
@media only screen and (max-width: 767px) {
  .back-top-button-wrapper a {
    line-height: 45px;
    width: 40px;
    height: 40px;
    padding-bottom: 0px;
    opacity: 0.5;
  }
}
.back-top-button-wrapper a img {
  width: 22px;
  height: 22px;
}
@media only screen and (max-width: 767px) {
  .back-top-button-wrapper a img {
    width: 15px;
    height: 15px;
  }
}
.back-top-button-wrapper span {
  display: block;
  margin-top: 7px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #000000;
  font-family: "AvantGardeLTBook";
}
@media only screen and (max-width: 767px) {
  .back-top-button-wrapper span {
    font-size: 10px;
    margin-top: 6px;
  }
}

@media only screen and (max-width: 991px) {
  .evo-slider.product--slider--mobile .product-grid__scrollable-item {
    padding-bottom: 0;
  }
  .evo-slider.product--slider--mobile .slick-next {
    right: -5px;
  }
  .evo-slider.product--slider--mobile .slick-next::before {
    border-color: rgba(0, 0, 0, 0.5);
    width: 20px;
    height: 20px;
  }
  .evo-slider.product--slider--mobile .slick-prev {
    left: -5px;
  }
  .evo-slider.product--slider--mobile .slick-prev::before {
    border-color: rgba(0, 0, 0, 0.5);
    width: 20px;
    height: 20px;
  }

  .credits-accordion .accordion-item:last-of-type button[aria-expanded=true] + .accordion-content {
    margin-bottom: 0;
  }
}
.circular--list--holder .pieContainer {
  height: 350px;
  position: relative;
}
.circular--list--holder .pieBackground {
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 100%;
  background: #e1e1e1;
  /*box-shadow: 0px 0px 8px rgba(0,0,0,0.5);*/
}
.circular--list--holder .pieBackground.bg--tranparent {
  position: absolute;
}
.circular--list--holder .pieBackground::before {
  position: absolute;
  left: 0;
  right: 0;
  clear: both;
  display: block;
  top: 48%;
  bottom: 0;
  content: "";
  height: 15px;
  display: none;
  width: 100%;
  background: #fff;
  z-index: 1;
}
.circular--list--holder .pieBackground:after {
  position: absolute;
  left: 48%;
  right: 0;
  clear: both;
  display: block;
  top: 0;
  display: none;
  content: "";
  height: 100%;
  width: 15px;
  background: #fff;
  z-index: 1;
}
.circular--list--holder .pie {
  transition: all 1s;
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 100%;
  clip: rect(0px, 175px, 350px, 0px);
}
.circular--list--holder .hold {
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 100%;
  transition: all 1s;
  clip: rect(0px, 350px, 350px, 175px);
}
.circular--list--holder #bronzeSlice {
  transform: rotate(2.8deg);
}
.circular--list--holder #bronzeSlice .pie {
  background-color: #cd7f32;
  transform: rotate(0deg);
}
.circular--list--holder #silverSlice {
  transform: rotate(92.8deg);
}
.circular--list--holder #silverSlice .pie {
  background-color: #b3b3b3;
  transform: rotate(0deg);
}
.circular--list--holder #goldSlice {
  transform: rotate(182.8deg);
}
.circular--list--holder #goldSlice .pie {
  background-color: #cab440;
  transform: rotate(0deg);
}
.circular--list--holder #platinumSlice {
  transform: rotate(272.3deg);
}
.circular--list--holder #platinumSlice .pie {
  background-color: #4c4c4c;
  transform: rotate(0deg);
}
.circular--list--holder .innerCircle {
  position: absolute;
  width: 270px;
  height: 270px;
  border-radius: 100%;
  top: 40px;
  left: 40px;
  /*box-shadow: 0px 0px 8px rgba(0,0,0,0.5) inset;*/
  color: #444;
}
.circular--list--holder .innerCircle .content {
  position: absolute;
  display: block;
  width: 120px;
  top: 30px;
  left: 0;
  text-align: center;
  font-size: 14px;
}
@media only screen and (max-width: 991px) {
  .circular--list--holder .pieContainer {
    width: 250px;
    height: 250px;
    margin: 0 auto;
  }
  .circular--list--holder .pieBackground {
    width: 250px;
    height: 250px;
  }
  .circular--list--holder .hold {
    width: 250px;
    height: 250px;
    clip: rect(0px, 250px, 250px, 125px);
  }
  .circular--list--holder .pie {
    width: 250px;
    height: 250px;
    clip: rect(0px, 125px, 250px, 0px);
  }
  .circular--list--holder .innerCircle {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .donut-chart .center {
    background: transparent;
    top: 30px;
    left: 48px;
    height: 190px;
    width: 190px;
  }
}

.tab-content .heading {
  margin-bottom: 20px;
  margin-top: 20px;
}

@media only screen and (max-width: 991px) {
  .image-left-text-right-v2 h2.heading {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .loyalty-box-survey-banner-description p {
    font-size: 16px;
  }

  .image-left-text-right-v2 .text-box {
    margin-bottom: 16px;
  }
}
.tab-content-text {
  color: #666666;
  font-size: 0.8125em;
  font-family: "AvantGardeLTBook";
}
@media only screen and (min-width: 992px) {
  .tab-content-text {
    font-size: 0.875em;
    font-family: "AvantGardeLTBook";
  }
}

.md-close {
  position: relative;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
}

.md-close:before,
.md-close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #ffffff;
  box-shadow: none;
}

.md-close:before {
  transform: rotate(45deg);
}

.md-close:after {
  transform: rotate(-45deg);
}

.category-solutions-block {
  padding: 0;
  background-size: cover;
  margin-top: 0px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .category-solutions-block {
    padding-top: 0;
    height: 1365px;
  }
}
.category-solutions-block .text-right {
  text-align: right;
}
.category-solutions-block .white-text {
  color: #fff;
}
.category-solutions-block .top-banner--block-desktopbgImage {
  height: 1450px;
  background-size: cover;
  position: relative;
  background-position: center;
}
.category-solutions-block .category-solutions-content--holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  padding: 120px 0 0;
}
@media only screen and (max-width: 991px) {
  .category-solutions-block .top-banner--block-bgImage {
    background-size: contain;
    height: 1410px !important;
    background-color: #1a7093;
    mix-blend-mode: multiply;
    background-repeat: no-repeat !important;
  }
  .category-solutions-block .category-solutions-content--holder {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 370px 0 0;
  }
}
.category-solutions-block .section-with-content {
  margin-top: 6em;
  padding: 80px;
  position: relative;
  z-index: 5;
  margin-bottom: -25px;
}
.category-solutions-block .section-with-content .heading {
  text-transform: unset;
  letter-spacing: 0;
}
.category-solutions-block .section-with-content .heading p {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .category-solutions-block .section-with-content .border-left {
    border-left: 2px solid #000;
    padding-left: 50px;
  }
}

.section-with-content {
  background: #fff;
  padding: 20px;
  border-radius: 30px;
}
.section-with-content .text-right {
  text-align: right;
}
.section-with-content .white-text {
  color: #fff;
}

.four-column-section {
  margin: 90px 0;
}
.four-column-section .heading--with_border {
  border-bottom: 3px solid #000000;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
.four-column-section .mt-5 {
  margin-top: 25px;
}
.four-column-section .button {
  background: transparent;
  border: 2px solid #f9f5e0;
  border-radius: 20px;
  padding: 10px 30px;
  font-size: 24px;
  text-transform: uppercase;
  color: #f9f5e0;
}
@media only screen and (max-width: 991px) {
  .four-column-section .button {
    padding: 5px 10px;
    font-size: 15px;
  }
}
.four-column-section .text-right {
  text-align: right;
}
.four-column-section .white-text {
  color: #fff;
}
.four-column-section .four-column--card {
  background: #146484;
  color: #fff;
  padding: 70px;
  margin-bottom: 30px;
  min-height: 310px;
}
@media only screen and (max-width: 991px) {
  .four-column-section .four-column--card {
    padding: 10px 5px;
    margin-bottom: 15px;
    min-height: 230px;
  }
}
.four-column-section .four-column--card .text-right {
  text-align: right;
}
.four-column-section .four-column--card .white-text {
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .four-column-section .four-column--card .heading {
    font-size: 0.85em;
    font-weight: 400;
    font-family: "jaf-domus", sans-serif;
    font-weight: 700;
    letter-spacing: 0.15em;
    margin-bottom: 10px;
  }
  .four-column-section .four-column--card p {
    font-size: 0.75em;
  }
}
.four-column-section .four-column--card_one {
  border-top-left-radius: 10px;
}
.four-column-section .four-column--card_two {
  border-top-right-radius: 10px;
}
.four-column-section .four-column--card_three {
  border-bottom-left-radius: 10px;
}
.four-column-section .four-column--card_four {
  border-bottom-right-radius: 10px;
}
@media only screen and (min-width: 992px) {
  .four-column-section .four-column--card_one {
    border-top-left-radius: 50px;
  }
  .four-column-section .four-column--card_two {
    border-top-right-radius: 50px;
  }
  .four-column-section .four-column--card_three {
    border-bottom-left-radius: 50px;
  }
  .four-column-section .four-column--card_four {
    border-bottom-right-radius: 50px;
  }
}

.four-column-section--withBgImage {
  padding: 90px 0;
  margin: 0;
}
.four-column-section--withBgImage .four-column--card {
  background: #fff;
}

.section-category {
  height: auto;
  padding: 80px 0 80px;
  background-size: cover;
  margin-top: 0px;
}
.section-category .heading--with_border {
  border-bottom: 3px solid #fff;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
.section-category .content-right {
  padding: 60px 0px 50px 30px;
}
@media only screen and (max-width: 991px) {
  .section-category .content-right {
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
.section-category .content-right .heading {
  text-transform: unset;
  letter-spacing: 0;
}

.section-category--withoutBgImage .heading--with_border {
  border-bottom: 3px solid #072851;
  padding-bottom: 20px;
  margin-bottom: 50px;
}

.category-bottom--section {
  padding-top: 70px;
  padding-bottom: 50px;
}
.category-bottom--section h3.text-lowercase {
  text-transform: unset;
  letter-spacing: 0;
  padding-bottom: 40px;
}
.category-bottom--section .bottom-col--holder .tier-card {
  border: 5px solid #fff;
}
@media only screen and (max-width: 991px) {
  .category-bottom--section .bottom-col--holder .tier-card {
    border: 1.7px solid #fff;
  }
}
@media only screen and (max-width: 991px) {
  .category-bottom--section .bottom-col--holder:first-child {
    margin-left: 25%;
  }
}
.category-bottom--section .bottom-col--holder:first-child .tier-card {
  border: 5px solid #ffc77d;
}
@media only screen and (max-width: 991px) {
  .category-bottom--section .bottom-col--holder:first-child .tier-card {
    border: 1.7px solid #ffc77d;
  }
}
.category-bottom--section .bottom-col--holder:last-child .tier-card {
  border: 5px solid #c17f27;
}
@media only screen and (max-width: 991px) {
  .category-bottom--section .bottom-col--holder:last-child .tier-card {
    border: 1.7px solid #c17f27;
  }
}
.category-bottom--section .tier-card {
  border-radius: 30px;
  padding: 30px;
}
.category-bottom--section .tier-card h3 {
  margin-bottom: 10px;
}
.category-bottom--section .tier-card_one {
  border-color: #ffc77d;
}
.category-bottom--section .tier-card_third {
  border-color: #c17f27;
}

.section-category--withoutBgImage {
  padding-bottom: 0;
}

.four-column-section--withBgImage .four-column--card img {
  filter: invert(1);
}

.top-banner--block {
  height: 700px;
  background-size: cover;
  position: relative;
}
.top-banner--block .top-banner--block-content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50%;
  margin: 0 auto;
  display: block;
  right: 0;
}
.top-banner--block .divider {
  width: 80px;
  height: 3px;
  margin: 0 auto 40px;
  background: #fff;
}

.product-category-block--section .category-teir {
  height: 80vh;
  position: relative;
  background-repeat: no-repeat !important;
  width: 100%;
  background-size: cover !important;
  border-radius: 30px;
}

.product-category-block--section .category-teir:after {
  position: absolute;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.59%, #000000 68.5%);
  border-radius: 30px;
  clear: both;
  height: 100%;
  left: 0;
  right: 0;
  width: 100%;
  content: "";
}

.category-teir--content {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.category-teir--content p {
  font-family: "AvantGardeLTBold";
}
.category-teir--content p a {
  color: #fff;
  font-family: "AvantGardeLTBold";
  text-decoration: underline;
}

.category-teir--content .heading {
  text-transform: unset;
  padding-bottom: 0;
  margin-bottom: 15px;
}

.category-teir--content .divider {
  background: #fff;
  width: 60px;
  height: 3px;
  color: #fff;
  z-index: 999;
  margin: 0 auto 30px;
  position: relative;
}

@media screen and (max-width: 992px) {
  .pl-xs-0 {
    padding-left: 8px;
  }

  .pr-xs-0 {
    padding-right: 8px;
  }

  .top-banner--block-bgImage {
    background-size: cover;
    width: 100%;
  }

  .top-banner--block .top-banner--block-content {
    position: absolute;
    top: 48%;
    left: 0;
    width: 80%;
    margin: 0 auto;
    display: block;
    right: 0;
  }

  .category-solutions-block .border-left {
    border: none;
    padding-left: 20px;
    padding-top: 20px;
  }

  .category-solutions-block .section-with-content {
    padding: 20px;
  }

  .four-column--card {
    padding: 15px;
    min-height: 340px;
    text-align: center;
  }

  .four-column--card img {
    width: 40px;
    height: 55px;
  }

  .four-column--card .heading--lv3 {
    font-size: 0.75em;
  }

  .category-bottom--section .tier-card {
    padding: 15px;
    margin-bottom: 20px;
    border-width: 1.7px;
    border-radius: 20px;
  }
  .category-bottom--section .tier-card h3 {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 992px) and (max-width: 991px) {
  .category-bottom--section .bottom-col--holder::last-child {
    margin-left: 25%;
  }
}
@media screen and (max-width: 992px) {
  .category-solutions-block .section-with-content {
    margin-top: 3em;
  }
}
@media screen and (max-width: 992px) {
  .product-category-block--section .category-teir:after {
    position: absolute;
    top: 0px;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.59%, #000000 68.5%); */
    border-radius: 30px;
    clear: both;
    height: 100%;
    left: 0px;
    right: 0;
    width: 100%;
    content: "";
    background: linear-gradient(115deg, #000000 11.46%, rgba(0, 0, 0, 0) 60.42%);
    /* transform: rotate(-90deg); */
  }
}
@media screen and (max-width: 992px) {
  .category-teir--content {
    left: 20px;
    top: 40%;
    text-align: left;
  }
}
@media screen and (max-width: 992px) {
  .product-category-block--section .category-teir {
    height: 47vh;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 992px) {
  .category-teir--content .divider {
    background: #fff;
    width: 60px;
    height: 3px;
    color: #fff;
    z-index: 999;
    margin: 0 0 20px;
    position: relative;
  }
}
.weekly-view-stats .container-box {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.weekly-view-stats .OS_design {
  padding: 0 2.5rem;
}
.weekly-view-stats .OS_design .container-box__heading {
  color: black;
}
.weekly-view-stats .OS_design .field {
  border: 1px solid #f4f4fb;
  background: #fbfbfb;
  color: #4c4c4c;
  padding: 4px 0px !important;
}
.weekly-view-stats .OS_design .field--select:after, .login-area .weekly-view-stats .OS_design select:after,
.weekly-view-stats .OS_design .login-area select:after {
  width: 10px;
  height: 10px;
  border-width: 1px 1px 0 0;
  bottom: 18px;
}
.weekly-view-stats .OS_design .total-orders {
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  padding-top: 35px;
}
.weekly-view-stats .OS_design .total-orders .order-count {
  font-size: 12px;
  color: black;
  margin-left: 8px;
}
.weekly-view-stats .OS_design .react-datepicker-popper[data-placement^=bottom] {
  margin-top: 0;
}
.weekly-view-stats .OS_design .react-datepicker-popper[data-placement^=bottom] .react-datepicker {
  width: 100%;
}
.weekly-view-stats .OS_design .react-datepicker-popper[data-placement^=bottom] .react-datepicker .react-datepicker__triangle {
  display: none;
}
.weekly-view-stats .OS_design .react-datepicker-popper[data-placement^=bottom] .react-datepicker .react-datepicker__month-container,
.weekly-view-stats .OS_design .react-datepicker-popper[data-placement^=bottom] .react-datepicker .react-datepicker__header__dropdown select {
  width: 100%;
  text-align: center;
}
.weekly-view-stats .OS_design .react-datepicker-popper[data-placement^=bottom] .react-datepicker .react-datepicker__day-name,
.weekly-view-stats .OS_design .react-datepicker-popper[data-placement^=bottom] .react-datepicker .react-datepicker__day,
.weekly-view-stats .OS_design .react-datepicker-popper[data-placement^=bottom] .react-datepicker .react-datepicker__time-name {
  width: 2.25rem;
}
.weekly-view-stats .react-datepicker__week:hover .react-datepicker__day:not(.react-datepicker__day--disabled) {
  background-color: #216ba5;
  color: white;
}
.weekly-view-stats .calendar-switch .btn {
  font-size: 12px;
  flex: 1 1 0%;
  padding: 10px 0;
}
.weekly-view-stats .calendar-switch .btn:first-child {
  border-radius: 4px 0 0 4px;
}
.weekly-view-stats .calendar-switch .btn:last-child {
  border-radius: 0 4px 4px 0;
}
.weekly-view-stats .calendar-switch .btn.btn-selected {
  background-color: #2d2b73;
  color: white;
  font-weight: 700;
}
.weekly-view-stats .status-indicators {
  padding: 0 2.5rem;
}
.weekly-view-stats .status-indicators .ind {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin: 0 5px;
}
.weekly-view-stats .status-indicators .ind.complete {
  background-color: #baebb9;
}
.weekly-view-stats .status-indicators .ind.pending {
  background-color: #d9edf7;
}
.weekly-view-stats .status-indicators .ind.hold {
  background-color: #ee715c;
}
.weekly-view-stats .status-indicators .ind.urgent {
  background-color: #f5c6e1;
}
.weekly-view-stats .status-indicators .ind.pick {
  background-color: #abe0f4;
}
.weekly-view-stats .status-indicators .ind.pick-complete {
  background-color: #aaab88;
}
.weekly-view-stats .status-indicators .ind.pick-now {
  background-color: #f6c05d;
}
.weekly-view-stats .status-indicators .ind.transit {
  background-color: #858cf3;
}
.weekly-view-stats .status-indicators span {
  font-size: 10px;
  padding: 0 5px;
}
.weekly-view-stats .weekday__container {
  position: relative;
}
.weekly-view-stats .weekday__container .prev-button {
  position: absolute;
  left: 20px;
  top: 35px;
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  z-index: 999;
  background: #fbfbfb;
}
.weekly-view-stats .weekday__container .prev-button span {
  opacity: 0.5;
  position: absolute;
  right: 7px;
  bottom: 9px;
  z-index: 1;
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-width: 2px 2px 0 0;
  content: "";
  pointer-events: none;
  -webkit-transform: rotate(230deg);
  -ms-transform: rotate(230deg);
  transform: rotate(230deg);
}
.weekly-view-stats .weekday__container .next-button {
  position: absolute;
  right: 20px;
  top: 35px;
  z-index: 999;
  background: #fbfbfb;
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
.weekly-view-stats .weekday__container .next-button span {
  opacity: 0.5;
  position: absolute;
  right: 10px;
  bottom: 9px;
  z-index: 1;
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-width: 2px 2px 0 0;
  content: "";
  pointer-events: none;
  -webkit-transform: rotate(245deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.weekly-view-stats .weekday {
  overflow-x: auto;
}
.weekly-view-stats .weekday .single-day {
  flex: 1 1 0%;
  position: relative;
  line-height: 1.5;
}
.weekly-view-stats .weekday .single-day:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.weekly-view-stats .weekday .single-day .current-day {
  background-color: #86c976;
  border-radius: 5px 5px 0 0;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 8px;
  font-weight: 700;
  padding: 2px;
  position: absolute;
  top: 0;
  width: 100%;
}
.weekly-view-stats .weekday .single-day .day-title {
  background-color: #2d2b73;
  color: white;
  padding: 14px;
  font-weight: 700;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
.weekly-view-stats .weekday .single-day .day-title .dayName {
  font-size: 10px;
  text-transform: uppercase;
}
.weekly-view-stats .weekday .single-day .day-title .dayDate {
  font-size: 14px;
}
.weekly-view-stats .weekday .single-day .day-sub {
  font-size: 10px;
  display: flex;
  column-gap: 15px;
  padding: 12px;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #f4f4fb;
  background-color: #fbfbfb;
  color: black;
}
.weekly-view-stats .weekday .single-day .per-day-status {
  padding: 20px;
  color: black;
}
.weekly-view-stats .weekday .single-day .per-day-status .statusTitle {
  font-size: 12px;
  font-weight: bold;
  line-height: 2;
}
.weekly-view-stats .weekday .single-day .per-day-status .single-status {
  position: relative;
  cursor: pointer;
}
.weekly-view-stats .weekday .single-day .per-day-status .single-status .status-tooltip {
  visibility: hidden;
  width: 150px;
  background-color: #fff;
  color: black;
  position: absolute;
  padding: 16px;
  border-bottom: 5px solid #858cf3;
  z-index: 3;
  bottom: 25px;
  left: 40px;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}
.weekly-view-stats .weekday .single-day .per-day-status .single-status .status-tooltip:after {
  content: "";
  position: absolute;
  left: 42%;
  bottom: -12px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #858cf3;
  clear: both;
}
.weekly-view-stats .weekday .single-day .per-day-status .single-status .status-tooltip span {
  display: block;
  margin-bottom: 8px;
}
.weekly-view-stats .weekday .single-day .per-day-status .single-status:hover {
  text-decoration: underline;
}
.weekly-view-stats .weekday .single-day .per-day-status .single-status:hover .status-tooltip {
  visibility: visible;
}
.weekly-view-stats .weekday .single-day .per-day-status .col {
  margin: 16px 0;
}
.weekly-view-stats .weekday .single-day .per-day-status .status-indicators {
  padding: 0;
}
.weekly-view-stats ::-webkit-scrollbar {
  width: 3px;
  border-radius: 10px;
}
.weekly-view-stats ::-webkit-scrollbar-thumb,
.weekly-view-stats ::-webkit-scrollbar-thumb:hover {
  background: #929ca5;
}
.weekly-view-stats ::-webkit-scrollbar-track {
  background: #fff;
}

.week-single-order-detail .table-wrapper {
  overflow: auto;
  border-radius: 4px;
  border: 1px solid #dddddd;
}
.week-single-order-detail .product-table-wrapper {
  overflow: auto;
  border-radius: 4px;
  border: 1px solid #dddddd;
}
.week-single-order-detail .product-table-wrapper__footer .content-right {
  text-align: right;
  border-top: 1px solid #dddddd;
}
.week-single-order-detail .product-table-wrapper__footer span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #282828;
}
.week-single-order-detail .product-table-wrapper__footer .total-display {
  background: #e1e1e1;
  border-radius: 0px 0px 4px 0px;
  font-weight: 800;
  padding: 20px 0px 20px 80px;
}
.week-single-order-detail .table__header {
  border: 1px solid #dddddd;
  border-radius: 4px;
  text-transform: uppercase;
}
.week-single-order-detail .sub--heading {
  margin: 0 0 20px 0;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #000000;
}
.week-single-order-detail table {
  border-spacing: 0;
  border-collapse: collapse;
  border-style: hidden;
  width: 100%;
  max-width: 100%;
}
.week-single-order-detail table th {
  padding: 20px 15px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #282828;
  vertical-align: middle;
}
.week-single-order-detail table td {
  padding: 20px 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #282828;
  vertical-align: middle;
}
.week-single-order-detail table a {
  text-decoration: underline;
}
.week-single-order-detail table img {
  border: 1px solid #dddddd;
}
.week-single-order-detail table .text-medium {
  font-size: 14px;
}
.week-single-order-detail table .text-small {
  font-size: 10px;
}
.week-single-order-detail table .productHolder {
  display: flex;
  column-gap: 16px;
  align-items: center;
}
.week-single-order-detail table .parentDiv {
  text-align: center;
}
.week-single-order-detail table .parentDiv .doubleDiv {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.totalDiv {
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: start;
  margin-left: calc(100% - 300px);
}
.totalDiv span {
  flex: 1 1 0%;
}

.custom-popup-manager .full_width-modal {
  max-width: 900px;
}
@media screen and (min-width: 768px) {
  .custom-popup-manager .full_width-modal {
    width: 900px;
  }
}
.custom-popup-manager .full_width-modal .modal-content {
  padding: 20px 0px !important;
}
.custom-popup-manager .full_width-modal .modal-content .image-popup {
  padding: 20px !important;
}
.custom-popup-manager .full_width-modal .modal-content .modal__center .modal-dialog {
  width: 900px !important;
  max-width: 900px !important;
}
@media only screen and (max-width: 991px) {
  .custom-popup-manager .full_width-modal .modal-content .modal__center .modal-dialog {
    width: auto !important;
    max-width: 360px !important;
  }
}
.custom-popup-manager .full_width-modal .img-only-block {
  height: 436px !important;
}
@media only screen and (max-width: 991px) {
  .custom-popup-manager .full_width-modal .img-only-block {
    height: 200px !important;
  }
}
@media only screen and (max-width: 991px) {
  .custom-popup-manager .full_width-modal .description-wrapper .heading {
    font-size: 18px;
    line-height: 150%;
  }
}
.custom-popup-manager .full_width-modal .text-box p {
  line-height: 20px;
  font-size: 0.875em;
  padding: 0px 0 0.75rem 0;
}
@media only screen and (max-width: 991px) {
  .custom-popup-manager .full_width-modal .text-box p {
    font-size: 0.75em;
    line-height: 130%;
  }
}
.custom-popup-manager .full_width-modal .agreement__text {
  max-width: 250px;
}
.custom-popup-manager .full_width-modal .agreement__text .field--checkbox:before, .custom-popup-manager .full_width-modal .agreement__text .login-area input[type=checkbox]:before, .login-area .custom-popup-manager .full_width-modal .agreement__text input[type=checkbox]:before {
  width: 30px;
  height: 30px;
  font-size: 0.75em;
  line-height: 30px;
}
.custom-popup-manager .full_width-modal .agreement__text .field--checkbox .field__value, .custom-popup-manager .full_width-modal .agreement__text .login-area input[type=checkbox] .field__value, .login-area .custom-popup-manager .full_width-modal .agreement__text input[type=checkbox] .field__value {
  font-weight: 400;
  font-family: "AvantGardeLTBook";
  font-size: 0.925em;
}
.custom-popup-manager .modal__center .modal__content .img-only-block {
  width: 100%;
  height: auto;
  margin: 0;
}
.custom-popup-manager .modal__center .modal__content .content-only-block {
  padding: 50px 25px !important;
}
.custom-popup-manager .modal__center .modal__content .image-popup {
  padding: 25px;
}
.custom-popup-manager .modal-right {
  max-width: 800px !important;
  width: 800px !important;
}
.custom-popup-manager .modal-right .modal-dialog {
  max-width: 800px !important;
  width: 800px !important;
}
.custom-popup-manager .modal-right .modal-dialog .content-right {
  display: flex;
  align-items: center;
}
.custom-popup-manager .modal-right .modal-dialog .content-right > div {
  flex: 1 1 0%;
}
.custom-popup-manager .modal-right .modal-dialog .content-right > div .image-left {
  width: 400px !important;
  height: 450px !important;
  object-fit: cover;
  margin: 0;
  padding: 0;
}
.custom-popup-manager .modal-right .modal-dialog .content-right .description-wrapper .description-content {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.custom-popup-manager .modal-right .modal-dialog .content-right .description-wrapper .description-content .description-links {
  display: flex;
  gap: 16px;
}
.custom-popup-manager .modal-right .modal-dialog .content-right .description-wrapper .description-content .description-links .button {
  padding: 10px;
  flex: 1 1 0%;
}
@media screen and (max-width: 768px) {
  .custom-popup-manager .modal-right {
    max-width: 60vw !important;
    width: 60vw !important;
  }
  .custom-popup-manager .modal-right .modal-dialog {
    max-width: 60vw !important;
    width: 60vw !important;
  }
  .custom-popup-manager .modal-right .modal-dialog .content-right {
    display: grid;
  }
  .custom-popup-manager .modal-right .modal-dialog .content-right > div .image-left {
    width: 60vw !important;
    height: 250px !important;
  }
  .custom-popup-manager .modal-right .modal-dialog .modal__content .description-wrapper {
    padding: 50px 25px !important;
  }
  .custom-popup-manager .modal-right .modal-dialog .modal__content .description-wrapper .description-content .description-links .button {
    padding: 10px 5px;
  }
}

.user-update-pop {
  overflow-y: auto;
}
.user-update-pop .child-details-table {
  table-layout: fixed;
}
.user-update-pop .skeleton-loading--row {
  width: 100%;
  height: 50px;
  margin: 0 auto 0px;
}
.user-update-pop .text-box-small p {
  font-size: 0.88em;
  font-style: italic;
  padding-bottom: 0.8rem;
}
.user-update-pop .heading--lv2 {
  text-transform: unset;
  letter-spacing: 0px;
}
.user-update-pop .modal-header-bg {
  padding: 10px;
}
.user-update-pop .modal-header-bg .photo {
  background-image: url(../../img/updateuser.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 190px;
}
.user-update-pop .modal-body {
  padding: 35px;
}
.user-update-pop .modal-body .text-right {
  text-align: right;
}
.user-update-pop .modal-body .text-box {
  margin-bottom: 25px;
}
.user-update-pop .modal-body .button-gray {
  background: #e1e1e1;
  color: #000;
}
.user-update-pop .modal-body .button {
  min-width: 200px;
}
@media only screen and (max-width: 991px) {
  .user-update-pop .modal-body .button {
    min-width: auto;
  }
}
.user-update-pop .modal-body .user-details {
  border-radius: 4px;
  border: 1px solid #e1e1e1;
}
.user-update-pop .modal-body .user-details thead {
  background: #eef0f2;
}
.user-update-pop .modal-body .user-details td,
.user-update-pop .modal-body .user-details th {
  padding: 8px !important;
  font-size: 12px;
  background: transparent;
}
@media only screen and (max-width: 991px) {
  .user-update-pop .modal-body .user-details td,
.user-update-pop .modal-body .user-details th {
    display: block;
  }
}
.user-update-pop .modal-body .user-details td a,
.user-update-pop .modal-body .user-details th a {
  color: #2d2b73;
  text-decoration: underline;
  font-weight: 600;
}
.user-update-pop .modal-body .child-details-table th,
.user-update-pop .modal-body .child-details-table td {
  word-break: break-word;
  white-space: normal;
}
@media only screen and (max-width: 991px) {
  .user-update-pop .modal-body {
    padding: 10px;
  }
}
.user-update-pop .modal__content {
  padding: 0;
  margin: 0 auto;
  width: 53%;
  max-width: 100%;
}
@media only screen and (max-width: 991px) {
  .user-update-pop .modal__content {
    width: 100%;
  }
}
.user-update-pop .modal-dialog {
  max-width: 100%;
  width: 900px;
}
@media only screen and (max-width: 991px) {
  .user-update-pop .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .user-update-pop .modal-dialog .modal-dialog {
    padding: 0;
    margin: 0;
  }
}
.user-update-pop .modal-dialog .modal-header-bg {
  background-color: #2d2b73;
}

div .modal-backdrop {
  z-index: 1050;
  display: none;
}
div .modal-backdrop.in {
  display: block;
}

.edit-form-popup-container .modal-dialog {
  margin: 10% auto;
}
.edit-form-popup-container .modal__header {
  padding: 25px 35px 15px 35px;
}
@media only screen and (max-width: 991px) {
  .edit-form-popup-container .modal__header {
    padding: 15px;
  }
}
.edit-form-popup-container .field__input, .edit-form-popup-container .login-area input, .login-area .edit-form-popup-container input,
.edit-form-popup-container .login-area textarea,
.login-area .edit-form-popup-container textarea,
.edit-form-popup-container .login-area select,
.login-area .edit-form-popup-container select {
  height: 45px;
}
.edit-form-popup-container .field--select .field__input, .edit-form-popup-container .login-area select .field__input, .login-area .edit-form-popup-container select .field__input, .edit-form-popup-container .field--select .login-area input, .login-area .edit-form-popup-container .field--select input, .edit-form-popup-container .login-area select input, .login-area .edit-form-popup-container select input,
.edit-form-popup-container .field--select .login-area textarea,
.login-area .edit-form-popup-container .field--select textarea,
.edit-form-popup-container .login-area select textarea,
.login-area .edit-form-popup-container select textarea,
.edit-form-popup-container .field--select .login-area select,
.login-area .edit-form-popup-container .field--select select,
.edit-form-popup-container .login-area select select,
.login-area .edit-form-popup-container select select {
  height: 30px;
}
.edit-form-popup-container .field--disabled.field--select::after, .edit-form-popup-container .login-area select.field--disabled::after, .login-area .edit-form-popup-container select.field--disabled::after {
  display: none;
}

.modal-backdrop.fade {
  display: none;
}

.modal-backdrop.fade.in {
  display: block;
}


/*# sourceMappingURL=paramountliquor.dashboard.css.map */