@charset "UTF-8";
.v-select {
  position: relative;
  font-family: inherit;
}

.v-select,
.v-select * {
  box-sizing: border-box;
}

/* KeyFrames */
@keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Dropdown Default Transition */
.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}

.vs__fade-enter,
.vs__fade-leave-to {
  opacity: 0;
}

/** Component States */
/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.vs--disabled .vs__open-indicator {
  cursor: not-allowed;
  background-color: #f8f8f8;
}

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */
.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}
.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}
.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}
.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}

/**
    Dropdown Toggle

    The dropdown toggle is the primary wrapper of the component. It
    has two direct descendants: .vs__selected-options, and .vs__actions.

    .vs__selected-options holds the .vs__selected's as well as the
    main search input.

    .vs__actions holds the clear button and dropdown toggle.
 */
.vs__dropdown-toggle {
  appearance: none;
  display: flex;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  white-space: normal;
}

.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}

.vs__actions {
  display: flex;
  align-items: center;
  padding: 4px 6px 0 3px;
}

/* Dropdown Toggle States */
.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}

.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vs__open-indicator {
  fill: rgba(60, 60, 60, 0.5);
  transform: scale(1);
  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(1);
}

.vs--loading .vs__open-indicator {
  opacity: 0;
}

/* Clear Button */
.vs__clear {
  fill: rgba(60, 60, 60, 0.5);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}

/* Dropdown Menu */
.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-top-style: none;
  border-radius: 0 0 4px 4px;
  text-align: left;
  list-style: none;
  background: #fff;
}

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

/* List Items */
.vs__dropdown-option {
  line-height: 1.42857143;
  /* Normalize line height */
  display: block;
  padding: 3px 20px;
  clear: both;
  color: #333;
  /* Overrides most CSS frameworks */
  white-space: nowrap;
}
.vs__dropdown-option:hover {
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  background: #5897fb;
  color: #fff;
}

.vs__dropdown-option--disabled {
  background: inherit;
  color: rgba(60, 60, 60, 0.5);
}
.vs__dropdown-option--disabled:hover {
  cursor: inherit;
}

/* Selected Tags */
.vs__selected {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  color: #333;
  line-height: 1.4;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
  z-index: 0;
}

.vs__deselect {
  display: inline-flex;
  appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: rgba(60, 60, 60, 0.5);
  text-shadow: 0 1px 0 #fff;
}

/* States */
.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}
.vs--single.vs--open .vs__selected {
  position: absolute;
  opacity: 0.4;
}
.vs--single.vs--searching .vs__selected {
  display: none;
}

/* Search Input */
/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */
.vs__search::-webkit-search-cancel-button {
  display: none;
}

.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear {
  display: none;
}

.vs__search,
.vs__search:focus {
  appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}

.vs__search:-ms-input-placeholder {
  color: inherit;
}

.vs__search::placeholder {
  color: inherit;
}

/**
    States
 */
.vs--unsearchable .vs__search {
  opacity: 1;
}
.vs--unsearchable:not(.vs--disabled) .vs__search:hover {
  cursor: pointer;
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: 0.2;
}

/* Loading Spinner */
.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  transform: translateZ(0);
  animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity 0.1s;
}

.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

/* Loading Spinner States */
.vs--loading .vs__spinner {
  opacity: 1;
}

/* perfect-scrollbar v0.6.10 */
.ps-container {
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
  .ps-container {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important;
  }
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent;
}

.ps-container.ps-in-scrolling {
  pointer-events: none;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  border-radius: 4px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 4px;
  transition: background-color 0.2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
}

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  z-index: 21;
  /* please don't change 'position' */
  border-radius: 4px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 4px;
  transition: background-color 0.2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 5px;
}

.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}

.toast-title {
  font-weight: 700;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a, .toast-message label {
  color: #FFF;
}

.toast-message a:hover {
  color: #CCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}

.toast-close-button:focus, .toast-close-button:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
}

#toast-container * {
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999;
  color: #FFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}

#toast-container > div:hover {
  box-shadow: 0 0 12px #000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}

#toast-container > .toast-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}

#toast-container > .toast-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}

#toast-container > .toast-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }

  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }

  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }

  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }

  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }

  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
.btn-link.btn-link--dark {
  color: #000;
}

/*	FONT COLORS */
/*.pt-white-border-color {color: #FFF; text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;}*/
.pt-black-color {
  color: #333;
}

.pt-blue-color {
  color: #2b00cc;
}

.pt-red-color {
  color: #fb0f0c;
}

/*	BUTTONS */
.container .btn-loader {
  background-color: #2b00cc;
  color: #FFF;
}
.container .btn-loader:hover {
  background-color: #333;
  color: #FFF;
}

/*	HELPERS */
.hide-spinners {
  -moz-appearance: textfield;
}

.hide-spinners::-webkit-outer-spin-button,
.hide-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*	PT PANELS */
.pt-top-panel.error {
  background-color: #cc0000;
}

/*	BASE */
#pt-pageContent > div:not([class]) > .container-indent:not(.nomargin):not([class^=pt-offset]) {
  margin-top: 10px;
}

/*	HOME LOGIN */
.pt-description-wrapper--logged-in-mobile {
  width: 100%;
}

.pt-promo-box .pt-description.pr-promo-type1 .pt-description-wrapper--logged-in-mobile [class^=btn],
.pt-description-wrapper--logged-in-mobile button {
  width: 100%;
  margin-top: 15px;
}

.login-block-quarter .pt-icon {
  font-size: 1.5em;
}

.login-block-quarter .pt-icon svg {
  width: 2em;
  height: 2em;
}

.login-block-quarter .pt-promo-box .pt-description.pr-promo-type1 .pt-title-large {
  font-size: 1.2em;
}

@media (min-width: 1376px) {
  .login-block-quarter .pt-promo-box .pt-description.pr-promo-type1 .pt-title-large {
    font-size: 1.3em;
  }
}
/*	HOME CATEGORY GRID */
@media (max-width: 480px) {
  .sCategoryGrid .pt-post .pt-title {
    font-size: 18px;
    line-height: 24px;
  }
}
/* 
BLOCK / Log box
Login box and logged user buttons. */
.bLogBox {
  height: 100%;
}

/* Login box */
.bLogBox__login {
  height: 100%;
  border-top: 10px solid #fff;
  background: #2b00cc;
  display: flex;
  align-items: center;
}

.bLogBox__loginIn {
  margin: 0 auto;
  width: 60%;
}

.bLogBox .form-default {
  margin-top: 0.8em;
}

/* Smaller margins on sides */
@media (max-width: 1300px) {
  .bLogBox__loginIn {
    width: 90%;
    max-width: 20em;
  }
}
@media (max-width: 1025px) {
  .bLogBox__loginIn {
    padding: 4% 0;
  }
}
/* Smaller login box */
@media (min-width: 576px) and (max-width: 1200px) {
  .bLogBox .bLogBox__login .pt-title-large {
    font-size: 1.5em;
  }

  .bLogBox .bLogBox__login .text-sm {
    font-size: 0.7em;
    line-height: 1.4;
  }

  .bLogBox .form-default {
    margin-top: 0.5em;
  }

  .form-layout-01 .row-btn [class^=btn]:not(:first-child) {
    margin-top: 10px;
  }

  .form-layout-01 .row-btn [class^=btn]:first-child {
    margin-top: 0;
    height: 40px;
  }

  .form-default .form-control:not(textarea) {
    padding: 9.75px 9px 9px 13.5px;
    height: 40px;
    line-height: 1;
  }
}
/* Smaller margins on sides */
@media (max-width: 575px) {
  .bLogBox__loginIn {
    padding: 8% 0;
  }
}
/* Loggued */
.bLogBox__loggued {
  height: 100%;
  width: 100%;
  border-top: 10px solid #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

.bLogBox__loggued > .login-block-quarter {
  background: #2b00cc;
  border: 5px solid #fff;
}

.bLogBox__loggued > .login-block-quarter:nth-child(2n+1) {
  border-left: 0;
}

.bLogBox__loggued > .login-block-quarter:nth-child(2n+2) {
  border-right: 0;
}

.bLogBox__loggued > .login-block-quarter:nth-child(-n+2) {
  border-top: 0;
}

.bLogBox__loggued > .login-block-quarter:nth-last-child(-n+2) {
  border-bottom: 0;
}

/* Force height (instead of 100%) */
@media (max-width: 575px) {
  .bLogBox__loggued {
    height: 80vw;
  }
}
/* Title */
.bLogBox .pt-title-large {
  font-size: 1.5em;
  line-height: 1.2;
  font-weight: 800;
}

.bLogBox .bLogBox__login .pt-title-large {
  font-size: 2em;
}

.bLogBox .pt-promo-box .pt-description.pr-promo-type1 .pt-title-large {
  font-size: 1.3em;
  line-height: 1.2;
  margin: 0;
  display: block;
}

.bLogBox .pt-promo-box .pt-description.pr-promo-type1 .pt-title-large small {
  font-size: 0.7em;
  line-height: 1.1;
  display: inline-block;
  margin-top: 0.4em;
}

.bLogBox .pt-promo-box .pt-description.pr-promo-type1 * + .pt-title-large {
  margin-top: 0.3em;
}

/* Button (mobile) */
.bLogBox .btn {
  width: 100%;
  margin-top: 10px;
}

/* Box (desktop) */
.bLogBox .pt-promo-box {
  height: 100%;
  width: 100%;
  margin: 0;
}

.bLogBox .pt-promo-box .pt-description.pr-promo-type1:not(.pt-promo-wrapper):not(.pt-point-external) {
  padding: 6% 10%;
}

/* Box link */
.bLogBox a.pt-promo-box {
  display: block;
  transition: opacity 0.3s;
}

.bLogBox a.pt-promo-box:hover {
  opacity: 0.7;
}

/* Smaller buttons (box) */
@media (max-width: 1300px) {
  .bLogBox .pt-promo-box .pt-description.pt-point-h-l {
    font-size: 1.4vw;
  }
}
@media (max-width: 1025px) {
  .bLogBox .pt-promo-box .pt-description.pt-point-h-l {
    font-size: 1.6vw;
  }
}
@media (max-width: 575px) {
  .bLogBox .pt-promo-box .pt-description.pt-point-h-l {
    font-size: 3.5vw;
  }
}
/*	Top Banner */
#pt-header .headerunderline {
  overflow: visible;
}

#pt-header .pt-box-info p {
  margin: 0;
  padding: 0;
}

/* Category menu */
.pt-menu-categories .pt-submenu > a span {
  text-transform: uppercase;
}

.pt-menu-categories .pt-dropdown-menu:before {
  display: none !important;
}

/* Desktop menu */
.pt-desctop-menu > nav > ul > li.dropdown > a > span {
  text-transform: uppercase;
}

.pt-megamenu-submenu li {
  line-height: 22px;
}

/* Client selector */
#pt-header .vs__search {
  font-size: 16px;
}

/*	PRODUCT GRID */
.pt-product .pt-image-box {
  height: 178px;
}

.pt-col-two .pt-product .pt-image-box {
  height: 269px;
}

.pt-product .pt-description .pt-title {
  font-size: 15px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pt-product .pt-description .item-count {
  background-color: #333;
}

.pt-product .custom-price {
  display: flex;
  align-items: center;
}

.pt-product .custom-price .item-count {
  flex: 0 1 auto;
  padding-left: 12px;
  padding-right: 12px;
}

.pt-product .custom-price .pt-price {
  flex: 1 1 auto;
  padding-left: 1em;
}

.pt-product .custom-price .item-count .item-quantity {
  position: absolute;
  top: 50%;
  transform: translate(1%, -23%);
  font-size: 0.9em;
  font-weight: bold;
}

/*	View mode */
.pt-product.pt-view .custom-price {
  margin-bottom: 1em;
}

.pt-product.pt-view .custom-price .pt-price {
  display: block !important;
}

/*	PRODUCT VARIATIONS */
.color-preview {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 10px;
}

/*	LATEST PRODUCTS */
.cLatestProducts .pt-product, .cRelatedProducts .pt-product {
  margin-left: 5px;
  margin-right: 5px;
}

/* 	PROMOTIONS ON HOME PAGE */
@media (max-width: 940px) and (min-width: 576px) {
  .pt-promo-box--products .pt-description.pt-point-h-l {
    font-size: 1.85vw;
  }
}
/* 	OUT OF STOCK */
.pt-options-swatch .out-of-stock {
  position: relative;
}

.pt-options-swatch .out-of-stock::before,
.pt-options-swatch .out-of-stock::after {
  position: absolute;
  z-index: 2;
  display: block;
  content: "";
  top: 0;
  bottom: 0;
  left: calc(50% - 1px);
  width: 2px;
  background: #fb0f0c;
  transform-origin: 50% 50%;
  pointer-events: none;
}

.pt-options-swatch .out-of-stock::before {
  transform: rotate(45deg);
}

.pt-options-swatch .out-of-stock::after {
  transform: rotate(-45deg);
}

/*	Cart Overlay
	.cart {position: relative;}
	.cart .overlay {position: absolute; width: 100%; height: 100%; background: #CCC; opacity: 0.15;} */
/*	Cart Item */
#pt-pageContent .cart .pt-shopcart-page .pt-item .pt-item-description .pt-col {
  flex: 1 0 auto;
  width: auto;
  max-width: 100%;
}
#pt-pageContent .cart .pt-shopcart-page .pt-item .pt-item-description .pt-col:nth-child(1) {
  flex: 2 1 auto;
}
@media (min-width: 1025px) {
  #pt-pageContent .cart .pt-shopcart-page .pt-item .pt-item-description .pt-col:nth-child(3) {
    flex-basis: 130px;
  }
}
#pt-pageContent .cart .pt-shopcart-page .pt-item .pt-item-description .pt-col:nth-child(3) .pt-input-counter {
  max-width: none;
  width: auto;
}

.pagination {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin: 3em auto 0;
  width: 100%;
  background-color: #f0f0f0;
  justify-content: center;
  padding: 0.5em;
  flex-wrap: wrap;
}
.pagination li {
  display: inline;
  flex: 0 1 auto;
}
.pagination li a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}
.pagination li.disabled a {
  cursor: default;
}
.pagination li.active a, .pagination li:hover a {
  background-color: #fb0f0c;
  color: #FFF;
}