/* styleguide */
/* styleguide v2 starts
(please use this section for new features) */
/* Grayscale */
/* UI */
/* UI-backgrounds */
/* Font */
/* styleguide v2 ends */
/* primary colors */
/* shadows */
/* opacity */
/* transition */
/* filter colors */
/* inne */
@media not print {
  body,
  .mobile-body {
    font-family: 'proxima-nova', Corbel, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
  }
}
@keyframes revealAnimation {
  from {
    visibility: hidden;
  }
  to {
    visibility: visible;
  }
}
@keyframes rocketProcessing {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -12600px 0px;
  }
}
@keyframes pulse {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: -135% 0%;
  }
}
@keyframes appearIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes loadingDots {
  0% {
    content: '.';
  }
  33% {
    content: '..';
  }
  66% {
    content: '...';
  }
}
.hidden {
  display: none !important;
}
.invisible {
  visibility: hidden;
}
.overflow--hidden {
  overflow: hidden !important;
}
.loading-dots {
  display: inline;
}
.loading-dots:after {
  display: inline-block;
  animation: loadingDots 2s infinite;
  content: '.';
  width: 1em;
  text-align: left;
}
.reveal-animation {
  visibility: hidden;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  animation-name: revealAnimation;
  animation-duration: 1s;
}
.rocket-loader__overlay {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(245, 245, 245, 0.9);
}
.rocket-loader__container {
  background: #1185ed;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  padding: 0 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 992px) {
  .rocket-loader__container {
    width: 75%;
    max-width: 540px;
    height: 35%;
  }
}
.rocket-loader__rocket {
  animation-duration: 1050ms;
  animation-timing-function: steps(63);
  animation-iteration-count: infinite;
  width: 200px;
  height: 150px;
  animation-name: rocketProcessing;
  background: url(/img/loaders/rocket_loader.svg);
  margin: 0 auto;
}
.w--15 {
  width: 25%;
}
.w--25 {
  width: 25%;
}
.w--50 {
  width: 50%;
}
.w--75 {
  width: 75%;
}
.w--90 {
  width: 90%;
}
.w--100 {
  width: 100%;
}
.h--25 {
  height: 25%;
}
.h--50 {
  height: 50%;
}
.h--75 {
  height: 75%;
}
.h--100 {
  height: 100%;
}
.d__flex {
  display: flex;
}
.d__flex--wrap {
  flex-wrap: wrap;
}
.d__flex--sb {
  justify-content: space-between;
}
.d__flex--sa {
  justify-content: space-between;
}
@supports (justify-content: space-around) {
  .d__flex--sa {
    justify-content: space-around;
  }
}
.d__flex--start {
  align-self: flex-start;
}
.d__flex--self-center {
  align-self: center;
}
.d__flex--left {
  justify-self: flex-start;
}
.d__flex--right {
  justify-self: flex-end;
}
.d__flex--center {
  justify-content: center;
  align-items: center;
}
.d__flex--bottom {
  align-items: flex-end;
}
.d__flex--top {
  align-items: flex-start;
}
.d__flex--start {
  justify-content: flex-start;
}
.d__flex--end {
  justify-content: flex-end;
}
.d__flex--self {
  align-items: center;
}
.d__flex--column {
  flex-direction: column;
}
.d__grid {
  display: grid;
  grid-template-rows: 1fr;
  column-gap: 10px;
}
.d__grid img {
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 2%;
  outline: 2px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25);
}
.d__grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
.d__grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
.d__block {
  display: block;
}
.d__relative {
  position: relative;
}
.d__square {
  display: flex;
}
.d__square:after {
  content: '';
  height: 0;
  padding-bottom: 100%;
  width: 100%;
}
.d__box {
  background: #f5f5f5;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding: 10px;
}
.img--responsive {
  max-width: 100%;
}
.img--circle {
  border-radius: 50%;
}
.img--displate {
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 2%;
  outline: 2px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25);
  align-self: start;
}
.background--grey {
  background: #d2d2d2;
}
.background--lightGrey {
  background: #f5f5f5;
}
@media (max-width: 992px) {
  .mobile-hidden {
    display: none !important;
  }
}
.heading,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  color: #000;
  margin: 0;
}
.heading--light,
h1--light,
h2--light,
h3--light,
h4--light,
h5--light,
h6--light {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.heading--center,
h1--center,
h2--center,
h3--center,
h4--center,
h5--center,
h6--center {
  text-align: center;
}
.heading--capitalize,
h1--capitalize,
h2--capitalize,
h3--capitalize,
h4--capitalize,
h5--capitalize,
h6--capitalize {
  text-transform: capitalize;
}
.heading--uppercase,
h1--uppercase,
h2--uppercase,
h3--uppercase,
h4--uppercase,
h5--uppercase,
h6--uppercase {
  text-transform: uppercase;
}
h1,
.heading-1 {
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 992px) {
  h1,
  .heading-1 {
    font-size: 42px;
    line-height: 50px;
  }
}
h2,
.heading-2 {
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 992px) {
  h2,
  .heading-2 {
    font-size: 36px;
    line-height: 44px;
  }
}
h3,
.heading-3,
.shop-handbook-page .info-heading,
.shop-handbook-page .share-earn__steps .step--accent .step-heading {
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 992px) {
  h3,
  .heading-3,
  .shop-handbook-page .info-heading,
  .shop-handbook-page .share-earn__steps .step--accent .step-heading {
    font-size: 28px;
    line-height: 36px;
  }
}
h4,
.heading-4,
.shop-handbook-page .share-earn__steps .step-heading {
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 992px) {
  h4,
  .heading-4,
  .shop-handbook-page .share-earn__steps .step-heading {
    font-size: 22px;
    line-height: 30px;
  }
}
h5,
.heading-5,
.shop-handbook-page .copyrights-heading {
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 992px) {
  h5,
  .heading-5,
  .shop-handbook-page .copyrights-heading {
    font-size: 18px;
    line-height: 26px;
  }
}
h6,
.heading-6 {
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 992px) {
  h6,
  .heading-6 {
    font-size: 16px;
    line-height: 24px;
  }
}
.text {
  /* default */
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}
.text--center {
  text-align: center;
}
.text--right {
  text-align: right;
}
.text--left {
  text-align: left;
}
.text--cross {
  text-decoration: line-through;
}
.text--bold,
.text strong,
.text b {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.text--light {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.text--extra-big {
  font-size: 26px;
  line-height: 37px;
}
.text--big {
  font-size: 18px;
  line-height: 26px;
}
.text--large {
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .text--large {
    font-size: 22px;
    line-height: 30px;
  }
}
.text--small {
  font-size: 14px;
  line-height: 22px;
}
.text--tiny {
  font-size: 12px;
  line-height: 20px;
}
.text__paragraph {
  margin: 15px 0;
}
.text--cyan {
  color: #00efd2;
}
.text--blue {
  color: #1185ed;
}
.text--darkgrey {
  color: #6e6e6e;
}
.text--grey {
  color: #d2d2d2;
}
.text--red {
  color: #ff1744;
}
.text--white {
  color: #ffffff;
}
.text--black {
  color: #000;
}
.text--no-break {
  white-space: nowrap;
}
.text--line-height-reset {
  line-height: unset;
}
.text--truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text--capitalize {
  text-transform: capitalize;
}
.text--uppercase {
  text-transform: uppercase;
}
.link,
a {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  line-height: 24px;
  cursor: pointer;
}
.link:hover,
a:hover {
  color: #000;
  text-decoration: underline;
}
.link:focus,
a:focus,
.link:visited,
a:visited,
.link:active,
a:active {
  color: inherit;
  outline: none;
}
.link--light,
a--light {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.link--blue,
a--blue {
  color: #1185ed;
}
.link--blue:hover,
a--blue:hover {
  color: #1185ed;
}
.link--blue:focus,
a--blue:focus,
.link--blue:visited,
a--blue:visited,
.link--blue:active,
a--blue:active {
  color: #1185ed;
}
.link--white,
a--white {
  color: #ffffff;
}
.link--white:hover,
a--white:hover,
.link--white:focus,
a--white:focus,
.link--white:visited,
a--white:visited,
.link--white:active,
a--white:active {
  color: #ffffff;
}
.link--button,
a--button {
  border: 0;
  background: transparent;
}
.link--button:active,
a--button:active,
.link--button:focus,
a--button:focus {
  outline: none;
}
.link--button:hover,
a--button:hover {
  text-decoration: none;
}
.link--light,
a--light {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.list,
.mobile-body .list {
  list-style-type: disc;
  padding-left: 20px;
  margin: 15px 0;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.list__item,
.mobile-body .list__item {
  padding-left: 10px;
}
.list__paragraph,
.mobile-body .list__paragraph,
.list p,
.mobile-body .list p {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.list__paragraph:not(:first-of-type),
.mobile-body .list__paragraph:not(:first-of-type),
.list p:not(:first-of-type),
.mobile-body .list p:not(:first-of-type) {
  margin: 10px 0;
}
.list--break .list__item,
.mobile-body .list--break .list__item {
  word-break: break-word;
}
.list--stylized,
.mobile-body .list--stylized {
  list-style-type: none;
  padding: 0;
}
@media (min-width: 992px) {
  .list--stylized,
  .mobile-body .list--stylized {
    padding-left: 4px;
  }
}
.list--stylized .list__item,
.mobile-body .list--stylized .list__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 6px 0;
}
.list--light,
.mobile-body .list--light {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.list__ordered--alpha,
.mobile-body .list__ordered--alpha {
  list-style-type: lower-alpha;
}
.list__ordered--decimal,
.mobile-body .list__ordered--decimal {
  list-style-type: decimal;
}
.list__ordered--roman,
.mobile-body .list__ordered--roman {
  list-style-type: upper-roman;
}
.list__ordered--checkmarks,
.mobile-body .list__ordered--checkmarks {
  list-style-type: none;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.list__ordered--checkmarks .list__item,
.mobile-body .list__ordered--checkmarks .list__item {
  position: relative;
}
.list__ordered--checkmarks .list__item:before,
.mobile-body .list__ordered--checkmarks .list__item:before {
  content: '';
  position: absolute;
  background: url('/img/icons/checkmark_circle.svg');
  background-size: cover;
  width: 16px;
  height: 16px;
  top: 0;
  left: -20px;
}
.list__ordered--checkmarks .list__item--active,
.mobile-body .list__ordered--checkmarks .list__item--active {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.list__ordered--checkmarks .list__item--active:before,
.mobile-body .list__ordered--checkmarks .list__item--active:before {
  background: url('/img/icons/checkmark.svg');
  background-size: cover;
}
.list__ordered--checkmarks .list__item--active-light,
.mobile-body .list__ordered--checkmarks .list__item--active-light {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.list__ordered--checkmarks .list__item--active-light:before,
.mobile-body .list__ordered--checkmarks .list__item--active-light:before {
  background: url('/img/icons/checkmark.svg');
  background-size: cover;
}
.list__ordered--arrows,
.mobile-body .list__ordered--arrows {
  list-style-type: none;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.list__ordered--arrows .list__item,
.mobile-body .list__ordered--arrows .list__item {
  position: relative;
}
.list__ordered--arrows .list__item:before,
.mobile-body .list__ordered--arrows .list__item:before {
  content: '';
  position: absolute;
  background: url('/img/icons/icon_arrow.svg');
  background-size: cover;
  width: 16px;
  height: 16px;
  top: 3px;
  left: -20px;
}
.list--arrows,
.mobile-body .list--arrows {
  list-style-type: none;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.list--arrows .list__item,
.mobile-body .list--arrows .list__item {
  position: relative;
}
.list--arrows .list__item:before,
.mobile-body .list--arrows .list__item:before {
  content: '';
  position: absolute;
  background: url('/img/icons/arrow_list.png');
  background-size: cover;
  width: 16px;
  height: 16px;
  top: 4px;
  left: -20px;
}
.list--sublist,
.mobile-body .list--sublist {
  counter-reset: section;
  list-style-type: none;
}
.list--sublist h3,
.mobile-body .list--sublist h3,
.list--sublist .sublist-heading,
.mobile-body .list--sublist .sublist-heading {
  margin-left: -30px;
}
.list--sublist li,
.mobile-body .list--sublist li {
  list-style-type: none;
  position: relative;
  margin: 10px 0;
}
.list--sublist li::before,
.mobile-body .list--sublist li::before {
  counter-increment: section;
  content: '';
}
.list--sublist ol,
.mobile-body .list--sublist ol,
.list--sublist .sublist,
.mobile-body .list--sublist .sublist {
  counter-reset: subsection;
}
.list--sublist ol > li::before,
.mobile-body .list--sublist ol > li::before,
.list--sublist .sublist > li::before,
.mobile-body .list--sublist .sublist > li::before {
  counter-increment: subsection;
  content: counter(section) '.' counter(subsection);
  position: absolute;
  left: -30px;
}
hr {
  border: none;
  border-top: 1px solid #d2d2d2;
  margin: 15px auto;
  width: 100%;
}
a.button,
.button,
.adyen-checkout__button {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease, background-image 0.3s ease;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  outline: 0;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
  /* size medium -> default */
  font-size: 16px;
  line-height: 20px;
  padding: 12px 20px;
  width: 100%;
  /* blue button */
  /* white button with blue border */
  /* Button with cart counter */
  /* grey button */
  /* sizes */
  /* other */
  /* social */
}
@media (min-width: 992px) {
  a.button,
  .button,
  .adyen-checkout__button {
    font-size: 18px;
    line-height: 26px;
    width: auto;
    max-width: unset;
  }
}
a.button--primary,
.button--primary,
.adyen-checkout__button--primary {
  background: #1185ed;
  color: #ffffff;
}
a.button--primary:visited,
.button--primary:visited,
.adyen-checkout__button--primary:visited,
a.button--primary:active,
.button--primary:active,
.adyen-checkout__button--primary:active,
a.button--primary:hover,
.button--primary:hover,
.adyen-checkout__button--primary:hover {
  color: #ffffff;
  text-decoration: none;
}
a.button--primary.button--selected,
.button--primary.button--selected,
.adyen-checkout__button--primary.button--selected {
  background-color: #0f76d4;
}
a.button--primary:not(.button--no-hover):hover,
.button--primary:not(.button--no-hover):hover,
.adyen-checkout__button--primary:not(.button--no-hover):hover {
  background-color: #0f76d4;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2);
}
a.button--primary:active,
.button--primary:active,
.adyen-checkout__button--primary:active {
  background-color: #0f76d4;
  box-shadow: none;
}
a.button--secondary,
.button--secondary,
.adyen-checkout__button--secondary {
  background: #ffffff;
  border: 1px solid #1185ed;
  color: #1185ed;
  padding: 11px 19px;
}
a.button--secondary:visited,
.button--secondary:visited,
.adyen-checkout__button--secondary:visited,
a.button--secondary:active,
.button--secondary:active,
.adyen-checkout__button--secondary:active,
a.button--secondary:hover,
.button--secondary:hover,
.adyen-checkout__button--secondary:hover {
  color: #1185ed;
  text-decoration: none;
}
a.button--secondary.button--processing,
.button--secondary.button--processing,
.adyen-checkout__button--secondary.button--processing {
  color: #1185ed !important;
  background-image: url('/img/loaders/loader-dark.svg');
}
a.button--secondary.button--big,
.button--secondary.button--big,
.adyen-checkout__button--secondary.button--big {
  padding: 9px 22px;
}
@media (min-width: 992px) {
  a.button--secondary.button--big,
  .button--secondary.button--big,
  .adyen-checkout__button--secondary.button--big {
    padding: 9px 22px;
  }
}
a.button--secondary.button--small,
.button--secondary.button--small,
.adyen-checkout__button--secondary.button--small {
  padding: 9px 19px;
}
@media (min-width: 992px) {
  a.button--secondary.button--small,
  .button--secondary.button--small,
  .adyen-checkout__button--secondary.button--small {
    padding: 7px 19px;
  }
}
a.button--secondary:not(.button--no-hover):hover,
.button--secondary:not(.button--no-hover):hover,
.adyen-checkout__button--secondary:not(.button--no-hover):hover {
  background-color: #f5f5f5;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2);
}
a.button--secondary:active,
.button--secondary:active,
.adyen-checkout__button--secondary:active {
  background-color: #f5f5f5;
  box-shadow: none;
}
a.button--counter,
.button--counter,
.adyen-checkout__button--counter {
  position: relative;
}
a.button--counter span,
.button--counter span,
.adyen-checkout__button--counter span {
  background: #ff1744;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 20px;
  color: #ffffff;
  position: absolute;
  top: -8px;
  left: 6px;
}
a.button--inactive,
.button--inactive,
.adyen-checkout__button--inactive {
  background-color: #d2d2d2 !important;
  color: #ffffff;
  box-shadow: none;
  pointer-events: none !important;
  border: none;
}
a.button--inactive:hover,
.button--inactive:hover,
.adyen-checkout__button--inactive:hover,
a.button--inactive:active,
.button--inactive:active,
.adyen-checkout__button--inactive:active {
  background-color: #d2d2d2 !important;
  color: #ffffff;
  box-shadow: none;
  cursor: default;
}
a.button--big,
.button--big,
.adyen-checkout__button--big {
  font-size: 16px;
  line-height: 20px;
  padding: 12px 20px;
  width: auto;
}
@media (min-width: 992px) {
  a.button--big,
  .button--big,
  .adyen-checkout__button--big {
    font-size: 22px;
    padding: 10px 24px;
    line-height: 30px;
  }
}
a.button--small,
.button--small,
.adyen-checkout__button--small {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 20px;
}
@media (min-width: 992px) {
  a.button--small,
  .button--small,
  .adyen-checkout__button--small {
    font-size: 16px;
    padding: 8px 20px;
    line-height: 24px;
  }
}
a.button--tiny,
.button--tiny,
.adyen-checkout__button--tiny {
  font-size: 12px;
  line-height: 18px;
  padding: 2px 6px 1px 5px;
}
a.button--clear-filters,
.button--clear-filters,
.adyen-checkout__button--clear-filters {
  padding: 3px 5px;
  width: auto;
  background: transparent;
  line-height: 26px;
}
a.button--full-width,
.button--full-width,
.adyen-checkout__button--full-width {
  width: 100%;
  display: inline-block;
}
a.button--auto,
.button--auto,
.adyen-checkout__button--auto {
  width: auto;
}
a.button--responsive,
.button--responsive,
.adyen-checkout__button--responsive {
  width: 100%;
  display: inline-block;
}
@media (min-width: 576px) {
  a.button--responsive,
  .button--responsive,
  .adyen-checkout__button--responsive {
    width: 50%;
  }
}
@media (min-width: 768px) {
  a.button--responsive,
  .button--responsive,
  .adyen-checkout__button--responsive {
    width: initial;
  }
}
a.button--center,
.button--center,
.adyen-checkout__button--center {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
a.button--right,
.button--right,
.adyen-checkout__button--right {
  position: relative;
  left: 100%;
  transform: translateX(-100%);
}
a.button.button--processing,
.button.button--processing,
.adyen-checkout__button.button--processing {
  background-image: url('/img/loaders/loader-white.svg');
  background-position: 12px center;
  background-repeat: no-repeat;
  background-size: auto 60%;
  color: #ffffff;
  box-shadow: none;
  pointer-events: none;
}
a.button--circle,
.button--circle,
.adyen-checkout__button--circle {
  border-radius: 50%;
  width: 46px;
  height: 46px;
  font-size: 30px;
  line-height: 100%;
  padding: 0;
}
a.button[disabled],
.button[disabled],
.adyen-checkout__button[disabled],
a.button[disabled]:hover,
.button[disabled]:hover,
.adyen-checkout__button[disabled]:hover {
  background: #d9e0e4;
  color: #8d9ba1;
  cursor: not-allowed;
  box-shadow: none;
  border: none;
}
a.button--fb,
.button--fb,
.adyen-checkout__button--fb {
  color: #ffffff;
  background-color: #3b5998;
  background-image: url(/img/icons/fb_button_sign.png);
  background-position: 15px center;
  background-repeat: no-repeat;
  padding-left: 40px;
}
a.button--twitch,
.button--twitch,
.adyen-checkout__button--twitch {
  background-color: #6441a4;
}
a.button--twitch:hover,
.button--twitch:hover,
.adyen-checkout__button--twitch:hover {
  background-color: #6441a2;
}
a.button--disabled,
.button--disabled,
.adyen-checkout__button--disabled {
  opacity: 0.8;
  pointer-events: none;
}
a.button--disabled:hover,
.button--disabled:hover,
.adyen-checkout__button--disabled:hover {
  box-shadow: none;
}
a.button--popup-submit,
.button--popup-submit,
.adyen-checkout__button--popup-submit {
  display: block;
  margin: 0 auto;
  width: 70%;
}
.paypal-button {
  border-radius: 4px !important;
}
.similar-displates-btn {
  margin-top: 18px;
  color: #1185ed;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
@media (min-width: 992px) {
  .similar-displates-btn {
    margin-bottom: 0;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    margin-top: 8px;
  }
}
/* INPUT TYPE TEXT */
.phone-input-select__container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}
.phone-input-select__select {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.phone-input-select__flag {
  height: 16px;
  width: auto;
}
.phone-input-select__chevron {
  transform: rotate(90deg);
}
.phone-input__container {
  display: flex;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding: 8px 12px;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  transition: box-shadow 0.3s ease;
  outline: 0;
  width: 100%;
  position: relative;
  padding: 0 0 0 12px;
}
.phone-input__container::placeholder {
  color: #6e6e6e;
}
.phone-input__container:hover,
.phone-input__container:active,
.phone-input__container:focus {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.phone-input__container:focus::placeholder {
  color: transparent;
}
.phone-input__container::placeholder {
  color: #6e6e6e;
}
.phone-input__container:hover,
.phone-input__container:active,
.phone-input__container:focus {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.phone-input__container:focus::placeholder {
  color: transparent;
}
.phone-input__container:focus-within {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.phone-input__input {
  border: none;
  outline: none;
  padding: 8px 12px 8px 8px;
  width: 100%;
  line-height: 22px;
  border-radius: 4px;
}
.input-text,
.input-textarea {
  appearance: none;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding: 8px 12px;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  transition: box-shadow 0.3s ease;
  outline: 0;
  width: 100%;
}
.input-text::placeholder,
.input-textarea::placeholder {
  color: #6e6e6e;
}
.input-text:hover,
.input-textarea:hover,
.input-text:active,
.input-textarea:active,
.input-text:focus,
.input-textarea:focus {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.input-text:focus::placeholder,
.input-textarea:focus::placeholder {
  color: transparent;
}
.input-text::placeholder,
.input-textarea::placeholder {
  color: #6e6e6e;
}
.input-text:hover,
.input-textarea:hover,
.input-text:active,
.input-textarea:active,
.input-text:focus,
.input-textarea:focus {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.input-text:focus::placeholder,
.input-textarea:focus::placeholder {
  color: transparent;
}
.input-text--error,
.input-textarea--error {
  border-color: #ff1744;
}
.input-text--responsive,
.input-textarea--responsive {
  width: auto;
}
.input-text--card-amex,
.input-textarea--card-amex,
.input-text--card-visa,
.input-textarea--card-visa,
.input-text--card-mastercard,
.input-textarea--card-mastercard,
.input-text--card-hipercard,
.input-textarea--card-hipercard,
.input-text--card-dinersclub,
.input-textarea--card-dinersclub {
  position: relative;
}
.input-text--card-amex:before,
.input-textarea--card-amex:before,
.input-text--card-visa:before,
.input-textarea--card-visa:before,
.input-text--card-mastercard:before,
.input-textarea--card-mastercard:before,
.input-text--card-hipercard:before,
.input-textarea--card-hipercard:before,
.input-text--card-dinersclub:before,
.input-textarea--card-dinersclub:before {
  position: absolute;
  right: 20px;
  bottom: 31px;
}
.input-text--card-amex:before,
.input-textarea--card-amex:before {
  content: url('/img/icons/credit_card_american_express.png');
}
.input-text--card-visa:before,
.input-textarea--card-visa:before {
  content: url('/img/icons/credit_card_visa.png');
}
.input-text--card-mastercard:before,
.input-textarea--card-mastercard:before {
  content: url('/img/icons/credit_card_master_card.png');
}
.input-text--card-hipercard:before,
.input-textarea--card-hipercard:before {
  content: url('/img/icons/credit_card_discovery.png');
}
.input-text--card-dinersclub:before,
.input-textarea--card-dinersclub:before {
  content: url('/img/icons/credit_card_diners_club.png');
}
.input-text[disabled],
.input-textarea[disabled],
.input-text--disabled,
.input-textarea--disabled,
.input-text--disabled:hover,
.input-textarea--disabled:hover {
  background: #f5f5f5;
  border-color: #d2d2d2;
  color: #6e6e6e;
  box-shadow: none;
  cursor: not-allowed;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
@supports (-webkit-overflow-scrolling: touch) {
  .input-text[disabled],
  .input-textarea[disabled],
  .input-text--disabled,
  .input-textarea--disabled,
  .input-text--disabled:hover,
  .input-textarea--disabled:hover {
    background: #f5f5f5;
    border-color: #6e6e6e;
    color: #000;
  }
}
.input-text[readonly],
.input-textarea[readonly],
.input-text[readonly]:hover,
.input-textarea[readonly]:hover {
  background: #f5f5f5;
  border-color: #d2d2d2;
  color: #6e6e6e;
  box-shadow: none;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
@supports (-webkit-overflow-scrolling: touch) {
  .input-text[readonly],
  .input-textarea[readonly],
  .input-text[readonly]:hover,
  .input-textarea[readonly]:hover {
    background: #f5f5f5;
    border-color: #6e6e6e;
    color: #000;
  }
}
.input-textarea {
  resize: none;
  vertical-align: top;
}
/* DROPDOWNS */
.mobile-body .input-select:hover {
  box-shadow: none;
}
.input-select {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  transition: box-shadow 0.3s ease;
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: #ffffff;
  z-index: 1;
  min-height: 40px;
}
.input-select--disabled {
  pointer-events: none;
  background: #f5f5f5;
  border-color: #d2d2d2;
  color: #6e6e6e;
  box-shadow: none;
}
.input-select--disabled:after {
  filter: grayscale(100%);
}
.input-select:after {
  content: '';
  display: block;
  position: absolute;
  width: 40px;
  height: 100%;
  right: 0;
  top: 0;
  transition: transform 0.3s ease;
  background-image: url('/img/icons/dropdown-icon.png');
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1000;
  pointer-events: none;
}
.input-select .input-select__dropdown {
  display: none;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  z-index: 1000;
  transition: box-shadow 0.3s ease;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  background: #ffffff;
}
.input-select .input-select__dropdown--small {
  max-height: 190px !important;
}
.input-select .input-select__dropdown--small > .simplebar-track.vertical {
  margin-top: 18px;
}
.input-select .input-select__item,
.input-select a.input-select__item {
  padding: 8px 12px 8px 12px;
  display: block;
  line-height: 22px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input-select .input-select__item:first-child,
.input-select a.input-select__item:first-child {
  padding: 8px 30px 8px 12px;
}
.input-select .input-select__item:hover,
.input-select a.input-select__item:hover {
  text-decoration: none;
  background: #f5f5f5;
}
.input-select .input-select__item--selected,
.input-select a.input-select__item--selected {
  pointer-events: none;
  padding: 8px 30px 8px 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input-select .input-select__item:first-child,
.input-select a.input-select__item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.input-select .input-select__item:last-child,
.input-select a.input-select__item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.input-select .input-select__item span,
.input-select a.input-select__item span {
  pointer-events: none;
}
.input-select:hover {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.input-select:hover .input-select__dropdown {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.input-select--error {
  border-color: #ff1744;
}
.input-select--error .input-select__dropdown {
  border-color: #ff1744;
}
.input-select--active:after {
  transform: rotate(-180deg);
}
.input-select--active:hover {
  box-shadow: none;
}
.input-select--active .input-select__dropdown {
  display: block;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.input-select--full-width {
  width: 100%;
}
.input-select--empty:after {
  display: none;
}
.input-select--empty .input-select__dropdown {
  display: none;
}
.input-native-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  transition: box-shadow 0.3s ease;
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: #ffffff;
  z-index: 1;
  min-height: 40px;
  width: 100%;
  padding: 8px 12px;
  color: #000;
  background-image: url('/img/icons/dropdown-icon.png');
  background-repeat: no-repeat;
  background-position: right 12px top 50%;
  background-size: 17px auto;
}
.input-native-select--disabled {
  pointer-events: none;
  background: #f5f5f5;
  border-color: #d2d2d2;
  color: #6e6e6e;
  box-shadow: none;
}
.input-native-select:hover {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.input-native-select--error {
  border-color: #ff1744;
}
/* INPUT TYPE CHECKBOX */
.input-checkbox {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  margin: 5px 0;
}
@media (min-width: 992px) {
  .input-checkbox {
    background: none;
    padding: 0;
  }
}
.input-checkbox .input-checkbox__checkbox {
  display: none;
}
.input-checkbox:hover .input-checkbox__checkmark {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.input-checkbox .input-checkbox__checkmark {
  height: 20px;
  width: 20px;
  margin: 2px 0;
  flex-shrink: 0;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  margin-right: 10px;
  position: relative;
  transition: box-shadow 0.3s ease;
}
.input-checkbox .input-checkbox__checkmark:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 2px;
  width: 7px;
  height: 11px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: translateX(-50%) rotate(45deg);
  box-sizing: border-box;
}
.input-checkbox .input-checkbox__label {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  color: #000;
  text-align: left;
  line-height: 24px;
  flex-grow: 1;
}
.input-checkbox .input-checkbox__checkbox:checked ~ .input-checkbox__checkmark {
  background: #1185ed;
  border-color: #1185ed;
}
.input-checkbox .input-checkbox__checkbox:checked ~ .input-checkbox__label {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.input-checkbox--disabled .input-checkbox__label {
  color: #d2d2d2;
}
.input-checkbox--disabled:hover .input-checkbox__checkmark {
  box-shadow: none;
}
/* INPUT TYPE RADIO */
.input-radio {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  margin: 5px 0;
}
@media (min-width: 992px) {
  .input-radio {
    padding: 0;
  }
}
.input-radio .input-radio__radio {
  display: none;
}
.input-radio:hover .input-radio__checkmark {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.input-radio .input-radio__checkmark {
  height: 20px;
  width: 20px;
  margin: 2px 0;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  margin-right: 10px;
  position: relative;
  transition: box-shadow 0.3s ease;
}
.input-radio .input-radio__label {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  color: #000;
  text-align: left;
  line-height: 24px;
  flex-grow: 1;
}
.input-radio .input-radio__label .input-hint {
  padding: 0;
}
.input-radio .input-radio__radio:checked ~ .input-radio__checkmark {
  border: 6px solid #1185ed;
}
.input-radio .input-radio__radio:checked ~ .input-radio__label {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.input-radio--stylized .input-radio__checkmark {
  width: 26px;
  height: 26px;
  margin: 0;
  margin-right: 8px;
  background-size: 100% 100%;
  background-image: url('/img/icons/stylized-radio.png');
  border: none;
}
.input-radio--stylized .input-radio__radio:checked + .input-radio__checkmark {
  background-image: url('/img/icons/stylized-radio-checked.png');
  border: none;
}
.input-radio--stylized .input-radio__label {
  line-height: 26px;
}
.input-radio--block {
  position: relative;
  margin-left: 4px;
  padding: 6px;
}
.input-radio--block .input-radio__label:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -4px;
  bottom: 0;
  right: -4px;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  z-index: -1;
}
.input-radio--block .input-radio__radio:checked ~ .input-radio__label:after {
  background: #f5f5f5;
}
.input-hint-bold .input-hint {
  font-weight: bold;
}
/* HINT */
.input-hint {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  display: inline-block;
  padding: 4px 0 0 0;
  margin: 0;
  display: block;
  font-size: 14px;
  color: #6e6e6e;
  text-align: left;
}
.input-hint--error {
  color: #ff1744;
}
.input-hint + .input-hint {
  padding: 0;
}
@media (min-width: 992px) {
  .input-hint {
    padding: 6px 0 0 0;
  }
}
/* GROUP */
.input-grp {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.input-grp > * {
  margin-right: 8px;
}
.input-grp :last-child {
  margin-right: 0;
}
.input-grp--space-between {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.input-grp--space-between-top {
  align-items: flex-start;
}
.input-grp--space-between .input-grp__short {
  width: 38%;
  margin-right: 0;
}
@media (min-width: 576px) {
  .input-grp--space-between .input-grp__short {
    width: 24%;
  }
}
.input-grp--space-between .input-grp__long {
  width: 60%;
  margin-right: 0;
}
@media (min-width: 576px) {
  .input-grp--space-between .input-grp__long {
    width: 74%;
  }
}
.input-grp--space-between .input-grp__half {
  width: 48%;
  margin-right: 0;
}
.input-grp--date-top {
  align-items: flex-start;
}
.input-grp--date .input-grp__day,
.input-grp--date .input-grp__month {
  width: 55px;
}
.input-grp--date .input-grp__day label,
.input-grp--date .input-grp__month label {
  white-space: nowrap;
}
.input-grp--date .input-grp__day input,
.input-grp--date .input-grp__month input {
  text-align: center;
}
.input-grp--date .input-grp__year {
  width: 70px;
}
.input-grp--date .input-grp__year input {
  text-align: center;
}
.input-grp--date .input-grp__fill {
  flex: 1 auto;
}
.input-grp--date input::-webkit-outer-spin-button,
.input-grp--date input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-grp--date input[type='number'] {
  -moz-appearance: textfield;
}
.input-grp .input-hint {
  width: 100%;
}
/* LABEL */
.label {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  display: block;
  padding: 0 0 6px 0;
  text-align: left;
  font-size: 16px;
  color: #000;
}
.label--bold {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.label--inline {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (min-width: 992px) {
  .label {
    padding: 0 0 10px 0;
  }
}
.label--bold {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.label--inline {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (min-width: 992px) {
  .label {
    padding: 0 0 10px 0;
  }
}
/* INPUT TYPE RANGE */
.input-range {
  -webkit-appearance: none;
  width: 100%;
  border: none;
  border-radius: 0;
  padding: 14px 0 15px;
  position: relative;
  background: transparent;
}
.input-range__wrapper {
  width: 100%;
  position: relative;
}
.input-range__progress {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  bottom: 50%;
  width: 0;
  background: #1185ed;
  height: 1px;
  z-index: 1;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.input-range:focus {
  outline: none;
}
.input-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  position: relative;
  background: #d2d2d2;
}
.input-range::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #1185ed;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9.5px;
}
.input-range:focus::-webkit-slider-runnable-track {
  background: #d2d2d2;
}
.input-range::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  position: relative;
  background: #d2d2d2;
}
.input-range::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #1185ed;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.input-range::-ms-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  position: relative;
  background: transparent;
  color: transparent;
}
.input-range::-moz-range-progress {
  background: #1185ed;
}
.input-range::-moz-range-track {
  background: #d2d2d2;
}
.input-range::-ms-fill-lower {
  background: #d2d2d2;
}
.input-range::-ms-fill-upper {
  background: #1185ed;
}
.input-range::-ms-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #1185ed;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.input-range:focus::-ms-fill-lower {
  background: #d2d2d2;
}
.input-range:focus::-ms-fill-upper {
  background: #1185ed;
}
/* Input phone */
.input-phone-container {
  position: relative;
  width: 100%;
}
.input-phone-container:disabled {
  cursor: not-allowed;
}
.input-phone-container .input-text--error + .flag-dropdown {
  border-color: #ff1744;
  border-right-color: #d2d2d2;
}
.input-phone-container .flag {
  background: url(/img/icons/flag_spirit.png);
  height: 11px;
  width: 16px;
}
.input-phone-container .ad {
  background-position: -16px 0;
}
.input-phone-container .ae {
  background-position: -32px 0;
}
.input-phone-container .af {
  background-position: -48px 0;
}
.input-phone-container .ag {
  background-position: -64px 0;
}
.input-phone-container .ai {
  background-position: -80px 0;
}
.input-phone-container .al {
  background-position: -96px 0;
}
.input-phone-container .am {
  background-position: -112px 0;
}
.input-phone-container .ao {
  background-position: -128px 0;
}
.input-phone-container .ar {
  background-position: -144px 0;
}
.input-phone-container .as {
  background-position: -160px 0;
}
.input-phone-container .at {
  background-position: -176px 0;
}
.input-phone-container .au {
  background-position: -192px 0;
}
.input-phone-container .aw {
  background-position: -208px 0;
}
.input-phone-container .az {
  background-position: -224px 0;
}
.input-phone-container .ba {
  background-position: -240px 0;
}
.input-phone-container .bb {
  background-position: 0 -11px;
}
.input-phone-container .bd {
  background-position: -16px -11px;
}
.input-phone-container .be {
  background-position: -32px -11px;
}
.input-phone-container .bf {
  background-position: -48px -11px;
}
.input-phone-container .bg {
  background-position: -64px -11px;
}
.input-phone-container .bh {
  background-position: -80px -11px;
}
.input-phone-container .bi {
  background-position: -96px -11px;
}
.input-phone-container .bj {
  background-position: -112px -11px;
}
.input-phone-container .bm {
  background-position: -128px -11px;
}
.input-phone-container .bn {
  background-position: -144px -11px;
}
.input-phone-container .bo {
  background-position: -160px -11px;
}
.input-phone-container .br {
  background-position: -176px -11px;
}
.input-phone-container .bs {
  background-position: -192px -11px;
}
.input-phone-container .bt {
  background-position: -208px -11px;
}
.input-phone-container .bw {
  background-position: -224px -11px;
}
.input-phone-container .by {
  background-position: -240px -11px;
}
.input-phone-container .bz {
  background-position: 0 -22px;
}
.input-phone-container .ca {
  background-position: -16px -22px;
}
.input-phone-container .cd {
  background-position: -32px -22px;
}
.input-phone-container .cf {
  background-position: -48px -22px;
}
.input-phone-container .cg {
  background-position: -64px -22px;
}
.input-phone-container .ch {
  background-position: -80px -22px;
}
.input-phone-container .ci {
  background-position: -96px -22px;
}
.input-phone-container .ck {
  background-position: -112px -22px;
}
.input-phone-container .cl {
  background-position: -128px -22px;
}
.input-phone-container .cm {
  background-position: -144px -22px;
}
.input-phone-container .cn {
  background-position: -160px -22px;
}
.input-phone-container .co {
  background-position: -176px -22px;
}
.input-phone-container .cr {
  background-position: -192px -22px;
}
.input-phone-container .cu {
  background-position: -208px -22px;
}
.input-phone-container .cv {
  background-position: -224px -22px;
}
.input-phone-container .cw {
  background-position: -240px -22px;
}
.input-phone-container .cy {
  background-position: 0 -33px;
}
.input-phone-container .cz {
  background-position: -16px -33px;
}
.input-phone-container .de {
  background-position: -32px -33px;
}
.input-phone-container .dj {
  background-position: -48px -33px;
}
.input-phone-container .dk {
  background-position: -64px -33px;
}
.input-phone-container .dm {
  background-position: -80px -33px;
}
.input-phone-container .do {
  background-position: -96px -33px;
}
.input-phone-container .dz {
  background-position: -112px -33px;
}
.input-phone-container .ec {
  background-position: -128px -33px;
}
.input-phone-container .ee {
  background-position: -144px -33px;
}
.input-phone-container .eg {
  background-position: -160px -33px;
}
.input-phone-container .er {
  background-position: -176px -33px;
}
.input-phone-container .es {
  background-position: -192px -33px;
}
.input-phone-container .et {
  background-position: -208px -33px;
}
.input-phone-container .fi {
  background-position: -224px -33px;
}
.input-phone-container .fj {
  background-position: -240px -33px;
}
.input-phone-container .fk {
  background-position: 0 -44px;
}
.input-phone-container .fm {
  background-position: -16px -44px;
}
.input-phone-container .fo {
  background-position: -32px -44px;
}
.input-phone-container .fr {
  background-position: -48px -44px;
}
.input-phone-container .bl {
  background-position: -48px -44px;
}
.input-phone-container .mf {
  background-position: -48px -44px;
}
.input-phone-container .ga {
  background-position: -64px -44px;
}
.input-phone-container .gb {
  background-position: -80px -44px;
}
.input-phone-container .gd {
  background-position: -96px -44px;
}
.input-phone-container .ge {
  background-position: -112px -44px;
}
.input-phone-container .gf {
  background-position: -128px -44px;
}
.input-phone-container .gh {
  background-position: -144px -44px;
}
.input-phone-container .gi {
  background-position: -160px -44px;
}
.input-phone-container .gl {
  background-position: -176px -44px;
}
.input-phone-container .gm {
  background-position: -192px -44px;
}
.input-phone-container .gn {
  background-position: -208px -44px;
}
.input-phone-container .gp {
  background-position: -224px -44px;
}
.input-phone-container .gq {
  background-position: -240px -44px;
}
.input-phone-container .gr {
  background-position: 0 -55px;
}
.input-phone-container .gt {
  background-position: -16px -55px;
}
.input-phone-container .gu {
  background-position: -32px -55px;
}
.input-phone-container .gw {
  background-position: -48px -55px;
}
.input-phone-container .gy {
  background-position: -64px -55px;
}
.input-phone-container .hk {
  background-position: -80px -55px;
}
.input-phone-container .hn {
  background-position: -96px -55px;
}
.input-phone-container .hr {
  background-position: -112px -55px;
}
.input-phone-container .ht {
  background-position: -128px -55px;
}
.input-phone-container .hu {
  background-position: -144px -55px;
}
.input-phone-container .id {
  background-position: -160px -55px;
}
.input-phone-container .ie {
  background-position: -176px -55px;
}
.input-phone-container .il {
  background-position: -192px -55px;
}
.input-phone-container .in {
  background-position: -208px -55px;
}
.input-phone-container .io {
  background-position: -224px -55px;
}
.input-phone-container .iq {
  background-position: -240px -55px;
}
.input-phone-container .ir {
  background-position: 0 -66px;
}
.input-phone-container .is {
  background-position: -16px -66px;
}
.input-phone-container .it {
  background-position: -32px -66px;
}
.input-phone-container .jm {
  background-position: -48px -66px;
}
.input-phone-container .jo {
  background-position: -64px -66px;
}
.input-phone-container .jp {
  background-position: -80px -66px;
}
.input-phone-container .ke {
  background-position: -96px -66px;
}
.input-phone-container .kg {
  background-position: -112px -66px;
}
.input-phone-container .kh {
  background-position: -128px -66px;
}
.input-phone-container .ki {
  background-position: -144px -66px;
}
.input-phone-container .km {
  background-position: -160px -66px;
}
.input-phone-container .kn {
  background-position: -176px -66px;
}
.input-phone-container .kp {
  background-position: -192px -66px;
}
.input-phone-container .kr {
  background-position: -208px -66px;
}
.input-phone-container .kw {
  background-position: -224px -66px;
}
.input-phone-container .ky {
  background-position: -240px -66px;
}
.input-phone-container .kz {
  background-position: 0 -77px;
}
.input-phone-container .la {
  background-position: -16px -77px;
}
.input-phone-container .lb {
  background-position: -32px -77px;
}
.input-phone-container .lc {
  background-position: -48px -77px;
}
.input-phone-container .li {
  background-position: -64px -77px;
}
.input-phone-container .lk {
  background-position: -80px -77px;
}
.input-phone-container .lr {
  background-position: -96px -77px;
}
.input-phone-container .ls {
  background-position: -112px -77px;
}
.input-phone-container .lt {
  background-position: -128px -77px;
}
.input-phone-container .lu {
  background-position: -144px -77px;
}
.input-phone-container .lv {
  background-position: -160px -77px;
}
.input-phone-container .ly {
  background-position: -176px -77px;
}
.input-phone-container .ma {
  background-position: -192px -77px;
}
.input-phone-container .mc {
  background-position: -208px -77px;
}
.input-phone-container .md {
  background-position: -224px -77px;
}
.input-phone-container .me {
  background-position: -112px -154px;
  height: 12px;
}
.input-phone-container .mg {
  background-position: 0 -88px;
}
.input-phone-container .mh {
  background-position: -16px -88px;
}
.input-phone-container .mk {
  background-position: -32px -88px;
}
.input-phone-container .ml {
  background-position: -48px -88px;
}
.input-phone-container .mm {
  background-position: -64px -88px;
}
.input-phone-container .mn {
  background-position: -80px -88px;
}
.input-phone-container .mo {
  background-position: -96px -88px;
}
.input-phone-container .mp {
  background-position: -112px -88px;
}
.input-phone-container .mq {
  background-position: -128px -88px;
}
.input-phone-container .mr {
  background-position: -144px -88px;
}
.input-phone-container .ms {
  background-position: -160px -88px;
}
.input-phone-container .mt {
  background-position: -176px -88px;
}
.input-phone-container .mu {
  background-position: -192px -88px;
}
.input-phone-container .mv {
  background-position: -208px -88px;
}
.input-phone-container .mw {
  background-position: -224px -88px;
}
.input-phone-container .mx {
  background-position: -240px -88px;
}
.input-phone-container .my {
  background-position: 0 -99px;
}
.input-phone-container .mz {
  background-position: -16px -99px;
}
.input-phone-container .na {
  background-position: -32px -99px;
}
.input-phone-container .nc {
  background-position: -48px -99px;
}
.input-phone-container .ne {
  background-position: -64px -99px;
}
.input-phone-container .nf {
  background-position: -80px -99px;
}
.input-phone-container .ng {
  background-position: -96px -99px;
}
.input-phone-container .ni {
  background-position: -112px -99px;
}
.input-phone-container .nl {
  background-position: -128px -99px;
}
.input-phone-container .bq {
  background-position: -128px -99px;
}
.input-phone-container .no {
  background-position: -144px -99px;
}
.input-phone-container .np {
  background-position: -160px -99px;
}
.input-phone-container .nr {
  background-position: -176px -99px;
}
.input-phone-container .nu {
  background-position: -192px -99px;
}
.input-phone-container .nz {
  background-position: -208px -99px;
}
.input-phone-container .om {
  background-position: -224px -99px;
}
.input-phone-container .pa {
  background-position: -240px -99px;
}
.input-phone-container .pe {
  background-position: 0 -110px;
}
.input-phone-container .pf {
  background-position: -16px -110px;
}
.input-phone-container .pg {
  background-position: -32px -110px;
}
.input-phone-container .ph {
  background-position: -48px -110px;
}
.input-phone-container .pk {
  background-position: -64px -110px;
}
.input-phone-container .pl {
  background-position: -80px -110px;
}
.input-phone-container .pm {
  background-position: -96px -110px;
}
.input-phone-container .pr {
  background-position: -112px -110px;
}
.input-phone-container .ps {
  background-position: -128px -110px;
}
.input-phone-container .pt {
  background-position: -144px -110px;
}
.input-phone-container .pw {
  background-position: -160px -110px;
}
.input-phone-container .py {
  background-position: -176px -110px;
}
.input-phone-container .qa {
  background-position: -192px -110px;
}
.input-phone-container .re {
  background-position: -208px -110px;
}
.input-phone-container .ro {
  background-position: -224px -110px;
}
.input-phone-container .rs {
  background-position: -240px -110px;
}
.input-phone-container .ru {
  background-position: 0 -121px;
}
.input-phone-container .rw {
  background-position: -16px -121px;
}
.input-phone-container .sa {
  background-position: -32px -121px;
}
.input-phone-container .sb {
  background-position: -48px -121px;
}
.input-phone-container .sc {
  background-position: -64px -121px;
}
.input-phone-container .sd {
  background-position: -80px -121px;
}
.input-phone-container .se {
  background-position: -96px -121px;
}
.input-phone-container .sg {
  background-position: -112px -121px;
}
.input-phone-container .sh {
  background-position: -128px -121px;
}
.input-phone-container .si {
  background-position: -144px -121px;
}
.input-phone-container .sk {
  background-position: -160px -121px;
}
.input-phone-container .sl {
  background-position: -176px -121px;
}
.input-phone-container .sm {
  background-position: -192px -121px;
}
.input-phone-container .sn {
  background-position: -208px -121px;
}
.input-phone-container .so {
  background-position: -224px -121px;
}
.input-phone-container .sr {
  background-position: -240px -121px;
}
.input-phone-container .ss {
  background-position: 0 -132px;
}
.input-phone-container .st {
  background-position: -16px -132px;
}
.input-phone-container .sv {
  background-position: -32px -132px;
}
.input-phone-container .sx {
  background-position: -48px -132px;
}
.input-phone-container .sy {
  background-position: -64px -132px;
}
.input-phone-container .sz {
  background-position: -80px -132px;
}
.input-phone-container .tc {
  background-position: -96px -132px;
}
.input-phone-container .td {
  background-position: -112px -132px;
}
.input-phone-container .tg {
  background-position: -128px -132px;
}
.input-phone-container .th {
  background-position: -144px -132px;
}
.input-phone-container .tj {
  background-position: -160px -132px;
}
.input-phone-container .tk {
  background-position: -176px -132px;
}
.input-phone-container .tl {
  background-position: -192px -132px;
}
.input-phone-container .tm {
  background-position: -208px -132px;
}
.input-phone-container .tn {
  background-position: -224px -132px;
}
.input-phone-container .to {
  background-position: -240px -132px;
}
.input-phone-container .tr {
  background-position: 0 -143px;
}
.input-phone-container .tt {
  background-position: -16px -143px;
}
.input-phone-container .tv {
  background-position: -32px -143px;
}
.input-phone-container .tw {
  background-position: -48px -143px;
}
.input-phone-container .tz {
  background-position: -64px -143px;
}
.input-phone-container .ua {
  background-position: -80px -143px;
}
.input-phone-container .ug {
  background-position: -96px -143px;
}
.input-phone-container .us {
  background-position: -112px -143px;
}
.input-phone-container .uy {
  background-position: -128px -143px;
}
.input-phone-container .uz {
  background-position: -144px -143px;
}
.input-phone-container .va {
  background-position: -160px -143px;
}
.input-phone-container .vc {
  background-position: -176px -143px;
}
.input-phone-container .ve {
  background-position: -192px -143px;
}
.input-phone-container .vg {
  background-position: -208px -143px;
}
.input-phone-container .vi {
  background-position: -224px -143px;
}
.input-phone-container .vn {
  background-position: -240px -143px;
}
.input-phone-container .vu {
  background-position: 0 -154px;
}
.input-phone-container .wf {
  background-position: -16px -154px;
}
.input-phone-container .ws {
  background-position: -32px -154px;
}
.input-phone-container .ye {
  background-position: -48px -154px;
}
.input-phone-container .za {
  background-position: -64px -154px;
}
.input-phone-container .zm {
  background-position: -80px -154px;
}
.input-phone-container .zw {
  background-position: -96px -154px;
}
.input-phone-container .hide {
  display: none;
}
.input-phone-container .v-hide {
  visibility: hidden;
}
.input-phone-container input[type='tel'] {
  padding-left: 50px;
  position: relative;
  height: auto;
  color: initial;
  display: initial;
  background-color: #ffffff;
  background-image: unset;
}
.input-phone-container .flag-dropdown {
  background: #f5f5f5;
  border-radius: 4px 0 0 4px;
  border: 1px solid #d2d2d2;
  border-color: #d2d2d2;
  bottom: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
.input-phone-container .selected-flag {
  border-radius: 4px 0 0 4px;
  height: 100%;
  padding: 0 0 0 12px;
  position: relative;
  width: 40px;
}
.input-phone-container .selected-flag .flag {
  margin-top: -5px;
  position: absolute;
  top: 50%;
}
.select.select--error .select__control {
  border: 1px solid #ff1744 !important;
}
.select .select__control {
  border: 1px solid #d2d2d2 !important;
  height: 40px;
  border-radius: 4px;
  z-index: 2;
  transition: all 0.3s ease;
  cursor: pointer;
}
.select .select__control:hover {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.select .select__control--menu-is-open {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select .select__control--menu-is-open + .select__menu {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  z-index: 999;
}
.select .select__control--menu-is-open .select__indicator img {
  transform: rotate(180deg);
}
.select .select__control--is-focused {
  outline: 0 !important;
  border: 1px solid #d2d2d2 !important;
  box-shadow: none !important;
}
.select .select__value-container {
  margin-top: -2px;
}
.select .select__single-value {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.select .select__menu {
  width: 100%;
  margin: 0;
  border: 1px solid #d2d2d2;
  border-top: none;
  border-radius: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.select .select__option {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  width: 100%;
  cursor: pointer;
  padding: 10px 12px;
  line-height: 20px;
  overflow: hidden;
  word-break: break-word;
}
.select .select__option:hover,
.select .select__option--is-focused,
.select .select__option--is-selected {
  background: #f5f5f5;
  color: #000 !important;
}
.select .select__indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  margin-top: 1px;
  height: 100%;
}
.select .select__indicator img {
  transition: all 0.3s ease;
}
.input-number {
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-number__value {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  padding: 7px 14px;
  height: 40px;
  border: 1px solid #d2d2d2;
  min-width: 0;
  max-width: 70px;
  width: auto;
  text-align: center;
  user-select: none;
}
.input-number__value[disabled] {
  background: #ffffff;
}
.input-number__plus,
.input-number__minus {
  border: 1px solid #d2d2d2;
  height: 40px;
  width: 40px;
  flex-shrink: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  background-color: #ffffff;
  cursor: pointer;
}
.input-number__plus,
.input-number__minus,
.input-number__plus:active,
.input-number__minus:active,
.input-number__plus:hover,
.input-number__minus:hover,
.input-number__plus:focus,
.input-number__minus:focus {
  outline: 0;
}
.input-number__plus--disabled,
.input-number__minus--disabled {
  pointer-events: none;
  filter: grayscale(100%);
}
.input-number__plus {
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-image: url('/img/icons/icon_simple_plus.svg');
}
.input-number__minus {
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-image: url('/img/icons/icon_simple_minus.svg');
}
.tag,
a.tag {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  padding: 4px 10px;
  background: #f5f5f5;
  transition: box-shadow 0.3s ease;
  box-shadow: none;
  border-radius: 6px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 5px 5px 0;
  cursor: pointer;
  color: #000;
  font-size: 14px;
  white-space: nowrap;
}
.tag--active,
a.tag--active {
  background: #d2d2d2;
  text-decoration: none;
}
.tag--active .tag__remove,
a.tag--active .tag__remove {
  color: #000;
}
.tag:hover,
a.tag:hover {
  text-decoration: none;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2);
}
.tag--error,
a.tag--error {
  padding: 2px 8px;
  border: 1px solid #ff1744;
}
.tag--disabled,
a.tag--disabled {
  cursor: default;
}
.tag--disabled:hover,
a.tag--disabled:hover {
  box-shadow: none;
}
.tag--big,
a.tag--big {
  padding: 13px 16px;
  font-size: 16px;
}
.tag--multiuploader,
a.tag--multiuploader {
  position: relative;
}
.tag--error-full,
a.tag--error-full {
  background: #f9c8ce;
}
.tag__word--error,
a.tag__word--error {
  border-radius: 4px;
  background-color: #f9c8ce;
  padding: 1px 2px;
  margin: 0 -2px;
}
.tag__remove,
a.tag__remove {
  cursor: pointer;
  color: #6e6e6e;
  margin-left: 6px;
  margin-top: 0;
  transform: none;
  position: relative;
}
@media (min-width: 992px) {
  .tag__remove,
  a.tag__remove {
    margin-top: -2px;
    margin-bottom: -2px;
    transform: scale(0.8);
  }
}
.tag__remove:after,
a.tag__remove:after {
  position: absolute;
  content: '';
  left: -7px;
  right: -7px;
  top: -7px;
  bottom: -7px;
}
.tag.mr--10,
a.tag.mr--10 {
  margin-right: 10px;
}
.tag-cloud-tag {
  margin: 5px 11px !important;
}
.tab-list {
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 22px;
}
.tab-list--small {
  font-size: 18px;
}
.tab-list--tiny {
  font-size: 14px;
}
@media (min-width: 576px) {
  .tab-list--tiny {
    font-size: 18px;
  }
}
.tab-list--standard {
  font-size: 16px;
}
.tab-list--scrollable {
  overflow-y: scroll;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tab-list--scrollable::-webkit-scrollbar {
  display: none;
}
@media (min-width: 576px) {
  .tab-list--scrollable {
    overflow: visible;
  }
}
.tab-list--scrollable .tab-list__item {
  white-space: nowrap;
  margin-right: 15px;
  margin-bottom: 0;
  position: relative;
}
.tab-list--scrollable .tab-list__item:last-of-type {
  padding-right: 25px;
}
@media (min-width: 576px) {
  .tab-list--scrollable .tab-list__item {
    margin-bottom: -1px;
  }
  .tab-list--scrollable .tab-list__item:last-of-type {
    padding-right: 0;
  }
}
.tab-list--margin .tab-list__item {
  margin: 0 0 -1px 25px;
}
.tab-list--margin .tab-list__item:first-of-type {
  margin-left: 0;
}
.tab-list--center {
  justify-content: center;
}
.tab-list--sb {
  justify-content: space-between;
}
.tab-list--thick .tab-list__item--active {
  border-bottom: 3px solid #000;
  margin: 0 0 -2px 40px;
  padding: 0 0 19px;
}
.tab-list__item,
.tab-list a.tab-list__item {
  padding: 0 0 16px;
  margin: 0 0 -1px 10px;
  border-bottom: 3px solid transparent;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  cursor: pointer;
}
@media (min-width: 576px) {
  .tab-list__item,
  .tab-list a.tab-list__item {
    margin: 0 0 -1px 20px;
  }
}
@media (min-width: 992px) {
  .tab-list__item,
  .tab-list a.tab-list__item {
    margin: 0 0 -1px 30px;
    padding: 0 0 20px;
  }
}
.tab-list__item:first-of-type,
.tab-list a.tab-list__item:first-of-type {
  padding-left: 0;
  margin-left: 0;
}
.tab-list__item:last-of-type,
.tab-list a.tab-list__item:last-of-type {
  padding-right: 0;
  margin-right: 0;
}
.tab-list__item--account-settings:first-of-type,
.tab-list a.tab-list__item--account-settings:first-of-type {
  margin-left: 25px;
}
@media (min-width: 576px) {
  .tab-list__item--account-settings:first-of-type,
  .tab-list a.tab-list__item--account-settings:first-of-type {
    margin-left: 35px;
  }
}
@media (min-width: 992px) {
  .tab-list__item--account-settings:first-of-type,
  .tab-list a.tab-list__item--account-settings:first-of-type {
    margin-left: 48px;
  }
}
.tab-list__item--active,
.tab-list a.tab-list__item--active {
  border-color: #000;
  pointer-events: none;
  cursor: default;
}
.tab-list__item:hover,
.tab-list a.tab-list__item:hover,
.tab-list__item:visited,
.tab-list a.tab-list__item:visited,
.tab-list__item:focus,
.tab-list a.tab-list__item:focus,
.tab-list__item:active,
.tab-list a.tab-list__item:active {
  text-decoration: none;
  outline: none;
}
.content-tab--settings {
  display: none;
}
.content-tab--settings.active {
  display: block;
}
.m--0 {
  margin: 0px;
}
.mx--0 {
  margin-left: 0px;
  margin-right: 0px;
}
@media (min-width: 992px) {
  .mx--0 {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.mxi--0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
@media (min-width: 992px) {
  .mxi--0 {
    margin-left: 0px!important;
    margin-right: 0px!important;
  }
}
.my--0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .my--0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.myi--0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
@media (min-width: 992px) {
  .myi--0 {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
  }
}
.mya--0 {
  margin: 0px auto;
}
@media (min-width: 992px) {
  .mya--0 {
    margin: 0px auto;
  }
}
.myia--0 {
  margin: 0px auto !important;
}
@media (min-width: 992px) {
  .myia--0 {
    margin: 0px auto !important;
  }
}
.ml--0 {
  margin-left: 0px;
}
@media (min-width: 992px) {
  .ml--0 {
    margin-left: 0px;
  }
}
.ml--a {
  margin-left: auto;
}
.mli--0 {
  margin-left: 0px;
}
@media (min-width: 992px) {
  .mli--0 {
    margin-left: 0px;
  }
}
.mr--0 {
  margin-right: 0px;
}
@media (min-width: 992px) {
  .mr--0 {
    margin-right: 0px;
  }
}
.mr--a {
  margin-right: auto;
}
.mri--0 {
  margin-right: 0px;
}
@media (min-width: 992px) {
  .mri--0 {
    margin-right: 0px;
  }
}
.mt--0 {
  margin-top: 0px;
}
@media (min-width: 992px) {
  .mt--0 {
    margin-top: 0px;
  }
}
.mti--0 {
  margin-top: 0px;
}
@media (min-width: 992px) {
  .mti--0 {
    margin-top: 0px;
  }
}
.mb--0 {
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .mb--0 {
    margin-bottom: 0px;
  }
}
.mbi--0 {
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .mbi--0 {
    margin-bottom: 0px;
  }
}
.m--5 {
  margin: 5px;
}
.mx--5 {
  margin-left: 3.33333333px;
  margin-right: 3.33333333px;
}
@media (min-width: 992px) {
  .mx--5 {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.mxi--5 {
  margin-left: 3.33333333px !important;
  margin-right: 3.33333333px !important;
}
@media (min-width: 992px) {
  .mxi--5 {
    margin-left: 5px!important;
    margin-right: 5px!important;
  }
}
.my--5 {
  margin-top: 3.33333333px;
  margin-bottom: 3.33333333px;
}
@media (min-width: 992px) {
  .my--5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.myi--5 {
  margin-top: 3.33333333px !important;
  margin-bottom: 3.33333333px !important;
}
@media (min-width: 992px) {
  .myi--5 {
    margin-top: 5px!important;
    margin-bottom: 5px!important;
  }
}
.mya--5 {
  margin: 5px auto;
}
@media (min-width: 992px) {
  .mya--5 {
    margin: 5px auto;
  }
}
.myia--5 {
  margin: 5px auto !important;
}
@media (min-width: 992px) {
  .myia--5 {
    margin: 5px auto !important;
  }
}
.ml--5 {
  margin-left: 3.33333333px;
}
@media (min-width: 992px) {
  .ml--5 {
    margin-left: 5px;
  }
}
.ml--a {
  margin-left: auto;
}
.mli--5 {
  margin-left: 3.33333333px;
}
@media (min-width: 992px) {
  .mli--5 {
    margin-left: 5px;
  }
}
.mr--5 {
  margin-right: 3.33333333px;
}
@media (min-width: 992px) {
  .mr--5 {
    margin-right: 5px;
  }
}
.mr--a {
  margin-right: auto;
}
.mri--5 {
  margin-right: 3.33333333px;
}
@media (min-width: 992px) {
  .mri--5 {
    margin-right: 5px;
  }
}
.mt--5 {
  margin-top: 3.33333333px;
}
@media (min-width: 992px) {
  .mt--5 {
    margin-top: 5px;
  }
}
.mti--5 {
  margin-top: 3.33333333px;
}
@media (min-width: 992px) {
  .mti--5 {
    margin-top: 5px;
  }
}
.mb--5 {
  margin-bottom: 3.33333333px;
}
@media (min-width: 992px) {
  .mb--5 {
    margin-bottom: 5px;
  }
}
.mbi--5 {
  margin-bottom: 3.33333333px;
}
@media (min-width: 992px) {
  .mbi--5 {
    margin-bottom: 5px;
  }
}
.m--10 {
  margin: 10px;
}
.mx--10 {
  margin-left: 6.66666667px;
  margin-right: 6.66666667px;
}
@media (min-width: 992px) {
  .mx--10 {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.mxi--10 {
  margin-left: 6.66666667px !important;
  margin-right: 6.66666667px !important;
}
@media (min-width: 992px) {
  .mxi--10 {
    margin-left: 10px!important;
    margin-right: 10px!important;
  }
}
.my--10 {
  margin-top: 6.66666667px;
  margin-bottom: 6.66666667px;
}
@media (min-width: 992px) {
  .my--10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.myi--10 {
  margin-top: 6.66666667px !important;
  margin-bottom: 6.66666667px !important;
}
@media (min-width: 992px) {
  .myi--10 {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
  }
}
.mya--10 {
  margin: 10px auto;
}
@media (min-width: 992px) {
  .mya--10 {
    margin: 10px auto;
  }
}
.myia--10 {
  margin: 10px auto !important;
}
@media (min-width: 992px) {
  .myia--10 {
    margin: 10px auto !important;
  }
}
.ml--10 {
  margin-left: 6.66666667px;
}
@media (min-width: 992px) {
  .ml--10 {
    margin-left: 10px;
  }
}
.ml--a {
  margin-left: auto;
}
.mli--10 {
  margin-left: 6.66666667px;
}
@media (min-width: 992px) {
  .mli--10 {
    margin-left: 10px;
  }
}
.mr--10 {
  margin-right: 6.66666667px;
}
@media (min-width: 992px) {
  .mr--10 {
    margin-right: 10px;
  }
}
.mr--a {
  margin-right: auto;
}
.mri--10 {
  margin-right: 6.66666667px;
}
@media (min-width: 992px) {
  .mri--10 {
    margin-right: 10px;
  }
}
.mt--10 {
  margin-top: 6.66666667px;
}
@media (min-width: 992px) {
  .mt--10 {
    margin-top: 10px;
  }
}
.mti--10 {
  margin-top: 6.66666667px;
}
@media (min-width: 992px) {
  .mti--10 {
    margin-top: 10px;
  }
}
.mb--10 {
  margin-bottom: 6.66666667px;
}
@media (min-width: 992px) {
  .mb--10 {
    margin-bottom: 10px;
  }
}
.mbi--10 {
  margin-bottom: 6.66666667px;
}
@media (min-width: 992px) {
  .mbi--10 {
    margin-bottom: 10px;
  }
}
.m--15 {
  margin: 15px;
}
.mx--15 {
  margin-left: 10px;
  margin-right: 10px;
}
@media (min-width: 992px) {
  .mx--15 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.mxi--15 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
@media (min-width: 992px) {
  .mxi--15 {
    margin-left: 15px!important;
    margin-right: 15px!important;
  }
}
.my--15 {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .my--15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.myi--15 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
@media (min-width: 992px) {
  .myi--15 {
    margin-top: 15px!important;
    margin-bottom: 15px!important;
  }
}
.mya--15 {
  margin: 15px auto;
}
@media (min-width: 992px) {
  .mya--15 {
    margin: 15px auto;
  }
}
.myia--15 {
  margin: 15px auto !important;
}
@media (min-width: 992px) {
  .myia--15 {
    margin: 15px auto !important;
  }
}
.ml--15 {
  margin-left: 10px;
}
@media (min-width: 992px) {
  .ml--15 {
    margin-left: 15px;
  }
}
.ml--a {
  margin-left: auto;
}
.mli--15 {
  margin-left: 10px;
}
@media (min-width: 992px) {
  .mli--15 {
    margin-left: 15px;
  }
}
.mr--15 {
  margin-right: 10px;
}
@media (min-width: 992px) {
  .mr--15 {
    margin-right: 15px;
  }
}
.mr--a {
  margin-right: auto;
}
.mri--15 {
  margin-right: 10px;
}
@media (min-width: 992px) {
  .mri--15 {
    margin-right: 15px;
  }
}
.mt--15 {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .mt--15 {
    margin-top: 15px;
  }
}
.mti--15 {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .mti--15 {
    margin-top: 15px;
  }
}
.mb--15 {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .mb--15 {
    margin-bottom: 15px;
  }
}
.mbi--15 {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .mbi--15 {
    margin-bottom: 15px;
  }
}
.m--20 {
  margin: 20px;
}
.mx--20 {
  margin-left: 13.33333333px;
  margin-right: 13.33333333px;
}
@media (min-width: 992px) {
  .mx--20 {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.mxi--20 {
  margin-left: 13.33333333px !important;
  margin-right: 13.33333333px !important;
}
@media (min-width: 992px) {
  .mxi--20 {
    margin-left: 20px!important;
    margin-right: 20px!important;
  }
}
.my--20 {
  margin-top: 13.33333333px;
  margin-bottom: 13.33333333px;
}
@media (min-width: 992px) {
  .my--20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.myi--20 {
  margin-top: 13.33333333px !important;
  margin-bottom: 13.33333333px !important;
}
@media (min-width: 992px) {
  .myi--20 {
    margin-top: 20px!important;
    margin-bottom: 20px!important;
  }
}
.mya--20 {
  margin: 20px auto;
}
@media (min-width: 992px) {
  .mya--20 {
    margin: 20px auto;
  }
}
.myia--20 {
  margin: 20px auto !important;
}
@media (min-width: 992px) {
  .myia--20 {
    margin: 20px auto !important;
  }
}
.ml--20 {
  margin-left: 13.33333333px;
}
@media (min-width: 992px) {
  .ml--20 {
    margin-left: 20px;
  }
}
.ml--a {
  margin-left: auto;
}
.mli--20 {
  margin-left: 13.33333333px;
}
@media (min-width: 992px) {
  .mli--20 {
    margin-left: 20px;
  }
}
.mr--20 {
  margin-right: 13.33333333px;
}
@media (min-width: 992px) {
  .mr--20 {
    margin-right: 20px;
  }
}
.mr--a {
  margin-right: auto;
}
.mri--20 {
  margin-right: 13.33333333px;
}
@media (min-width: 992px) {
  .mri--20 {
    margin-right: 20px;
  }
}
.mt--20 {
  margin-top: 13.33333333px;
}
@media (min-width: 992px) {
  .mt--20 {
    margin-top: 20px;
  }
}
.mti--20 {
  margin-top: 13.33333333px;
}
@media (min-width: 992px) {
  .mti--20 {
    margin-top: 20px;
  }
}
.mb--20 {
  margin-bottom: 13.33333333px;
}
@media (min-width: 992px) {
  .mb--20 {
    margin-bottom: 20px;
  }
}
.mbi--20 {
  margin-bottom: 13.33333333px;
}
@media (min-width: 992px) {
  .mbi--20 {
    margin-bottom: 20px;
  }
}
.m--25 {
  margin: 25px;
}
.mx--25 {
  margin-left: 16.66666667px;
  margin-right: 16.66666667px;
}
@media (min-width: 992px) {
  .mx--25 {
    margin-left: 25px;
    margin-right: 25px;
  }
}
.mxi--25 {
  margin-left: 16.66666667px !important;
  margin-right: 16.66666667px !important;
}
@media (min-width: 992px) {
  .mxi--25 {
    margin-left: 25px!important;
    margin-right: 25px!important;
  }
}
.my--25 {
  margin-top: 16.66666667px;
  margin-bottom: 16.66666667px;
}
@media (min-width: 992px) {
  .my--25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.myi--25 {
  margin-top: 16.66666667px !important;
  margin-bottom: 16.66666667px !important;
}
@media (min-width: 992px) {
  .myi--25 {
    margin-top: 25px!important;
    margin-bottom: 25px!important;
  }
}
.mya--25 {
  margin: 25px auto;
}
@media (min-width: 992px) {
  .mya--25 {
    margin: 25px auto;
  }
}
.myia--25 {
  margin: 25px auto !important;
}
@media (min-width: 992px) {
  .myia--25 {
    margin: 25px auto !important;
  }
}
.ml--25 {
  margin-left: 16.66666667px;
}
@media (min-width: 992px) {
  .ml--25 {
    margin-left: 25px;
  }
}
.ml--a {
  margin-left: auto;
}
.mli--25 {
  margin-left: 16.66666667px;
}
@media (min-width: 992px) {
  .mli--25 {
    margin-left: 25px;
  }
}
.mr--25 {
  margin-right: 16.66666667px;
}
@media (min-width: 992px) {
  .mr--25 {
    margin-right: 25px;
  }
}
.mr--a {
  margin-right: auto;
}
.mri--25 {
  margin-right: 16.66666667px;
}
@media (min-width: 992px) {
  .mri--25 {
    margin-right: 25px;
  }
}
.mt--25 {
  margin-top: 16.66666667px;
}
@media (min-width: 992px) {
  .mt--25 {
    margin-top: 25px;
  }
}
.mti--25 {
  margin-top: 16.66666667px;
}
@media (min-width: 992px) {
  .mti--25 {
    margin-top: 25px;
  }
}
.mb--25 {
  margin-bottom: 16.66666667px;
}
@media (min-width: 992px) {
  .mb--25 {
    margin-bottom: 25px;
  }
}
.mbi--25 {
  margin-bottom: 16.66666667px;
}
@media (min-width: 992px) {
  .mbi--25 {
    margin-bottom: 25px;
  }
}
.m--30 {
  margin: 30px;
}
.mx--30 {
  margin-left: 20px;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .mx--30 {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.mxi--30 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
@media (min-width: 992px) {
  .mxi--30 {
    margin-left: 30px!important;
    margin-right: 30px!important;
  }
}
.my--30 {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .my--30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.myi--30 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
@media (min-width: 992px) {
  .myi--30 {
    margin-top: 30px!important;
    margin-bottom: 30px!important;
  }
}
.mya--30 {
  margin: 30px auto;
}
@media (min-width: 992px) {
  .mya--30 {
    margin: 30px auto;
  }
}
.myia--30 {
  margin: 30px auto !important;
}
@media (min-width: 992px) {
  .myia--30 {
    margin: 30px auto !important;
  }
}
.ml--30 {
  margin-left: 20px;
}
@media (min-width: 992px) {
  .ml--30 {
    margin-left: 30px;
  }
}
.ml--a {
  margin-left: auto;
}
.mli--30 {
  margin-left: 20px;
}
@media (min-width: 992px) {
  .mli--30 {
    margin-left: 30px;
  }
}
.mr--30 {
  margin-right: 20px;
}
@media (min-width: 992px) {
  .mr--30 {
    margin-right: 30px;
  }
}
.mr--a {
  margin-right: auto;
}
.mri--30 {
  margin-right: 20px;
}
@media (min-width: 992px) {
  .mri--30 {
    margin-right: 30px;
  }
}
.mt--30 {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .mt--30 {
    margin-top: 30px;
  }
}
.mti--30 {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .mti--30 {
    margin-top: 30px;
  }
}
.mb--30 {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .mb--30 {
    margin-bottom: 30px;
  }
}
.mbi--30 {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .mbi--30 {
    margin-bottom: 30px;
  }
}
.m--36 {
  margin: 36px;
}
.mx--36 {
  margin-left: 24px;
  margin-right: 24px;
}
@media (min-width: 992px) {
  .mx--36 {
    margin-left: 36px;
    margin-right: 36px;
  }
}
.mxi--36 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
@media (min-width: 992px) {
  .mxi--36 {
    margin-left: 36px!important;
    margin-right: 36px!important;
  }
}
.my--36 {
  margin-top: 24px;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .my--36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
}
.myi--36 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
@media (min-width: 992px) {
  .myi--36 {
    margin-top: 36px!important;
    margin-bottom: 36px!important;
  }
}
.mya--36 {
  margin: 36px auto;
}
@media (min-width: 992px) {
  .mya--36 {
    margin: 36px auto;
  }
}
.myia--36 {
  margin: 36px auto !important;
}
@media (min-width: 992px) {
  .myia--36 {
    margin: 36px auto !important;
  }
}
.ml--36 {
  margin-left: 24px;
}
@media (min-width: 992px) {
  .ml--36 {
    margin-left: 36px;
  }
}
.ml--a {
  margin-left: auto;
}
.mli--36 {
  margin-left: 24px;
}
@media (min-width: 992px) {
  .mli--36 {
    margin-left: 36px;
  }
}
.mr--36 {
  margin-right: 24px;
}
@media (min-width: 992px) {
  .mr--36 {
    margin-right: 36px;
  }
}
.mr--a {
  margin-right: auto;
}
.mri--36 {
  margin-right: 24px;
}
@media (min-width: 992px) {
  .mri--36 {
    margin-right: 36px;
  }
}
.mt--36 {
  margin-top: 24px;
}
@media (min-width: 992px) {
  .mt--36 {
    margin-top: 36px;
  }
}
.mti--36 {
  margin-top: 24px;
}
@media (min-width: 992px) {
  .mti--36 {
    margin-top: 36px;
  }
}
.mb--36 {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .mb--36 {
    margin-bottom: 36px;
  }
}
.mbi--36 {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .mbi--36 {
    margin-bottom: 36px;
  }
}
.m--45 {
  margin: 45px;
}
.mx--45 {
  margin-left: 30px;
  margin-right: 30px;
}
@media (min-width: 992px) {
  .mx--45 {
    margin-left: 45px;
    margin-right: 45px;
  }
}
.mxi--45 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
@media (min-width: 992px) {
  .mxi--45 {
    margin-left: 45px!important;
    margin-right: 45px!important;
  }
}
.my--45 {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .my--45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
.myi--45 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
@media (min-width: 992px) {
  .myi--45 {
    margin-top: 45px!important;
    margin-bottom: 45px!important;
  }
}
.mya--45 {
  margin: 45px auto;
}
@media (min-width: 992px) {
  .mya--45 {
    margin: 45px auto;
  }
}
.myia--45 {
  margin: 45px auto !important;
}
@media (min-width: 992px) {
  .myia--45 {
    margin: 45px auto !important;
  }
}
.ml--45 {
  margin-left: 30px;
}
@media (min-width: 992px) {
  .ml--45 {
    margin-left: 45px;
  }
}
.ml--a {
  margin-left: auto;
}
.mli--45 {
  margin-left: 30px;
}
@media (min-width: 992px) {
  .mli--45 {
    margin-left: 45px;
  }
}
.mr--45 {
  margin-right: 30px;
}
@media (min-width: 992px) {
  .mr--45 {
    margin-right: 45px;
  }
}
.mr--a {
  margin-right: auto;
}
.mri--45 {
  margin-right: 30px;
}
@media (min-width: 992px) {
  .mri--45 {
    margin-right: 45px;
  }
}
.mt--45 {
  margin-top: 30px;
}
@media (min-width: 992px) {
  .mt--45 {
    margin-top: 45px;
  }
}
.mti--45 {
  margin-top: 30px;
}
@media (min-width: 992px) {
  .mti--45 {
    margin-top: 45px;
  }
}
.mb--45 {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .mb--45 {
    margin-bottom: 45px;
  }
}
.mbi--45 {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .mbi--45 {
    margin-bottom: 45px;
  }
}
.m--50 {
  margin: 50px;
}
.mx--50 {
  margin-left: 33.33333333px;
  margin-right: 33.33333333px;
}
@media (min-width: 992px) {
  .mx--50 {
    margin-left: 50px;
    margin-right: 50px;
  }
}
.mxi--50 {
  margin-left: 33.33333333px !important;
  margin-right: 33.33333333px !important;
}
@media (min-width: 992px) {
  .mxi--50 {
    margin-left: 50px!important;
    margin-right: 50px!important;
  }
}
.my--50 {
  margin-top: 33.33333333px;
  margin-bottom: 33.33333333px;
}
@media (min-width: 992px) {
  .my--50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.myi--50 {
  margin-top: 33.33333333px !important;
  margin-bottom: 33.33333333px !important;
}
@media (min-width: 992px) {
  .myi--50 {
    margin-top: 50px!important;
    margin-bottom: 50px!important;
  }
}
.mya--50 {
  margin: 50px auto;
}
@media (min-width: 992px) {
  .mya--50 {
    margin: 50px auto;
  }
}
.myia--50 {
  margin: 50px auto !important;
}
@media (min-width: 992px) {
  .myia--50 {
    margin: 50px auto !important;
  }
}
.ml--50 {
  margin-left: 33.33333333px;
}
@media (min-width: 992px) {
  .ml--50 {
    margin-left: 50px;
  }
}
.ml--a {
  margin-left: auto;
}
.mli--50 {
  margin-left: 33.33333333px;
}
@media (min-width: 992px) {
  .mli--50 {
    margin-left: 50px;
  }
}
.mr--50 {
  margin-right: 33.33333333px;
}
@media (min-width: 992px) {
  .mr--50 {
    margin-right: 50px;
  }
}
.mr--a {
  margin-right: auto;
}
.mri--50 {
  margin-right: 33.33333333px;
}
@media (min-width: 992px) {
  .mri--50 {
    margin-right: 50px;
  }
}
.mt--50 {
  margin-top: 33.33333333px;
}
@media (min-width: 992px) {
  .mt--50 {
    margin-top: 50px;
  }
}
.mti--50 {
  margin-top: 33.33333333px;
}
@media (min-width: 992px) {
  .mti--50 {
    margin-top: 50px;
  }
}
.mb--50 {
  margin-bottom: 33.33333333px;
}
@media (min-width: 992px) {
  .mb--50 {
    margin-bottom: 50px;
  }
}
.mbi--50 {
  margin-bottom: 33.33333333px;
}
@media (min-width: 992px) {
  .mbi--50 {
    margin-bottom: 50px;
  }
}
.p--0 {
  padding: 0px;
}
.px--0 {
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 992px) {
  .px--0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.pxi--0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
@media (min-width: 992px) {
  .pxi--0 {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
}
.py--0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (min-width: 992px) {
  .py--0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.pyi--0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
@media (min-width: 992px) {
  .pyi--0 {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
  }
}
.pya--0 {
  padding: 0px auto;
}
@media (min-width: 992px) {
  .pya--0 {
    padding: 0px auto;
  }
}
.pyia--0 {
  padding: 0px auto !important;
}
@media (min-width: 992px) {
  .pyia--0 {
    padding: 0px auto !important;
  }
}
.pl--0 {
  padding-left: 0px;
}
@media (min-width: 992px) {
  .pl--0 {
    padding-left: 0px;
  }
}
.pl--a {
  padding-left: auto;
}
.pli--0 {
  padding-left: 0px;
}
@media (min-width: 992px) {
  .pli--0 {
    padding-left: 0px;
  }
}
.pr--0 {
  padding-right: 0px;
}
@media (min-width: 992px) {
  .pr--0 {
    padding-right: 0px;
  }
}
.pr--a {
  padding-right: auto;
}
.pri--0 {
  padding-right: 0px;
}
@media (min-width: 992px) {
  .pri--0 {
    padding-right: 0px;
  }
}
.pt--0 {
  padding-top: 0px;
}
@media (min-width: 992px) {
  .pt--0 {
    padding-top: 0px;
  }
}
.pti--0 {
  padding-top: 0px;
}
@media (min-width: 992px) {
  .pti--0 {
    padding-top: 0px;
  }
}
.pb--0 {
  padding-bottom: 0px;
}
@media (min-width: 992px) {
  .pb--0 {
    padding-bottom: 0px;
  }
}
.pbi--0 {
  padding-bottom: 0px;
}
@media (min-width: 992px) {
  .pbi--0 {
    padding-bottom: 0px;
  }
}
.p--3 {
  padding: 3px;
}
.px--3 {
  padding-left: 2px;
  padding-right: 2px;
}
@media (min-width: 992px) {
  .px--3 {
    padding-left: 3px;
    padding-right: 3px;
  }
}
.pxi--3 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
@media (min-width: 992px) {
  .pxi--3 {
    padding-left: 3px!important;
    padding-right: 3px!important;
  }
}
.py--3 {
  padding-top: 2px;
  padding-bottom: 2px;
}
@media (min-width: 992px) {
  .py--3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
.pyi--3 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
@media (min-width: 992px) {
  .pyi--3 {
    padding-top: 3px!important;
    padding-bottom: 3px!important;
  }
}
.pya--3 {
  padding: 3px auto;
}
@media (min-width: 992px) {
  .pya--3 {
    padding: 3px auto;
  }
}
.pyia--3 {
  padding: 3px auto !important;
}
@media (min-width: 992px) {
  .pyia--3 {
    padding: 3px auto !important;
  }
}
.pl--3 {
  padding-left: 2px;
}
@media (min-width: 992px) {
  .pl--3 {
    padding-left: 3px;
  }
}
.pl--a {
  padding-left: auto;
}
.pli--3 {
  padding-left: 2px;
}
@media (min-width: 992px) {
  .pli--3 {
    padding-left: 3px;
  }
}
.pr--3 {
  padding-right: 2px;
}
@media (min-width: 992px) {
  .pr--3 {
    padding-right: 3px;
  }
}
.pr--a {
  padding-right: auto;
}
.pri--3 {
  padding-right: 2px;
}
@media (min-width: 992px) {
  .pri--3 {
    padding-right: 3px;
  }
}
.pt--3 {
  padding-top: 2px;
}
@media (min-width: 992px) {
  .pt--3 {
    padding-top: 3px;
  }
}
.pti--3 {
  padding-top: 2px;
}
@media (min-width: 992px) {
  .pti--3 {
    padding-top: 3px;
  }
}
.pb--3 {
  padding-bottom: 2px;
}
@media (min-width: 992px) {
  .pb--3 {
    padding-bottom: 3px;
  }
}
.pbi--3 {
  padding-bottom: 2px;
}
@media (min-width: 992px) {
  .pbi--3 {
    padding-bottom: 3px;
  }
}
.p--5 {
  padding: 5px;
}
.px--5 {
  padding-left: 3.33333333px;
  padding-right: 3.33333333px;
}
@media (min-width: 992px) {
  .px--5 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.pxi--5 {
  padding-left: 3.33333333px !important;
  padding-right: 3.33333333px !important;
}
@media (min-width: 992px) {
  .pxi--5 {
    padding-left: 5px!important;
    padding-right: 5px!important;
  }
}
.py--5 {
  padding-top: 3.33333333px;
  padding-bottom: 3.33333333px;
}
@media (min-width: 992px) {
  .py--5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.pyi--5 {
  padding-top: 3.33333333px !important;
  padding-bottom: 3.33333333px !important;
}
@media (min-width: 992px) {
  .pyi--5 {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
  }
}
.pya--5 {
  padding: 5px auto;
}
@media (min-width: 992px) {
  .pya--5 {
    padding: 5px auto;
  }
}
.pyia--5 {
  padding: 5px auto !important;
}
@media (min-width: 992px) {
  .pyia--5 {
    padding: 5px auto !important;
  }
}
.pl--5 {
  padding-left: 3.33333333px;
}
@media (min-width: 992px) {
  .pl--5 {
    padding-left: 5px;
  }
}
.pl--a {
  padding-left: auto;
}
.pli--5 {
  padding-left: 3.33333333px;
}
@media (min-width: 992px) {
  .pli--5 {
    padding-left: 5px;
  }
}
.pr--5 {
  padding-right: 3.33333333px;
}
@media (min-width: 992px) {
  .pr--5 {
    padding-right: 5px;
  }
}
.pr--a {
  padding-right: auto;
}
.pri--5 {
  padding-right: 3.33333333px;
}
@media (min-width: 992px) {
  .pri--5 {
    padding-right: 5px;
  }
}
.pt--5 {
  padding-top: 3.33333333px;
}
@media (min-width: 992px) {
  .pt--5 {
    padding-top: 5px;
  }
}
.pti--5 {
  padding-top: 3.33333333px;
}
@media (min-width: 992px) {
  .pti--5 {
    padding-top: 5px;
  }
}
.pb--5 {
  padding-bottom: 3.33333333px;
}
@media (min-width: 992px) {
  .pb--5 {
    padding-bottom: 5px;
  }
}
.pbi--5 {
  padding-bottom: 3.33333333px;
}
@media (min-width: 992px) {
  .pbi--5 {
    padding-bottom: 5px;
  }
}
.p--10 {
  padding: 10px;
}
.px--10 {
  padding-left: 6.66666667px;
  padding-right: 6.66666667px;
}
@media (min-width: 992px) {
  .px--10 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.pxi--10 {
  padding-left: 6.66666667px !important;
  padding-right: 6.66666667px !important;
}
@media (min-width: 992px) {
  .pxi--10 {
    padding-left: 10px!important;
    padding-right: 10px!important;
  }
}
.py--10 {
  padding-top: 6.66666667px;
  padding-bottom: 6.66666667px;
}
@media (min-width: 992px) {
  .py--10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.pyi--10 {
  padding-top: 6.66666667px !important;
  padding-bottom: 6.66666667px !important;
}
@media (min-width: 992px) {
  .pyi--10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
  }
}
.pya--10 {
  padding: 10px auto;
}
@media (min-width: 992px) {
  .pya--10 {
    padding: 10px auto;
  }
}
.pyia--10 {
  padding: 10px auto !important;
}
@media (min-width: 992px) {
  .pyia--10 {
    padding: 10px auto !important;
  }
}
.pl--10 {
  padding-left: 6.66666667px;
}
@media (min-width: 992px) {
  .pl--10 {
    padding-left: 10px;
  }
}
.pl--a {
  padding-left: auto;
}
.pli--10 {
  padding-left: 6.66666667px;
}
@media (min-width: 992px) {
  .pli--10 {
    padding-left: 10px;
  }
}
.pr--10 {
  padding-right: 6.66666667px;
}
@media (min-width: 992px) {
  .pr--10 {
    padding-right: 10px;
  }
}
.pr--a {
  padding-right: auto;
}
.pri--10 {
  padding-right: 6.66666667px;
}
@media (min-width: 992px) {
  .pri--10 {
    padding-right: 10px;
  }
}
.pt--10 {
  padding-top: 6.66666667px;
}
@media (min-width: 992px) {
  .pt--10 {
    padding-top: 10px;
  }
}
.pti--10 {
  padding-top: 6.66666667px;
}
@media (min-width: 992px) {
  .pti--10 {
    padding-top: 10px;
  }
}
.pb--10 {
  padding-bottom: 6.66666667px;
}
@media (min-width: 992px) {
  .pb--10 {
    padding-bottom: 10px;
  }
}
.pbi--10 {
  padding-bottom: 6.66666667px;
}
@media (min-width: 992px) {
  .pbi--10 {
    padding-bottom: 10px;
  }
}
.p--15 {
  padding: 15px;
}
.px--15 {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 992px) {
  .px--15 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.pxi--15 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
@media (min-width: 992px) {
  .pxi--15 {
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
}
.py--15 {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .py--15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.pyi--15 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media (min-width: 992px) {
  .pyi--15 {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
  }
}
.pya--15 {
  padding: 15px auto;
}
@media (min-width: 992px) {
  .pya--15 {
    padding: 15px auto;
  }
}
.pyia--15 {
  padding: 15px auto !important;
}
@media (min-width: 992px) {
  .pyia--15 {
    padding: 15px auto !important;
  }
}
.pl--15 {
  padding-left: 10px;
}
@media (min-width: 992px) {
  .pl--15 {
    padding-left: 15px;
  }
}
.pl--a {
  padding-left: auto;
}
.pli--15 {
  padding-left: 10px;
}
@media (min-width: 992px) {
  .pli--15 {
    padding-left: 15px;
  }
}
.pr--15 {
  padding-right: 10px;
}
@media (min-width: 992px) {
  .pr--15 {
    padding-right: 15px;
  }
}
.pr--a {
  padding-right: auto;
}
.pri--15 {
  padding-right: 10px;
}
@media (min-width: 992px) {
  .pri--15 {
    padding-right: 15px;
  }
}
.pt--15 {
  padding-top: 10px;
}
@media (min-width: 992px) {
  .pt--15 {
    padding-top: 15px;
  }
}
.pti--15 {
  padding-top: 10px;
}
@media (min-width: 992px) {
  .pti--15 {
    padding-top: 15px;
  }
}
.pb--15 {
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .pb--15 {
    padding-bottom: 15px;
  }
}
.pbi--15 {
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .pbi--15 {
    padding-bottom: 15px;
  }
}
.p--20 {
  padding: 20px;
}
.px--20 {
  padding-left: 13.33333333px;
  padding-right: 13.33333333px;
}
@media (min-width: 992px) {
  .px--20 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.pxi--20 {
  padding-left: 13.33333333px !important;
  padding-right: 13.33333333px !important;
}
@media (min-width: 992px) {
  .pxi--20 {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
}
.py--20 {
  padding-top: 13.33333333px;
  padding-bottom: 13.33333333px;
}
@media (min-width: 992px) {
  .py--20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.pyi--20 {
  padding-top: 13.33333333px !important;
  padding-bottom: 13.33333333px !important;
}
@media (min-width: 992px) {
  .pyi--20 {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
  }
}
.pya--20 {
  padding: 20px auto;
}
@media (min-width: 992px) {
  .pya--20 {
    padding: 20px auto;
  }
}
.pyia--20 {
  padding: 20px auto !important;
}
@media (min-width: 992px) {
  .pyia--20 {
    padding: 20px auto !important;
  }
}
.pl--20 {
  padding-left: 13.33333333px;
}
@media (min-width: 992px) {
  .pl--20 {
    padding-left: 20px;
  }
}
.pl--a {
  padding-left: auto;
}
.pli--20 {
  padding-left: 13.33333333px;
}
@media (min-width: 992px) {
  .pli--20 {
    padding-left: 20px;
  }
}
.pr--20 {
  padding-right: 13.33333333px;
}
@media (min-width: 992px) {
  .pr--20 {
    padding-right: 20px;
  }
}
.pr--a {
  padding-right: auto;
}
.pri--20 {
  padding-right: 13.33333333px;
}
@media (min-width: 992px) {
  .pri--20 {
    padding-right: 20px;
  }
}
.pt--20 {
  padding-top: 13.33333333px;
}
@media (min-width: 992px) {
  .pt--20 {
    padding-top: 20px;
  }
}
.pti--20 {
  padding-top: 13.33333333px;
}
@media (min-width: 992px) {
  .pti--20 {
    padding-top: 20px;
  }
}
.pb--20 {
  padding-bottom: 13.33333333px;
}
@media (min-width: 992px) {
  .pb--20 {
    padding-bottom: 20px;
  }
}
.pbi--20 {
  padding-bottom: 13.33333333px;
}
@media (min-width: 992px) {
  .pbi--20 {
    padding-bottom: 20px;
  }
}
.p--25 {
  padding: 25px;
}
.px--25 {
  padding-left: 16.66666667px;
  padding-right: 16.66666667px;
}
@media (min-width: 992px) {
  .px--25 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.pxi--25 {
  padding-left: 16.66666667px !important;
  padding-right: 16.66666667px !important;
}
@media (min-width: 992px) {
  .pxi--25 {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
}
.py--25 {
  padding-top: 16.66666667px;
  padding-bottom: 16.66666667px;
}
@media (min-width: 992px) {
  .py--25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.pyi--25 {
  padding-top: 16.66666667px !important;
  padding-bottom: 16.66666667px !important;
}
@media (min-width: 992px) {
  .pyi--25 {
    padding-top: 25px!important;
    padding-bottom: 25px!important;
  }
}
.pya--25 {
  padding: 25px auto;
}
@media (min-width: 992px) {
  .pya--25 {
    padding: 25px auto;
  }
}
.pyia--25 {
  padding: 25px auto !important;
}
@media (min-width: 992px) {
  .pyia--25 {
    padding: 25px auto !important;
  }
}
.pl--25 {
  padding-left: 16.66666667px;
}
@media (min-width: 992px) {
  .pl--25 {
    padding-left: 25px;
  }
}
.pl--a {
  padding-left: auto;
}
.pli--25 {
  padding-left: 16.66666667px;
}
@media (min-width: 992px) {
  .pli--25 {
    padding-left: 25px;
  }
}
.pr--25 {
  padding-right: 16.66666667px;
}
@media (min-width: 992px) {
  .pr--25 {
    padding-right: 25px;
  }
}
.pr--a {
  padding-right: auto;
}
.pri--25 {
  padding-right: 16.66666667px;
}
@media (min-width: 992px) {
  .pri--25 {
    padding-right: 25px;
  }
}
.pt--25 {
  padding-top: 16.66666667px;
}
@media (min-width: 992px) {
  .pt--25 {
    padding-top: 25px;
  }
}
.pti--25 {
  padding-top: 16.66666667px;
}
@media (min-width: 992px) {
  .pti--25 {
    padding-top: 25px;
  }
}
.pb--25 {
  padding-bottom: 16.66666667px;
}
@media (min-width: 992px) {
  .pb--25 {
    padding-bottom: 25px;
  }
}
.pbi--25 {
  padding-bottom: 16.66666667px;
}
@media (min-width: 992px) {
  .pbi--25 {
    padding-bottom: 25px;
  }
}
.p--30 {
  padding: 30px;
}
.px--30 {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 992px) {
  .px--30 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.pxi--30 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media (min-width: 992px) {
  .pxi--30 {
    padding-left: 30px!important;
    padding-right: 30px!important;
  }
}
.py--30 {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .py--30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.pyi--30 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
@media (min-width: 992px) {
  .pyi--30 {
    padding-top: 30px!important;
    padding-bottom: 30px!important;
  }
}
.pya--30 {
  padding: 30px auto;
}
@media (min-width: 992px) {
  .pya--30 {
    padding: 30px auto;
  }
}
.pyia--30 {
  padding: 30px auto !important;
}
@media (min-width: 992px) {
  .pyia--30 {
    padding: 30px auto !important;
  }
}
.pl--30 {
  padding-left: 20px;
}
@media (min-width: 992px) {
  .pl--30 {
    padding-left: 30px;
  }
}
.pl--a {
  padding-left: auto;
}
.pli--30 {
  padding-left: 20px;
}
@media (min-width: 992px) {
  .pli--30 {
    padding-left: 30px;
  }
}
.pr--30 {
  padding-right: 20px;
}
@media (min-width: 992px) {
  .pr--30 {
    padding-right: 30px;
  }
}
.pr--a {
  padding-right: auto;
}
.pri--30 {
  padding-right: 20px;
}
@media (min-width: 992px) {
  .pri--30 {
    padding-right: 30px;
  }
}
.pt--30 {
  padding-top: 20px;
}
@media (min-width: 992px) {
  .pt--30 {
    padding-top: 30px;
  }
}
.pti--30 {
  padding-top: 20px;
}
@media (min-width: 992px) {
  .pti--30 {
    padding-top: 30px;
  }
}
.pb--30 {
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .pb--30 {
    padding-bottom: 30px;
  }
}
.pbi--30 {
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .pbi--30 {
    padding-bottom: 30px;
  }
}
.p--36 {
  padding: 36px;
}
.px--36 {
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 992px) {
  .px--36 {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.pxi--36 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
@media (min-width: 992px) {
  .pxi--36 {
    padding-left: 36px!important;
    padding-right: 36px!important;
  }
}
.py--36 {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 992px) {
  .py--36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
.pyi--36 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
@media (min-width: 992px) {
  .pyi--36 {
    padding-top: 36px!important;
    padding-bottom: 36px!important;
  }
}
.pya--36 {
  padding: 36px auto;
}
@media (min-width: 992px) {
  .pya--36 {
    padding: 36px auto;
  }
}
.pyia--36 {
  padding: 36px auto !important;
}
@media (min-width: 992px) {
  .pyia--36 {
    padding: 36px auto !important;
  }
}
.pl--36 {
  padding-left: 24px;
}
@media (min-width: 992px) {
  .pl--36 {
    padding-left: 36px;
  }
}
.pl--a {
  padding-left: auto;
}
.pli--36 {
  padding-left: 24px;
}
@media (min-width: 992px) {
  .pli--36 {
    padding-left: 36px;
  }
}
.pr--36 {
  padding-right: 24px;
}
@media (min-width: 992px) {
  .pr--36 {
    padding-right: 36px;
  }
}
.pr--a {
  padding-right: auto;
}
.pri--36 {
  padding-right: 24px;
}
@media (min-width: 992px) {
  .pri--36 {
    padding-right: 36px;
  }
}
.pt--36 {
  padding-top: 24px;
}
@media (min-width: 992px) {
  .pt--36 {
    padding-top: 36px;
  }
}
.pti--36 {
  padding-top: 24px;
}
@media (min-width: 992px) {
  .pti--36 {
    padding-top: 36px;
  }
}
.pb--36 {
  padding-bottom: 24px;
}
@media (min-width: 992px) {
  .pb--36 {
    padding-bottom: 36px;
  }
}
.pbi--36 {
  padding-bottom: 24px;
}
@media (min-width: 992px) {
  .pbi--36 {
    padding-bottom: 36px;
  }
}
.p--50 {
  padding: 50px;
}
.px--50 {
  padding-left: 33.33333333px;
  padding-right: 33.33333333px;
}
@media (min-width: 992px) {
  .px--50 {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.pxi--50 {
  padding-left: 33.33333333px !important;
  padding-right: 33.33333333px !important;
}
@media (min-width: 992px) {
  .pxi--50 {
    padding-left: 50px!important;
    padding-right: 50px!important;
  }
}
.py--50 {
  padding-top: 33.33333333px;
  padding-bottom: 33.33333333px;
}
@media (min-width: 992px) {
  .py--50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.pyi--50 {
  padding-top: 33.33333333px !important;
  padding-bottom: 33.33333333px !important;
}
@media (min-width: 992px) {
  .pyi--50 {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
  }
}
.pya--50 {
  padding: 50px auto;
}
@media (min-width: 992px) {
  .pya--50 {
    padding: 50px auto;
  }
}
.pyia--50 {
  padding: 50px auto !important;
}
@media (min-width: 992px) {
  .pyia--50 {
    padding: 50px auto !important;
  }
}
.pl--50 {
  padding-left: 33.33333333px;
}
@media (min-width: 992px) {
  .pl--50 {
    padding-left: 50px;
  }
}
.pl--a {
  padding-left: auto;
}
.pli--50 {
  padding-left: 33.33333333px;
}
@media (min-width: 992px) {
  .pli--50 {
    padding-left: 50px;
  }
}
.pr--50 {
  padding-right: 33.33333333px;
}
@media (min-width: 992px) {
  .pr--50 {
    padding-right: 50px;
  }
}
.pr--a {
  padding-right: auto;
}
.pri--50 {
  padding-right: 33.33333333px;
}
@media (min-width: 992px) {
  .pri--50 {
    padding-right: 50px;
  }
}
.pt--50 {
  padding-top: 33.33333333px;
}
@media (min-width: 992px) {
  .pt--50 {
    padding-top: 50px;
  }
}
.pti--50 {
  padding-top: 33.33333333px;
}
@media (min-width: 992px) {
  .pti--50 {
    padding-top: 50px;
  }
}
.pb--50 {
  padding-bottom: 33.33333333px;
}
@media (min-width: 992px) {
  .pb--50 {
    padding-bottom: 50px;
  }
}
.pbi--50 {
  padding-bottom: 33.33333333px;
}
@media (min-width: 992px) {
  .pbi--50 {
    padding-bottom: 50px;
  }
}
.breadcrumbs {
  display: none;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .breadcrumbs {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .breadcrumbs {
    display: flex;
  }
}
.breadcrumbs--margin {
  margin-left: 15px;
  margin-right: 15px;
}
.breadcrumbs__item {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  color: #6e6e6e;
  text-transform: capitalize;
}
.breadcrumbs__item:not(:first-child):before {
  content: '\2022';
  display: inline-block;
  position: relative;
  margin: 0 6px;
}
.breadcrumbs__item:not(:last-child):hover {
  color: #6e6e6e;
  text-decoration: underline;
}
.breadcrumbs__item:last-child {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
a.breadcrumbs__item {
  color: #6e6e6e;
}
a.breadcrumbs__item:focus,
a.breadcrumbs__item:active,
a.breadcrumbs__item:visited {
  color: #6e6e6e;
}
.simplebar-track.vertical {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  transform-origin: center;
  transform: scaleY(0.92);
}
.simplebar-track.vertical .simplebar-scrollbar:before {
  background: #1185ed;
  cursor: pointer;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.simplebar-track.vertical .simplebar-scrollbar.visible:before {
  opacity: 1;
}
.simplebar-track.horizontal {
  display: none;
}
[data-simplebar-auto-hide='false'] .simplebar-track.vertical:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  background: #d2d2d2;
  left: 49%;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.input-select__dropdown .simplebar-track.vertical {
  transform-origin: bottom;
  right: 15px;
  transform: scaleY(0.88) translateY(-10px);
}
.input-select__dropdown .simplebar-track.horizontal {
  display: none;
}
.scrollbar__track {
  width: 1px !important;
  right: 15px;
  top: 10px;
  bottom: 10px;
  background: #d2d2d2;
}
.scrollbar__track--horizontal {
  display: none !important;
}
.scrollbar__thumb {
  width: 7px !important;
  margin-left: -3px;
  background: #1185ed;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  height: 20px;
  cursor: pointer;
}
.scrollbar__thumb--horizontal {
  display: none !important;
}
.cta {
  position: fixed;
  display: none;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  border-top: 1px solid #d2d2d2;
  z-index: 3;
}
.cta__container {
  max-width: 1270px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  padding: 10px;
}
@media (min-width: 992px) {
  .cta__container {
    flex-direction: row;
    padding: 10px 0;
  }
}
.cta__section {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
.cta__section a {
  display: inline-block;
}
.cta__section:last-of-type {
  padding: 0 15px;
}
@media (min-width: 992px) {
  .cta__section {
    width: 65%;
    text-align: right;
    margin-top: 0;
    margin-right: 15px;
  }
  .cta__section:last-of-type {
    width: 35%;
    text-align: left;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .cta {
    background-color: rgba(245, 245, 245, 0.9);
  }
}
.cta--vwo .cta__section {
  width: 50%;
}
.card {
  background: #ffffff;
  border-radius: 4px;
  position: relative;
}
.card--border {
  border: 1px solid #d2d2d2;
}
.card--double-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card--double-bottom {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card--grey {
  background: #f5f5f5;
}
.card__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.card__header--trending-topics {
  display: flex;
  flex: 1 auto;
}
@media (min-width: 992px) {
  .card__header--trending-topics {
    white-space: nowrap;
  }
}
.card__content {
  position: static;
  z-index: -1;
}
.card__content--profile-completion {
  display: flex;
}
.card__slider {
  width: 100%;
  display: block;
}
.card__footer {
  position: static;
  z-index: 1;
  border-top: 1px solid #d2d2d2;
}
.card__footer--borderless {
  border-top: none;
}
.card-heading--loading {
  position: relative;
  color: #f5f5f5;
}
.card-heading--loading::after {
  content: '';
  position: absolute;
  top: 6px;
  right: -60px;
  width: 25px;
  height: 25px;
  background: url('/img/loaders/loader-dark.svg') no-repeat;
  background-size: contain;
}
.card .collection-link {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.svg-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon--link {
  pointer-events: none;
}
.icon-12 {
  width: 12px;
  height: 12px;
}
.icon-14 {
  width: 14px;
  height: 14px;
}
.icon-16 {
  width: 16px;
  height: 16px;
}
.icon-18 {
  width: 18px;
  height: 18px;
}
.icon-24 {
  width: 24px;
  height: 24px;
}
.icon-36 {
  width: 36px;
  height: 36px;
}
.icon-40 {
  width: 40px;
  height: 40px;
}
.icon-42 {
  width: 42px;
  height: 42px;
}
.icon-48 {
  width: 48px;
  height: 48px;
}
.icon-62 {
  width: 62px;
  height: 62px;
}
.icon-72 {
  width: 72px;
  height: 72px;
}
.icon-80 {
  width: 80px;
  height: 80px;
}
.icon-100 {
  width: 100px;
  height: 100px;
}
.icon-128 {
  width: 128px;
  height: 128px;
}
.icon-h-16 {
  height: 16px;
}
.icon-h-18 {
  height: 18px;
}
.icon-h-22 {
  height: 22px;
}
.icon-w-12 {
  width: 12px;
}
.icon-w-128 {
  width: 128px;
}
.icon-giveaway {
  height: 60px;
}
@media (min-width: 768px) {
  .icon-giveaway {
    height: 86px;
    width: 104px;
  }
}
.svg-icon__share {
  width: 24px;
}
.svg-icon__share svg {
  width: 100%;
}
.progressbar {
  width: 100%;
  background: #d2d2d2;
  height: 7px;
  position: relative;
  border-radius: 4px;
}
.progressbar:before {
  content: ' ';
  width: var(--progressbar-width);
  height: 7px;
  background: #ff9100;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.progressbar--green:before {
  background: #09e85e;
}
.progressbar--blue:before {
  background: #1185ed;
}
.progressbar--animated:before {
  transition: width 1s ease-in;
}
.progressbar--completed:before {
  border-radius: 4px;
}
.progressbar--earnings {
  width: 70%;
}
.progressbar--widget {
  margin-left: -25px;
  margin-top: -25px;
  width: calc(100% + 50px);
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.progressbar--widget:before {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.progressbar--rounded {
  height: 11px;
}
.progressbar--rounded:before {
  height: 7px;
  top: 2px;
  left: 2px;
  border-radius: 4px;
}
.progressbar--bg-lightgrey {
  background: #f5f5f5;
}
.progressbar--bg-white {
  background: #ffffff;
}
.explore {
  display: flex;
  width: 100%;
}
.explore__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
}
@media (min-width: 992px) {
  .explore__item {
    padding: 30px 40px;
  }
}
.explore__item--horizontal {
  max-width: 307px;
}
.explore__item--vertical {
  max-width: 242px;
}
.explore__item--border fieldset {
  position: absolute;
  top: -10px;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-origin: border-box;
  border: 1px solid #e1e1e1;
  pointer-events: none;
}
.explore__item--border fieldset legend {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  font-size: 10px;
  padding: 0 10px;
  color: #000;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.explore__item--exclusive fieldset {
  background-image: url('/img/search/exclusive_icon.png');
  background-position: 10px 10px;
  background-size: 21px 26px;
}
.explore__item--more-like-these {
  opacity: 0.15;
}
.explore__item--more-like-these a {
  pointer-events: none;
  z-index: 1;
}
.explore__item--more-like-these + a {
  position: absolute;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10%;
  text-align: center;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  border-radius: 2%;
  outline: 2px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
}
@media (min-width: 992px) {
  .explore__item--more-like-these + a {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 992px) {
  .explore__item--more-like-these + a {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 768px) {
  .explore__item--more-like-these + a {
    flex-direction: row;
    white-space: pre-line;
    text-align: left;
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .explore__item--more-like-these + a {
    top: 30px;
    bottom: 30px;
    left: 40px;
    right: 40px;
  }
}
.explore__item--more-like-these + a img {
  max-width: 6px;
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .explore__item--more-like-these + a img {
    max-width: 10px;
  }
}
@media (min-width: 768px) {
  .explore__item--more-like-these + a img {
    max-width: 15px;
    margin-bottom: 0;
    margin-left: 35px;
  }
}
.explore__image img {
  border-radius: 2%;
  outline: 2px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
  .explore__image img {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 992px) {
  .explore__image img {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  }
}
.displate-table {
  width: 100%;
  border-collapse: collapse;
}
.displate-table thead {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  background: #f5f5f5;
}
.displate-table th,
.displate-table td {
  padding: 10px;
}
@media (min-width: 768px) {
  .displate-table th,
  .displate-table td {
    padding: 20px;
  }
}
.displate-table tr {
  border-bottom: 1px solid #d2d2d2;
}
.displate-table tr.no-border {
  border-bottom: none;
}
.displate-table tfoot td {
  padding: 20px 0;
}
.displate-table--subtable {
  border-top: 1px solid #d2d2d2;
}
.displate-table--subtable tr {
  border-top: 1px solid #d2d2d2;
  border-bottom: none;
  background: #f5f5f5;
}
.displate-table--subtable td {
  width: 20%;
  padding: 10px 20px;
  border-right: 1px solid #d2d2d2;
}
@media (min-width: 768px) {
  .displate-table--subtable td {
    padding: 22px 31px;
  }
  .displate-table--subtable td:first-of-type {
    padding-left: 48px;
  }
}
.displate-table--subtable td:last-of-type {
  border-right: none;
}
@media (min-width: 768px) {
  .displate-table--subtable th {
    padding: 10px 0 10px 48px;
  }
}
@media (min-width: 992px) {
  .displate-table--expandable {
    overflow: hidden !important;
  }
}
.displate-table--expandable .rt-th:not(.rt-resizable-header) + .rt-resizable-header {
  margin-left: -61px;
}
.displate-table--expandable .rt-th:not(.rt-resizable-header) + .rt-resizable-header .rt-resizable-header-content {
  padding-left: 15px;
}
@media (min-width: 768px) {
  .displate-table--expandable .rt-th:not(.rt-resizable-header) + .rt-resizable-header .rt-resizable-header-content {
    padding-left: 0;
  }
}
.displate-table--expandable .expander-cell {
  cursor: pointer;
  padding-left: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.displate-table--capitalized .rt-td p::first-letter {
  text-transform: uppercase;
}
.displate-table--borderless .rt-table .rt-tbody .rt-td {
  border-right: none;
}
.displate-table--commission .rt-table .rt-td,
.displate-table--commission .rt-table .rt-th {
  display: flex;
  align-items: center;
  justify-content: center !important;
}
.displate-table--commission .rt-table .rt-thead .rt-th {
  padding: 15px 0;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
}
.displate-table--sales-stats {
  font-size: 12px;
  width: 100%;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
}
@media (min-width: 768px) {
  .displate-table--sales-stats {
    font-size: 16px;
  }
  .displate-table--sales-stats .rt-thead .rt-resizable-header-content {
    overflow: visible !important;
    text-overflow: unset !important;
  }
}
.displate-table--fixed-height .rt-table .rt-td {
  height: 121px;
}
.displate-table--no-pagination .rt-tbody .rt-tr-group:last-child {
  border-bottom: 1px solid #d2d2d2 !important;
}
.displate-table__displate-preview {
  width: 55px;
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 2%;
  outline: 2px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25);
}
.displate-table__displate-preview--small {
  width: 32px;
}
.displate-table + .search-pagination {
  margin-top: 0 !important;
}
.ReactTable {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: auto;
}
.ReactTable * {
  box-sizing: border-box;
}
.ReactTable .rt-table {
  align-items: stretch;
  border-collapse: collapse;
  display: flex;
  flex-direction: column;
  flex: auto 1;
  width: 100%;
}
.ReactTable .rt-thead {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  user-select: none;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  background: #f5f5f5;
}
.ReactTable .rt-thead .rt-th {
  padding: 10px 20px;
  position: relative;
  transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (min-width: 768px) {
  .ReactTable .rt-thead .rt-th {
    padding: 22px 31px;
  }
}
.ReactTable .rt-thead .rt-th:last-child {
  border-right: 0;
}
.ReactTable .rt-thead .rt-th:focus {
  outline: none;
}
.ReactTable .rt-thead .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 0 0 transparent;
  display: flex;
  line-height: normal;
  padding: 10px 20px;
  position: relative;
  transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (min-width: 768px) {
  .ReactTable .rt-thead .rt-td {
    padding: 22px 31px;
  }
}
.ReactTable .rt-thead .rt-td:last-child {
  border-right: 0;
}
.ReactTable .rt-thead .rt-th.-sort-asc {
  box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.6);
}
.ReactTable .rt-thead .rt-td.-sort-asc {
  box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.6);
}
.ReactTable .rt-thead .rt-th.-sort-desc {
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.6);
}
.ReactTable .rt-thead .rt-td.-sort-desc {
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.6);
}
.ReactTable .rt-thead .rt-th.-cursor-pointer {
  cursor: pointer;
}
.ReactTable .rt-thead .rt-td.-cursor-pointer {
  cursor: pointer;
}
.ReactTable .rt-thead .rt-resizable-header {
  overflow: visible;
  border-right: 1px solid #d2d2d2;
  display: flex;
  align-items: center;
}
.ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow: hidden;
  border-right: none;
}
.ReactTable .rt-thead .rt-resizable-header-content {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.ReactTable .rt-thead .rt-header-pivot {
  border-right-color: #d2d2d2;
}
.ReactTable .rt-thead .rt-header-pivot:after {
  border-color: #d2d2d2;
  border-left-color: #ffffff;
  border-width: 8px;
  border: solid transparent;
  content: ' ';
  height: 0;
  left: 100%;
  margin-top: -8px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 0;
}
.ReactTable .rt-thead .rt-header-pivot:before {
  border-color: #d2d2d2;
  border-left-color: #d2d2d2;
  border-width: 10px;
  border: solid transparent;
  content: ' ';
  height: 0;
  left: 100%;
  margin-top: -10px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 0;
}
.ReactTable .rt-thead.-headerGroups {
  background: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ReactTable .rt-thead.-filters {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ReactTable .rt-thead.-filters input {
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #d2d2d2;
  font-size: inherit;
  font-weight: normal;
  outline: none;
  padding: 5px 7px;
}
.ReactTable .rt-thead.-filters select {
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: inherit;
  font-weight: normal;
  outline: none;
  padding: 5px 7px;
}
.ReactTable .rt-thead.-filters .rt-th {
  border-right: 1px solid #d2d2d2;
}
.ReactTable .rt-tbody {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}
.ReactTable .rt-tbody .rt-tr-group {
  border-bottom: 1px solid #d2d2d2;
}
.ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: 0;
}
.ReactTable .rt-tbody .rt-td {
  border-right: 1px solid #d2d2d2;
  justify-content: flex-end;
}
.ReactTable .rt-tbody .rt-td:last-child {
  border-right: 0;
}
.ReactTable .rt-tbody .rt-expandable {
  cursor: pointer;
  text-overflow: clip;
  width: 41.5% !important;
  flex: 1 auto !important;
  border-right: none;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.ReactTable .rt-tbody .rt-expandable ~ .rt-td {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.ReactTable .rt-tbody .rt-expandable + .rt-td {
  margin-left: -61px;
  justify-content: flex-start;
}
.ReactTable .rt-tr-group {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.ReactTable .rt-tr {
  display: inline-flex;
  flex: 1 0 auto;
}
.ReactTable .rt-th {
  flex: 1 0 0;
  overflow: hidden;
  padding: 10px 20px;
  text-overflow: ellipsis;
  transition-property: width, min-width, padding, opacity;
  transition: 0.3s ease;
}
@media (min-width: 768px) {
  .ReactTable .rt-th {
    padding: 22px 31px;
  }
}
.ReactTable .rt-td {
  flex: 1 0 0;
  padding: 10px 20px;
  text-overflow: ellipsis;
  transition-property: width, min-width, padding, opacity;
  transition: 0.3s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .ReactTable .rt-td {
    padding: 22px 31px;
  }
}
.ReactTable .rt-th-hidden,
.ReactTable .rt-td-hidden {
  border: 0 !important;
  min-width: 0 !important;
  opacity: 0 !important;
  padding: 0 !important;
  width: 0 !important;
}
.ReactTable .rt-expander {
  color: transparent;
  display: inline-block;
  position: relative;
  transition: 0.4s ease;
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
@media (min-width: 768px) {
  .ReactTable .rt-expander:after {
    content: '';
    background: url(/img/icons/dropdown-icon.png);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 10px;
    width: 20px;
    position: absolute;
    top: 7px;
    transform: rotate(0);
    transition: 0.4s ease;
  }
}
.ReactTable .rt-expander.-open:after {
  transform: rotate(-180deg);
}
.ReactTable .rt-resizer {
  bottom: 0;
  cursor: col-resize;
  display: inline-block;
  position: absolute;
  right: -18px;
  top: 0;
  width: 36px;
  z-index: 10;
}
.ReactTable .rt-tfoot {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.ReactTable .rt-tfoot .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.ReactTable .rt-tfoot .rt-td:last-child {
  border-right: 0;
}
.ReactTable .-pagination {
  align-items: stretch;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 8px 7px 3px 7px;
  z-index: 1;
  border-radius: 4px;
}
.ReactTable .-pagination input {
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: inherit;
  font-weight: normal;
  outline: none;
  padding: 5px 7px;
}
.ReactTable .-pagination select {
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: inherit;
  font-weight: normal;
  outline: none;
  padding: 5px 7px;
}
.ReactTable .-pagination .-btn {
  appearance: none;
  border-radius: 3px;
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 1em;
  outline: none;
  padding: 6px;
  transition: all 0.1s ease;
  width: 100%;
  background: #1185ed;
  color: #ffffff;
}
.ReactTable .-pagination .-btn:not([disabled]) hover {
  background-color: #0f76d4;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2);
}
.ReactTable .-pagination .-btn[disabled] {
  background: #d2d2d2;
  color: #ffffff;
  box-shadow: none;
  pointer-events: none;
}
.ReactTable .-pagination .-previous {
  flex: 1;
  text-align: center;
}
.ReactTable .-pagination .-next {
  flex: 1;
  text-align: center;
}
.ReactTable .-pagination .-center {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1.5;
  justify-content: space-around;
  margin-bottom: 0;
  text-align: center;
}
.ReactTable .-pagination .-pageInfo {
  display: inline-block;
  margin: 3px 10px;
  white-space: nowrap;
}
.ReactTable .-pagination .-pageJump {
  display: inline-block;
}
.ReactTable .-pagination .-pageJump input {
  text-align: center;
}
.ReactTable .-pagination .-pageSizeOptions {
  margin: 3px 10px;
}
.ReactTable .rt-noData {
  color: rgba(0, 0, 0, 0.5);
  display: block;
  padding: 22px;
  pointer-events: none;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  z-index: 1;
  margin-top: 32px;
  border-bottom: 1px solid #d2d2d2;
  text-align: center;
  margin-bottom: -30px;
}
@media (min-width: 768px) {
  .ReactTable .rt-noData {
    margin-bottom: -34px;
  }
}
.ReactTable .-loading {
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease;
  z-index: -1;
}
.ReactTable .-loading.-active {
  opacity: 1;
  pointer-events: all;
  z-index: 1;
}
.ReactTable .rt-resizing .rt-th {
  cursor: col-resize;
  transition: none !important;
  user-select: none;
}
.ReactTable .rt-resizing .rt-td {
  cursor: col-resize;
  transition: none !important;
  user-select: none;
}
.ReactTable.-striped .rt-tr.-odd {
  background: rgba(0, 0, 0, 0.03);
}
.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow) hover {
  background: rgba(0, 0, 0, 0.05);
}
/*!
 * # Semantic UI 2.4.0 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*******************************
            Content
*******************************/
/*--------------
      Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #ffffff;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity;
}
.ui.dropdown .menu > * {
  white-space: nowrap;
}
/*--------------
  Hidden Input
---------------*/
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important;
}
/*--------------
 Dropdown Icon
---------------*/
.ui.dropdown > .dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0em 0em 0em 1em;
}
.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em;
}
.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em;
}
/*--------------
      Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}
/*--------------
    Menu Item
---------------*/
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429rem 1.14285714rem !important;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-touch-callout: none;
}
.ui.dropdown .menu > .item:first-child {
  border-top-width: 0px;
}
/*--------------
  Floated Content
---------------*/
.ui.dropdown > .text > [class*='right floated'],
.ui.dropdown .menu .item > [class*='right floated'] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important;
}
.ui.dropdown > .text > [class*='left floated'],
.ui.dropdown .menu .item > [class*='left floated'] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important;
}
.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em;
}
/*--------------
  Menu Divider
---------------*/
.ui.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.14285714rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: bold;
  text-transform: uppercase;
}
.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0em;
  margin: 0.5em 0em;
}
.ui.dropdown.dropdown .menu > .input {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem;
}
.ui.dropdown .menu > .header + .input {
  margin-top: 0em;
}
.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em;
}
.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/*-----------------
  Item Description
-------------------*/
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4);
}
/*-----------------
       Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal;
}
.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important;
}
/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none;
}
/*--------------
   Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em;
}
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em;
}
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0em;
  float: none;
  margin-right: 0.78571429rem;
}
/*--------------
     Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  max-height: 2em;
}
/*******************************
            Coupling
*******************************/
/*--------------
      Menu
---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none;
}
/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none;
}
/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em;
}
/*--------------
      Label
---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%;
}
/*--------------
     Button
---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em;
}
.ui.button.dropdown .menu {
  min-width: 100%;
}
/*******************************
              Types
*******************************/
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.71428571em;
  background: #ffffff;
  display: inline-block;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
}
.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10;
}
select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible;
}
.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.21428571em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.91666667em;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0px;
}
/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: 0px -1px;
  min-width: calc(100% + 2px);
  width: calc(100% + 2px);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}
/*--------------
    Message
---------------*/
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
}
@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem;
  }
}
/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #fafafa;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal;
}
/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none;
}
/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* Active */
.ui.selection.active.dropdown {
  border-color: #96c8da;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
.ui.selection.active.dropdown .menu {
  border-color: #96c8da;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
/* Focus */
.ui.selection.dropdown:focus {
  border-color: #96c8da;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui.selection.dropdown:focus .menu {
  border-color: #96c8da;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
}
/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #96c8da;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
.ui.selection.active.dropdown:hover .menu {
  border-color: #96c8da;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: '';
  z-index: 3;
}
/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
/*--------------
   Searchable
---------------*/
/* Search Selection */
.ui.search.dropdown {
  min-width: '';
}
/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0em;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit;
}
/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2;
}
.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3;
}
/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
}
/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
  display: none;
  white-space: pre;
}
/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto;
}
.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none;
}
/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}
.ui.active.search.dropdown input.search:focus + .text {
  color: rgba(115, 115, 115, 0.87) !important;
}
/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem;
  }
}
/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;
}
.ui.multiple.dropdown .menu {
  cursor: auto;
}
/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text;
}
/* Selection Label */
.ui.multiple.dropdown > .label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
}
/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: '';
  padding: '';
}
/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}
.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important;
}
.ui.multiple.dropdown > .label ~ .text {
  display: none;
}
/*-----------------
  Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}
.ui.multiple.search.dropdown > .label ~ .text {
  display: none;
}
/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em;
}
/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}
.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.21428571em 0em 0.21428571em;
  vertical-align: baseline;
}
.ui.inline.dropdown > .text {
  font-weight: bold;
}
.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem;
}
/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 12;
}
/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13;
}
/*--------------------
       Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1em !important;
}
.ui.loading.selection.dropdown > i.icon {
  padding: 1.5em 1.28571429em !important;
}
.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: dropdown-spin 0.6s linear;
  animation: dropdown-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
}
/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
  display: none;
}
@-webkit-keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*--------------------
     Default Text
----------------------*/
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: rgba(191, 191, 191, 0.87);
}
.ui.dropdown:not(.button) > input:focus ~ .default.text,
.ui.default.dropdown:not(.button) > input:focus ~ .text {
  color: rgba(115, 115, 115, 0.87);
}
/*--------------------
        Loading
----------------------*/
.ui.loading.dropdown > .text {
  -webkit-transition: none;
  transition: none;
}
/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.dropdown > .loading.menu {
  left: 0px !important;
  right: auto !important;
}
.ui.dropdown > .menu .loading.menu {
  left: 100% !important;
  right: auto !important;
}
/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}
/*--------------------
    Search Filtered
----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden;
}
.ui.dropdown .filtered.item {
  display: none !important;
}
/*--------------------
        Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9f3a38;
}
.ui.selection.dropdown.error {
  background: #fff6f6;
  border-color: #e0b4b4;
}
.ui.selection.dropdown.error:hover {
  border-color: #e0b4b4;
}
.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #e0b4b4;
}
.ui.dropdown.error > .menu > .item {
  color: #9f3a38;
}
.ui.multiple.selection.error.dropdown > .label {
  border-color: #e0b4b4;
}
/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #fff2f2;
}
/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #fdcfcf;
}
/*--------------------
        Clear
----------------------*/
.ui.dropdown > .clear.dropdown.icon {
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.ui.dropdown > .clear.dropdown.icon:hover {
  opacity: 1;
}
/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}
/*******************************
           Variations
*******************************/
/*--------------
    Direction
---------------*/
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px;
}
/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important;
}
/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
  left: auto !important;
  right: 0px !important;
}
.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0em -0.5em 0em 0em !important;
  border-radius: 0.28571429rem !important;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em;
}
.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
  margin-right: 0em;
}
/*--------------
     Upward
---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important;
}
/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
}
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
/* Selection */
.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.ui.upward.selection.dropdown:hover {
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
}
/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}
/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}
/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
}
.ui.upward.active.selection.dropdown:hover .menu {
  -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
/*--------------
     Simple
---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto;
}
.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important;
}
.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none;
}
.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none;
}
.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block;
}
/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% - 17px);
  }
}
@media only screen and (max-width: 767px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}
.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}
.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}
.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}
/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block;
}
/*--------------
      Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em;
}
.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}
/*--------------
    Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important;
}
.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0.28571429rem !important;
}
/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem;
}
.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  background: #ffffff;
  z-index: 2;
}
.ui.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em;
}
/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}
.ui.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Top Right Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em;
}
.ui.top.pointing.dropdown > .left.menu:after,
.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto !important;
  right: 1em !important;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em;
}
.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
  left: auto !important;
  right: 100% !important;
  margin: 0em 1em 0em 0em;
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em;
}
.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em;
}
.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important;
}
/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto;
}
.ui.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto;
}
/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto;
}
.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em;
}
/* Upward pointing */
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  top: auto !important;
  bottom: 100% !important;
  margin: 0em 0em 0.78571429rem;
  border-radius: 0.28571429rem;
}
.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
  top: 100% !important;
  bottom: auto !important;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
  margin: -0.25em 0em 0em;
}
/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 1em 0em 0em;
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
}
/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 0em 1em;
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
}
/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: 'Dropdown';
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff');
  font-weight: normal;
  font-style: normal;
}
.ui.dropdown > .dropdown.icon {
  font-family: 'Dropdown';
  line-height: 1;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
.ui.dropdown > .dropdown.icon {
  width: auto;
}
.ui.dropdown > .dropdown.icon:before {
  content: '\f0d7';
}
/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before {
  content: '\f0da' /*rtl:'\f0d9'*/;
}
.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: '\f0d9' /*rtl:"\f0da"*/;
}
/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: '\f0da' /*rtl:"\f0d9"*/;
}
.ui.dropdown > .clear.icon:before {
  content: '\f00d';
}
/* Icons for Reference (Subsetted in 2.4.0)
  .dropdown.down:before { content: "\f0d7"; }
  .dropdown.up:before { content: "\f0d8"; }
  .dropdown.left:before { content: "\f0d9"; }
  .dropdown.right:before { content: "\f0da"; }
  .dropdown.close:before { content: "\f00d"; }
*/
/*******************************
        User Overrides
*******************************/
@keyframes pulsometer {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(210, 210, 210, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(210, 210, 210, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(210, 210, 210, 0);
  }
}
.editions {
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  display: flex;
  padding: 12px 15px 10px;
  margin: 0 -15px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom: 1px solid #d2d2d2;
  background-color: #f5f5f5;
}
.editions__pulsometer {
  margin-top: 15px;
  position: relative;
  padding-left: 30px;
}
.editions__pulsometer:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 10px;
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius: 50%;
  transform: scale(1);
  background: #09e85e;
  border: 3px solid white;
  box-shadow: 0 0 0 0 #d2d2d2;
  animation: pulsometer 2s infinite;
}
@media (min-width: 992px) {
  .editions__pulsometer:after {
    width: 15px;
    height: 15px;
  }
}
.editions__pulsometer--box {
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding: 10px 10px 10px 40px;
}
.editions__pulsometer--box .link {
  padding: 0 2px;
}
.editions__pulsometer--box:after {
  top: 7px;
}
.editions__pulsometer--product {
  margin-right: 10px;
}
.editions__pulsometer--product p {
  font-size: 14px;
}
.editions__pulsometer--product:after {
  top: 1px;
  left: 0;
}
.editions__pulsometer--landing {
  background: #ffffff;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 10px 10px 10px 30px;
}
.editions__pulsometer--landing:after {
  left: 5px;
  top: 10px;
}
.editions__pulsometer--orange:after {
  background: #ff9100;
}
.editions__pulsometer--grey .link {
  padding: 0 2px;
}
.editions__pulsometer--grey:after {
  background: #d2d2d2;
  border: 3px solid #d2d2d2;
  top: 0;
  animation: unset;
}
@media (min-width: 992px) {
  .editions__pulsometer--grey:after {
    top: 8px;
  }
}
.editions__pulsometer--red:after {
  background: #ff1744;
}
.editions__pulsometer--soldout {
  padding: 10px;
  width: 100%;
  margin-right: 0;
}
.editions__pulsometer--soldout + div {
  position: absolute;
  right: 15px;
}
@media (min-width: 992px) {
  .editions__pulsometer--soldout {
    width: initial;
  }
}
.editions__pulsometer--soldout p {
  width: 100%;
  text-align: center;
}
.editions__pulsometer--soldout span.text--bold {
  color: #ff1744;
}
.editions__pulsometer--soldout:after {
  content: none;
}
.editions__pulsometer--soldout + object {
  display: none;
}
@media (min-width: 992px) {
  .editions__pulsometer--soldout + object {
    display: block;
  }
}
.editions__pulsometer.editions__pulsometer--cart {
  margin-top: 0;
  padding-left: 24px;
  margin-bottom: 8px;
}
.editions__pulsometer.editions__pulsometer--cart::after {
  top: -2.5px;
  left: 0;
  margin-left: 0;
}
.tile-link {
  display: flex;
  background: #ffffff;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  width: 100%;
  position: relative;
}
.tile-link * {
  pointer-events: none;
}
.tile-link p {
  word-break: break-word;
}
@supports (hyphens: auto) {
  .tile-link p {
    hyphens: auto;
  }
}
@media (min-width: 576px) {
  .tile-link p {
    font-size: initial;
  }
}
.tile-link img.error {
  display: none;
}
.tile-link__image {
  padding: 2px;
  width: auto;
  margin-right: 15px;
}
.tile-link__image img {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  height: 100%;
}
.tile-link__arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.tile-link--menu .tile-link__image {
  margin-right: 0;
  flex-shrink: 0;
}
.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 28px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider:before {
  background-color: #1185ed;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #d2d2d2;
}
.switch .slider:before {
  position: absolute;
  content: '';
  height: 22px;
  width: 22px;
  left: 2px;
  bottom: 2px;
  background-color: #6e6e6e;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s cubic-bezier(0.26, 0.22, 0, 0.87);
  transition: 0.3s cubic-bezier(0.26, 0.22, 0, 0.87);
}
.switch .slider.round {
  border-radius: 24px;
}
.switch .slider.round:before {
  border-radius: 50%;
}
.missing-image-placeholder {
  background-color: #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.missing-image-placeholder svg {
  width: 90%;
  margin: 5% 0 5% 0;
}
.missing-image-placeholder span {
  display: block;
  position: absolute;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #8d9ba1;
}
.plate-hover {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 100%;
  height: auto;
  padding: 8px 4%;
  border-bottom-left-radius: 2%;
  border-bottom-right-radius: 2%;
  z-index: 10;
}
.plate-hover .plate-hover__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 11px;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  z-index: 10;
  /* two, four items */
  /* three, five or more items */
}
.plate-hover .plate-hover__item p {
  font-size: 11px;
  margin-top: 5px;
  flex-basis: 100%;
  cursor: pointer;
}
.plate-hover .plate-hover__item img {
  max-height: 24px;
  cursor: pointer;
  object-fit: contain;
}
.plate-hover .plate-hover__item:first-child:nth-last-child(2),
.plate-hover .plate-hover__item:first-child:nth-last-child(2) ~ .plate-hover__item,
.plate-hover .plate-hover__item:first-child:nth-last-child(4),
.plate-hover .plate-hover__item:first-child:nth-last-child(4) ~ .plate-hover__item {
  width: 49%;
}
.plate-hover .plate-hover__item:first-child:nth-last-child(3),
.plate-hover .plate-hover__item:first-child:nth-last-child(3) ~ .plate-hover__item,
.plate-hover .plate-hover__item:first-child:nth-last-child(5),
.plate-hover .plate-hover__item:first-child:nth-last-child(5) ~ .plate-hover__item,
.plate-hover .plate-hover__item:first-child:nth-last-child(6),
.plate-hover .plate-hover__item:first-child:nth-last-child(6) ~ .plate-hover__item {
  width: 33.33333333%;
}
.plate-hover .plate-hover__item:hover,
.plate-hover .plate-hover__item.active {
  text-decoration: underline;
}
.tooltip {
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  /* names come from the position of tooltip arrow */
}
.tooltip:not(.tooltip--loose) {
  max-height: 18px;
}
.tooltip:not(.tooltip--visible):hover .tooltip__text,
.tooltip:not(.tooltip--visible):focus .tooltip__text {
  opacity: 1;
  visibility: visible;
  display: block;
}
.tooltip--visible .tooltip__text {
  opacity: 1;
  visibility: visible;
  display: block;
}
.tooltip.tooltip--unset-height {
  max-height: none;
}
.tooltip__icon {
  cursor: pointer;
  padding: 10px;
  margin: -10px;
}
.tooltip__text {
  font-size: 12px;
  border-radius: 4px;
  position: absolute;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  display: none;
  background: #ffffff;
  z-index: 1001;
  filter: drop-shadow(4px 4px 12px rgba(0, 0, 0, 0.2));
}
.tooltip__text a {
  color: #1185ed;
}
.tooltip__text a:hover {
  text-decoration: underline;
}
.tooltip__text--medium {
  width: 210px;
}
.tooltip__text:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #ffffff;
  transform-origin: center center;
  transform: rotate(45deg);
  position: absolute;
  z-index: -1;
}
.tooltip--left-top {
  align-items: flex-start;
}
.tooltip--left-top .tooltip__text {
  top: -15px;
  left: 35px;
}
.tooltip--left-top .tooltip__text:after {
  top: 15px;
  left: -5px;
}
.tooltip--left-center {
  align-items: center;
}
.tooltip--left-center .tooltip__text {
  left: 35px;
}
.tooltip--left-center .tooltip__text:after {
  top: 50%;
  left: -5px;
  transform: translateY(-50%) rotate(45deg);
}
.tooltip--top-left {
  flex-direction: column;
  align-items: flex-start;
}
.tooltip--top-left .tooltip__text {
  top: 35px;
  left: -15px;
}
.tooltip--top-left .tooltip__text:after {
  top: -5px;
  left: 15px;
}
.tooltip--top-center {
  flex-direction: column;
  align-items: center;
}
.tooltip--top-center .tooltip__text {
  top: 35px;
}
.tooltip--top-center .tooltip__text:after {
  top: -5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.tooltip--top-right {
  flex-direction: column;
  align-items: flex-end;
}
.tooltip--top-right .tooltip__text {
  top: 35px;
  right: -15px;
}
.tooltip--top-right .tooltip__text:after {
  top: -5px;
  right: 15px;
}
.tooltip--bottom-left {
  flex-direction: column-reverse;
  align-items: flex-start;
}
.tooltip--bottom-left .tooltip__text {
  bottom: 35px;
  left: -15px;
}
.tooltip--bottom-left .tooltip__text:after {
  bottom: -5px;
  left: 15px;
}
.tooltip--bottom-center {
  flex-direction: column-reverse;
  align-items: center;
}
.tooltip--bottom-center .tooltip__text {
  bottom: 35px;
}
.tooltip--bottom-center .tooltip__text:after {
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%) rotate(45deg);
}
.tooltip--bottom-right {
  flex-direction: column-reverse;
  align-items: flex-end;
}
.tooltip--bottom-right .tooltip__text {
  bottom: 35px;
  right: -15px;
}
.tooltip--bottom-right .tooltip__text:after {
  bottom: -5px;
  right: 15px;
}
.collection-quality .tooltip.tooltip--bottom-right .tooltip__text,
.what-displate-wrapper .tooltip.tooltip--bottom-right .tooltip__text {
  bottom: 11px;
}
.collection-quality .tooltip.tooltip--top-right .tooltip__text,
.what-displate-wrapper .tooltip.tooltip--top-right .tooltip__text {
  top: 92px;
  right: -3px;
}
.tooltip__footer {
  border-top: 1px solid #d2d2d2;
  background: #f5f5f5;
  color: #6e6e6e;
}
.stop-scrolling {
  overflow: hidden;
}
.popup__trigger {
  cursor: pointer;
}
.popup__trigger img {
  height: 18px;
  width: 18px;
}
.popup__trigger object {
  width: 20px;
  height: 20px;
  margin-bottom: 1px;
  pointer-events: none;
}
.popup,
.popup-overlay {
  position: fixed;
  top: unset !important;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
  background: rgba(245, 245, 245, 0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  -webkit-overflow-scrolling: touch;
  cursor: initial;
  pointer-events: none;
}
.popup--active,
.popup-overlay--active {
  display: flex;
  pointer-events: auto;
}
.popup--minor,
.popup-overlay--minor {
  background: transparent;
}
.popup--blurred > .popup__wrapper:after,
.popup-overlay--blurred > .popup__wrapper:after {
  visibility: visible;
  opacity: 1;
}
.popup--bottom,
.popup-overlay--bottom {
  position: fixed !important;
  align-items: flex-end;
  padding-bottom: 0;
}
.popup--bottom .popup__header,
.popup-overlay--bottom .popup__header {
  padding: 15px 0;
}
.popup--bottom .popup__wrapper,
.popup-overlay--bottom .popup__wrapper {
  bottom: -100%;
  height: auto;
  min-height: unset;
}
.popup--bottom .popup__wrapper .popup__content,
.popup-overlay--bottom .popup__wrapper .popup__content {
  padding-bottom: 0;
}
.popup--bottom.popup--active .popup__wrapper,
.popup-overlay--bottom.popup--active .popup__wrapper {
  bottom: 0;
}
.popup--edit-item .popup__content,
.popup-overlay--edit-item .popup__content {
  padding: 0 0 50px 0;
}
.popup--edit-item .popup--minor .popup__content,
.popup-overlay--edit-item .popup--minor .popup__content {
  padding: 0 40px 30px;
}
.popup--edit-item .popup__columns,
.popup-overlay--edit-item .popup__columns {
  position: relative;
  padding: 0 20px 20px;
}
@media (min-width: 768px) {
  .popup--edit-item .popup__columns,
  .popup-overlay--edit-item .popup__columns {
    padding: 0 40px 30px;
  }
}
.popup__go-back,
.popup-overlay__go-back {
  position: absolute;
  top: 35px;
  cursor: pointer;
}
.popup__go-back:focus,
.popup-overlay__go-back:focus {
  outline: none;
}
.popup__go-back img,
.popup-overlay__go-back img {
  pointer-events: none;
}
.popup__go-back + h4,
.popup-overlay__go-back + h4 {
  padding-left: 30px;
}
.popup__go-back + h4 + button + p,
.popup-overlay__go-back + h4 + button + p {
  padding-left: 30px;
}
.popup__wrapper,
.popup-overlay__wrapper {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  min-height: 100%;
  height: 100vh;
  width: 100vw;
  max-height: calc(100vh - 180px) !important;
  transition: all 0.3s ease;
  overflow-x: hidden;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .popup__wrapper,
  .popup-overlay__wrapper {
    min-height: 0;
    min-width: 500px;
    width: auto;
  }
}
@media (min-width: 992px) {
  .popup__wrapper,
  .popup-overlay__wrapper {
    max-height: 95vh !important;
  }
}
@media (min-width: 1200px) {
  .popup__wrapper,
  .popup-overlay__wrapper {
    max-width: 45%;
    max-height: 90vh !important;
  }
}
.popup__wrapper:after,
.popup-overlay__wrapper:after {
  content: '';
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(245, 245, 245, 0.9);
  transition: all 0.3s ease;
  z-index: 11;
}
.popup__wrapper--scrollable,
.popup-overlay__wrapper--scrollable {
  overflow-y: hidden;
}
.popup__wrapper--scrollable .popup__header,
.popup-overlay__wrapper--scrollable .popup__header {
  padding: 60px 20px 30px;
  margin: 0;
  border-bottom: 1px solid #d2d2d2;
}
.popup__wrapper--scrollable .popup__header--no-border,
.popup-overlay__wrapper--scrollable .popup__header--no-border {
  border-bottom: none;
}
@media (min-width: 768px) {
  .popup__wrapper--scrollable .popup__header,
  .popup-overlay__wrapper--scrollable .popup__header {
    padding: 30px 45px;
  }
}
.popup__wrapper--scrollable .popup__content,
.popup-overlay__wrapper--scrollable .popup__content {
  max-height: 100vh;
}
@media (min-width: 992px) {
  .popup__wrapper--scrollable .popup__content,
  .popup-overlay__wrapper--scrollable .popup__content {
    max-height: 78vh;
  }
}
.popup__wrapper--scrollable .popup__content .simplebar-content,
.popup-overlay__wrapper--scrollable .popup__content .simplebar-content {
  overflow-x: hidden;
}
.popup__wrapper--transparent,
.popup-overlay__wrapper--transparent {
  background: none;
  box-shadow: none;
}
.popup__wrapper--transparent .popup__header,
.popup-overlay__wrapper--transparent .popup__header {
  border-bottom: none;
}
.popup__wrapper--settings,
.popup-overlay__wrapper--settings {
  width: 100vw;
}
@media (min-width: 992px) {
  .popup__wrapper--settings,
  .popup-overlay__wrapper--settings {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .popup__wrapper--settings .popup__content,
  .popup-overlay__wrapper--settings .popup__content {
    padding: 30px 40px;
  }
}
@media (min-width: 992px) {
  .popup__wrapper--update-payment-details,
  .popup-overlay__wrapper--update-payment-details {
    min-width: 675px;
  }
}
.popup__wrapper--update-payment-details .select-processor,
.popup-overlay__wrapper--update-payment-details .select-processor {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #f5f5f5;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
}
@media (min-width: 992px) {
  .popup__wrapper--update-payment-details .select-processor,
  .popup-overlay__wrapper--update-payment-details .select-processor {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #f5f5f5;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
  }
}
.popup__wrapper--update-payment-details .select-processor[data-id='1'] .select-processor__section--cards img,
.popup-overlay__wrapper--update-payment-details .select-processor[data-id='1'] .select-processor__section--cards img {
  max-width: 160px;
}
.popup__wrapper--update-payment-details .select-processor[data-id='2'] .select-processor__section--cards img,
.popup-overlay__wrapper--update-payment-details .select-processor[data-id='2'] .select-processor__section--cards img {
  max-width: 120px;
}
@media (min-width: 992px) {
  .popup__wrapper--update-payment-details .select-processor[data-id='1'] .select-processor__section--cards img,
  .popup-overlay__wrapper--update-payment-details .select-processor[data-id='1'] .select-processor__section--cards img,
  .popup__wrapper--update-payment-details .select-processor[data-id='2'] .select-processor__section--cards img,
  .popup-overlay__wrapper--update-payment-details .select-processor[data-id='2'] .select-processor__section--cards img {
    max-width: initial;
  }
}
.popup__wrapper--update-payment-details .select-processor > *,
.popup-overlay__wrapper--update-payment-details .select-processor > * {
  pointer-events: none;
}
.popup__wrapper--update-payment-details .select-processor__paypal-icon,
.popup-overlay__wrapper--update-payment-details .select-processor__paypal-icon {
  max-width: 60px;
}
.popup__wrapper--update-payment-details .select-processor__section,
.popup-overlay__wrapper--update-payment-details .select-processor__section {
  width: 100%;
}
@media (min-width: 992px) {
  .popup__wrapper--update-payment-details .select-processor__section,
  .popup-overlay__wrapper--update-payment-details .select-processor__section {
    width: 50%;
  }
}
.popup__wrapper--update-payment-details .select-processor__section--cards,
.popup-overlay__wrapper--update-payment-details .select-processor__section--cards {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-right: 40px;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .popup__wrapper--update-payment-details .select-processor__section--cards,
  .popup-overlay__wrapper--update-payment-details .select-processor__section--cards {
    justify-content: flex-end;
    padding-right: 40px;
    margin-top: 0;
  }
}
.popup__wrapper--update-payment-details .select-processor__section--cards .slide-up,
.popup-overlay__wrapper--update-payment-details .select-processor__section--cards .slide-up {
  position: absolute;
  top: -8px;
  right: 0;
}
@media (min-width: 992px) {
  .popup__wrapper--update-payment-details .select-processor__section--cards .slide-up,
  .popup-overlay__wrapper--update-payment-details .select-processor__section--cards .slide-up {
    top: 50%;
    transform: translateY(-50%);
  }
}
.popup__wrapper--update-payment-details .select-processor:hover .slide-up,
.popup-overlay__wrapper--update-payment-details .select-processor:hover .slide-up {
  animation: jump 1s;
}
.popup__wrapper--full-width,
.popup-overlay__wrapper--full-width {
  max-width: 100%;
}
.popup__wrapper--added-to-cart,
.popup-overlay__wrapper--added-to-cart {
  width: 100vw;
}
.popup__wrapper--added-to-cart img,
.popup-overlay__wrapper--added-to-cart img {
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 2%;
  outline: 2px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25);
}
.popup__wrapper--access-points,
.popup-overlay__wrapper--access-points {
  width: 70vw;
  height: 50vh;
  max-width: unset;
  max-height: unset;
}
@media (max-width: 767px) {
  .popup__wrapper--access-points,
  .popup-overlay__wrapper--access-points {
    width: 100vw;
    height: 100vh;
  }
}
.popup__wrapper--access-points .popup__content,
.popup-overlay__wrapper--access-points .popup__content {
  position: relative;
}
@media (min-width: 1200px) {
  .popup__wrapper--auto,
  .popup-overlay__wrapper--auto {
    width: auto;
    max-width: 100%;
  }
}
.popup__header,
.popup-overlay__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d2d2d2;
  margin: 0 20px 15px;
  padding: 15px 0;
}
@media (min-width: 768px) {
  .popup__header,
  .popup-overlay__header {
    padding: 30px 0;
    margin: 0 40px;
  }
}
.popup__header--no-border,
.popup-overlay__header--no-border {
  border-bottom: none;
  margin: 0 20px;
}
@media (min-width: 992px) {
  .popup__header--no-border,
  .popup-overlay__header--no-border {
    margin: 0 40px;
  }
}
.popup__header--with-description,
.popup-overlay__header--with-description {
  flex-wrap: wrap;
  align-items: flex-start;
}
.popup__header--with-description p,
.popup-overlay__header--with-description p {
  width: 100%;
}
.popup__header--center,
.popup-overlay__header--center {
  justify-content: center;
}
.popup__close,
.popup-overlay__close {
  content: '';
  flex-shrink: 0;
  margin-left: auto;
  width: 26px;
  height: 26px;
  background: transparent url('/img/icons/close-icon.png') center no-repeat;
  background-size: contain;
  border: none;
  outline: 0;
  z-index: 10;
  cursor: pointer;
}
.popup__close.simple,
.popup-overlay__close.simple {
  background: transparent url('/img/icons/close_icon.png') center no-repeat;
  width: 20px;
  height: 20px;
}
.popup__content,
.popup-overlay__content {
  position: relative;
  padding: 0 20px 20px;
}
.popup__content--gray,
.popup-overlay__content--gray {
  background-color: #f6f7f8;
}
.popup__content .slick-track,
.popup-overlay__content .slick-track {
  display: flex !important;
}
.popup__content .content-video,
.popup-overlay__content .content-video {
  position: relative;
}
.popup__content .content-video::after,
.popup-overlay__content .content-video::after {
  content: '';
  display: block;
  padding-bottom: 55%;
}
.popup__content .content-video .content-video__trigger,
.popup-overlay__content .content-video .content-video__trigger {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
}
.popup__content .content-video .trigger--hidden,
.popup-overlay__content .content-video .trigger--hidden {
  display: none;
}
.popup__content .content-video div[data-vimeo-initialized='true'],
.popup-overlay__content .content-video div[data-vimeo-initialized='true'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup__content .content-video div[data-vimeo-initialized='true'] iframe,
.popup-overlay__content .content-video div[data-vimeo-initialized='true'] iframe {
  width: 100%;
  height: 100%;
}
.popup__content.content--full img,
.popup-overlay__content.content--full img {
  width: 100%;
}
@media (min-width: 768px) {
  .popup__content,
  .popup-overlay__content {
    padding: 0 40px 30px;
  }
}
.popup__content--video,
.popup-overlay__content--video {
  height: 85%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup__content--video .video-container,
.popup-overlay__content--video .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
}
.popup__content--video .video-container iframe,
.popup-overlay__content--video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup__content.content-frames .row,
.popup-overlay__content.content-frames .row {
  display: flex;
}
.popup__content.content-frames .row-text,
.popup-overlay__content.content-frames .row-text {
  display: flex;
  align-items: center;
  margin-left: 15px;
}
.popup__content.content-frames .row:not(:last-child),
.popup-overlay__content.content-frames .row:not(:last-child) {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .popup__content--size-picker,
  .popup-overlay__content--size-picker {
    width: 539px;
  }
}
.popup__footer,
.popup-overlay__footer {
  font-size: 14px;
  text-align: center;
  background-color: #f5f5f5;
  border-top: 1px solid #d2d2d2;
  width: 100%;
  line-height: 20px;
  padding: 5px 10px;
}
.popup__footer--no-border,
.popup-overlay__footer--no-border {
  border: none;
}
.popup__footer--buttons,
.popup-overlay__footer--buttons {
  background-color: #ffffff;
  display: flex;
  padding: 20px;
  width: auto;
}
@media (min-width: 768px) {
  .popup__footer--buttons,
  .popup-overlay__footer--buttons {
    margin: 0 40px;
    padding: 30px 0;
  }
}
.popup__footer--buttons button:nth-child(odd),
.popup-overlay__footer--buttons button:nth-child(odd) {
  margin-right: 20px;
}
.popup__floater,
.popup-overlay__floater {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  background: #ffffff;
  border-top: 1px solid #d2d2d2;
  min-height: 65px;
  transform: translate3d(0, 0, 0);
  z-index: 999;
}
@media (min-width: 768px) {
  .popup__floater,
  .popup-overlay__floater {
    position: relative;
    padding: 0;
    border-top: none;
    min-height: 50px;
  }
}
.popup__columns,
.popup-overlay__columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.popup__columns--vcenter,
.popup-overlay__columns--vcenter {
  align-items: center;
}
.popup--context,
.popup-overlay--context {
  position: absolute;
  background: none;
  text-align: left;
}
.popup--checkout-us-address .address,
.popup-overlay--checkout-us-address .address {
  padding: 20px 20px 0;
}
.popup--checkout-us-address .address-title,
.popup-overlay--checkout-us-address .address-title {
  display: inline-block;
  border-bottom: 1px solid;
  margin-bottom: 16px;
  font-size: 18px;
}
.popup--checkout-us-address .address__data,
.popup-overlay--checkout-us-address .address__data {
  margin-bottom: 20px;
}
.popup--checkout-us-address table tr,
.popup-overlay--checkout-us-address table tr {
  display: flex;
  flex-direction: column;
}
.popup--checkout-us-address table tr td,
.popup-overlay--checkout-us-address table tr td {
  margin-bottom: 8px;
}
.popup--share-profile,
.popup-overlay--share-profile {
  top: -160px !important;
  height: 100% !important;
}
.popup .edit-profile__buttons .edit-profile__save,
.popup-overlay .edit-profile__buttons .edit-profile__save {
  margin-left: 10px;
}
.popup--share-profile .popup__header,
.popup-overlay--share-profile .popup__header,
.popup--share-artwork .popup__header,
.popup-overlay--share-artwork .popup__header,
.popup--share-collection .popup__header,
.popup-overlay--share-collection .popup__header {
  padding: 30px 0 0 0;
  align-items: flex-start;
}
.popup--share-profile .popup__wrapper,
.popup-overlay--share-profile .popup__wrapper,
.popup--share-artwork .popup__wrapper,
.popup-overlay--share-artwork .popup__wrapper,
.popup--share-collection .popup__wrapper,
.popup-overlay--share-collection .popup__wrapper {
  min-width: 400px;
}
.popup--share-profile img,
.popup-overlay--share-profile img,
.popup--share-artwork img,
.popup-overlay--share-artwork img,
.popup--share-collection img,
.popup-overlay--share-collection img {
  cursor: pointer;
}
.popup--share-profile input,
.popup-overlay--share-profile input,
.popup--share-artwork input,
.popup-overlay--share-artwork input,
.popup--share-collection input,
.popup-overlay--share-collection input {
  max-width: 80%;
}
@media (min-width: 992px) {
  .popup--share-profile h5,
  .popup-overlay--share-profile h5,
  .popup--share-artwork h5,
  .popup-overlay--share-artwork h5,
  .popup--share-collection h5,
  .popup-overlay--share-collection h5 {
    max-width: 80%;
  }
}
.popup--share-profile-collection.popup--context,
.popup-overlay--share-profile-collection.popup--context,
.popup--share-artwork-collection.popup--context,
.popup-overlay--share-artwork-collection.popup--context,
.popup--share-collection-collection.popup--context,
.popup-overlay--share-collection-collection.popup--context {
  left: -180px;
}
.popup--share-profile p,
.popup-overlay--share-profile p,
.popup--share-artwork p,
.popup-overlay--share-artwork p,
.popup--share-collection p,
.popup-overlay--share-collection p {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .popup--share-profile p,
  .popup-overlay--share-profile p,
  .popup--share-artwork p,
  .popup-overlay--share-artwork p,
  .popup--share-collection p,
  .popup-overlay--share-collection p {
    margin-bottom: 0;
  }
}
.popup--share-artwork,
.popup-overlay--share-artwork {
  height: auto;
  top: inherit;
  bottom: 35px;
}
.popup--displate-club,
.popup-overlay--displate-club {
  display: none;
}
.popup--displate-club.popup--active,
.popup-overlay--displate-club.popup--active {
  display: flex;
}
.popup--displate-club .popup__wrapper,
.popup-overlay--displate-club .popup__wrapper {
  max-width: 100%;
}
@media (min-width: 992px) {
  .popup--displate-club .popup__wrapper,
  .popup-overlay--displate-club .popup__wrapper {
    max-width: 90%;
  }
}
.popup--displate-club .popup__content,
.popup-overlay--displate-club .popup__content {
  padding: 0 0 125px;
}
@media (min-width: 1200px) {
  .popup--displate-club .popup__content,
  .popup-overlay--displate-club .popup__content {
    padding: 0 0 15px;
  }
}
.popup--displate-club .displate-club__header-container,
.popup-overlay--displate-club .displate-club__header-container {
  max-width: 100vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px;
}
@media (min-width: calc(1270px + 15px)) {
  .popup--displate-club .displate-club__header-container,
  .popup-overlay--displate-club .displate-club__header-container {
    padding: 0 0;
    max-width: 1270px;
  }
}
@media (min-width: calc(1270px + 15px)) {
  .popup--displate-club .displate-club__header-container,
  .popup-overlay--displate-club .displate-club__header-container {
    padding: 0 0;
    max-width: 1270px;
  }
}
@media (min-width: 992px) {
  .popup--displate-club .displate-club__header-container,
  .popup-overlay--displate-club .displate-club__header-container {
    max-width: 100vw;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 40px;
  }
}
@media (min-width: 992px) and (min-width: calc(1270px + 15px)) {
  .popup--displate-club .displate-club__header-container,
  .popup-overlay--displate-club .displate-club__header-container {
    padding: 0 25;
    max-width: 1270px;
  }
}
@media (min-width: 992px) and (min-width: calc(1270px + 15px)) {
  .popup--displate-club .displate-club__header-container,
  .popup-overlay--displate-club .displate-club__header-container {
    padding: 0 25;
    max-width: 1270px;
  }
}
@media (min-width: 1200px) {
  .popup--displate-club .displate-club__header-container,
  .popup-overlay--displate-club .displate-club__header-container {
    max-width: 100vw;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 75px;
  }
}
@media (min-width: 1200px) and (min-width: calc(1270px + 15px)) {
  .popup--displate-club .displate-club__header-container,
  .popup-overlay--displate-club .displate-club__header-container {
    padding: 0 60;
    max-width: 1270px;
  }
}
@media (min-width: 1200px) and (min-width: calc(1270px + 15px)) {
  .popup--displate-club .displate-club__header-container,
  .popup-overlay--displate-club .displate-club__header-container {
    padding: 0 60;
    max-width: 1270px;
  }
}
.popup--displate-club .displate-club__header-container:after,
.popup-overlay--displate-club .displate-club__header-container:after {
  content: '';
}
.popup--displate-club .displate-club__container,
.popup-overlay--displate-club .displate-club__container {
  max-width: 100vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px;
}
@media (min-width: calc(1270px + 15px)) {
  .popup--displate-club .displate-club__container,
  .popup-overlay--displate-club .displate-club__container {
    padding: 0 0;
    max-width: 1270px;
  }
}
@media (min-width: calc(1270px + 15px)) {
  .popup--displate-club .displate-club__container,
  .popup-overlay--displate-club .displate-club__container {
    padding: 0 0;
    max-width: 1270px;
  }
}
@media (min-width: 992px) {
  .popup--displate-club .displate-club__container,
  .popup-overlay--displate-club .displate-club__container {
    max-width: 100vw;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 40px;
  }
}
@media (min-width: 992px) and (min-width: calc(1270px + 15px)) {
  .popup--displate-club .displate-club__container,
  .popup-overlay--displate-club .displate-club__container {
    padding: 0 25;
    max-width: 1270px;
  }
}
@media (min-width: 992px) and (min-width: calc(1270px + 15px)) {
  .popup--displate-club .displate-club__container,
  .popup-overlay--displate-club .displate-club__container {
    padding: 0 25;
    max-width: 1270px;
  }
}
.popup--displate-club .icon-giveaway,
.popup-overlay--displate-club .icon-giveaway {
  height: 62px;
}
.popup--promotion,
.popup-overlay--promotion {
  height: auto;
}
.popup--promotion .popup__wrapper,
.popup-overlay--promotion .popup__wrapper {
  width: auto;
  max-width: 340px;
  min-width: auto;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .popup--promotion .popup__wrapper,
  .popup-overlay--promotion .popup__wrapper {
    width: 340px;
  }
}
.popup--promotion .popup__container,
.popup-overlay--promotion .popup__container {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  width: auto;
  min-width: auto;
  max-width: 100%;
  position: relative;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
  .popup--promotion .popup__container,
  .popup-overlay--promotion .popup__container {
    flex-direction: row;
  }
}
.popup--promotion .popup__image,
.popup-overlay--promotion .popup__image {
  background: #ffffff;
  padding: 10px 10px 0 10px;
  width: auto;
  max-width: 340px;
  z-index: 1;
}
@media (min-width: 992px) {
  .popup--promotion .popup__image,
  .popup-overlay--promotion .popup__image {
    padding: 10px 0 10px 10px;
  }
}
.popup--promotion .popup__close,
.popup-overlay--promotion .popup__close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.popup--promotion .popup__header,
.popup-overlay--promotion .popup__header {
  margin: 0 20px;
  padding: 20px 0;
}
.popup--promotion .popup__content,
.popup-overlay--promotion .popup__content {
  padding: 50px 30px 30px;
}
.popup--big-picture .popup__wrapper,
.popup-overlay--big-picture .popup__wrapper {
  padding-left: 340px;
  width: auto;
  max-width: none;
}
.popup--big-picture .popup__close,
.popup-overlay--big-picture .popup__close {
  position: absolute;
  top: -18px;
  right: -18px;
  background: #000;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background-image: url(/img/icons/close-icon-white.png);
  background-size: 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.popup--big-picture .popup__content,
.popup-overlay--big-picture .popup__content {
  min-width: 340px;
}
.popup--big-picture .popup__displate,
.popup-overlay--big-picture .popup__displate {
  width: 300px;
  height: 420px;
  box-shadow: inset 2px 2px 6px rgba(255, 255, 255, 0.35), inset -2px -2px 6px rgba(0, 0, 0, 0.35);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: rotate(-12deg);
  position: absolute;
  z-index: 1;
  left: 17px;
  top: -18px;
}
.popup--black .popup__wrapper,
.popup-overlay--black .popup__wrapper {
  background-color: #000;
  color: #ffffff;
  /* for promo popups */
}
.popup--black .popup__wrapper .heading-3,
.popup-overlay--black .popup__wrapper .heading-3,
.popup--black .popup__wrapper .heading-5,
.popup-overlay--black .popup__wrapper .heading-5,
.popup--black .popup__wrapper .text--darkgrey,
.popup-overlay--black .popup__wrapper .text--darkgrey {
  color: #ffffff;
}
.popup--black .popup__image,
.popup-overlay--black .popup__image {
  background: #000;
}
.popup--black .popup__close,
.popup-overlay--black .popup__close {
  background-image: url('/img/icons/close-icon-white.png');
}
.popup--promotion:not(.popup--black):not(.popup--big-picutre) .popup__expiry-date,
.popup-overlay--promotion:not(.popup--black):not(.popup--big-picutre) .popup__expiry-date {
  color: #6e6e6e;
}
.popup--open-shop,
.popup-overlay--open-shop {
  width: 100%;
  height: 100%;
}
.popup--open-shop .popup__wrapper,
.popup-overlay--open-shop .popup__wrapper {
  padding: 16px;
  max-width: 375px;
}
.popup--open-shop .popup__wrapper .logo,
.popup-overlay--open-shop .popup__wrapper .logo {
  display: flex;
  flex-direction: column;
  max-width: 129px;
  width: 100%;
  height: 46px;
}
.popup--open-shop .popup__wrapper .logo span,
.popup-overlay--open-shop .popup__wrapper .logo span {
  text-align: end;
  margin-top: 4px;
  font-weight: 600;
  font-size: 10px;
  line-height: 8px;
  letter-spacing: 0.5px;
}
.popup--open-shop .popup__wrapper .logo:hover,
.popup-overlay--open-shop .popup__wrapper .logo:hover,
.popup--open-shop .popup__wrapper .logo:active,
.popup-overlay--open-shop .popup__wrapper .logo:active,
.popup--open-shop .popup__wrapper .logo:focus,
.popup-overlay--open-shop .popup__wrapper .logo:focus,
.popup--open-shop .popup__wrapper .logo:visited,
.popup-overlay--open-shop .popup__wrapper .logo:visited {
  text-decoration: none;
}
.popup--open-shop .popup__wrapper .open-shop-title,
.popup-overlay--open-shop .popup__wrapper .open-shop-title {
  padding: 32px 0;
  font-size: 24px;
  line-height: 36px;
}
.popup--open-shop .popup__content,
.popup-overlay--open-shop .popup__content {
  padding: 0;
}
.popup--open-shop .popup__content p,
.popup-overlay--open-shop .popup__content p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px;
}
.popup--open-shop .popup__content .artist-nick-input,
.popup-overlay--open-shop .popup__content .artist-nick-input {
  width: 100%;
  margin-top: 8px;
}
.popup--open-shop .popup__content .validation-hint,
.popup-overlay--open-shop .popup__content .validation-hint {
  font-size: 12px;
  line-height: 16px;
  color: #ff1744;
  margin-top: 8px;
  height: 16px;
}
.popup--open-shop .buttons__wrapper,
.popup-overlay--open-shop .buttons__wrapper {
  padding: 0 0 48px 0;
}
.popup--open-shop .buttons__wrapper button,
.popup-overlay--open-shop .buttons__wrapper button {
  margin-top: 12px;
}
.popup--open-shop .buttons__wrapper .button[disabled],
.popup-overlay--open-shop .buttons__wrapper .button[disabled] {
  opacity: 0.7;
  background: #1185ed;
  color: #ffffff;
}
.popup--open-shop .buttons__wrapper .loader-wrapper,
.popup-overlay--open-shop .buttons__wrapper .loader-wrapper {
  position: relative;
}
.popup--open-shop .buttons__wrapper .loader,
.popup-overlay--open-shop .buttons__wrapper .loader {
  width: 18px;
  left: 80px;
  z-index: 10;
}
.popup-overlay {
  align-items: flex-end !important;
}
@media (min-width: 992px) {
  .popup-overlay {
    align-items: center !important;
  }
}
.popup-content {
  margin: 0 auto !important;
}
@media (min-width: 768px) {
  .popup-content {
    margin: auto !important;
  }
}
@media (max-width: 768px) {
  .popup-content.popup-full-height-content {
    height: 100%;
  }
  .popup-content.popup-full-height-content .popup__header {
    position: fixed;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 0;
    background: white;
    z-index: 1;
    border-bottom: 1px solid #d2d2d2;
  }
  .popup-content.popup-full-height-content .popup__content {
    padding-top: 59px;
  }
  .popup-content.popup-full-height-content .popup__content > .menu__switcher-mobile {
    border-top: none;
  }
}
.popup__wrapper:not(.ambient-popup) {
  height: auto !important;
}
.popup__faq {
  width: 80%;
}
.popup__faq_images,
.popup__faq--images {
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: auto;
}
@media (max-width: 768px) {
  .popup__faq_images,
  .popup__faq--images {
    overflow-y: hidden;
  }
}
@media (min-width: 1200px) {
  .popup__faq_images,
  .popup__faq--images {
    width: 100%;
  }
}
.popup__faq_images_container,
.popup__faq--images_container,
.popup__faq_images-container,
.popup__faq--images-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px;
}
.popup__faq-image--commission {
  width: 150px;
  height: 120px;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2);
  position: relative;
}
.popup__faq-image--commission .text,
.popup__faq-image--commission img {
  position: absolute;
}
.popup__faq-image--commission .text--small {
  top: 20px;
  left: 20px;
}
.popup__faq-image--commission .text--cyan {
  font-size: 60px;
  left: 20px;
  top: 50px;
}
.popup__faq-image--commission img {
  width: 70%;
  left: 15%;
  bottom: -53px;
}
.popup-overlay {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease;
  pointer-events: auto;
  z-index: 10005;
  transform: translateZ(10px);
}
@keyframes jump {
  0% {
    right: 0;
  }
  35% {
    right: -10px;
  }
  55% {
    right: -5px;
  }
  85% {
    right: -10px;
  }
  100% {
    right: 0;
  }
}
@supports (-webkit-touch-callout: none) {
  .popup--bottom .trustpilot-wrapper {
    max-height: 220px;
  }
}
.displate-sliders,
.displate-sliders--custom {
  display: none;
  width: 100%;
  margin: 20px 0 20px -50px;
}
@media (min-width: 992px) {
  .displate-sliders,
  .displate-sliders--custom {
    width: 93%;
    margin: 40px 0;
  }
}
@media (min-width: 1350px) {
  .displate-sliders,
  .displate-sliders--custom {
    width: 100%;
    padding: 40px auto;
    margin-top: 20px;
  }
}
.displate-sliders .owl-stage-outer,
.displate-sliders--custom .owl-stage-outer {
  margin-right: -65px;
}
@media (min-width: 992px) {
  .displate-sliders .owl-stage-outer,
  .displate-sliders--custom .owl-stage-outer {
    margin-right: 0;
  }
}
.displate-sliders .owl-stage,
.displate-sliders--custom .owl-stage {
  padding-left: 15px;
}
@media (min-width: 992px) {
  .displate-sliders .owl-stage,
  .displate-sliders--custom .owl-stage {
    padding-left: 0;
  }
}
.displate-sliders .owl-item-shadow,
.displate-sliders--custom .owl-item-shadow {
  max-width: 178px;
}
@media (min-width: 992px) {
  .displate-sliders .owl-item-shadow,
  .displate-sliders--custom .owl-item-shadow {
    margin: 9px;
  }
}
.displate-sliders .owl-item-shadow img:not(.basket-info-image),
.displate-sliders--custom .owl-item-shadow img:not(.basket-info-image) {
  max-width: 100%;
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 2%;
  outline: 2px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25);
}
.displate-sliders .owl-item-shadow a,
.displate-sliders--custom .owl-item-shadow a {
  display: block;
}
.displate-sliders .owl-item-shadow a.brands p,
.displate-sliders--custom .owl-item-shadow a.brands p {
  margin-top: 15px;
  text-align: center;
  color: #1185ed;
}
.displate-sliders .owl-nav .owl-prev,
.displate-sliders--custom .owl-nav .owl-prev,
.displate-sliders .owl-nav--small .owl-prev,
.displate-sliders--custom .owl-nav--small .owl-prev,
.displate-sliders .owl-nav .owl-next,
.displate-sliders--custom .owl-nav .owl-next,
.displate-sliders .owl-nav--small .owl-next,
.displate-sliders--custom .owl-nav--small .owl-next {
  width: 17px;
  height: 32px;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  visibility: visible;
  opacity: 1;
  background-size: contain;
  background-color: transparent;
  display: none;
}
.displate-sliders .owl-nav .owl-prev.disabled,
.displate-sliders--custom .owl-nav .owl-prev.disabled,
.displate-sliders .owl-nav--small .owl-prev.disabled,
.displate-sliders--custom .owl-nav--small .owl-prev.disabled,
.displate-sliders .owl-nav .owl-next.disabled,
.displate-sliders--custom .owl-nav .owl-next.disabled,
.displate-sliders .owl-nav--small .owl-next.disabled,
.displate-sliders--custom .owl-nav--small .owl-next.disabled {
  opacity: 0;
  visibility: hidden;
}
.displate-sliders .owl-nav .owl-prev span,
.displate-sliders--custom .owl-nav .owl-prev span,
.displate-sliders .owl-nav--small .owl-prev span,
.displate-sliders--custom .owl-nav--small .owl-prev span,
.displate-sliders .owl-nav .owl-next span,
.displate-sliders--custom .owl-nav .owl-next span,
.displate-sliders .owl-nav--small .owl-next span,
.displate-sliders--custom .owl-nav--small .owl-next span {
  display: none;
}
@media (min-width: 992px) {
  .displate-sliders .owl-nav .owl-prev,
  .displate-sliders--custom .owl-nav .owl-prev,
  .displate-sliders .owl-nav--small .owl-prev,
  .displate-sliders--custom .owl-nav--small .owl-prev,
  .displate-sliders .owl-nav .owl-next,
  .displate-sliders--custom .owl-nav .owl-next,
  .displate-sliders .owl-nav--small .owl-next,
  .displate-sliders--custom .owl-nav--small .owl-next {
    display: block;
  }
}
.displate-sliders .owl-nav button:focus,
.displate-sliders--custom .owl-nav button:focus,
.displate-sliders .owl-nav--small button:focus,
.displate-sliders--custom .owl-nav--small button:focus {
  outline: 0;
}
.displate-sliders .slider-nav--small .owl-prev,
.displate-sliders--custom .slider-nav--small .owl-prev,
.displate-sliders .slider-nav--small .owl-next,
.displate-sliders--custom .slider-nav--small .owl-next {
  width: 6px;
  height: 13px;
}
.displate-sliders .slider-nav--small .owl-prev,
.displate-sliders--custom .slider-nav--small .owl-prev {
  background-image: url(/img/icons/arrow_left_small.png);
}
.displate-sliders .slider-nav--small .owl-next,
.displate-sliders--custom .slider-nav--small .owl-next {
  background-image: url(/img/icons/arrow_right_small.png);
}
.displate-sliders .owl-prev,
.displate-sliders--custom .owl-prev {
  position: absolute;
  top: 50%;
  left: -5%;
  transform: translateY(-50%);
  background-image: url(/images/slider/arrow_left.png);
  background-position: center;
}
.displate-sliders .owl-next,
.displate-sliders--custom .owl-next {
  position: absolute;
  top: 50%;
  right: -5%;
  transform: translateY(-50%);
  background-image: url(/images/slider/arrow_right.png);
  background-position: center;
}
.displate-sliders.owl-loading,
.displate-sliders--custom.owl-loading {
  opacity: 0;
}
.displate-sliders .dots--disabled,
.displate-sliders--custom .dots--disabled {
  display: none;
}
.displate-sliders .image-slider__item,
.displate-sliders--custom .image-slider__item {
  background: #ffffff;
  padding: 5px;
}
.displate-sliders--cart,
.displate-sliders--custom--cart {
  margin-bottom: 30px;
}
.displate-sliders--cart .owl-prev,
.displate-sliders--custom--cart .owl-prev,
.displate-sliders--cart .owl-next,
.displate-sliders--custom--cart .owl-next {
  top: 44%;
  transform: translateY(-44%);
}
.displate-sliders--youtube,
.displate-sliders--custom--youtube {
  box-shadow: 0 0 80px 5px rgba(0, 0, 0, 0.15), inset 0 0 80px 200px rgba(0, 0, 0, 0.083);
  width: 100%;
  margin: 20px 0 20px -45px;
}
@media (min-width: 992px) {
  .displate-sliders--youtube,
  .displate-sliders--custom--youtube {
    margin: 40px 0;
  }
}
.displate-sliders--youtube .owl-stage-outer,
.displate-sliders--custom--youtube .owl-stage-outer {
  margin-right: -85px;
}
@media (min-width: 992px) {
  .displate-sliders--youtube .owl-stage-outer,
  .displate-sliders--custom--youtube .owl-stage-outer {
    margin-right: 0;
  }
}
.displate-sliders--youtube .image-slider__item,
.displate-sliders--custom--youtube .image-slider__item {
  position: relative;
}
.displate-sliders--youtube .image-slider__item::after,
.displate-sliders--custom--youtube .image-slider__item::after {
  content: '';
  background: url('/img/sliders/influencers/video-mask.png') no-repeat;
  position: absolute;
  background-position: center center;
  background-size: cover;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  pointer-events: none;
}
@media (hover: hover) {
  .displate-sliders--youtube .image-slider__item--2:hover::after,
  .displate-sliders--custom--youtube .image-slider__item--2:hover::after {
    animation: thumbsRotator-2 3s ease-in-out infinite;
    pointer-events: none;
  }
  .displate-sliders--youtube .image-slider__item--4:hover::after,
  .displate-sliders--custom--youtube .image-slider__item--4:hover::after {
    animation: thumbsRotator-4 3s ease-in-out infinite;
    pointer-events: none;
  }
  .displate-sliders--youtube .image-slider__item--5:hover::after,
  .displate-sliders--custom--youtube .image-slider__item--5:hover::after {
    animation: thumbsRotator-5 3s ease-in-out infinite;
    pointer-events: none;
  }
  .displate-sliders--youtube .image-slider__item--6:hover::after,
  .displate-sliders--custom--youtube .image-slider__item--6:hover::after {
    animation: thumbsRotator-6 3s ease-in-out infinite;
    pointer-events: none;
  }
  .displate-sliders--youtube .image-slider__item--7:hover::after,
  .displate-sliders--custom--youtube .image-slider__item--7:hover::after {
    animation: thumbsRotator-7 3s ease-in-out infinite;
    pointer-events: none;
  }
  .displate-sliders--youtube .image-slider__item--8:hover::after,
  .displate-sliders--custom--youtube .image-slider__item--8:hover::after {
    animation: thumbsRotator-8 3s ease-in-out infinite;
    pointer-events: none;
  }
  .displate-sliders--youtube .image-slider__item--9:hover::after,
  .displate-sliders--custom--youtube .image-slider__item--9:hover::after {
    animation: thumbsRotator-9 3s ease-in-out infinite;
    pointer-events: none;
  }
}
.displate-sliders--youtube::before,
.displate-sliders--custom--youtube::before {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  display: none;
  content: url(/file_manager/sliders/influencers/influencer-9-1.png) url(/file_manager/sliders/influencers/influencer-9-2.png) url(/file_manager/sliders/influencers/influencer-9-3.png) url(/file_manager/sliders/influencers/influencer-9-4.png) url(/file_manager/sliders/influencers/influencer-8-1.png) url(/file_manager/sliders/influencers/influencer-8-2.png) url(/file_manager/sliders/influencers/influencer-8-3.png) url(/file_manager/sliders/influencers/influencer-8-4.png) url(/file_manager/sliders/influencers/influencer-7-1.png) url(/file_manager/sliders/influencers/influencer-7-2.png) url(/file_manager/sliders/influencers/influencer-7-3.png) url(/file_manager/sliders/influencers/influencer-7-4.png) url(/file_manager/sliders/influencers/influencer-6-1.png) url(/file_manager/sliders/influencers/influencer-6-2.png) url(/file_manager/sliders/influencers/influencer-6-3.png) url(/file_manager/sliders/influencers/influencer-6-4.png) url(/file_manager/sliders/influencers/influencer-5-1.png) url(/file_manager/sliders/influencers/influencer-5-2.png) url(/file_manager/sliders/influencers/influencer-5-3.png) url(/file_manager/sliders/influencers/influencer-5-4.png) url(/file_manager/sliders/influencers/influencer-4-1.png) url(/file_manager/sliders/influencers/influencer-4-2.png) url(/file_manager/sliders/influencers/influencer-4-3.png) url(/file_manager/sliders/influencers/influencer-4-4.png) url(/file_manager/sliders/influencers/influencer-2-1.png) url(/file_manager/sliders/influencers/influencer-2-2.png) url(/file_manager/sliders/influencers/influencer-2-3.png) url(/file_manager/sliders/influencers/influencer-2-4.png);
}
.displate-sliders--dashboard,
.displate-sliders--custom--dashboard {
  margin: 0 auto;
  display: block;
}
.displate-sliders--dashboard .carousel-item,
.displate-sliders--custom--dashboard .carousel-item {
  width: 220px;
  height: 220px;
  display: flex;
  flex-wrap: wrap;
  margin: 10px auto;
}
.displate-sliders--dashboard .carousel-item--shadow,
.displate-sliders--custom--dashboard .carousel-item--shadow {
  position: relative;
}
.displate-sliders--dashboard .carousel-item--shadow:after,
.displate-sliders--custom--dashboard .carousel-item--shadow:after {
  content: '';
  position: absolute;
  background: radial-gradient(at 50% bottom, #f5f5f5, #ffffff);
  width: 100%;
  height: 6px;
  left: 0;
  bottom: 0;
}
.displate-sliders--dashboard .carousel-item--empty,
.displate-sliders--custom--dashboard .carousel-item--empty {
  width: 104px;
  height: 104px;
  margin: auto;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 4px;
  border: 1px dashed #d2d2d2;
}
.displate-sliders--dashboard .carousel-item--empty:nth-of-type(-n + 4),
.displate-sliders--custom--dashboard .carousel-item--empty:nth-of-type(-n + 4) {
  display: flex;
}
.displate-sliders--dashboard .carousel-item--empty object,
.displate-sliders--custom--dashboard .carousel-item--empty object {
  pointer-events: none;
}
.displate-sliders--dashboard .carousel-item img,
.displate-sliders--custom--dashboard .carousel-item img {
  width: 104px;
  height: 104px;
  margin: auto;
  object-fit: cover;
  object-position: 0 0;
}
.displate-sliders--dashboard .carousel-item img.loaded,
.displate-sliders--custom--dashboard .carousel-item img.loaded {
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 2%;
  outline: 2px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
@media (min-width: 992px) {
  .displate-sliders--dashboard .incomplete-collections-nav,
  .displate-sliders--custom--dashboard .incomplete-collections-nav {
    display: flex;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 100%;
    left: 0;
    justify-content: space-between;
  }
  .displate-sliders--dashboard .incomplete-collections-nav__button,
  .displate-sliders--custom--dashboard .incomplete-collections-nav__button {
    position: absolute;
    cursor: pointer;
  }
  .displate-sliders--dashboard .incomplete-collections-nav__button--prev,
  .displate-sliders--custom--dashboard .incomplete-collections-nav__button--prev {
    left: 30px;
  }
  .displate-sliders--dashboard .incomplete-collections-nav__button--next,
  .displate-sliders--custom--dashboard .incomplete-collections-nav__button--next {
    right: 30px;
  }
  .displate-sliders--dashboard .incomplete-collections-nav .swiper-button-disabled,
  .displate-sliders--custom--dashboard .incomplete-collections-nav .swiper-button-disabled {
    display: none;
  }
}
.displate-sliders--homepage,
.displate-sliders--custom--homepage {
  margin: 0 !important;
  width: 100%;
}
.displate-sliders--homepage .owl-stage-outer,
.displate-sliders--custom--homepage .owl-stage-outer {
  margin-left: -16px;
}
@media (min-width: 992px) {
  .displate-sliders--homepage .owl-stage-outer,
  .displate-sliders--custom--homepage .owl-stage-outer {
    margin-left: -20px;
  }
}
.displate-sliders--homepage .owl-stage,
.displate-sliders--custom--homepage .owl-stage {
  display: flex;
  padding-left: 0;
  margin-left: 5px;
}
@media (min-width: 992px) {
  .displate-sliders--homepage .owl-stage,
  .displate-sliders--custom--homepage .owl-stage {
    padding-left: 15px;
  }
}
.displate-sliders--homepage .owl-item,
.displate-sliders--custom--homepage .owl-item {
  padding: 10px 0 20px;
  display: flex;
  flex: 1 0 auto;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.displate-sliders--homepage .owl-item.active,
.displate-sliders--custom--homepage .owl-item.active {
  opacity: 1;
}
.displate-sliders--homepage .owl-item.active + .owl-item,
.displate-sliders--custom--homepage .owl-item.active + .owl-item {
  opacity: 1;
}
@media (min-width: 576px) {
  .displate-sliders--homepage .owl-item,
  .displate-sliders--custom--homepage .owl-item {
    padding: 20px 0 30px;
  }
}
@media (min-width: 992px) {
  .displate-sliders--homepage .owl-item,
  .displate-sliders--custom--homepage .owl-item {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .displate-sliders--homepage .explore__item--border,
  .displate-sliders--custom--homepage .explore__item--border {
    margin-top: 20px;
  }
}
.displate-sliders--homepage .explore__item--border fieldset,
.displate-sliders--custom--homepage .explore__item--border fieldset {
  display: none;
}
@media (min-width: 992px) {
  .displate-sliders--homepage .explore__item--border fieldset,
  .displate-sliders--custom--homepage .explore__item--border fieldset {
    display: block;
  }
}
.displate-sliders--loading,
.displate-sliders--custom--loading {
  background: url('/img/loaders/loader.gif') center center no-repeat;
  width: 62px;
  height: 62px;
}
.slick-slider {
  max-width: 100%;
}
.slick-slider .slick-list > .slick-track {
  margin-left: 0;
}
.slick-slider .slick-track {
  display: flex;
  will-change: transform;
}
.slick-slider .slick-list {
  position: relative;
  overflow: visible;
  margin-left: -7.5px;
}
@media (min-width: 768px) {
  .slick-slider .slick-list {
    margin-left: -15px;
  }
}
.slick-slider .slick-arrow {
  display: none !important;
}
@media (min-width: 768px) {
  .slick-slider .slick-arrow {
    line-height: 0;
    font-size: 0;
    display: block !important;
    content: '';
    position: absolute;
    top: 50%;
    width: 17px;
    height: 32px;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    border: none;
    z-index: 5;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
    outline: 0;
  }
}
.slick-slider .slick-arrow:hover,
.slick-slider .slick-arrow:active,
.slick-slider .slick-arrow:focus {
  outline: 0;
  cursor: pointer;
}
.slick-slider .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.slick-slider .slick-arrow.slick-prev {
  left: -40px;
  background-image: url(/img/icons/blue_arrow_left.svg);
}
.slick-slider .slick-arrow.slick-next {
  right: -40px;
  background-image: url(/img/icons/blue_arrow_right.svg);
}
.slick-slider .slick-slide {
  transition: all 0.3s ease;
  position: relative;
  height: unset;
  float: none;
}
.slick-slider .slick-slide > div {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .slick-slider .slick-slide .collection {
    width: auto;
    flex-basis: auto;
    max-width: none;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .slick-slider .slick-slide {
    opacity: 0;
    visibility: hidden;
  }
  .slick-slider .slick-slide.slick-active {
    opacity: 1;
    visibility: visible;
  }
}
.slick-slider--small .slick-arrow {
  width: 9px;
  height: 15px;
}
.slick-slider--small .slick-arrow.slick-prev {
  left: 8px;
  background-image: url(/img/icons/arrow_left_small.png);
}
.slick-slider--small .slick-arrow.slick-next {
  right: 8px;
  background-image: url(/img/icons/arrow_right_small.png);
}
.slick-slider--small .slick-slide {
  padding: 0 3px;
}
.slick-slider--small .slick-slide img {
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 2%;
  outline: 2px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25);
}
.slick-slider--small .slick-list {
  margin-left: 0;
}
.slick-slider--gradient {
  position: relative;
  height: auto;
}
.slick-slider--gradient:after {
  content: '';
  display: block;
  position: absolute;
  top: -40px;
  bottom: -40px;
  right: -26px;
  left: 0;
  box-shadow: inset -40px 0 40px 20px #ffffff;
  pointer-events: none;
}
body.mobile-body .displate-sliders:not(.displate-sliders--youtube):not(.trustpilot-wrapper):not(.displate-sliders--homepage) {
  margin-left: 0;
}
body.mobile-body .displate-sliders:not(.displate-sliders--youtube):not(.trustpilot-wrapper):not(.displate-sliders--homepage) .owl-stage-outer {
  padding: 20px 0;
  margin: -30px 0;
}
@media (min-width: 992px) {
  body.mobile-body .displate-sliders:not(.displate-sliders--youtube):not(.trustpilot-wrapper):not(.displate-sliders--homepage) {
    margin: 40px auto;
  }
}
@media (min-width: 1350px) {
  body.mobile-body .displate-sliders:not(.displate-sliders--youtube):not(.trustpilot-wrapper):not(.displate-sliders--homepage) {
    margin: 40px 0;
  }
}
@keyframes 'thumbsRotator-2' {
  0% {
    background-image: url('/file_manager/sliders/influencers/influencer-2-2.png');
  }
  24% {
    background-image: url('/file_manager/sliders/influencers/influencer-2-2.png');
  }
  25% {
    background-image: url('/file_manager/sliders/influencers/influencer-2-3.png');
  }
  49% {
    background-image: url('/file_manager/sliders/influencers/influencer-2-3.png');
  }
  50% {
    background-image: url('/file_manager/sliders/influencers/influencer-2-4.png');
  }
  74% {
    background-image: url('/file_manager/sliders/influencers/influencer-2-4.png');
  }
  75% {
    background-image: url('/file_manager/sliders/influencers/influencer-2-5.png');
  }
  99% {
    background-image: url('/file_manager/sliders/influencers/influencer-2-5.png');
  }
  100% {
    background-image: url('/file_manager/sliders/influencers/influencer-2-2.png');
  }
}
@keyframes 'thumbsRotator-4' {
  0% {
    background-image: url('/file_manager/sliders/influencers/influencer-4-2.png');
  }
  24% {
    background-image: url('/file_manager/sliders/influencers/influencer-4-2.png');
  }
  25% {
    background-image: url('/file_manager/sliders/influencers/influencer-4-3.png');
  }
  49% {
    background-image: url('/file_manager/sliders/influencers/influencer-4-3.png');
  }
  50% {
    background-image: url('/file_manager/sliders/influencers/influencer-4-4.png');
  }
  74% {
    background-image: url('/file_manager/sliders/influencers/influencer-4-4.png');
  }
  75% {
    background-image: url('/file_manager/sliders/influencers/influencer-4-5.png');
  }
  99% {
    background-image: url('/file_manager/sliders/influencers/influencer-4-5.png');
  }
  100% {
    background-image: url('/file_manager/sliders/influencers/influencer-4-2.png');
  }
}
@keyframes 'thumbsRotator-5' {
  0% {
    background-image: url('/file_manager/sliders/influencers/influencer-5-2.png');
  }
  24% {
    background-image: url('/file_manager/sliders/influencers/influencer-5-2.png');
  }
  25% {
    background-image: url('/file_manager/sliders/influencers/influencer-5-3.png');
  }
  49% {
    background-image: url('/file_manager/sliders/influencers/influencer-5-3.png');
  }
  50% {
    background-image: url('/file_manager/sliders/influencers/influencer-5-4.png');
  }
  74% {
    background-image: url('/file_manager/sliders/influencers/influencer-5-4.png');
  }
  75% {
    background-image: url('/file_manager/sliders/influencers/influencer-5-5.png');
  }
  99% {
    background-image: url('/file_manager/sliders/influencers/influencer-5-5.png');
  }
  100% {
    background-image: url('/file_manager/sliders/influencers/influencer-5-2.png');
  }
}
@keyframes 'thumbsRotator-6' {
  0% {
    background-image: url('/file_manager/sliders/influencers/influencer-6-2.png');
  }
  24% {
    background-image: url('/file_manager/sliders/influencers/influencer-6-2.png');
  }
  25% {
    background-image: url('/file_manager/sliders/influencers/influencer-6-3.png');
  }
  49% {
    background-image: url('/file_manager/sliders/influencers/influencer-6-3.png');
  }
  50% {
    background-image: url('/file_manager/sliders/influencers/influencer-6-4.png');
  }
  74% {
    background-image: url('/file_manager/sliders/influencers/influencer-6-4.png');
  }
  75% {
    background-image: url('/file_manager/sliders/influencers/influencer-6-5.png');
  }
  99% {
    background-image: url('/file_manager/sliders/influencers/influencer-6-5.png');
  }
  100% {
    background-image: url('/file_manager/sliders/influencers/influencer-6-2.png');
  }
}
@keyframes 'thumbsRotator-7' {
  0% {
    background-image: url('/file_manager/sliders/influencers/influencer-7-2.png');
  }
  24% {
    background-image: url('/file_manager/sliders/influencers/influencer-7-2.png');
  }
  25% {
    background-image: url('/file_manager/sliders/influencers/influencer-7-3.png');
  }
  49% {
    background-image: url('/file_manager/sliders/influencers/influencer-7-3.png');
  }
  50% {
    background-image: url('/file_manager/sliders/influencers/influencer-7-4.png');
  }
  74% {
    background-image: url('/file_manager/sliders/influencers/influencer-7-4.png');
  }
  75% {
    background-image: url('/file_manager/sliders/influencers/influencer-7-5.png');
  }
  99% {
    background-image: url('/file_manager/sliders/influencers/influencer-7-5.png');
  }
  100% {
    background-image: url('/file_manager/sliders/influencers/influencer-7-2.png');
  }
}
@keyframes 'thumbsRotator-8' {
  0% {
    background-image: url('/file_manager/sliders/influencers/influencer-8-2.png');
  }
  24% {
    background-image: url('/file_manager/sliders/influencers/influencer-8-2.png');
  }
  25% {
    background-image: url('/file_manager/sliders/influencers/influencer-8-3.png');
  }
  49% {
    background-image: url('/file_manager/sliders/influencers/influencer-8-3.png');
  }
  50% {
    background-image: url('/file_manager/sliders/influencers/influencer-8-4.png');
  }
  74% {
    background-image: url('/file_manager/sliders/influencers/influencer-8-4.png');
  }
  75% {
    background-image: url('/file_manager/sliders/influencers/influencer-8-5.png');
  }
  99% {
    background-image: url('/file_manager/sliders/influencers/influencer-8-5.png');
  }
  100% {
    background-image: url('/file_manager/sliders/influencers/influencer-8-2.png');
  }
}
@keyframes 'thumbsRotator-9' {
  0% {
    background-image: url('/file_manager/sliders/influencers/influencer-9-2.png');
  }
  24% {
    background-image: url('/file_manager/sliders/influencers/influencer-9-2.png');
  }
  25% {
    background-image: url('/file_manager/sliders/influencers/influencer-9-3.png');
  }
  49% {
    background-image: url('/file_manager/sliders/influencers/influencer-9-3.png');
  }
  50% {
    background-image: url('/file_manager/sliders/influencers/influencer-9-4.png');
  }
  74% {
    background-image: url('/file_manager/sliders/influencers/influencer-9-4.png');
  }
  75% {
    background-image: url('/file_manager/sliders/influencers/influencer-9-5.png');
  }
  99% {
    background-image: url('/file_manager/sliders/influencers/influencer-9-5.png');
  }
  100% {
    background-image: url('/file_manager/sliders/influencers/influencer-9-2.png');
  }
}
.faq__header {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 25px;
}
.faq__wrapper {
  width: 100%;
  margin-bottom: 20px !important;
  list-style: none;
}
.faq__wrapper .change-size {
  width: 50px;
  height: 50px;
  border: 1px solid #d2d2d2;
  margin-right: 10px;
  background-color: #ffffff;
}
.faq__wrapper .change-size:focus {
  outline: 0;
}
.faq__wrapper .change-size.active {
  border: 3px solid #1185ed;
}
.faq__wrapper .wrapper-img-mount {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  justify-content: space-between;
}
.faq__wrapper .wrapper-img-mount p {
  margin: 25px 0;
  text-align: left;
}
@media (min-width: 992px) {
  .faq__wrapper .wrapper-img-mount p {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .faq__wrapper .wrapper-img-mount {
    margin-right: 0;
  }
}
.faq__wrapper .mount--displate .img-mount-item {
  flex-basis: 100%;
}
@media (min-width: 576px) {
  .faq__wrapper .mount--displate .img-mount-item {
    flex-basis: 47%;
  }
}
@media (min-width: 992px) {
  .faq__wrapper .mount--displate .img-mount-item {
    flex-basis: 19%;
  }
}
.faq__wrapper .mount--displate .flex-basis {
  flex-basis: 100%;
}
@media (min-width: 576px) {
  .faq__wrapper .mount--displate .flex-basis {
    flex-basis: 47%;
  }
}
@media (min-width: 992px) {
  .faq__wrapper .mount--displate .flex-basis {
    flex-basis: 16%;
  }
}
@media (min-width: 992px) {
  .faq__wrapper .mount--XL .img-mount-item {
    flex-basis: 16%;
  }
}
.faq__wrapper .img-change-size {
  width: 100%;
  max-width: 229px;
  margin: 0 auto;
}
.faq__wrapper .change-size {
  cursor: pointer;
}
.faq__item {
  border-bottom: 1px solid #d2d2d2;
  /* title and answer shouldn't be modifiers */
}
.faq__item--title {
  padding: 25px 50px 25px 0;
  display: block;
  position: relative;
  cursor: pointer;
}
.faq__item--title:after {
  content: '';
  position: absolute;
  background: url(/img/svg/icons/icon_arrow-small.svg);
  width: 13px;
  height: 7.5px;
  margin-right: 5px;
  top: 50%;
  transform: translate(0, -50%) rotate(90);
  right: 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  transition: 0.4s ease;
}
@media (min-width: 576px) {
  .faq__item--title:after {
    width: 20px;
    height: 12px;
  }
}
.faq__item--active .faq__item--answer {
  padding-bottom: 25px;
}
.faq__item--active.faq__item--title:after,
.faq__item--active .faq__item--title:after {
  transform: translate(0, -50%) rotate(-180deg);
}
.faq__item--answer {
  overflow: hidden;
  padding-bottom: 0;
  transition: all 0.3s ease;
}
@media (min-width: 992px) {
  .faq__item--answer {
    padding-right: 50px;
  }
}
.faq__item:not(.faq__item--react) .faq__item--answer {
  transition: none;
  display: none;
  padding-bottom: 25px;
}
.Collapsible {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #d2d2d2;
}
.Collapsible__trigger {
  padding: 15px 0;
  width: 100%;
}
.Collapsible__trigger.is-open .input-radio__radio ~ .input-radio__checkmark {
  border: 6px solid #1185ed;
}
.Collapsible__trigger.is-open .input-radio__radio ~ .input-radio__label {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.Collapsible__contentOuter {
  width: 100%;
}
.Collapsible__contentInner {
  padding-bottom: 25px;
}
/* purgecss start ignore */
.searchbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  margin: 20px 0px;
}
@media (min-width: 992px) {
  .searchbar {
    width: 35%;
    margin: 0;
  }
}
.searchbar input[type='search']::-ms-clear,
.searchbar input[type='search']::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.searchbar input[type='search']::-webkit-search-decoration,
.searchbar input[type='search']::-webkit-search-cancel-button,
.searchbar input[type='search']::-webkit-search-results-button,
.searchbar input[type='search']::-webkit-search-results-decoration {
  display: none;
}
.searchbar__icon {
  position: absolute;
  right: 15px;
}
.searchbar__icon--disabled {
  cursor: not-allowed;
}
.searchbar--full-width {
  width: 100%;
}
.searchbar--autocomplete {
  display: flex;
  text-align: left;
  margin: 0;
}
.searchbar--autocomplete:after {
  content: '';
  background-image: url('/img/icons/search-magnifier.svg');
  background-size: contain;
  position: absolute;
  left: 13px;
  top: 10px;
  height: 19px;
  width: 19px;
  z-index: 3;
}
.searchbar--autocomplete .searchbar__button--cancel {
  color: #10111a;
}
.searchbar--autocomplete .searchbar__input--placeholder {
  position: absolute;
  z-index: 3;
  padding: 7px 11px 7px 46px;
  left: 0;
  font-size: 16px;
  line-height: 24px;
  pointer-events: none;
}
.searchbar--autocomplete > div:first-of-type {
  position: relative;
}
.searchbar--autocomplete .searchbar__input {
  background-color: #f6f7f8;
  border: 1px solid #10111a;
  box-sizing: border-box;
  border-radius: 20px;
  font-size: 16px;
  line-height: 24px;
  padding: 7px 11px 7px 45px;
  width: 100%;
  caret-color: #d2d2d2;
  z-index: 3;
  margin: 0;
  -webkit-appearance: none !important;
  transition-property: box-shadow, background-color, border-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
.searchbar--autocomplete .searchbar__input + [role='link']:hover {
  cursor: pointer;
}
.searchbar--autocomplete .searchbar__input::placeholder {
  color: #10111a;
}
.searchbar--autocomplete .searchbar__input:focus::placeholder {
  color: transparent;
}
.searchbar--autocomplete .searchbar__input:focus .searchbar__input--placeholder {
  display: none;
}
.searchbar--autocomplete .searchbar__input:focus {
  background-color: white;
}
.searchbar--autocomplete .searchbar__reset {
  position: absolute;
  right: 30px;
  top: 8px;
  display: flex;
  cursor: pointer;
  z-index: 3;
}
.searchbar--autocomplete .searchbar__reset::before {
  content: '';
  background-image: url(/img/icons/close_icon.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  height: 8px;
  width: 8px;
  margin: 8px 12px;
}
@media (min-width: 992px) {
  .searchbar--autocomplete .searchbar__reset {
    right: 10px;
    top: initial;
  }
}
.searchbar--autocomplete .searchbar__autocomplete-container {
  padding: 0 0 25px;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 71px);
  width: 100%;
  z-index: 2;
}
.searchbar--autocomplete .searchbar__autocomplete-container--overlay {
  background: #ffffff;
  position: relative;
}
.searchbar--autocomplete .searchbar__autocomplete-container--overlay:before {
  content: '';
  position: relative;
  top: 15px;
  height: 1px;
  border-top: 1px solid #d2d2d2;
}
@media (min-width: 992px) {
  .searchbar--autocomplete .searchbar__autocomplete-container--overlay:before {
    content: none;
  }
}
.searchbar--autocomplete .searchbar__autocomplete-container--overlay .searchbar__autocomplete-recent + hr {
  visibility: visible;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .searchbar--autocomplete .searchbar__autocomplete-container {
    padding: 35px 35px 15px;
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    border-radius: 8px;
    height: auto;
    min-height: initial;
    width: initial;
  }
  .searchbar--autocomplete .searchbar__autocomplete-container--overlay {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  }
}
.searchbar--autocomplete .searchbar__autocomplete-container > div:first-of-type {
  margin-top: 15px;
  padding-top: 15px;
}
.searchbar--autocomplete .searchbar__autocomplete-container .searchbar--autocomplete-suggestions {
  display: contents;
}
.searchbar--autocomplete .searchbar__autocomplete--recently {
  padding-bottom: 8px;
}
@media (min-width: 992px) {
  .searchbar--autocomplete .searchbar__autocomplete--recently {
    padding-bottom: 0;
  }
}
.searchbar--autocomplete .searchbar__autocomplete--recently .searchbar__autocomplete-item:first-of-type {
  margin-top: 8px;
}
.searchbar--autocomplete .searchbar__autocomplete--recently-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.searchbar--autocomplete .searchbar__autocomplete--recently-header > span {
  font-size: 14px;
}
.searchbar--autocomplete .searchbar__autocomplete-item {
  padding: 8px 0;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  cursor: pointer;
  display: flex;
}
.searchbar--autocomplete .searchbar__autocomplete-item--first {
  margin-top: 25px;
}
.searchbar--autocomplete .searchbar__autocomplete-item--last:not(.searchbar__autocomplete-item--magnet) {
  margin-left: 5px;
  align-items: center;
  justify-content: space-between;
}
.searchbar--autocomplete .searchbar__autocomplete-item span {
  position: relative;
}
.searchbar--autocomplete .searchbar__autocomplete-item strong {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.searchbar--autocomplete .searchbar__autocomplete-item strong:first-of-type {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.searchbar--autocomplete .searchbar__autocomplete-item--selected:before {
  content: '';
  position: absolute;
  z-index: -1;
  left: -35px;
  right: -35px;
  top: 0;
  bottom: 0;
  background: #f5f5f5;
}
.searchbar--autocomplete .searchbar__autocomplete-item--selected:focus,
.searchbar--autocomplete .searchbar__autocomplete-item--selected:active {
  outline: none;
}
.searchbar--autocomplete .searchbar__autocomplete-item--label {
  display: flex;
  flex-direction: column;
}
.searchbar--autocomplete .searchbar__autocomplete-item--icon {
  margin: 0 16px 0 5px;
  align-items: center;
}
.searchbar--autocomplete .searchbar__autocomplete-item--icon-arrow {
  transform: rotate(-90deg);
}
.searchbar--autocomplete .searchbar__autocomplete-item--category {
  font-size: 14px;
  line-height: 20px;
}
.searchbar--autocomplete .searchbar__autocomplete-recent {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #d2d2d2;
}
@media (min-width: 992px) {
  .searchbar--autocomplete .searchbar__autocomplete-recent {
    border-top: none;
  }
}
.searchbar--autocomplete .searchbar__autocomplete-tags {
  display: flex;
  -ms-overflow-style: none;
  width: calc(100% + 30px);
  overflow: hidden;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  max-height: 115px;
}
.searchbar--autocomplete .searchbar__autocomplete-tags::-webkit-scrollbar {
  display: none;
}
@media (min-width: 992px) {
  .searchbar--autocomplete .searchbar__autocomplete-tags {
    width: 100%;
    margin: 0;
    padding-left: 0;
  }
}
.searchbar--autocomplete .searchbar__autocomplete-reset {
  cursor: pointer;
}
.searchbar--autocomplete .searchbar__autocomplete-displates div[role='link'] {
  background: linear-gradient(-90deg, #e6e6e6 0%, #ececec 50%, #e6e6e6 100%);
  background-size: 400% 400%;
  animation: pulse 1.2s ease-in-out infinite;
  cursor: pointer;
}
@media (min-width: 992px) {
  .searchbar--autocomplete .searchbar__autocomplete-displates {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    width: 100%;
    margin-left: 0;
  }
}
.searchbar-mobile .searchbar__reset {
  right: 70px;
}
.searchbar-mobile.searchbar--open .searchbar__input--placeholder {
  padding-left: 44px;
}
body.searchbar--focused .topbar {
  display: none;
}
body.searchbar--focused .main-menu__inner {
  display: none;
}
body.searchbar--focused .main-menu--mobile.main-menu--searchbar-active {
  z-index: 1000000;
}
#autocomplete_2 .searchbar__autocomplete-container {
  min-height: unset;
  padding: 0 7px;
}
@media (min-width: 992px) {
  #autocomplete_2 .searchbar__autocomplete-container {
    padding: 36px 50px 15px;
  }
}
#autocomplete_2 .searchbar--autocomplete .searchbar__reset {
  right: 70px;
}
@media (min-width: 992px) {
  #autocomplete_2 .searchbar--autocomplete .searchbar__reset {
    right: 10px;
  }
}
/* purgecss end ignore */
.widget {
  padding: 20px 25px 15px;
  border-radius: 4px;
  background-color: #ffffff;
}
.widget__header {
  padding-bottom: 12px;
}
.widget__content {
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 22px;
}
.widget__content--split {
  display: flex;
}
.widget__footer {
  display: flex;
  justify-content: center;
  padding-top: 14px;
  border-top: 1px solid #d2d2d2;
  font-size: 14px;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  line-height: 22px;
  color: #1185ed;
}
.widget__footer > *:nth-child(2) {
  position: relative;
  padding-left: 25px;
}
.widget__footer > *:nth-child(2)::before {
  content: '.';
  position: absolute;
  top: -6px;
  left: 10px;
  font-size: 25px;
  color: #6e6e6e;
}
.widget .content-list {
  padding-left: 12px;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  color: #000;
}
.widget .content-list-el {
  position: relative;
}
.widget .content-list-el::before {
  content: '.';
  position: absolute;
  top: -2px;
  left: -13px;
  font-size: 40px;
  line-height: 0;
}
.widget .content-image {
  flex-shrink: 0;
}
.widget--open-shop .content-image {
  max-width: 131px;
  margin-top: -50px;
}
.widget--open-shop .content-image img {
  max-width: 100%;
}
.responsive-video-container {
  padding: 56.25% 0 0 0;
  position: relative;
  width: 100%;
  cursor: pointer;
  background: linear-gradient(-90deg, #f0f0f0 0%, #f8f8f8 50%, #f0f0f0 100%);
  background-size: 400% 400%;
  animation: pulse 1.2s ease-in-out infinite;
}
.responsive-video-container--square {
  padding: 100% 0 0 0;
}
.responsive-video-container--framed {
  padding: 10px;
  background: #ffffff;
  position: relative;
  z-index: 1;
}
.responsive-video-container--preview:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.35) url('/img/svg/icons_animated/icon_play.svg') no-repeat center;
}
.responsive-video-container--preview-loading:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.35) url('/img/loaders/loader-white.svg') no-repeat center;
}
.responsive-video-container--preview-off:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
}
.responsive-video-container--poster-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.responsive-video-container--poster-content object {
  pointer-events: none;
  max-width: 10%;
}
.responsive-video-container--poster-career-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.responsive-video-container--poster-career-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.responsive-video-container--poster-career-content object {
  pointer-events: none;
  max-width: 10%;
}
.responsive-video-container--poster:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}
.responsive-video-container--poster-loading:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.35) url('/img/loaders/loader-white.svg') no-repeat center;
}
.responsive-video-container--poster-off:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  cursor: pointer;
}
.responsive-video-container--limited-size {
  padding: 100% 0 0 0;
}
@media (min-width: 992px) {
  .responsive-video-container--limited-size {
    padding: 39% 0 0;
  }
}
.responsive-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@keyframes levitate {
  from {
    margin-bottom: 20px;
    margin-top: 0px;
  }
  to {
    margin-bottom: 60px;
    margin-top: -40px;
  }
}
@keyframes circles {
  from {
    transform: rotateX(0deg);
  }
  to {
    transform: rotateX(40deg);
  }
}
.error-handler {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 0;
  grid-row-gap: 45px;
  justify-content: center;
  align-items: center;
  padding: 15%;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .error-handler {
    background-image: url('/img/500/icons_desktop.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-row-gap: 0;
    grid-column-gap: 45px;
    padding: 10% 25% 20% 25%;
  }
}
.error-handler--fixed {
  position: fixed;
  left: 0;
  top: 0;
}
.error-handler .levitate {
  width: auto;
  margin-bottom: 20px;
  animation-name: levitate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.error-handler .circle {
  transform: rotateX(0deg);
  animation-name: circles;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.error-handler:after,
.error-handler:before {
  content: none;
}
.wishlist-icon {
  background-image: url('/img/svg/icons/icon_wishlist--heart.svg');
  animation-duration: 1000ms;
  animation-timing-function: steps(60);
  animation-fill-mode: both;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  transform: scale(1.25);
  background-position: unset;
  background-size: auto;
  user-select: none;
  z-index: 1;
}
@media (min-width: 768px) {
  .wishlist-icon {
    top: 5px;
    right: 5px;
    background-size: auto;
  }
}
.wishlist-icon--active.wishlist-icon:not(.wishlist-icon--adding) {
  background-position: -1440px 0px !important;
}
.wishlist-icon--adding {
  animation-name: wishlistAnimation;
  animation-direction: normal;
  pointer-events: none;
}
.wishlist-icon--removing {
  animation-name: wishlistAnimation;
  animation-direction: reverse;
  pointer-events: none;
}
.wishlist-icon--flying {
  background-image: url('/img/svg/icons/icon_wishlist--heart.svg');
  background-position: -1440px 0px;
  margin: 0;
  z-index: 9999;
  position: fixed !important;
  transition: all 1s ease-out;
  transform: translateZ(100px);
}
.wishlist-icon--static {
  position: static;
  margin-right: 5px;
}
@keyframes wishlistAnimation {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -1440px 0px;
  }
}
.d-scroll {
  position: fixed;
  bottom: 80px;
  left: calc(50% - 28px);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #1185ed;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 1001;
  cursor: pointer;
  stroke: #ffffff;
  fill: none;
  stroke-width: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-scroll div {
  fill: inherit !important;
}
.d-scroll svg {
  width: 24px;
  height: 24px;
  margin-top: 2px;
}
.d-scroll--up {
  transform: rotate(180deg);
}
.table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0;
}
.table th,
.table td {
  padding: 5px;
}
.table--bordered,
.table--bordered th,
.table--bordered td {
  border: 1px solid #000;
}
.slide--owners {
  display: block;
  padding: 5px;
  background: #ffffff;
}
.slide__image {
  height: 180px;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .slide__image {
    height: 285px;
  }
}
.slide__info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 10px 5px;
}
.slide__info .avatar {
  position: relative;
  display: flex;
  flex-shrink: 0;
  height: 50px;
}
.slide__info .avatar .lazy-load-image-background::before {
  height: 50px;
}
.slide__info .avatar img {
  width: 50px;
  height: 50px;
  padding: 4px;
  border: 2px solid #00efd2;
  border-radius: 50%;
  background: #ffffff;
}
.slide__info .avatar:after {
  content: '';
  position: absolute;
  right: -1px;
  bottom: 10px;
  transform: rotate(-45deg);
  display: block;
  width: 8px;
  height: 8px;
  background: #ffffff;
}
.slide__info .label {
  flex-grow: 0;
  margin-left: 10px;
  overflow: hidden;
}
.slide__info .label .text--bold {
  font-size: 16px;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .slide__info .label .text--bold {
    font-size: 18px;
    line-height: 24px;
  }
}
.dummy-slider-placeholder {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dummy-slider-placeholder .placeholder-slide {
  height: 100%;
  margin: 0 10px;
  background: linear-gradient(-90deg, #f0f0f0 0%, #f8f8f8 50%, #f0f0f0 100%);
  background-size: 400% 400%;
  animation: pulse 1.2s ease-in-out infinite;
}
.pills-picker {
  display: flex;
  background-color: #eceff4;
  border-radius: 53px;
  width: fit-content;
}
.pills-picker__radio {
  width: 0;
  height: 0;
  opacity: 0;
}
.pills-picker__option {
  color: #424a51;
  font-weight: 600;
  line-height: 24px;
  padding: 6px 14px;
  cursor: pointer;
  border: 2px solid transparent;
}
.pills-picker__option--active {
  color: #1185ed;
  background-color: #ffffff;
  border-color: #d8dde1;
  border-radius: 66px;
}
.infobox {
  position: relative;
  padding: 16px;
  padding-left: 40px;
  background-color: rgba(63, 185, 247, 0.1);
  margin-bottom: 12px;
  border-radius: 4px;
}
.infobox__icon {
  position: absolute;
  top: 18px;
  left: 16px;
}
.infobox__content {
  font-size: 14px;
  line-height: 20px;
}
.infobox__content-bold {
  font-weight: 600;
}
.christmas-delivery {
  padding: 8px 16px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  font-size: 14px;
  line-height: 24px;
  background-color: #00efd2;
  color: #10111a;
}
.christmas-delivery__text {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .christmas-delivery__text {
    text-align: center;
  }
}
.christmas-delivery__icon {
  margin-right: 2px;
}
@keyframes revealAnimation {
  from {
    visibility: hidden;
  }
  to {
    visibility: visible;
  }
}
@keyframes rocketProcessing {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -12600px 0px;
  }
}
@keyframes pulse {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: -135% 0%;
  }
}
@keyframes appearIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes loadingDots {
  0% {
    content: '.';
  }
  33% {
    content: '..';
  }
  66% {
    content: '...';
  }
}
.hidden {
  display: none !important;
}
.invisible {
  visibility: hidden;
}
.overflow--hidden {
  overflow: hidden !important;
}
.loading-dots {
  display: inline;
}
.loading-dots:after {
  display: inline-block;
  animation: loadingDots 2s infinite;
  content: '.';
  width: 1em;
  text-align: left;
}
.reveal-animation {
  visibility: hidden;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  animation-name: revealAnimation;
  animation-duration: 1s;
}
.rocket-loader__overlay {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(245, 245, 245, 0.9);
}
.rocket-loader__container {
  background: #1185ed;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  padding: 0 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 992px) {
  .rocket-loader__container {
    width: 75%;
    max-width: 540px;
    height: 35%;
  }
}
.rocket-loader__rocket {
  animation-duration: 1050ms;
  animation-timing-function: steps(63);
  animation-iteration-count: infinite;
  width: 200px;
  height: 150px;
  animation-name: rocketProcessing;
  background: url(/img/loaders/rocket_loader.svg);
  margin: 0 auto;
}
.w--15 {
  width: 25%;
}
.w--25 {
  width: 25%;
}
.w--50 {
  width: 50%;
}
.w--75 {
  width: 75%;
}
.w--90 {
  width: 90%;
}
.w--100 {
  width: 100%;
}
.h--25 {
  height: 25%;
}
.h--50 {
  height: 50%;
}
.h--75 {
  height: 75%;
}
.h--100 {
  height: 100%;
}
.d__flex {
  display: flex;
}
.d__flex--wrap {
  flex-wrap: wrap;
}
.d__flex--sb {
  justify-content: space-between;
}
.d__flex--sa {
  justify-content: space-between;
}
@supports (justify-content: space-around) {
  .d__flex--sa {
    justify-content: space-around;
  }
}
.d__flex--start {
  align-self: flex-start;
}
.d__flex--self-center {
  align-self: center;
}
.d__flex--left {
  justify-self: flex-start;
}
.d__flex--right {
  justify-self: flex-end;
}
.d__flex--center {
  justify-content: center;
  align-items: center;
}
.d__flex--bottom {
  align-items: flex-end;
}
.d__flex--top {
  align-items: flex-start;
}
.d__flex--start {
  justify-content: flex-start;
}
.d__flex--end {
  justify-content: flex-end;
}
.d__flex--self {
  align-items: center;
}
.d__flex--column {
  flex-direction: column;
}
.d__grid {
  display: grid;
  grid-template-rows: 1fr;
  column-gap: 10px;
}
.d__grid img {
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 2%;
  outline: 2px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25);
}
.d__grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
.d__grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
.d__block {
  display: block;
}
.d__relative {
  position: relative;
}
.d__square {
  display: flex;
}
.d__square:after {
  content: '';
  height: 0;
  padding-bottom: 100%;
  width: 100%;
}
.d__box {
  background: #f5f5f5;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding: 10px;
}
.img--responsive {
  max-width: 100%;
}
.img--circle {
  border-radius: 50%;
}
.img--displate {
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 2%;
  outline: 2px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25);
  align-self: start;
}
.background--grey {
  background: #d2d2d2;
}
.background--lightGrey {
  background: #f5f5f5;
}
@media (max-width: 992px) {
  .mobile-hidden {
    display: none !important;
  }
}
/* styleguide */
/* styleguide v2 starts
(please use this section for new features) */
/* Grayscale */
/* UI */
/* UI-backgrounds */
/* Font */
/* styleguide v2 ends */
/* primary colors */
/* shadows */
/* opacity */
/* transition */
/* filter colors */
/* inne */
@media not print {
  body,
  .mobile-body {
    font-family: 'proxima-nova', Corbel, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
  }
}
.mobile-body .cart-container #main-menu {
  height: initial !important;
}
.main-menu--mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #ffffff;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.main-menu--mobile .main-menu__outer {
  position: relative;
}
.main-menu--mobile .main-menu__inner {
  padding: 10px 15px;
  background: #ffffff;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.main-menu--desktop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  transition: all 0.3s ease;
}
.main-menu--desktop .main-menu__outer {
  border-bottom: 1px solid #d2d2d2;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  position: relative;
}
.main-menu--desktop .main-menu__inner {
  max-width: 1270px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 80px;
  position: relative;
}
.main-menu--desktop .main-menu__rolldown {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #d2d2d2;
  background: #ffffff;
  position: absolute;
  top: 0px;
  z-index: -1;
  transition: all 0.3s ease;
}
.main-menu--desktop .main-menu__container {
  position: relative;
  flex-grow: 1;
  height: 100%;
  padding: 0 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 576px) {
  .main-menu--desktop .main-menu__container {
    padding: 0 25px 0 10px;
  }
}
.main-menu--desktop .main-menu__container .main-menu__content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  overflow: hidden;
  align-items: center;
  height: 100%;
  width: 100%;
  flex-grow: 1;
  transition: all 0.3s ease;
  top: 2px;
  left: 0;
  position: absolute;
  padding: 0 28px 0 40px;
}
@media (min-width: 1200px) {
  .main-menu--desktop .main-menu__container .main-menu__content {
    left: 0;
  }
}
.main-menu--desktop .main-menu__container .main-menu__item {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 15px;
  height: 100%;
  white-space: nowrap;
  padding-right: 24px;
  cursor: pointer;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.main-menu--desktop .main-menu__container .main-menu__item--variant {
  font-size: 16px;
}
.main-menu--desktop .main-menu__container .main-menu__item:hover,
.main-menu--desktop .main-menu__container .main-menu__item--active {
  text-decoration: none;
}
.main-menu--desktop .main-menu__container .main-menu__item:hover::before,
.main-menu--desktop .main-menu__container .main-menu__item--active::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 23px;
  display: block;
  height: 3px;
  width: calc(100% - 23px);
  background-color: #000;
}
.main-menu--desktop .main-menu__container .main-menu__item--active:last-child::before {
  right: 0;
  width: 100%;
}
.main-menu--desktop .main-menu__container .main-menu__item:last-of-type {
  padding-right: 0;
}
.main-menu--desktop .main-menu__container .main-menu__item:last-of-type:hover::before {
  right: 0;
  width: 100%;
}
@media (min-width: 992px) {
  .main-menu--desktop.main-menu--searchbar-focused:after {
    content: '';
    position: fixed;
    background: rgba(245, 245, 245, 0.9);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
  .main-menu--desktop.main-menu--searchbar-focused .main-menu__item {
    z-index: -2;
  }
}
.main-menu--desktop.main-menu--searchbar-active {
  transition: all 0.3s ease;
}
.main-menu--desktop.main-menu--searchbar-active .main-menu__rolldown {
  top: 80px;
}
@media (min-width: 1200px) {
  .main-menu--desktop.main-menu--searchbar-active .main-menu__container {
    position: relative;
  }
}
.main-menu--desktop.main-menu--searchbar-active .main-menu__container .main-menu__content {
  position: absolute;
  top: 80px;
  height: 61px;
  left: -60px;
  width: 100vw;
  flex-wrap: wrap;
  overflow: hidden;
}
@media (min-width: 992px) {
  .main-menu--desktop.main-menu--searchbar-active .main-menu__container .main-menu__content {
    left: 0;
    width: 100%;
    flex-wrap: initial;
    overflow: initial;
  }
}
.main-menu--desktop.main-menu--searchbar-active .main-menu__container .main-menu__item {
  padding-right: 23px;
}
.main-menu--desktop.main-menu--searchbar-active .main-menu__container .main-menu__item:last-of-type {
  padding-right: 0;
}
.main-menu--mobile .aside-menu {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 0;
}
.main-menu--mobile .aside-menu__item-wrapper {
  position: relative;
}
.main-menu--mobile .aside-menu__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  padding: 4px 0px 2px 6px;
  cursor: pointer;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.main-menu--mobile .aside-menu__item--wishlist {
  max-width: 55px;
}
.main-menu--mobile .aside-menu__item--wishlist .aside-menu__counter {
  left: 5px;
}
.main-menu--mobile .aside-menu__item--wishlist svg {
  height: 28px;
}
.main-menu--mobile .aside-menu__item--cart {
  max-width: 45px;
}
.main-menu--mobile .aside-menu__item--cart .aside-menu__counter {
  left: 3px;
}
.main-menu--mobile .aside-menu__item--cart .aside-menu__image {
  padding-left: 5px;
}
.main-menu--mobile .aside-menu__item--user {
  max-width: 51px;
  max-width: 74px;
  flex-direction: row;
  padding-top: 10px;
}
.main-menu--mobile .aside-menu__item--user .aside-menu__arrow {
  width: 16px;
  margin-left: 4px;
}
.main-menu--mobile .aside-menu__item--user .aside-menu__avatar {
  height: 38px;
  width: 38px;
}
.main-menu--mobile .aside-menu__item--search {
  display: flex;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease;
  max-width: 52px;
  padding-right: 4px;
}
.main-menu--mobile .aside-menu__item--hidden {
  opacity: 0;
  visibility: hidden;
}
.main-menu--mobile .aside-menu__item--menu {
  padding: 4px 8px 2px 0;
}
.main-menu--mobile .aside-menu__item--menu .aside-menu__image {
  width: 24px;
  height: 22px;
}
.main-menu--mobile .aside-menu__item--club {
  max-width: 40px;
  padding-right: 5px;
}
.main-menu--mobile .aside-menu__item--club .aside-menu__image {
  width: 22px;
  height: 22px;
  z-index: 10;
}
.main-menu--mobile .aside-menu__item--club .aside-menu__label {
  margin-top: 2px;
}
.main-menu--mobile .aside-menu__image {
  height: 22px;
  pointer-events: none;
}
.main-menu--mobile .aside-menu__label {
  color: #000;
  margin-top: 3px;
  white-space: nowrap;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.main-menu--mobile .aside-menu__counter {
  position: absolute;
  top: -1px;
  background-color: transparent;
  border-radius: 50%;
  height: 21px;
  width: 20px;
  line-height: 17px;
  text-align: center;
  padding: 1px;
}
.main-menu--mobile .aside-menu__counter--empty {
  display: none;
}
.main-menu--mobile .aside-menu__counter div {
  color: #ffffff;
  border-radius: 50%;
  background-color: #ff1744;
}
.main-menu--desktop .aside-menu {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 0;
}
.main-menu--desktop .aside-menu .aside-menu__item-wrapper {
  position: relative;
}
.main-menu--desktop .aside-menu .aside-menu__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  padding: 14px 8px 10px 8px;
  cursor: pointer;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.main-menu--desktop .aside-menu .aside-menu__item--wishlist {
  max-width: 55px;
}
.main-menu--desktop .aside-menu .aside-menu__item--wishlist .aside-menu__counter {
  left: 5px;
}
.main-menu--desktop .aside-menu .aside-menu__item--wishlist svg {
  height: 28px;
}
.main-menu--desktop .aside-menu .aside-menu__item--cart {
  max-width: 45px;
}
.main-menu--desktop .aside-menu .aside-menu__item--cart .aside-menu__counter {
  left: 3px;
}
.main-menu--desktop .aside-menu .aside-menu__item--cart .aside-menu__image {
  padding-left: 5px;
}
.main-menu--desktop .aside-menu .aside-menu__item--user {
  max-width: 51px;
  max-width: 74px;
  flex-direction: row;
  padding-top: 10px;
}
.main-menu--desktop .aside-menu .aside-menu__item--user .aside-menu__arrow {
  width: 16px;
  margin-left: 4px;
}
.main-menu--desktop .aside-menu .aside-menu__item--user .aside-menu__avatar {
  height: 38px;
  width: 38px;
}
.main-menu--desktop .aside-menu .aside-menu__item--search {
  display: flex;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease;
  max-width: 52px;
}
.main-menu--desktop .aside-menu .aside-menu__item--hidden {
  opacity: 0;
  visibility: hidden;
}
.main-menu--desktop .aside-menu .aside-menu__item--club {
  max-width: 40px;
}
.main-menu--desktop .aside-menu .aside-menu__item--club .aside-menu__image {
  width: 22px;
  height: 22px;
  z-index: 10;
}
.main-menu--desktop .aside-menu .aside-menu__item--club .aside-menu__label {
  margin-top: 1px;
}
.main-menu--desktop .aside-menu .aside-menu__image {
  height: 20px;
  pointer-events: none;
}
.main-menu--desktop .aside-menu .aside-menu__label {
  color: #000;
  margin-top: 3px;
  white-space: nowrap;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.main-menu--desktop .aside-menu .aside-menu__counter {
  position: absolute;
  top: 6px;
  background-color: transparent;
  border-radius: 50%;
  height: 21px;
  width: 20px;
  line-height: 17px;
  text-align: center;
  padding: 1px;
}
.main-menu--desktop .aside-menu .aside-menu__counter--empty {
  display: none;
}
.main-menu--desktop .aside-menu .aside-menu__counter div {
  color: #fff;
  border-radius: 50%;
  background-color: #ff1744;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown {
  position: absolute;
  top: 50px;
  right: -45px;
  padding-top: 20px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown-content {
  background: #ffffff;
  position: relative;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 15px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown-content:after {
  content: '';
  position: absolute;
  top: -9px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
  right: 27px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--cart {
  width: 285px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--club {
  width: 300px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--club .list {
  margin: 0;
  font-size: 12px;
  line-height: 24px;
  padding-left: 20px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--club .list__item {
  position: relative;
  padding-left: 10px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--club .list__item::before {
  top: 4px;
  background: url(/img/icons/checkmark.svg);
  background-size: cover;
  content: '';
  height: 16px;
  left: -20px;
  position: absolute;
  width: 16px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--club .aside-menu__dropdown-content:after {
  right: 55px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--user {
  position: absolute;
  right: 2px;
  top: 47px;
  width: 220px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--user .aside-menu__list-item {
  padding: 12px 5px;
  display: block;
  color: #000;
  cursor: pointer;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--user .aside-menu__list-item:first-child {
  padding: 2px 5px 12px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--user .aside-menu__list-item:last-child {
  padding: 12px 5px 2px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--user .aside-menu__list-item:hover {
  text-decoration: underline;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--user .aside-menu__list-item--border {
  border-bottom: 1px solid #d2d2d2;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--user .aside-menu__list-item--upload {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--user .aside-menu__list-item--upload object {
  pointer-events: none;
  margin-right: 10px;
  width: 24px;
  height: 24px;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--user .aside-menu__list-item--badge {
  display: flex;
  justify-content: space-between;
}
.main-menu--desktop .aside-menu .aside-menu__dropdown--user .aside-menu__list-item--badge .aside-menu__badge {
  font-size: 11px;
  line-height: 11px;
  border-radius: 12px;
  padding: 5px 8px;
  background: #1185ed;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  color: #ffffff;
  display: flex;
  place-items: center;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.main-menu--desktop .main-menu__logo-wrapper {
  display: flex;
  flex-direction: column;
  padding: 14px 35px 14px 20px;
  margin: 0 -35px 0 -20px;
  z-index: 3;
  width: 80px;
}
.main-menu--desktop .main-menu__logo-wrapper:hover,
.main-menu--desktop .main-menu__logo-wrapper:active,
.main-menu--desktop .main-menu__logo-wrapper:visited,
.main-menu--desktop .main-menu__logo-wrapper:focus {
  text-decoration: none;
}
.main-menu--desktop .main-menu__logo-text {
  font-weight: 600;
  font-size: 10px;
  line-height: 8px;
  letter-spacing: 0.5px;
  margin-top: 5px;
  align-self: flex-end;
}
.main-menu--desktop .main-menu__logo {
  display: none;
}
.main-menu--desktop .main-menu__logo--small {
  display: block;
  object-fit: contain;
  height: 100%;
}
@media (min-width: 992px) {
  .main-menu--desktop .main-menu__logo-wrapper {
    width: 184px;
  }
  .main-menu--desktop .main-menu__logo {
    display: block;
    object-fit: contain;
    max-height: 100%;
  }
  .main-menu--desktop .main-menu__logo--small {
    display: none;
  }
}
.main-menu--mobile .main-menu__logo-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  transition: margin 0.3s ease;
  margin-right: 0;
}
.main-menu--mobile .main-menu__logo-wrapper:hover,
.main-menu--mobile .main-menu__logo-wrapper:active,
.main-menu--mobile .main-menu__logo-wrapper:visited,
.main-menu--mobile .main-menu__logo-wrapper:focus {
  text-decoration: none;
}
@media (min-width: 350px) {
  .main-menu--mobile .main-menu__logo-wrapper {
    justify-content: center;
  }
}
.main-menu--mobile .main-menu__logo {
  display: block;
  object-fit: contain;
  max-height: 100%;
  max-width: 95px;
}
@media (min-width: 320px) {
  .main-menu--mobile .main-menu__logo {
    max-width: 105px;
  }
}
@media (min-width: 350px) {
  .main-menu--mobile .main-menu__logo {
    max-width: 120px;
  }
}
.main-menu--mobile .main-menu__logo-text {
  max-width: 105px;
  width: 100%;
  text-align: end;
  margin-top: 4px;
  font-weight: 600;
  font-size: 10px;
  line-height: 8px;
  letter-spacing: 0.5px;
}
@media (min-width: 350px) {
  .main-menu--mobile .main-menu__logo-text {
    max-width: 120px;
  }
}
.main-menu--mobile .main-menu__logo--small {
  display: none;
}
.main-menu--mobile.main-menu--searchbar-active .main-menu__logo-wrapper {
  margin-right: -40px;
}
/* purgecss start ignore */
.main-menu--desktop .main-menu__panel {
  position: relative;
  width: 100%;
  min-height: 285px;
  max-height: 455px;
  top: -1px;
  background: #ffffff;
  z-index: -1;
  pointer-events: all;
  display: none;
}
.main-menu--desktop .main-menu__panel--active {
  display: block;
}
.main-menu--desktop .main-menu__panel:after {
  content: '';
  position: absolute;
  display: block;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
}
.main-menu--desktop .main-menu__panel .panel__item {
  display: block;
  line-height: 34px;
  padding-right: 70px;
  width: auto;
  color: #000;
  font-size: 15px;
  white-space: nowrap;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
.main-menu--desktop .main-menu__panel .panel__banner {
  padding: 5px;
  margin: 0 0 15px 15px;
  background: #ffffff;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  max-width: 245px;
  width: 45%;
  overflow: hidden;
}
.main-menu--desktop .main-menu__panel .panel__banner--small {
  padding: 2px;
}
.main-menu--desktop .main-menu__panel .panel__banner--small .panel__label {
  padding: 0 8px 4px;
}
.main-menu--desktop .main-menu__panel .panel__banner:nth-of-type(3),
.main-menu--desktop .main-menu__panel .panel__banner:nth-of-type(4) {
  margin-bottom: 0;
}
.main-menu--desktop .main-menu__panel .panel__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1270px;
  padding: 40px 20px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
}
.main-menu--desktop .main-menu__panel .panel__column {
  margin-right: auto;
}
.main-menu--desktop .main-menu__panel .panel__column--banners {
  width: 500px;
  margin-left: auto;
  align-self: center;
  position: relative;
}
.main-menu--desktop .main-menu__panel .panel__column-title {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  line-height: 34px;
}
.main-menu--desktop .main-menu__panel .panel__section {
  padding: 20px 30px 0 0;
}
.main-menu--desktop .main-menu__panel .panel__label {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #000;
  padding: 2px 8px 1px 8px;
  white-space: nowrap;
}
.main-menu--desktop .main-menu__panel .panel__image {
  max-width: 100%;
}
.main-menu--desktop .main-menu__panel .panel__list {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.main-menu--desktop .main-menu__panel .panel__container {
  padding-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.main-menu--desktop .main-menu__panel--active {
  display: block;
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
}
.main-menu--desktop .main-menu__panel--brands .panel__inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 2fr;
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 0px;
}
@media (min-width: 1200px) {
  .main-menu--desktop .main-menu__panel--brands .panel__inner {
    grid-column-gap: 60px;
    padding: 40px 120px;
  }
}
.main-menu--desktop .main-menu__panel--brands .panel__item {
  display: block;
}
.main-menu--desktop .main-menu__panel--brands .panel__item--banner {
  padding-right: 0;
  margin: 10px 0 12px;
  height: 160px;
  width: 340px;
}
.main-menu--desktop .main-menu__panel--brands .panel__item--banner > img {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  object-fit: cover;
}
.main-menu--desktop .main-menu__panel--brands .panel__item--link {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #1185ed;
  margin: 20px 0;
}
.main-menu--desktop .main-menu__panel--brands .panel__item--link > img {
  height: 22px;
  width: 22px;
  margin-left: 20px;
  margin-top: -2px;
}
.main-menu--desktop .main-menu__panel--brands .panel__container {
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
}
.main-menu--desktop .main-menu__panel--brands .panel__list-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 0px;
}
.main-menu--desktop .main-menu__panel--brands .panel__list-content:last-of-type {
  grid-template-rows: 1fr;
}
.main-menu--desktop .main-menu__panel--brands .panel__column {
  margin-right: initial;
}
.main-menu--desktop .main-menu__panel--brands .panel__column--middle {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.main-menu--desktop .main-menu__panel--brands .panel__column--divider {
  background: #d2d2d2;
  margin: 35px 0 5px;
  height: calc(100% - 40px);
}
.main-menu--desktop .main-menu__panel--brands .panel__banner {
  display: block;
  margin: 20px 0 0;
  width: 100%;
}
.main-menu--desktop .main-menu__panel--collections .panel__inner {
  display: grid;
  grid-template-columns: 1.2fr 1.3fr 1.2fr 1.3fr 0.5fr;
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 0px;
}
.main-menu--desktop .main-menu__panel--collections .panel__list-content {
  display: grid;
  grid-template-columns: 1fr 0.75fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 0px;
}
.main-menu--desktop .main-menu__panel--collections .panel__column {
  margin-right: initial;
}
.main-menu--desktop .main-menu__panel--collections .panel__column--banners {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1200px) {
  .main-menu--desktop .main-menu__panel--collections .panel__column--banners {
    flex-direction: row;
    justify-content: center;
  }
}
.main-menu--desktop .main-menu__panel--collections .panel__column--divider {
  position: relative;
  padding-top: 15px;
}
.main-menu--desktop .main-menu__panel--collections .panel__column--divider:after {
  position: absolute;
  width: 1px;
  background: #d2d2d2;
  top: 22%;
  bottom: 5px;
  right: 0;
}
@media (min-width: 992px) {
  .main-menu--desktop .main-menu__panel--collections .panel__column--divider:after {
    content: '';
  }
}
@media (min-width: 1200px) {
  .main-menu--desktop .main-menu__panel--collections .panel__column--divider:after {
    right: -5%;
  }
}
.main-menu--desktop .main-menu__panel--collections .panel__banner {
  margin: 15px 5px;
  width: 100%;
}
@media (min-width: 992px) {
  .main-menu--desktop .main-menu__panel--collections .panel__banner {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .main-menu--desktop .main-menu__panel--collections .panel__banner {
    width: 45%;
  }
}
.main-menu--desktop .main-menu__panel--collections .panel__item:nth-child(2n + 1) {
  padding-right: 15px;
}
.main-menu--desktop .main-menu__panel--collections .panel__item:nth-child(2n + 2) {
  padding-right: 0;
}
.main-menu--desktop .main-menu__panel--categories .panel__item {
  display: none;
}
.main-menu--desktop .main-menu__panel--categories .panel__item:nth-child(-n + 7) {
  display: block;
}
.main-menu--desktop .main-menu__panel--categories .panel__container {
  justify-content: flex-start;
  align-items: center;
  background: url('/img/search/pattern.png') center no-repeat;
  padding-top: 0;
}
.main-menu--desktop .main-menu__panel--categories .panel__list-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.main-menu--desktop .main-menu__panel--accessories {
  min-height: inherit;
}
.main-menu--desktop .main-menu__panel--accessories .panel__inner {
  display: grid;
  grid-template-columns: 300px 300px 300px;
  grid-template-rows: 1fr;
  grid-column-gap: 32px;
  grid-row-gap: 0px;
}
@media (min-width: 1200px) {
  .main-menu--desktop .main-menu__panel--accessories .panel__inner {
    padding: 40px 120px;
  }
}
.main-menu--desktop .main-menu__panel--accessories .panel__item {
  display: flex;
  position: relative;
  flex-direction: column;
  height: inherit;
  border-radius: 8px;
  padding: 16px;
  background-color: #eceff4;
  transition: box-shadow 0.3s ease;
}
.main-menu--desktop .main-menu__panel--accessories .panel__item:hover {
  box-shadow: 0px 2px 6px rgba(16, 17, 26, 0.2);
  text-decoration: none;
}
.main-menu--desktop .main-menu__panel--accessories .panel__item--label {
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  z-index: 1;
}
.main-menu--desktop .main-menu__panel--accessories .panel__item--content {
  display: block;
  font-size: 14px;
  line-height: 24px;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  z-index: 1;
  margin-bottom: 24px;
}
.main-menu--desktop .main-menu__panel--accessories .panel__item--image {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
  width: 175px;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 0;
}
.main-menu--desktop .main-menu__panel--accessories .panel__item:last-of-type .panel__item--image {
  width: 200px;
}
.main-menu--desktop .main-menu__panel--accessories .panel__item--button {
  background: url('/img/icons/arrow.png');
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(-90deg);
  border-radius: 99%;
  width: 32px;
  height: 32px;
  background-color: white;
  margin-top: auto;
}
.main-menu--desktop.main-menu--searchbar-active .main-menu__panel {
  top: 59px;
}
/* purgecss end ignore */
.main-menu--desktop .main-menu__search {
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
  flex: 1 0 auto;
  padding-left: 30px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.main-menu--desktop.main-menu--searchbar-active .main-menu__search {
  opacity: 1;
  visibility: visible;
}
.main-menu--mobile .main-menu__search {
  background: #ffffff;
  position: relative;
  margin-top: -50px;
  z-index: 1;
  transition: margin 0.3s ease;
}
.main-menu--mobile .main-menu__search .searchbar {
  margin: 0;
}
.main-menu--mobile .main-menu__search .searchbar--autocomplete {
  padding: 0 15px 10px;
  background: #ffffff;
  border-bottom: 1px solid #d2d2d2;
  overflow-y: scroll;
  overflow-x: hidden;
}
.main-menu--mobile .main-menu__search .searchbar--autocomplete:after {
  left: 30px;
}
.searchbar--focused .main-menu--mobile .main-menu__search {
  margin-top: 0;
}
.searchbar--focused .main-menu--mobile .main-menu__search .searchbar--autocomplete {
  height: 100vh;
  padding: 15px;
  max-width: 100vw;
}
@media (min-width: 768px) {
  .searchbar--focused .main-menu--mobile .main-menu__search .searchbar--autocomplete {
    height: initial;
  }
}
.searchbar--focused .main-menu--mobile .main-menu__search .searchbar--autocomplete:after {
  left: 30px;
  top: 25px;
}
.main-menu--mobile.main-menu--searchbar-active .main-menu__search {
  margin-top: 0;
}
.main-menu--mobile .side-panel {
  position: fixed;
  top: 0;
  left: -100vw;
  width: 100%;
  height: 100vh;
  overflow: scroll;
  background: #ffffff;
  transition: left 0.3s ease;
  z-index: 9999;
  padding-bottom: 50px;
}
.main-menu--mobile .side-panel--active {
  left: 0;
}
.main-menu--mobile .side-panel--active .side-panel--subnav {
  visibility: visible;
  transition: visibility 0.01s ease 0.3s, left 0.3s ease;
}
.main-menu--mobile .side-panel--subnav {
  top: 0;
  left: 100vw;
  width: 100vw;
  min-height: 100vh;
  transition: visibility 0.01s ease, left 0.3s ease;
  visibility: hidden;
}
.main-menu--mobile .side-panel--subnav.side-panel--active {
  left: 0;
}
.main-menu--mobile .side-panel__wrapper {
  position: relative;
}
.main-menu--mobile .side-panel__list,
.main-menu--mobile .side-panel__content {
  padding: 0 15px 30px;
}
.main-menu--mobile .side-panel__item {
  padding: 13px 0;
  border-bottom: 1px solid #d2d2d2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-menu--mobile .side-panel__item a {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  width: 100%;
}
.main-menu--mobile .side-panel__item span {
  line-height: 24px;
}
.main-menu--mobile .side-panel__heading {
  border-bottom: 1px solid #d2d2d2;
  padding: 20px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-menu--mobile .side-panel__close object {
  width: 22px;
  height: 22px;
  pointer-events: none;
}
.main-menu--mobile .side-panel__go-back object {
  height: 20px;
  pointer-events: none;
}
.main-menu--mobile .side-panel__arrow {
  height: 14px;
}
.menu__switcher {
  padding: 25px 0;
}
.menu__switcher-mobile {
  padding: 20px 20px 0;
  margin: 0 -20px;
  border-top: 1px solid #d2d2d2;
}
.menu__switcher-mobile--grid {
  column-count: 2;
}
.menu__switcher-mobile--grid .category-switcher__item {
  display: block;
  padding-bottom: 20px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.menu__switcher h2 {
  width: 100%;
}
.menu__switcher-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-bottom: 25px;
}
@media (min-width: 375px) {
  .menu__switcher-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 576px) {
  .menu__switcher-container {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .menu__switcher-container {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}
.menu__switcher .heading-placeholder {
  background: linear-gradient(-90deg, #f0f0f0 0%, #f8f8f8 50%, #f0f0f0 100%);
  background-size: 400% 400%;
  animation: pulse 1.2s ease-in-out infinite;
  color: transparent;
  width: 50%;
}
.menu__tile {
  display: flex;
  background: #ffffff;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  width: 100%;
  position: relative;
}
.menu__tile p {
  word-break: break-word;
}
@supports (hyphens: auto) {
  .menu__tile p {
    hyphens: auto;
  }
}
@media (min-width: 576px) {
  .menu__tile p {
    font-size: initial;
  }
}
.menu__tile img.error {
  display: none;
}
.menu__tile-arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.menu__tile-image--placeholder {
  height: 50px;
  width: 50px;
}
.menu__tile--placeholder {
  background: linear-gradient(-90deg, #f0f0f0 0%, #f8f8f8 50%, #f0f0f0 100%);
  background-size: 400% 400%;
  animation: pulse 1.2s ease-in-out infinite;
}
.menu__tile--placeholder > .menu__tile-image,
.menu__tile--placeholder > .d__flex,
.menu__tile--placeholder > .menu__tile-arrow {
  opacity: 0;
}
/****** Topbar ******/
.topbar {
  border-bottom: 1px solid #d2d2d2;
  width: 100%;
  min-height: 21px;
  max-height: 41px;
}
@media (min-width: 768px) {
  .topbar {
    max-height: 44px;
  }
}
.topbar--animate {
  -webkit-animation: fade-in 2s both;
  animation: fade-in 2s both;
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.topbar--black {
  background: #000;
  color: #ffffff;
}
.topbar--blue {
  background: #1185ed;
  color: #ffffff;
}
.topbar--blue .topbar__link {
  color: #ffffff;
}
.topbar--grey {
  background: #6e6e6e;
  color: #ffffff;
}
.topbar--grey .topbar__link {
  color: #ffffff;
}
.topbar__content {
  height: 100%;
  max-width: 1270px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: unset;
}
@media (min-width: 768px) {
  .topbar__content {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .topbar__text {
    margin-left: 15px;
  }
}
.topbar__text .black-friday-text-regular {
  display: block;
}
.topbar__text .black-friday-text-temporary {
  display: none;
}
.topbar__trees {
  display: block;
  overflow-x: hidden;
}
.topbar__separator {
  display: inline-block;
  margin: 0 4px;
}
.black-friday-color-change .topbar {
  max-height: none;
}
.black-friday-color-change .black-friday-text-regular {
  display: none;
}
.black-friday-color-change .black-friday-text-temporary {
  display: block;
}
.black-friday-text-temporary {
  display: none;
}
.cart-box {
  position: relative;
  background: #ffffff;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.cart-box::after {
  content: '';
  position: absolute;
  top: -9px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
  right: 57px;
}
.cart-box__item {
  border-bottom: 1px solid #d2d2d2;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cart-box__item:not(.cart-box__item--magnet) .cart-box__image img {
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 2%;
  outline: 2px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25);
}
.cart-box__item--magnet .cart-box__image img {
  max-width: 100%;
  max-height: 100%;
}
.cart-box__image {
  flex-basis: 39.75%;
  width: 100px;
  height: 100px;
  position: relative;
  background: #f5f5f5;
}
.cart-box__image img {
  max-width: 80%;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cart-box__image img.magnet {
  max-width: 100%;
  max-height: 100%;
}
.cart-box__image img.displateFrame {
  max-width: 72%;
  max-height: 74%;
}
.cart-box__description {
  width: 56%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  word-break: normal;
  position: relative;
}
.cart-box__description span {
  display: inline-block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 44px;
}
.cart-box__details {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  justify-content: space-between;
}
.cart-box__row {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  justify-content: flex-start;
}
.cart-box__price {
  position: absolute;
  right: 6%;
  bottom: -1px;
}
.cart-box__price span {
  text-align: right;
  display: block;
}
.cart-box__show-more {
  border-bottom: 1px solid #d2d2d2;
  max-height: 38px;
  margin-top: -15px;
  padding-bottom: 7px;
  padding-top: 7px;
}
@media (max-height: 730px) {
  .cart-box .hidden-on-short-screens {
    display: none;
  }
}
.main-menu--mobile .main-menu__promo-bar {
  transform: translateY(-85px);
  opacity: 0;
  height: 0px;
  z-index: -2;
}
.main-menu--mobile .main-menu__promo-bar__counters {
  height: 0px;
}
.main-menu--mobile .main-menu__promo-bar__counter {
  height: 0px;
}
.main-menu--mobile .main-menu__promo-bar__counter-item {
  height: 0px;
}
.main-menu--desktop .main-menu__promo-bar {
  height: 49px;
  position: absolute;
  top: calc(141px - 49px);
  opacity: 0;
  z-index: -2;
}
.main-menu--desktop .main-menu__promo-bar__counters {
  height: 0px;
}
.main-menu--desktop .main-menu__promo-bar__counter {
  height: 0px;
}
.main-menu--desktop .main-menu__promo-bar__counter-item {
  height: 0px;
}
.main-menu--searchbar-active .main-menu__promo-bar {
  position: relative;
  height: 85px;
  background-color: #4a0000;
  color: #ffffff;
  width: 100%;
  transform: translateY(0);
  opacity: 1;
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease, opacity 0.3s ease, height 0.3s ease;
  z-index: 0;
}
.main-menu--searchbar-active .main-menu__promo-bar--inactive {
  margin-top: -85px;
}
.main-menu--searchbar-active .main-menu__promo-bar__text {
  font-weight: 700;
  margin-bottom: 8px;
}
.main-menu--searchbar-active .main-menu__promo-bar__counters {
  display: flex;
  justify-content: space-between;
  height: auto;
}
.main-menu--searchbar-active .main-menu__promo-bar__close-icon {
  position: absolute;
  right: 16px;
  top: calc(50% - 12px);
}
.main-menu--searchbar-active .main-menu__promo-bar__close-icon:hover {
  cursor: pointer;
}
.main-menu--searchbar-active .main-menu__promo-bar__counter {
  height: 37px;
  width: 44px;
  margin: 0 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.main-menu--searchbar-active .main-menu__promo-bar__counter:first-child {
  margin-left: 0;
}
.main-menu--searchbar-active .main-menu__promo-bar__counter:last-child {
  margin-right: 0;
}
.main-menu--searchbar-active .main-menu__promo-bar__counter-item {
  height: 24px;
  width: 21px;
  padding: 2px 0;
  color: #ffffff;
  background-color: #000;
  border-radius: 4px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-menu--searchbar-active .main-menu__promo-bar__counter-item:first-child {
  margin-right: 2px;
}
.main-menu--searchbar-active .main-menu__promo-bar__counter-separator {
  height: 24px;
  padding: 2px 0;
  opacity: 0.7;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main-menu--searchbar-active .main-menu__promo-bar__counter-label {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  opacity: 0.7;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .main-menu--searchbar-active .main-menu__promo-bar {
    height: 49px;
    position: absolute;
    top: 141px;
    flex-direction: row;
    transition: top 0.3s ease, opacity 0.3s ease;
    margin-top: -1px;
    z-index: -1;
  }
  .main-menu--searchbar-active .main-menu__promo-bar--inactive {
    top: calc(141px - 49px);
    opacity: 0;
  }
  .main-menu--searchbar-active .main-menu__promo-bar__text {
    margin-right: 24px;
    margin-bottom: 0;
  }
  .main-menu--searchbar-active .main-menu__promo-bar__close-icon {
    position: static;
    margin-left: 24px;
  }
}
/* ===================== START FOOTER ======================= */
.footer__wrapper {
  width: 100%;
  background: #f5f5f5;
  border-top: 1px solid #d2d2d2;
}
.footer__wrapper img {
  max-width: 100%;
  max-height: 60px;
}
.footer__wrapper .footer {
  max-width: 1270px;
  margin: 0 auto;
  padding: 50px 20px 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.footer__wrapper .footer__row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.footer__wrapper .footer__row--right {
  justify-content: flex-end;
  margin-top: -80px;
  flex-basis: 100%;
  pointer-events: none;
}
.footer__wrapper .footer__row--right .footer__column {
  pointer-events: auto;
}
.footer__wrapper .footer__column {
  flex-basis: 16.5%;
}
.footer__wrapper .footer__column--wide {
  flex-basis: 34%;
}
.footer__wrapper .footer__item {
  display: block;
  line-height: 34px;
}
.footer__wrapper .footer__item--heading {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.footer__wrapper .footer__link {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 34px;
}
.footer__wrapper .footer__container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.footer__wrapper .footer__container--featured {
  margin: 0 -5px;
}
.footer__wrapper .footer__container--featured img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__wrapper .footer__container--social object {
  pointer-events: none;
}
.footer__wrapper .footer__container .footer__item--heading {
  flex-basis: 100%;
}
.footer__wrapper .footer__social .footer__container {
  justify-content: flex-start;
}
.footer__wrapper .footer__social img {
  max-height: 48px;
  margin: 0 8px 0 -4px;
}
.footer__wrapper .footer__payments img {
  max-height: 48px;
}
.footer__wrapper .footer__copyright {
  padding-top: 10px;
  margin-top: 30px;
  color: #6e6e6e;
  border-top: 1px solid #d2d2d2;
  flex-basis: 100%;
}
.footer__wrapper .featured-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: calc(100% / 5);
  padding: 0 5px 20px;
}
@media (max-width: 992px) {
  .footer__wrapper {
    border: none;
  }
  .footer__wrapper .footer {
    padding: 40px 20px 20px 20px;
  }
  .footer__wrapper .footer__column:not(.footer__column--wide) {
    display: none;
  }
  .footer__wrapper .footer__column--wide {
    flex-basis: 46%;
    flex-grow: 1;
  }
  .footer__wrapper .footer__copyright {
    margin-top: 15px;
  }
  .footer__wrapper .footer__row--right {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .footer__wrapper .footer__container--featured {
    justify-content: space-between;
  }
}
.mobile-body .footer__wrapper {
  border: none;
}
.mobile-body .footer__wrapper .footer {
  padding: 40px 20px 20px 20px;
}
.mobile-body .footer__wrapper .footer__column:not(.footer__column--wide) {
  display: none;
}
.mobile-body .footer__wrapper .footer__column--wide {
  flex-basis: 46%;
  flex-grow: 1;
}
.mobile-body .footer__wrapper .footer__copyright {
  margin-top: 15px;
}
.mobile-body .footer__wrapper .footer__item--heading {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.mobile-body .footer__wrapper .footer__row--right {
  margin-top: 10px;
}
.mobile-body .footer__wrapper .footer__container--featured {
  justify-content: flex-start;
}
@media (max-width: 575px) {
  .mobile-body .footer__wrapper .footer__container--featured {
    justify-content: space-between;
  }
}
/* ====================== END FOOTER ======================== */
.brandshop__container {
  width: 100vw;
}
@media (min-width: 1200px) {
  .brandshop__container {
    padding: 0 auto;
  }
}
.brandshop__container h1 {
  margin: 20px 0;
}
@media (min-width: 768px) {
  .brandshop__container h1 {
    margin: 40px 0;
  }
}
.brandshop__container .button {
  max-width: none;
  width: 150px;
  margin-top: 20px;
}
@media (min-width: 375px) {
  .brandshop__container .button {
    max-width: 300px;
  }
}
.brandshop__container .brandshop__show {
  display: none;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__show {
    display: block;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__hide {
    display: none;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .negative_margin--big {
    margin-top: -15%;
  }
  .brandshop__container .negative_margin--medium {
    margin-top: -10%;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__flex_desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .brandshop__container .brandshop__flex_desktop:nth-of-type(1) {
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__flex_column {
    display: flex;
    flex-direction: column;
  }
  .brandshop__container .brandshop__flex_column:nth-of-type(1) {
    align-self: flex-start;
    margin-top: 20px;
  }
}
.brandshop__container .brandshop__faq-images {
  margin: 30px 0 0 -20px;
  overflow: hidden;
}
.brandshop__container .brandshop__faq-inner {
  margin-bottom: -30px;
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
}
.brandshop__container .brandshop__faq-inner div {
  flex-basis: 30%;
  padding: 0 10px 20px;
}
.brandshop__container .brandshop__faq-inner div:first-child {
  padding-left: 20px;
}
.brandshop__container .brandshop__faq-inner div:last-child {
  padding-right: 20px;
}
.brandshop__container .brandshop__section__1 {
  background-color: #f5f5f5;
  background-image: url('/img/brandshop/brandshop_armchair.png');
  background-size: 150%;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 3% 0 0 4%;
  position: relative;
}
@media (min-width: 768px) {
  .brandshop__container .brandshop__section__1 {
    min-height: 45vh;
  }
  .brandshop__container .brandshop__section__1 .brandshop__section_container {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__1 {
    background-size: 100%;
    min-height: 650px;
    padding: 5vh 0 0 0;
  }
  .brandshop__container .brandshop__section__1 .brandshop_flex_desktop {
    margin-left: -9%;
  }
  .brandshop__container .brandshop__section__1 .brandshop__section_container {
    max-width: 1270px;
    margin: 0 auto;
  }
  .brandshop__container .brandshop__section__1 .brandshop__title {
    padding-top: 4vh;
  }
  .brandshop__container .brandshop__section__1::after {
    content: '';
    background-image: url('/img/brandshop/brandshop_pattern_6.png');
    background-size: contain;
    width: 360px;
    height: 490px;
    position: absolute;
    transform: rotate(-90deg);
    top: 0;
    right: 101%;
  }
}
.brandshop__container .brandshop__section__1 h4 {
  margin-top: 15px;
}
.brandshop__container .brandshop__section__1 .button {
  width: 65%;
  margin-top: 15px;
}
.brandshop__container .brandshop__section__1 .brandshop__images {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 80px;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__1 .brandshop__images {
    flex-basis: 50%;
    margin-left: 10vh;
    padding-top: 0;
  }
}
.brandshop__container .brandshop__section__1 .brandshop__images .brandshop__singleImage {
  height: 45vw;
}
@media (min-width: 768px) {
  .brandshop__container .brandshop__section__1 .brandshop__images .brandshop__singleImage {
    height: 16vh;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__1 .brandshop__images .brandshop__singleImage {
    height: 30vh;
  }
}
.brandshop__container .brandshop__section__1 .brandshop__images .brandshop__singleImage:nth-of-type(2) {
  align-self: flex-start;
  margin-top: 10px;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__1 .brandshop__images .brandshop__singleImage:nth-of-type(2) {
    align-self: unset;
    margin: 0 0 9vh 0;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__1 .brandshop__images .brandshop__singleImage:nth-of-type(3) {
    align-self: flex-start;
    margin-top: 7vh;
    height: 24vh;
  }
}
.brandshop__container .brandshop__section__1 .brandshop__images .brandshop__twoImages {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.brandshop__container .brandshop__section__1 .brandshop__images .brandshop__twoImages .brandshop__twinImage {
  height: 30vw;
}
@media (min-width: 768px) {
  .brandshop__container .brandshop__section__1 .brandshop__images .brandshop__twoImages .brandshop__twinImage {
    height: 12vh;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__1 .brandshop__images .brandshop__twoImages .brandshop__twinImage {
    height: 24vh;
  }
}
.brandshop__container .brandshop__section__2 {
  padding-top: 20px;
  padding-left: 15px;
  max-width: 1270px;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__2 .brandshop_flex_desktop:nth-of-type(1) {
    margin-left: -9%;
  }
  .brandshop__container .brandshop__section__2 .brandshop_flex_desktop:nth-of-type(2) {
    margin-top: -9%;
  }
}
.brandshop__container .brandshop__section__2 img {
  margin-top: 15px;
  width: 100%;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__2 img.laptop-container {
    width: 50%;
  }
}
.brandshop__container .brandshop__section__2 #brandshop_displates {
  width: 107%;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__2 #brandshop_displates {
    max-width: 713px;
    order: 99;
    margin-top: -10%;
  }
}
.brandshop__container .brandshop__section__2 #brandshop_couch {
  width: 137%;
  margin-left: -10%;
  margin-top: -10%;
  order: 99;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__2 #brandshop_couch {
    width: 90%;
    max-width: 120%;
    margin-right: -13vw;
    margin-top: 15px;
    position: relative;
    z-index: 99;
  }
}
.brandshop__container .brandshop__section__2 #brandshop_vis {
  width: 95%;
  position: relative;
  margin-bottom: 30px;
}
.brandshop__container .brandshop__section__2 #brandshop_vis:after {
  content: '';
  background-image: url('/img/brandshop/brandshop_pattern.png');
  background-size: contain;
  position: absolute;
  height: 176px;
  width: 124px;
  bottom: -27px;
  right: -73px;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__2 #brandshop_vis:after {
    bottom: -10%;
    right: unset;
    left: -12%;
    width: 200px;
    height: 283px;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__2 #brandshop_vis + .brandshop__offer__item {
    padding-left: 5%;
  }
}
.brandshop__container .brandshop__section__2 .brandshop__offer__item {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 1200px) {
  .brandshop__container .brandshop__section__2 .brandshop__offer__item {
    justify-content: center;
  }
}
.brandshop__container .brandshop__section__2 .brandshop__offer__item img {
  height: 64px;
  min-width: 64px;
  width: 64px;
  margin: unset;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .brandshop__container .brandshop__section__2 .brandshop__offer__item img {
    height: 100px;
    width: 100px;
  }
}
.brandshop__container .brandshop__section__2 .brandshop__offer__item span {
  padding-left: 15px;
  font-size: 18px;
}
.brandshop__container .brandshop__section__2 .brandshop__offer__item.brandshop__design {
  box-shadow: 0px 0px 119px -4px rgba(0, 0, 0, 0.2);
  width: 95%;
  height: 110px;
  padding: 5px;
  padding-left: 15px;
  background-color: #ffffff;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__2 .brandshop__offer__item.brandshop__design {
    position: relative;
    margin-right: -8vw;
    width: 40%;
  }
  .brandshop__container .brandshop__section__2 .brandshop__offer__item.brandshop__design::before {
    content: '';
    background-image: url('/img/brandshop/brandshop_pattern_4.png');
    background-size: cover;
    width: 212px;
    height: 300px;
    position: absolute;
    transform: rotate(90deg);
    bottom: 10px;
    left: 174px;
    z-index: -1;
  }
}
.brandshop__container .brandshop__section__3 {
  padding-top: 20px;
  padding-left: 15px;
  margin: 0 auto;
  max-width: 1270px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .brandshop__container .brandshop__section__3 h1 {
    text-align: center;
  }
}
@media (max-width: 320px) {
  .brandshop__container .brandshop__section__3 > h2 > span {
    display: block;
  }
}
.brandshop__container .brandshop__section__3 .brandshop__flex_desktop {
  justify-content: space-between;
}
.brandshop__container .brandshop__section__3 .brandshop__container_socials {
  flex-basis: 30%;
}
.brandshop__container .brandshop__section__3 .brandshop__socials {
  width: 95%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  order: 3;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .brandshop__container .brandshop__section__3 .brandshop__socials {
    justify-content: space-around;
  }
}
.brandshop__container .brandshop__section__3 .brandshop__socials a img {
  height: 48px;
}
.brandshop__container .brandshop__section__3 p {
  width: 95%;
  order: 2;
}
.brandshop__container .brandshop__section__3 h2 {
  text-align: center;
  order: 1;
}
.brandshop__container .brandshop__section__3 .brandshop__influencers {
  flex-basis: 50%;
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 576px) and (max-width: 1200px) {
  .brandshop__container .brandshop__section__3 .brandshop__influencers {
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__3 .brandshop__influencers {
    margin-top: -6%;
  }
}
.brandshop__container .brandshop__section__3 .brandshop__influencers img {
  box-shadow: 0px 0px 119px -4px rgba(0, 0, 0, 0.2);
}
.brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 188px;
  z-index: 99;
  position: relative;
}
.brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex:after {
  content: '';
  background-image: url('/img/brandshop/brandshop_pattern_3.png');
  background-size: cover;
  width: 131px;
  height: 118px;
  position: absolute;
  bottom: 83px;
  left: -102px;
  transform: rotate(180deg);
  z-index: -1;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex:after {
    bottom: -54px;
    left: 0;
    width: 186px;
  }
}
.brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex img:nth-of-type(1) {
  width: 188px;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex img:nth-of-type(1) {
    margin-right: -46%;
    bottom: -54px;
    left: 0px;
  }
}
.brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex img:nth-of-type(2) {
  width: 74px;
  margin-top: 20px;
  box-shadow: none;
}
.brandshop__container .brandshop__section__3 .brandshop__influencers > img:nth-of-type(1) {
  height: 500px;
  z-index: 91;
  box-shadow: none;
}
.brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex_column {
  align-self: flex-start;
}
@media (min-width: 768px) {
  .brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex_column {
    display: flex;
    flex-direction: column;
  }
}
.brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex_column > img:nth-of-type(1) {
  box-shadow: none;
  margin-bottom: 30px;
}
.brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex_column > img:nth-of-type(2) {
  width: 105px;
  position: absolute;
  bottom: 148px;
  right: 15px;
}
@media (min-width: 768px) {
  .brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex_column > img:nth-of-type(2) {
    position: relative;
    bottom: 0;
    right: 0;
    margin-left: 35%;
    margin-top: -10%;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex_column > img:nth-of-type(2) {
    margin-left: 35%;
    margin-top: -10%;
  }
}
.brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex_column > img:nth-of-type(3) {
  width: 120px;
  position: absolute;
  bottom: 40px;
  right: 73px;
  z-index: 90;
}
@media (min-width: 768px) {
  .brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex_column > img:nth-of-type(3) {
    position: relative;
    bottom: 0;
    right: 0;
    margin-left: -25%;
    margin-top: -10%;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__3 .brandshop__influencers .brandshop__flex_column > img:nth-of-type(3) {
    margin-left: -25%;
    margin-top: -10%;
  }
}
.brandshop__container .brandshop__section__3 .brandshop__learn_more {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 45px;
}
.brandshop__container .brandshop__section__3 .brandshop__learn_more a {
  color: #1185ed;
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__3 .brandshop__learn_more a {
    margin-right: 50px;
  }
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__3 .brandshop__learn_more {
    flex-direction: row-reverse;
    justify-content: center;
    margin-bottom: 70px;
    margin-top: 15px;
  }
}
.brandshop__container .brandshop__section__4 {
  box-shadow: 0px -9px 23px -1px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #d2d2d2;
  background-color: #ffffff;
  position: relative;
}
.brandshop__container .brandshop__section__4 .brandshop__section_container {
  padding-top: 10px;
  padding-left: 15px;
  padding-bottom: 60px;
  max-width: 1270px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.brandshop__container .brandshop__section__4 p {
  margin: unset;
}
.brandshop__container .brandshop__section__4::after {
  content: '';
  background-image: url('/img/brandshop/brandshop_arrows.png');
  background-size: cover;
  width: 240px;
  height: 118px;
  position: absolute;
  top: -39px;
  left: calc(50% - 120px);
  z-index: -1;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__4::after {
    width: 320px;
    height: 440px;
    position: absolute;
    top: -3%;
    left: calc(50% - 160px);
  }
}
.brandshop__container .brandshop__section__4 .button {
  width: 65%;
}
.brandshop__container .brandshop__section__4 .brandshop__reviews .brandshop__reviews__item {
  box-shadow: 0px 0px 119px -4px rgba(0, 0, 0, 0.2);
  width: 95%;
  height: 120px;
  margin: 20px 15px 20px auto;
  display: flex;
  padding: 10px;
  flex-basis: 48%;
}
.brandshop__container .brandshop__section__4 .brandshop__reviews .brandshop__reviews__item .brandshop__reviews_score-wrapper {
  flex-basis: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.brandshop__container .brandshop__section__4 .brandshop__reviews .brandshop__reviews__item .brandshop__reviews_score-wrapper .brandshop__reviews__image {
  width: 100px;
}
.brandshop__container .brandshop__section__4 .brandshop__reviews .brandshop__reviews__item .brandshop__reviews__text {
  flex-basis: 60%;
}
.brandshop__container .brandshop__section__4 .brandshop__about_displate {
  box-shadow: 0px 0px 119px -4px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  position: relative;
  padding-top: 25px;
  padding-left: 20px;
  padding-bottom: 20px;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__4 .brandshop__about_displate {
    width: 60%;
    margin-bottom: 30vh;
  }
}
.brandshop__container .brandshop__section__4 .brandshop__about_displate::before {
  content: '';
  background-size: cover;
  width: 212px;
  height: 300px;
  position: absolute;
  bottom: -17px;
  left: -18px;
  z-index: -1;
  background-image: url('/img/brandshop/brandshop_pattern_4.png');
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__4 .brandshop__about_displate::before {
    transform: rotate(90deg);
    bottom: -137px;
    left: 0;
    height: 331px;
  }
}
.brandshop__container .brandshop__section__4 .brandshop__about_displate ul li {
  margin: 30px 0;
  display: flex;
  width: 85%;
}
.brandshop__container .brandshop__section__4 .brandshop__about_displate ul li img {
  height: 24px;
}
.brandshop__container .brandshop__section__4 .brandshop__about_displate ul li span {
  padding-left: 10px;
  display: block;
}
.brandshop__container .brandshop__section__4 .brandshop__about_displate .brandshop__video_wrapper {
  min-height: 188px;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__4 .brandshop__about_displate .brandshop__video_wrapper {
    position: absolute;
    width: 726px;
    max-height: 408px;
    top: 15%;
    right: -68%;
  }
  .brandshop__container .brandshop__section__4 .brandshop__about_displate .brandshop__video_wrapper::after {
    content: '';
    background-size: contain;
    width: 280px;
    height: 380px;
    position: absolute;
    bottom: -30%;
    right: -2%;
    transform: rotate(90deg);
    z-index: -1;
    background-image: url('/img/brandshop/brandshop_pattern_7.png');
  }
}
.brandshop__container .brandshop__section__4 .brandshop__perks_list {
  justify-content: center;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__4 .brandshop__perks_list {
    margin: 60px 0 60px 0;
  }
}
.brandshop__container .brandshop__section__4 .brandshop__perks_list li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  width: 85%;
}
.brandshop__container .brandshop__section__4 .brandshop__perks_list li img {
  height: 64px;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__4 .brandshop__perks_list li img {
    height: auto;
  }
}
.brandshop__container .brandshop__section__4 .brandshop__perks_list li span {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
}
.brandshop__container .brandshop__section__4 .brandshop__perks_list li span span,
.brandshop__container .brandshop__section__4 .brandshop__perks_list li span p {
  margin: unset;
}
.brandshop__container .brandshop__section__4 .brandshop__image_wrapper {
  margin-top: 10vh;
  position: relative;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__4 .brandshop__image_wrapper {
    margin-top: unset;
  }
}
.brandshop__container .brandshop__section__4 .brandshop__image_wrapper img {
  height: 50vw;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__4 .brandshop__image_wrapper img {
    height: 408px;
  }
}
.brandshop__container .brandshop__section__4 .brandshop__image_wrapper::after {
  content: '';
  background-image: url('/img/brandshop/brandshop_pattern_2.png');
  background-size: cover;
  width: 33%;
  height: 80%;
  position: absolute;
  top: 39%;
  left: -10%;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__4 .brandshop__image_wrapper::after {
    width: 30%;
    top: 31%;
    left: -4%;
  }
}
.brandshop__container .brandshop__section__4 .brandshop__image_wrapper::before {
  content: '';
  background-image: url('/img/brandshop/brandshop_pattern_5.png');
  background-size: cover;
  width: 126px;
  height: 89px;
  position: absolute;
  top: -53px;
  right: 25px;
}
@media (min-width: 1200px) {
  .brandshop__container .brandshop__section__4 .brandshop__image_wrapper::before {
    width: 30%;
    top: -10%;
    right: 10%;
    height: 140px;
  }
}
.brandshop__container .brandshop__section__4 .brandshop__no-strings > span {
  display: block;
}
.brandshop__container .brandshop__contactus #brandshop__contactus__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.brandshop__container .brandshop__contactus .button {
  margin: 0 auto;
  width: 100%;
}
.brandshop__container .brandshop__contactus input {
  margin-bottom: 15px;
}
.brandshop__container .newsletter__wrapper {
  border-top: none;
}
nav#nav.menu__show {
  display: none;
}
@media (min-width: 1200px) {
  nav#nav.menu__show {
    display: block;
  }
}
.become-art-agent {
  display: none;
  margin-top: 2rem;
}
.become-art-agent button:not(.vjs-*) {
  min-width: 150px;
}
.become-art-agent .section-1 {
  background: url('/img/about/become-art-agent/pattern-1.png') right bottom no-repeat;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  flex-basis: 100%;
  flex-wrap: wrap;
  background-size: auto 40%;
}
@media (min-width: 992px) {
  .become-art-agent .section-1 {
    background-position: left center;
    flex-wrap: nowrap;
    background-repeat: no-repeat;
    background-size: 5% 100%;
  }
}
.become-art-agent .section-1 .section-1-1 {
  flex-basis: 100%;
  text-align: left;
  align-self: center;
  padding-left: 10%;
  margin: 2rem 0;
}
.become-art-agent .section-1 .section-1-1 h1 {
  text-align: left;
}
.become-art-agent .section-1 .section-1-1 h4 {
  margin: 1.5rem 0;
  text-align: left;
}
.become-art-agent .section-1 .section-1-1 button {
  margin-bottom: 35px;
}
@media (min-width: 992px) {
  .become-art-agent .section-1 .section-1-1 button {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .become-art-agent .section-1 .section-1-1 {
    flex-basis: 47%;
    margin: 0;
  }
}
.become-art-agent .section-1 .section-1-2 {
  flex-basis: 100%;
  text-align: center;
}
.become-art-agent .section-1 .section-1-2 img {
  max-height: 615px;
  max-width: 100%;
  margin-top: 0.5rem;
  display: none;
}
@media (min-width: 992px) {
  .become-art-agent .section-1 .section-1-2 {
    flex-basis: 55%;
    text-align: right;
  }
}
.become-art-agent .section-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
@media (min-width: 1200px) {
  .become-art-agent .section-3 {
    padding-left: 6%;
  }
}
.become-art-agent .section-3 h1 {
  flex-basis: 100%;
  margin: 2rem 0;
  text-align: center;
}
@media (min-width: 1200px) {
  .become-art-agent .section-3 h1 {
    text-align: left;
    padding-left: 1%;
    margin-bottom: 3rem;
  }
}
.become-art-agent .section-3 .section-3-1 {
  display: flex;
  flex-wrap: nowrap;
  flex-basis: 100%;
  text-align: center;
  justify-content: center;
}
@media (min-width: 576px) {
  .become-art-agent .section-3 .section-3-1 {
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .become-art-agent .section-3 .section-3-1 {
    flex-basis: 20%;
  }
}
.become-art-agent .section-3 .section-3-1 img {
  max-width: 135px;
  max-height: 135px;
  margin: 1rem;
}
@media (min-width: 576px) {
  .become-art-agent .section-3 .section-3-1 img {
    max-width: 218px;
    max-height: 218px;
  }
}
.become-art-agent .section-3 .section-3-1 p {
  align-self: center;
}
@media (min-width: 576px) {
  .become-art-agent .section-3 .section-3-1 p {
    min-width: 220px;
  }
}
.become-art-agent .section-3 .section-3-1:nth-of-type(2) {
  flex-direction: row-reverse;
}
@media (min-width: 1200px) {
  .become-art-agent .section-3 .section-3-1:nth-of-type(2) {
    flex-direction: row;
  }
}
.become-art-agent .section-3 .section-3-2 {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  color: #ffffff;
  background: #0084f5;
  padding: 2rem;
  text-align: left;
  margin-top: 2rem;
  margin-bottom: 3rem;
  position: relative;
}
@media (min-width: 1200px) {
  .become-art-agent .section-3 .section-3-2 {
    margin-top: 0;
    flex-basis: 30%;
  }
}
.become-art-agent .section-3 .section-3-2 img {
  position: absolute;
  right: 10px;
  bottom: -7.3rem;
  max-width: 50%;
}
.become-art-agent .section-3 .section-3-2 h2 {
  margin: 1.5rem 0;
  flex-basis: 100%;
  color: #ffffff;
}
@media (min-width: 1200px) {
  .become-art-agent .section-3 .section-3-2 h2 {
    margin: 1.5rem 0 4rem 0;
  }
}
.become-art-agent .section-3 .section-3-2 p {
  flex-basis: 100%;
}
.become-art-agent .section-4-fullbackground {
  background-color: #fbfbfb;
  width: 100%;
  margin-top: 4rem;
}
.become-art-agent .section-4 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-top: 2rem;
}
@media (min-width: 992px) {
  .become-art-agent .section-4 {
    padding-left: 6%;
    padding-bottom: 4.5rem;
  }
}
.become-art-agent .section-4 .flex-direct-logged {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
.become-art-agent .section-4 h1 {
  flex-basis: 100%;
  margin-bottom: 0.5rem;
  text-align: center;
}
@media (min-width: 992px) {
  .become-art-agent .section-4 h1 {
    text-align: left;
  }
}
.become-art-agent .section-4 h1 + p {
  flex-basis: 100%;
  margin-bottom: 3rem;
  text-align: center;
}
@media (min-width: 992px) {
  .become-art-agent .section-4 h1 + p {
    text-align: left;
  }
}
.become-art-agent .section-4 .background-image {
  position: absolute;
  right: 0;
  bottom: -68px;
  max-width: 50%;
}
@media (min-width: 576px) {
  .become-art-agent .section-4 .background-image {
    max-width: 40%;
  }
}
@media (min-width: 768px) {
  .become-art-agent .section-4 .background-image {
    max-width: 33%;
  }
}
.become-art-agent .section-4 .section-4-1 {
  display: flex;
  flex-direction: row-reverse;
  flex-basis: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
}
.become-art-agent .section-4 .section-4-1 img {
  max-width: 50%;
}
@media (min-width: 992px) {
  .become-art-agent .section-4 .section-4-1 img.image-margin {
    margin-left: -2rem;
  }
}
@media (min-width: 576px) {
  .become-art-agent .section-4 .section-4-1 img {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .become-art-agent .section-4 .section-4-1 {
    flex-basis: 24%;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }
}
.become-art-agent .section-4 .section-4-1 .share-img {
  max-width: 42%;
  margin-right: 1em;
}
@media (min-width: 576px) {
  .become-art-agent .section-4 .section-4-1 .share-img {
    max-width: 80%;
  }
}
.become-art-agent .section-4 .section-4-1:first-of-type img {
  margin-top: 4em;
}
@media (min-width: 768px) {
  .become-art-agent .section-4 .section-4-1:first-of-type img {
    margin-left: 1em;
  }
}
.become-art-agent .section-4 .section-4-1:first-of-type .circle {
  position: absolute;
  max-width: unset;
  height: 109%;
  left: 8px;
  top: -82px;
}
@media (min-width: 769px) {
  .become-art-agent .section-4 .section-4-1:first-of-type .circle {
    height: 200px;
    left: unset;
    top: unset;
    right: -51px;
  }
}
.become-art-agent .section-4 .section-4-2 {
  display: flex;
  flex-basis: 100%;
  justify-content: center;
  margin: 2rem 0;
}
.become-art-agent .section-4 .section-4-2 img {
  height: 46px;
  width: 46px;
  transform: rotateZ(90deg);
}
@media (min-width: 992px) {
  .become-art-agent .section-4 .section-4-2 img {
    transform: none;
    margin: 0;
  }
}
.become-art-agent .section-4 .section-4-2.section-4-2-center {
  justify-content: center;
}
@media (min-width: 992px) {
  .become-art-agent .section-4 .section-4-2 {
    flex-basis: 10%;
    justify-content: flex-start;
  }
}
.become-art-agent .section-4 .section-4-3 {
  display: flex;
  flex-direction: row-reverse;
  flex-basis: 90%;
  background: #ffffff;
  padding: 0;
  margin: 2rem auto 0 auto;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.16);
  z-index: 3;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .become-art-agent .section-4 .section-4-3 {
    flex-basis: 70%;
    flex-wrap: nowrap;
  }
}
@media (min-width: 992px) {
  .become-art-agent .section-4 .section-4-3 {
    flex-basis: 29%;
    margin: -2rem 0 0 2rem;
    justify-content: flex-start;
    flex-direction: column;
  }
}
.become-art-agent .section-4 .section-4-3 p {
  margin-top: 0.5rem;
}
.become-art-agent .section-4 .section-4-3 .section-4-3-1 {
  padding: 1rem;
  align-self: center;
}
@media (min-width: 992px) {
  .become-art-agent .section-4 .section-4-3 .section-4-3-1 {
    margin-top: 0;
    padding: 2rem 2rem 0 2rem;
    align-self: auto;
  }
}
.become-art-agent .section-4 .section-4-3 .section-4-3-2 {
  justify-content: center;
  text-align: center;
  display: flex;
}
.become-art-agent .section-4 .section-4-3 .section-4-3-2 img {
  max-width: 100%;
}
.become-art-agent .section-5 {
  margin-top: 35px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}
.become-art-agent .section-5 h1 {
  flex-basis: 100%;
  margin-bottom: 0.5rem;
  text-align: center;
}
@media (min-width: 992px) {
  .become-art-agent .section-5 h1 {
    text-align: left;
  }
}
.become-art-agent .section-5 h1 + p {
  flex-basis: 100%;
  margin-bottom: 3rem;
  text-align: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .become-art-agent .section-5 h1 + p {
    text-align: left;
    justify-content: flex-start;
  }
}
.become-art-agent .section-5 p {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  flex-basis: 100%;
}
.become-art-agent .section-5 .section-5-1 {
  display: flex;
  flex-basis: 90%;
  align-items: flex-start;
  margin-bottom: 2rem;
}
@media (min-width: 576px) {
  .become-art-agent .section-5 .section-5-1 {
    flex-basis: 50%;
  }
}
@media (min-width: 1200px) {
  .become-art-agent .section-5 .section-5-1 {
    align-items: center;
    flex-basis: 29%;
  }
}
.become-art-agent .section-5 .section-5-1 .section-5-1-1 {
  display: flex;
  flex-basis: 20%;
  margin: 0 20px 0 10px;
}
.become-art-agent .section-5 .section-5-1 .section-5-1-1.section-5-1-1-top {
  align-self: flex-start;
}
.become-art-agent .section-5 .section-5-1 .section-5-1-2 {
  display: flex;
  flex-basis: 80%;
  background: #ffffff;
  z-index: 2;
}
.become-art-agent .section-5 .section-5-1 .section-5-1-2 strong {
  flex-basis: 100%;
  margin-bottom: 0.5rem;
}
.become-art-agent .section-5 .section-5-1 .section-5-1-2 strong span.timer {
  color: #000;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .become-art-agent .section-5 .section-5-1 .section-5-1-2 {
    margin-left: 30px;
  }
}
.become-art-agent .section-5 .section-5-2 {
  position: relative;
  display: flex;
  flex-basis: 90%;
}
@media (min-width: 576px) {
  .become-art-agent .section-5 .section-5-2 {
    flex-basis: 66%;
  }
}
@media (min-width: 768px) {
  .become-art-agent .section-5 .section-5-2 {
    flex-basis: 49%;
  }
}
@media (min-width: 992px) {
  .become-art-agent .section-5 .section-5-2 {
    flex-basis: 45%;
  }
}
@media (min-width: 1200px) {
  .become-art-agent .section-5 .section-5-2 {
    flex-basis: 37%;
  }
}
.become-art-agent .section-5 .section-5-2 .section-5-2-container {
  display: flex;
  padding: 1rem;
  background: #ffffff;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.16);
  z-index: 3;
  flex-basis: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 576px) {
  .become-art-agent .section-5 .section-5-2 .section-5-2-container {
    flex-wrap: nowrap;
  }
}
@media (min-width: 992px) {
  .become-art-agent .section-5 .section-5-2 .section-5-2-container {
    padding: 2.5rem;
  }
}
.become-art-agent .section-5 .section-5-2 .section-5-2-container .section-5-2-1 {
  display: flex;
  flex-basis: 25%;
}
.become-art-agent .section-5 .section-5-2 .section-5-2-container .section-5-2-1 img {
  align-self: center;
}
.become-art-agent .section-5 .section-5-2 .section-5-2-container .section-5-2-2 {
  display: flex;
  flex-basis: 75%;
}
.become-art-agent .section-5 .section-5-2 .section-5-2-container .section-5-2-2 strong {
  flex-basis: 100%;
}
.become-art-agent .section-5 .section-5-2 .image-background {
  display: block;
  position: absolute;
  right: -105px;
  bottom: -55px;
}
.become-art-agent .section-5 .section-5-3 {
  display: flex;
  flex-basis: 90%;
  align-items: flex-start;
  margin-bottom: 2rem;
}
@media (min-width: 576px) {
  .become-art-agent .section-5 .section-5-3 {
    flex-basis: 50%;
  }
}
@media (min-width: 1200px) {
  .become-art-agent .section-5 .section-5-3 {
    align-items: center;
    padding: 0 1rem;
    flex-basis: 37%;
  }
}
.become-art-agent .section-5 .section-5-3 .section-5-3-1 {
  display: flex;
  flex-basis: 20%;
  margin: 0 20px 0 10px;
}
.become-art-agent .section-5 .section-5-3 .section-5-3-1.section-5-3-1-top {
  align-self: flex-start;
}
.become-art-agent .section-5 .section-5-3 .section-5-3-2 {
  display: flex;
  flex-basis: 80%;
}
.become-art-agent .section-5 .section-5-3 .section-5-3-2 strong {
  flex-basis: 100%;
  margin-bottom: 0.5rem;
}
.become-art-agent .section-5 .section-5-3 .section-5-3-2 strong span.timer {
  color: #000;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .become-art-agent .section-5 .section-5-3 .section-5-3-2 {
    margin-left: 30px;
  }
}
.become-art-agent .section-6 {
  margin-top: 65px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 1200px) {
  .become-art-agent .section-6 {
    margin-left: 6%;
  }
}
.become-art-agent .section-6 .section-6-reverse {
  display: flex;
  flex-direction: column-reverse;
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .become-art-agent .section-6 .section-6-reverse {
    flex-direction: row;
  }
}
.become-art-agent .section-6 h1 {
  flex-basis: 100%;
  margin: 2.5rem 0;
  text-align: center;
}
@media (min-width: 992px) {
  .become-art-agent .section-6 h1 {
    text-align: left;
  }
}
.become-art-agent .section-6 .section-6-1 {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .become-art-agent .section-6 .section-6-1 {
    flex-basis: 40%;
  }
}
.become-art-agent .section-6 .section-6-1 h5 {
  margin: 1rem 0;
}
.become-art-agent .section-6 .section-6-2 {
  display: flex;
  position: relative;
  margin-bottom: 2rem;
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .become-art-agent .section-6 .section-6-2 {
    margin-left: 2rem;
    flex-basis: 60%;
  }
}
.become-art-agent .section-6 .section-6-2 .video-container {
  align-self: center;
}
.become-art-agent .section-6 .section-6-2 img {
  max-width: 100%;
  height: auto;
}
.become-art-agent .section-6 .section-6-3 {
  margin-top: 1rem;
  display: flex;
  flex-basis: 100%;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.become-art-agent .section-6 .section-6-3 img {
  margin-bottom: 0;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .become-art-agent .section-6 .section-6-3 img {
    margin-left: -30px;
  }
}
@media (min-width: 768px) {
  .become-art-agent .section-6 .section-6-3 img {
    margin-left: 0;
  }
}
.become-art-agent .section-6 .section-6-3 img:not(.noswitch) {
  display: none;
}
@media (min-width: 768px) {
  .become-art-agent .section-6 .section-6-3 img:not(.noswitch):nth-of-type(1) {
    display: block;
  }
}
.become-art-agent .section-6 .section-6-3 img:not(.noswitch):nth-of-type(2) {
  display: block;
}
@media (min-width: 768px) {
  .become-art-agent .section-6 .section-6-3 img:not(.noswitch):nth-of-type(2) {
    display: none;
  }
}
.become-art-agent .section-6 .section-6-3 img.image-fit {
  width: 16px;
  height: 16px;
}
.become-art-agent .section-6 .section-6-3 img.image-fit-2 {
  width: 28px;
  height: 28px;
}
.become-art-agent .section-6 .section-6-3 h5 {
  margin: 1.25rem 0;
}
.become-art-agent .section-6 .section-6-3 p {
  margin-bottom: 10px;
  display: flex;
}
@media (min-width: 576px) {
  .become-art-agent .section-6 .section-6-3 p {
    width: 80%;
  }
}
.become-art-agent .section-6 .section-6-3 p img {
  margin: 0 0.65rem 3px 0;
}
.become-art-agent .section-6 .section-6-3 a {
  margin-top: 1rem;
  color: #1185ed;
}
.become-art-agent .section-6 .section-6-3 .section-6-3-1 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  flex-basis: 100%;
  justify-content: flex-start;
}
@media (min-width: 576px) {
  .become-art-agent .section-6 .section-6-3 .section-6-3-1 {
    flex-basis: 50%;
  }
}
@media (min-width: 768px) {
  .become-art-agent .section-6 .section-6-3 .section-6-3-1 {
    justify-content: flex-end;
    flex-basis: 100%;
    flex: 1 1 auto;
  }
}
.become-art-agent .section-6 .section-6-3 .section-6-3-1.section-6-3-1-reverse {
  margin-right: 0;
}
@media (min-width: 576px) {
  .become-art-agent .section-6 .section-6-3 .section-6-3-1.section-6-3-1-reverse {
    margin-right: -30px;
  }
}
@media (min-width: 768px) {
  .become-art-agent .section-6 .section-6-3 .section-6-3-1.section-6-3-1-reverse {
    margin-right: 0;
  }
}
.become-art-agent .section-6 .section-6-3 .section-6-3-2 {
  display: flex;
  flex: 1 1 auto;
  flex-basis: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
@media (min-width: 576px) {
  .become-art-agent .section-6 .section-6-3 .section-6-3-2 {
    flex-basis: 50%;
    padding-left: 5%;
  }
}
@media (min-width: 768px) {
  .become-art-agent .section-6 .section-6-3 .section-6-3-2 {
    padding-left: 0;
    flex: 1 1 auto;
  }
}
.become-art-agent .section-6 .section-6-3 .section-6-3-2 h2 {
  margin-top: 17%;
}
@media (min-width: 768px) {
  .become-art-agent .section-6 .section-6-3 .section-6-3-2 h2 {
    margin-top: 0.5rem;
  }
}
.become-art-agent .section-6 .section-6-3 .section-6-3-2 h5 {
  margin: 0.45rem 0;
}
@media (min-width: 576px) {
  .become-art-agent .section-6 .section-6-3 .section-6-3-2 h5 {
    margin: 1.25rem 0;
  }
}
.become-art-agent .section-6 .section-6-3 .section-6-3-2.section-6-3-2-reverse {
  max-width: 100%;
  flex: 1 1 auto;
}
@media (max-width: 768px) {
  .become-art-agent .section-6 .section-6-3 .section-6-3-2.section-6-3-2-reverse {
    justify-content: center;
  }
}
.become-art-agent .section-6 .section-6-3.section-6-3-reverse {
  flex-direction: row-reverse;
}
@media (min-width: 576px) {
  .become-art-agent .section-6 .section-6-3.section-6-3-reverse img {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .become-art-agent .section-6 .section-6-3.section-6-3-reverse {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .become-art-agent .section-6 .section-6-3 {
    flex-basis: 32%;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.become-art-agent .section-7-fullbackground {
  background-color: #fbfbfb;
  width: 100%;
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .become-art-agent .section-7-fullbackground {
    background: #fbfbfb url('/img/about/become-art-agent/pattern-5.png') left center repeat-y;
  }
}
.become-art-agent .section-7 {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 0 2rem 6%;
}
.become-art-agent .section-7 h1 {
  flex-basis: 100%;
  text-align: left;
}
@media (min-width: 992px) {
  .become-art-agent .section-7 h1 {
    margin-top: 0;
  }
}
.become-art-agent .section-8 {
  margin-top: 7rem;
  margin-bottom: 3rem;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
@media (min-width: 992px) {
  .become-art-agent .section-8 {
    text-align: left;
    margin-left: 6%;
  }
}
.become-art-agent .section-8 .section-8-1 {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  align-self: center;
}
@media (min-width: 992px) {
  .become-art-agent .section-8 .section-8-1 {
    flex-basis: 50%;
  }
}
.become-art-agent .section-8 .section-8-1 h1 {
  flex-basis: 100%;
  margin-top: 2rem;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .become-art-agent .section-8 .section-8-1 h1 {
    text-align: left;
    margin-top: 0;
  }
}
.become-art-agent .section-8 .section-8-1 h4 {
  margin-top: 1rem;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .become-art-agent .section-8 .section-8-1 h4 {
    text-align: left;
  }
}
.become-art-agent .section-8 .section-8-1 p {
  margin: 1.5rem 0;
  color: #000;
}
.become-art-agent .section-8 .section-8-1 p.big-font {
  margin: 1.75rem 0 0.75rem;
}
.become-art-agent .section-8 .section-8-1 p.big-font img {
  margin-right: 0.75rem;
}
.become-art-agent .section-8 .section-8-2 {
  display: block;
  flex-basis: 100%;
  justify-content: center;
}
@media (min-width: 992px) {
  .become-art-agent .section-8 .section-8-2 {
    flex-basis: 50%;
    width: 50%;
    justify-content: flex-start;
  }
}
.become-art-agent .section-8 .section-8-2 img {
  max-width: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .become-art-agent .section-8 .section-8-2 img {
    object-fit: contain;
  }
}
.become-art-agent .section-8 .section-8-2 .image-mobile-1 {
  display: none;
}
@media (min-width: 992px) {
  .become-art-agent .section-8 .section-8-2 .image-mobile-1 {
    display: block;
  }
}
.become-art-agent .section-8 .section-8-2 .image-mobile-2 {
  display: block;
  max-width: 60%;
  margin: 2rem 0;
}
@media (min-width: 992px) {
  .become-art-agent .section-8 .section-8-2 .image-mobile-2 {
    display: none;
  }
}
.become-art-agent .section-8 button {
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.16);
  width: 90%;
  margin: 1rem auto;
}
@media (min-width: 576px) {
  .become-art-agent .section-8 button {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .become-art-agent .section-8 button {
    width: 60%;
    margin: 0;
  }
}
.become-art-agent .section-8.section-8-artist .section-8-1 {
  align-self: flex-start;
}
.become-art-agent .section-8.section-8-artist .section-8-2 img {
  max-width: 120%;
  margin-left: -25%;
}
@media (min-width: 768px) {
  .become-art-agent .section-8.section-8-artists .section-8-1 {
    flex-basis: 50%;
  }
}
@media (min-width: 768px) {
  .become-art-agent .section-8.section-8-artists .section-8-2 {
    flex-basis: 50%;
  }
}
.become-art-agent .section-9 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
.become-art-agent .section-9 h2 {
  flex-basis: 100%;
  margin-bottom: 0.5rem;
}
.become-art-agent .section-9 h2 span {
  color: #000;
}
@media (min-width: 576px) {
  .become-art-agent .section-9 h2 span {
    margin-left: 0.7rem;
  }
}
.become-art-agent .section-9 h3 {
  flex-basis: 100%;
  margin: 2rem 0 2rem 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .become-art-agent .section-9 h3 {
    text-align: left;
  }
}
.become-art-agent .section-9 p.margin-1 {
  margin-top: 1rem;
  width: 100%;
}
@media (min-width: 576px) {
  .become-art-agent .section-9 p {
    margin-left: 3.8rem;
  }
}
.become-art-agent .section-9 a {
  color: #1185ed;
}
.become-art-agent .section-9 img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.become-art-agent .section-9 .section {
  margin: 1.5rem 3.5% 0;
  flex: 1 1 auto;
}
.become-art-agent .section-9 .section.full-section {
  background-color: #fbfbfb;
  margin: 1.5rem 0 0;
}
.become-art-agent .section-9 .legal-section h4 {
  margin-bottom: 1.5rem;
}
.become-art-agent .section-9 .legal-section p {
  margin: 0;
}
.become-art-agent .section-9 .section-background {
  width: 100%;
}
@media (min-width: 768px) {
  .become-art-agent .section-9 .section-background {
    background: url('/img/about/become-an-artist/pattern-2.png') right 70% no-repeat;
  }
}
.become-art-agent .section-9 .section-9-2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  margin-bottom: -3rem;
}
.become-art-agent .section-9 .section-9-2 .section-9-2-1 {
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .become-art-agent .section-9 .section-9-2 .section-9-2-1 {
    flex-basis: 70%;
  }
}
.become-art-agent .section-9 .section-9-2 .section-9-2-2 {
  display: flex;
  flex-basis: 100%;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
}
.become-art-agent .section-9 .section-9-2 .section-9-2-2 img {
  max-height: 210px;
}
@media (min-width: 576px) {
  .become-art-agent .section-9 .section-9-2 .section-9-2-2 {
    flex-basis: 30%;
    margin: 0;
  }
}
.become-art-agent .section-9 .section-9-3 {
  display: flex;
  justify-content: center;
  flex-basis: 100%;
  flex-wrap: wrap;
  background: url('/img/about/become-an-artist/patter-1.png') right center no-repeat;
  background-size: 40% 80%;
  padding-bottom: 2rem;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
}
.become-art-agent .section-9 .section-9-3 h1 {
  color: #d2d2d2;
}
.become-art-agent .section-9 .section-9-3 h3 {
  flex-basis: 100%;
  margin-left: 4.5%;
  margin-right: 4.5%;
}
.become-art-agent .section-9 .section-9-3 p {
  margin: 1rem 0.5rem;
}
.become-art-agent .section-9 .section-9-3 .section-9-3-1 {
  flex-basis: 100%;
  padding: 2rem;
  background: #ffffff;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.16);
  text-align: center;
}
@media (min-width: 768px) {
  .become-art-agent .section-9 .section-9-3 .section-9-3-1 {
    flex-basis: 39%;
  }
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) AND (min-width: 768px) {
  .become-art-agent .section-9 .section-9-3 .section-9-3-1 {
    flex-basis: 35%;
  }
}
.become-art-agent .section-9 .section-9-3 .section-9-3-1 p:nth-of-type(2) {
  margin-top: 1rem;
}
.become-art-agent .section-9 .section-9-3 .section-9-3-1 p:nth-of-type(2) strong {
  font-size: 24px;
}
.become-art-agent .section-9 .section-9-3 .section-9-3-1 p:nth-of-type(4) {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  color: #00efd2;
}
.become-art-agent .section-9 .section-9-3 .section-9-3-1 p:nth-of-type(4) strong {
  font-size: 36px;
}
.become-art-agent .section-9 .section-9-3 .section-9-3-1 p:nth-of-type(5) {
  margin-bottom: -0.75rem;
}
@media (min-width: 786px) {
  .become-art-agent .section-9 .section-9-3 .section-9-3-1.section-max-height {
    max-height: 280px;
  }
}
@media (min-width: 992px) {
  .become-art-agent .section-9 .section-9-3 .section-9-3-1.section-max-height {
    max-height: 260px;
  }
}
.become-art-agent .section-9 .section-9-3 .section-9-3-1 hr {
  margin: 20px -2rem 20px;
  border-top: 2px dashed #c1c1c1;
  border-bottom: none;
}
.become-art-agent .section-9 .section-9-3 .section-9-3-1 a {
  cursor: pointer;
}
.become-art-agent .section-9 .section-9-3 .section-9-3-2 {
  flex-basis: 100%;
  text-align: center;
  margin: 2rem 0;
}
@media (min-width: 768px) {
  .become-art-agent .section-9 .section-9-3 .section-9-3-2 {
    flex-basis: 10%;
    margin-top: 106px;
  }
}
.become-art-agent .section-9 .section-9-4 {
  display: flex;
  width: 90%;
  margin: 1.5rem auto;
  align-items: center;
}
@media (min-width: 576px) {
  .become-art-agent .section-9 .section-9-4 {
    width: 60%;
  }
}
.become-art-agent .section-9 .section-9-4 .section-9-4-1 {
  flex-basis: 20%;
}
.become-art-agent .section-9 .section-9-4 .section-9-4-2 {
  flex-basis: 70%;
}
.become-art-agent .section-9 .section-9-4 .section-9-4-2 p {
  margin-left: 2rem;
}
.become-art-agent .section-9 .section-9-5 {
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 1.5rem 0 1.5rem 2.5rem;
}
@media (min-width: 768px) {
  .become-art-agent .section-9 .section-9-5 {
    margin: 1.5rem 4.3rem;
  }
}
.become-art-agent .section-9 .section-9-5 .section-9-5-1 {
  flex-basis: 100%;
  margin-bottom: 1rem;
}
.become-art-agent .section-9 .section-9-5 .section-9-5-1 p {
  margin-left: 0;
  position: relative;
}
@media (min-width: 768px) {
  .become-art-agent .section-9 .section-9-5 .section-9-5-1 {
    margin-bottom: 0;
  }
}
.become-art-agent .section-9 .section-9-5 .section-9-5-1 p::before {
  content: url('/img/about/become-an-artist/approve-icon.png');
  position: absolute;
  left: -40px;
}
@media (min-width: 768px) {
  .become-art-agent .section-9 .section-9-5 .section-9-5-1 {
    flex-basis: 20%;
  }
  .become-art-agent .section-9 .section-9-5 .section-9-5-1:nth-of-type(2) {
    flex-basis: 31%;
  }
}
.become-art-agent .section-10 {
  display: flex;
  flex-wrap: wrap;
}
.become-art-agent .section-10 h1 {
  flex-basis: 100%;
  margin: 2.5rem 0 2.5rem 6%;
  text-align: center;
}
@media (min-width: 992px) {
  .become-art-agent .section-10 h1 {
    text-align: left;
  }
}
.become-art-agent .section-10 .artists-slider {
  width: 94%;
  margin: 0 auto;
}
.become-art-agent .section-10 .artists-slider .owl-stage > .owl-item.active {
  border-right: 1px #d2d2d2 solid;
}
.become-art-agent .section-10 .artists-slider .owl-stage > .owl-item.active + .owl-item.active {
  border: none;
}
.become-art-agent .section-10 .artists-slider .displate-slide-box .displate-slide {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .become-art-agent .section-10 .artists-slider .displate-slide-box .displate-slide {
    padding: 0 50px;
  }
}
.become-art-agent .section-10 .artists-slider .displate-slide-box .displate-slide .section-slider-1 {
  flex-basis: 16%;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .become-art-agent .section-10 .artists-slider .displate-slide-box .displate-slide .section-slider-1 {
    flex-basis: 14%;
  }
}
.become-art-agent .section-10 .artists-slider .displate-slide-box .displate-slide .section-slider-2 {
  flex-basis: 84%;
  padding-left: 30px;
}
.become-art-agent .section-10 .artists-slider .displate-slide-box .displate-slide .section-slider-2 a {
  color: #1185ed;
}
.become-art-agent .section-10 .artists-slider .displate-slide-box .displate-slide .section-slider-2 p:nth-of-type(2) {
  margin: 0.75rem 0;
  min-height: 114px;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .become-art-agent .section-10 .artists-slider .displate-slide-box .displate-slide .section-slider-2 {
    flex-basis: 79%;
  }
}
.become-art-agent .section-10 .artists-slider .displate-slide-box .displate-slide .section-slider-3 {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
  flex-basis: 100%;
}
.become-art-agent .section-10 .artists-slider .displate-slide-box .displate-slide .section-slider-3 a {
  max-width: 24%;
}
.become-art-agent .section-10 .artists-slider .displate-slide-box .displate-slide .section-slider-3 a img {
  max-width: 120px;
  max-height: 160px;
}
.become-art-agent #leftcol {
  display: none;
}
.become-art-agent #leftcol hr {
  border-top: 1px solid #d2d2d2;
  margin: 10px 0;
}
.become-art-agent.logged h1 {
  font-size: 30px;
}
.become-art-agent.logged p.userLogged,
.become-art-agent.logged img.userLogged {
  display: inline;
}
.become-art-agent.logged .isDesktop {
  display: none;
}
.become-art-agent.logged div.userLogged {
  display: flex;
}
.become-art-agent.logged p.userNotLogged,
.become-art-agent.logged img.userNotLogged {
  display: none;
}
.become-art-agent.logged div.userNotLogged {
  display: none;
}
.become-art-agent.logged .flex-width-logged {
  flex-basis: 55%;
  margin-top: 2rem;
}
.become-art-agent.logged .flex-width-logged h2 {
  margin: 1.5rem 0 0 0;
}
.become-art-agent.logged .flex-width-logged img {
  right: -78px;
  top: 108px;
  transform: rotate(90deg);
}
.become-art-agent.logged .flex-width-logged-2 {
  flex-basis: 100%;
}
@media (min-width: 992px) {
  .become-art-agent.logged #leftcol {
    display: block;
  }
}
.become-art-agent.logged .right-column {
  display: flex;
  flex-direction: column;
  border: 1px solid #d2d2d2;
  margin-bottom: 3rem;
}
.become-art-agent.logged .background-image {
  transform: scale(0.7);
  bottom: -185px;
  right: -100px;
}
.become-art-agent.logged .flex-direct-logged {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 992px) {
  .become-art-agent.logged .flex-direct-logged {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.become-art-agent.logged .section-1 {
  padding: 1.5rem 1rem 0;
  flex: 1 1 auto;
}
.become-art-agent.logged .section-1 .section-1-1 {
  padding-left: 7%;
}
.become-art-agent.logged .section-1 .section-1-1,
.become-art-agent.logged .section-1 .section-1-2 {
  margin: 0;
}
.become-art-agent.logged .section-3 {
  padding: 0 2%;
}
@media (min-width: 1200px) {
  .become-art-agent.logged .section-3 h1 {
    padding-left: 4%;
  }
}
.become-art-agent.logged .section-4-2 {
  margin: 0;
}
.become-art-agent.logged .section-4-2 img {
  transform: scale(0.8);
}
.become-art-agent.logged .section-4-3 {
  flex-basis: 40%;
}
.become-art-agent.logged .section-5 {
  padding-left: 2%;
}
.become-art-agent.logged .section-5-1,
.become-art-agent.logged .section-5-3 {
  flex-basis: 100%;
}
@media (min-width: 992px) {
  .become-art-agent.logged .section-5-1,
  .become-art-agent.logged .section-5-3 {
    flex-basis: 50%;
    padding: 0 1rem;
  }
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) AND (min-width: 992px) {
  .become-art-agent.logged .section-5-1,
  .become-art-agent.logged .section-5-3 {
    flex-basis: 45%;
  }
}
.become-art-agent.logged .section-5-2 {
  flex-basis: 50%;
  padding: 0 1rem;
}
.become-art-agent.logged .section-5-2 > img {
  display: none;
}
@media (min-width: 576px) {
  .become-art-agent.logged .section-5-2 {
    flex-basis: 55%;
  }
}
@media (min-width: 992px) {
  .become-art-agent.logged .section-5-2 {
    flex-basis: 50%;
  }
}
.become-art-agent.logged .section-5-2 .section-5-2-container {
  padding: 0;
  box-shadow: none;
}
.become-art-agent.logged .section-5-2 .section-5-2-2 {
  align-items: center;
}
.become-art-agent.logged .section-5-2 .section-5-2-1 {
  margin: 0 20px 0 10px;
  flex-basis: 20%;
  justify-content: center;
}
.become-art-agent.logged .section-5-2 .image-background {
  display: none;
}
.become-art-agent.logged .section-4 {
  padding: 0 2%;
  width: 105%;
}
.become-art-agent.logged .section-4 .background-image {
  right: -90px;
  bottom: -185px;
  max-width: none;
}
@media (min-width: 1200px) {
  .become-art-agent.logged .section-4 {
    width: 106%;
  }
}
.become-art-agent.logged .section-4 .section-4-1 {
  flex-basis: 30%;
}
.become-art-agent.logged .section-4 .section-4-1 img.image-margin {
  margin-left: 0;
}
.become-art-agent.logged .section-4-fullbackground {
  margin: 6rem 1% 0;
  width: 99%;
}
.become-art-agent.logged .section-5 {
  padding-left: 0;
}
.become-art-agent.logged .section-7 {
  background: none;
  margin: 0 1%;
  padding: 0;
}
@media (min-width: 576px) {
  .become-art-agent.logged .section-7 {
    padding: 1rem 0rem 1rem 4rem;
  }
}
.become-art-agent:not(.logged) p.userLogged,
.become-art-agent:not(.logged) img.userLogged {
  display: none;
}
.become-art-agent:not(.logged) div.userLogged {
  display: none;
}
.become-art-agent:not(.logged) p.userNotLogged,
.become-art-agent:not(.logged) img.userNotLogged {
  display: inline;
}
.become-art-agent:not(.logged) div.userNotLogged {
  display: flex;
}
body.mobile-body .become-art-agent.logged .background-image {
  right: none;
}
body.mobile-body .become-art-agent .section-9-3 {
  background: none;
}
body.mobile-body .with-menu-open .section-2-fixed {
  left: 275px;
}
body:not(.mobile-body) .become-art-agent .isMobile {
  display: none;
}
.section-8 .section-8-1 button.artist-buttons {
  margin-top: 2rem;
  max-width: 150px;
}
.how-it-works-modal-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1005;
  background-color: rgba(0, 0, 0, 0.8);
  margin-top: 0;
  display: none;
}
.how-it-works-modal-layer .how-it-works-modal {
  position: relative;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -70%);
  width: 90%;
  max-height: 80%;
  background-color: #ffffff;
  padding: 2rem 1rem 2rem 2rem;
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow-y: auto;
}
@media (min-width: 992px) {
  .how-it-works-modal-layer .how-it-works-modal {
    width: 55%;
    padding: 2rem 4rem 2rem 3rem;
  }
}
.how-it-works-modal-layer .how-it-works-modal h4 {
  flex-basis: 100%;
}
.how-it-works-modal-layer .how-it-works-modal .modal-scroller {
  overflow-y: auto;
}
.how-it-works-modal-layer .how-it-works-modal .close-how-it-works-modal {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .how-it-works-modal-layer .how-it-works-modal .close-how-it-works-modal {
    right: 2rem;
  }
}
.how-it-works-modal-layer .how-it-works-modal .section-modal-1 {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  text-align: center;
  margin: 2rem 0;
}
@media (min-width: 576px) {
  .how-it-works-modal-layer .how-it-works-modal .section-modal-1 {
    flex-basis: 30%;
  }
  .how-it-works-modal-layer .how-it-works-modal .section-modal-1:nth-of-type(2) {
    flex-basis: 31%;
  }
}
.how-it-works-modal-layer .how-it-works-modal .section-modal-1 p {
  margin: 0 0.5rem;
}
.how-it-works-modal-layer .how-it-works-modal .section-modal-1 img {
  max-width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: contain;
}
.mobile-body .become-art-agent.logged .right-column {
  border: none;
}
.mobile-body .become-art-agent.logged .right-column h1 {
  font-size: 24px;
  line-height: 30px;
}
.mobile-body .become-art-agent.logged .right-column .section-1 {
  padding: 0 1rem;
}
.mobile-body .become-art-agent.logged .right-column .section-1 .section-1-1 {
  padding-left: 0;
}
.mobile-body .become-art-agent.logged .right-column .section-1 .section-1-2 img {
  margin-top: -15px;
  margin-bottom: 20px;
}
.mobile-body .become-art-agent.logged .right-column .section-4 h1 + p {
  margin-bottom: 0.5rem;
}
.mobile-body .become-art-agent.logged .right-column .section-4 .section-4-2 img {
  transform: rotate(90deg);
}
.mobile-body .become-art-agent.logged .right-column .section-4 .section-4-1 img.image-margin {
  margin-top: 2em;
}
.mobile-body .become-art-agent.logged .right-column .section-4 .long-text {
  display: flex;
  flex-direction: column;
}
.mobile-body .become-art-agent.logged .right-column .section-4 .long-text span {
  margin-top: 5px;
}
.mobile-body .become-art-agent.logged .right-column .section-3 h1 {
  margin: 1rem 0 0;
}
.mobile-body .become-art-agent.logged .right-column .section-5-2-container {
  display: flex;
  padding: 1rem;
  background: #ffffff;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.16);
  z-index: 3;
  flex-basis: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 576px) {
  .mobile-body .become-art-agent.logged .right-column .section-5-2-container {
    flex-wrap: nowrap;
  }
}
@media (min-width: 992px) {
  .mobile-body .become-art-agent.logged .right-column .section-5-2-container {
    padding: 2.5rem;
  }
}
.mobile-body .become-art-agent.logged .right-column .section-5-2-container .section-5-2-1 {
  display: flex;
  flex-basis: 25%;
}
.mobile-body .become-art-agent.logged .right-column .section-5-2-container .section-5-2-1 img {
  align-self: center;
}
.mobile-body .become-art-agent.logged .right-column .section-5-2-container .section-5-2-2 {
  display: flex;
  flex-basis: 75%;
}
.mobile-body .become-art-agent.logged .right-column .section-5-2-container .section-5-2-2 strong {
  flex-basis: 100%;
}
.mobile-body .become-art-agent.logged .right-column .section-7 h1 {
  margin-top: 20px;
}
.mobile-body .become-art-agent.logged .right-column .section-8 {
  margin-bottom: 1rem;
}
.mobile-body .become-art-agent.logged .right-column .section-8 .section-8-1 h1 {
  margin-top: 1rem;
}
.mobile-body .become-art-agent.logged .right-column .section-8 .section-8-1 h4 {
  margin-top: 0;
}
.mobile-body .become-art-agent.logged .right-column .flex-width-logged {
  flex-basis: 100%;
}
.mobile-body .become-art-agent.logged .right-column .flex-width-logged-2 {
  padding-top: 10px;
}
.mobile-body .become-art-agent.logged .right-column .hiddenLogged {
  display: none;
}
.art-agent-commission-table {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  border-bottom: 1px solid black;
  margin: 12px 0;
}
.art-agent-commission-table div:first-of-type {
  width: 45%;
  margin-right: 10px;
}
.art-agent-commission-table div:last-of-type {
  width: 55%;
}
.art-agent-commission-table strong,
.art-agent-commission-table span {
  padding: 4px;
  display: block;
  text-align: center;
}
.art-agent-commission-table strong {
  border-bottom: 1px solid black;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (min-width: 576px) {
  .art-agent-commission-table strong {
    height: 70px;
  }
}
@media (min-width: 768px) {
  .art-agent-commission-table strong {
    height: 50px;
  }
}
@media (min-width: 992px) {
  .art-agent-commission-table strong {
    height: auto;
    display: block;
    white-space: nowrap;
  }
}
.become-artist .container:before,
.become-artist .container:after {
  content: none;
}
.become-artist .isMobile {
  display: none;
}
.become-artist .isDesktop {
  display: block;
}
.become-artist .section__1 {
  position: relative;
  background-color: #f5f5f5;
}
.become-artist .section__1 button {
  margin-top: 40px;
  width: 300px;
}
@media (min-width: 1400px) {
  .become-artist .section__1:after {
    content: '';
    background-image: url('/img/about/become-an-artist/artist_pattern_2.png');
    background-size: cover;
    height: 294px;
    width: 431px;
    position: absolute;
    left: -361px;
    top: 112px;
  }
}
.become-artist .section__1 .section__1_container {
  height: 500px;
  display: flex;
  align-items: center;
  background-image: url('/img/about/become-an-artist/artist_couch.png');
  background-position: bottom right;
  background-size: 80%;
  background-repeat: no-repeat;
}
@media (max-width: 576px) {
  .become-artist .section__1 .section__1_container {
    flex-direction: column;
    background-position: bottom;
    background-size: 130%;
    height: 495px;
  }
}
@media (min-width: 577px) and (max-width: 1200px) {
  .become-artist .section__1 .section__1_container {
    height: 450px;
  }
}
.become-artist .section__1 .section__1_container .artist__header__title {
  flex-basis: 30%;
}
@media (max-width: 576px) {
  .become-artist .section__1 .section__1_container .artist__header__title br:nth-of-type(1) {
    display: none;
  }
}
@media (max-width: 768px) {
  .become-artist .section__1 .section__1_container .artist__header__title {
    padding-top: 15px;
  }
}
@media (min-width: 577px) and (max-width: 1200px) {
  .become-artist .section__1 .section__1_container .artist__header__title {
    flex-basis: 40%;
  }
}
.become-artist .section__1 .section__1_container .artist__header__title > span {
  margin-top: 10px;
  display: block;
}
.become-artist .section__1 .section__1_container .artist__header__images {
  position: relative;
  z-index: 0;
  margin-top: 3%;
  height: 320px;
  flex-basis: 70%;
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1000px) {
  .become-artist .section__1 .section__1_container .artist__header__images {
    height: 160px;
    flex-basis: unset;
    align-self: center;
    margin-top: 12%;
  }
}
@media (max-width: 576px) {
  .become-artist .section__1 .section__1_container .artist__header__images {
    margin-top: 12%;
  }
}
.become-artist .section__1 .section__1_container .artist__header__images img {
  position: relative;
}
.become-artist .section__1 .section__1_container .artist__header__images img:nth-of-type(odd) {
  height: 188px;
}
@media (max-width: 1000px) {
  .become-artist .section__1 .section__1_container .artist__header__images img:nth-of-type(odd) {
    height: 98px;
  }
}
.become-artist .section__1 .section__1_container .artist__header__images img:nth-of-type(even) {
  height: 280px;
}
@media (max-width: 1000px) {
  .become-artist .section__1 .section__1_container .artist__header__images img:nth-of-type(even) {
    height: 145px;
  }
}
.become-artist .section__1 .section__1_container .artist__header__images img:nth-of-type(1) {
  align-self: flex-end;
}
.become-artist .section__1 .section__1_container .artist__header__images img:nth-of-type(4) {
  align-self: flex-end;
}
.become-artist .section__1 .section__1_container .artist__header__images img:nth-of-type(5) {
  align-self: flex-end;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .become-artist .section__1 .section__1_container .artist__header__images img:nth-of-type(5) {
    display: none;
  }
}
.become-artist .section__1 .section__1_container .artist__header__images:after {
  content: '';
  background-image: url('/img/about/become-an-artist/artist_pattern_3.png');
  background-size: cover;
  height: 150px;
  width: 212px;
  position: absolute;
  right: -25%;
  top: 0;
  z-index: -1;
}
@media (max-width: 768px) {
  .become-artist .section__1 .section__1_container .artist__header__images:after {
    right: -18%;
    top: -25px;
  }
}
@media (min-width: 1200px) {
  .become-artist .section__1 .section__1_container .artist__header__images:after {
    height: 294px;
    width: 431px;
    right: 69px;
    top: -54px;
  }
}
.become-artist .section__2 {
  margin-top: 3%;
}
.become-artist .section__2 ul {
  margin-top: 30px;
}
.become-artist .section__2 ul li {
  display: flex;
  align-items: center;
  margin: 30px 0;
}
.become-artist .section__2 ul li img {
  height: 70px;
}
.become-artist .section__2 ul li span.text {
  display: block;
  width: 85%;
  min-width: 113px;
}
.become-artist .section__2 ul li > P {
  margin-left: 15px;
}
@media (min-width: 768px) {
  .become-artist .section__2 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .become-artist .section__2 ul li {
    flex-basis: 45%;
  }
}
@media (min-width: 1200px) {
  .become-artist .section__2 ul li {
    flex-basis: 30%;
    margin: 30px 15px;
  }
  .become-artist .section__2 ul li img {
    height: 100px;
  }
}
.become-artist .section__5 {
  margin-top: 3%;
}
.become-artist .section__5 ul {
  margin-top: 25px;
}
.become-artist .section__5 ul li {
  display: flex;
  margin: 30px 0;
}
.become-artist .section__5 ul li img {
  height: 62px;
}
.become-artist .section__5 ul li article {
  margin-left: 15px;
  width: 65%;
}
@media (min-width: 768px) {
  .become-artist .section__5 ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .become-artist .section__5 ul li {
    flex-basis: 45%;
  }
}
@media (min-width: 1200px) {
  .become-artist .section__5 ul li {
    flex-basis: 25%;
  }
  .become-artist .section__5 ul li img {
    height: 62px;
  }
}
.become-artist .section__7 {
  display: flex;
  min-height: 400px;
  align-items: center;
  justify-content: space-between;
  margin-top: 5%;
}
@media (max-width: 1200px) {
  .become-artist .section__7 {
    flex-direction: column;
  }
  .become-artist .section__7 > h3 {
    align-self: flex-start;
  }
}
.become-artist .section__7_flex {
  flex-basis: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1200px) {
  .become-artist .section__7_flex {
    margin-top: 20px;
    width: 100%;
    height: 250px;
  }
}
.become-artist .section__7_flex .apple_container {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .become-artist .section__7_flex .apple_container br {
    display: none;
  }
}
@media (min-width: 768px) {
  .become-artist .section__7_flex .apple_container {
    width: 25%;
  }
}
.become-artist .section__7_flex .apple_container span {
  margin-top: 20px;
}
.become-artist .section__7_flex .apple_container #trees-planted {
  font-size: 42px;
}
@media (max-width: 768px) {
  .become-artist .section__7_flex .apple_container #trees-planted {
    font-size: 28px;
  }
}
.become-artist .section__7_flex .apple_container img {
  height: 120px;
  align-self: flex-start;
}
@media (max-width: 768px) {
  .become-artist .section__7_flex .trees_container {
    max-width: 45%;
  }
}
@media (min-width: 768px) {
  .become-artist .section__7_flex .trees_container {
    margin-right: -10px;
  }
}
.become-artist .section__7_flex .trees_container img {
  height: 228px;
}
@media (min-width: 768px) {
  .become-artist .section__7_flex .trees_container img {
    height: 388px;
  }
}
.become-artist .section__7 > article {
  margin-left: 8%;
  flex-basis: 30%;
}
@media (max-width: 1200px) {
  .become-artist .section__7 > article {
    margin: 15% 0 20px 0;
  }
  .become-artist .section__7 > article span {
    font-size: 14px;
  }
}
.become-artist .section-8 .button {
  margin-top: 30px;
}
.become-artist .section__3 {
  min-height: 320px;
  padding: 0;
  margin-top: 6%;
  position: relative;
  background-color: #ffffff;
}
.become-artist .section__3:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  top: 50px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  z-index: -1;
}
@media (max-width: 768px) {
  .become-artist .section__3 {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .become-artist .section__3:after {
    content: '';
    background-image: url('/img/about/become-an-artist/artist_pattern_4.png');
    background-size: cover;
    height: 214px;
    width: 338px;
    position: absolute;
    right: 14vw;
    bottom: -91px;
    z-index: -1;
  }
}
.become-artist .section__3 .section__3_articles {
  background-color: #f5f5f5;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 274px;
  padding: 40px;
}
.become-artist .section__3 .section__3_articles article {
  flex-basis: 35%;
}
@media (max-width: 1200px) {
  .become-artist .section__3 .section__3_articles article {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .become-artist .section__3 .section__3_articles article {
    width: 65%;
    align-self: center;
  }
}
@media (max-width: 1200px) {
  .become-artist .section__3 .section__3_articles {
    width: auto;
    padding: 20px 15px;
    flex-direction: column;
  }
}
.become-artist .section__3 .section__3_articles > div {
  flex-basis: 35%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding-left: 13%;
  height: 250px;
  justify-content: space-evenly;
  position: relative;
}
@media (max-width: 1200px) {
  .become-artist .section__3 .section__3_articles > div {
    flex-basis: unset;
    height: 250px;
    align-items: flex-end;
    padding-left: unset;
    padding-right: 10%;
  }
}
@media (min-width: 576px) and (max-width: 1200px) {
  .become-artist .section__3 .section__3_articles > div {
    align-self: center;
  }
}
.become-artist .section__3 .section__3_articles > div div {
  background-color: #fff;
  padding: 1px 3px 1px 3px;
  border-radius: 20px;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  width: fit-content;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .become-artist .section__3 .section__3_articles > div div {
    flex-direction: row-reverse;
    padding: 1px 3px 1px 3px;
  }
  .become-artist .section__3 .section__3_articles > div div:nth-of-type(2) {
    margin-right: 55px;
  }
  .become-artist .section__3 .section__3_articles > div div:nth-of-type(3) {
    margin-right: 42px;
  }
  .become-artist .section__3 .section__3_articles > div div:nth-of-type(4) {
    margin-right: 33px;
  }
}
.become-artist .section__3 .section__3_articles > div div span {
  margin: 0 5px;
}
.become-artist .section__3 .section__3_articles > img {
  position: absolute;
  bottom: 0;
  right: 11%;
  height: 440px;
  z-index: 0;
}
@media (max-width: 1200px) {
  .become-artist .section__3 .section__3_articles > img {
    height: 320px;
  }
}
@media (min-width: 1400px) {
  .become-artist .section__3 .section__3_articles > img {
    right: 18%;
  }
}
@media (min-width: 1600px) {
  .become-artist .section__3 .section__3_articles > img {
    right: 23%;
  }
}
@media (min-width: 576px) and (max-width: 1200px) {
  .become-artist .section__3 .section__3_articles > img {
    right: 25%;
  }
}
.become-artist .section-8 {
  margin-top: 7rem;
  margin-bottom: 3rem;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
@media (min-width: 992px) {
  .become-artist .section-8 {
    text-align: left;
  }
}
.become-artist .section-8 .section-8-1 {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  align-self: center;
}
@media (min-width: 992px) {
  .become-artist .section-8 .section-8-1 {
    flex-basis: 50%;
  }
}
.become-artist .section-8 .section-8-1 h1 {
  flex-basis: 100%;
  margin-top: 2rem;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .become-artist .section-8 .section-8-1 h1 {
    text-align: left;
    margin-top: 0;
  }
}
.become-artist .section-8 .section-8-1 h4 {
  margin-top: 1rem;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .become-artist .section-8 .section-8-1 h4 {
    text-align: left;
  }
}
.become-artist .section-8 .section-8-1 p {
  margin: 1.5rem 0;
  color: #000;
}
.become-artist .section-8 .section-8-1 p.big-font {
  margin: 1.75rem 0 0.75rem;
}
.become-artist .section-8 .section-8-1 p.big-font img {
  margin-right: 0.75rem;
}
.become-artist .section-8 .section-8-2 {
  display: block;
  flex-basis: 100%;
  justify-content: center;
}
@media (min-width: 992px) {
  .become-artist .section-8 .section-8-2 {
    flex-basis: 50%;
    width: 50%;
    justify-content: flex-start;
  }
}
.become-artist .section-8 .section-8-2 img {
  max-width: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .become-artist .section-8 .section-8-2 img {
    object-fit: contain;
  }
}
.become-artist .section-8 .section-8-2 .image-mobile-1 {
  display: none;
}
@media (min-width: 992px) {
  .become-artist .section-8 .section-8-2 .image-mobile-1 {
    display: block;
  }
}
.become-artist .section-8 .section-8-2 .image-mobile-2 {
  display: block;
  max-width: 60%;
  margin: 2rem 0;
}
@media (min-width: 992px) {
  .become-artist .section-8 .section-8-2 .image-mobile-2 {
    display: none;
  }
}
.become-artist .section-8 button {
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.16);
  width: 90%;
  margin: 1rem auto;
}
@media (min-width: 576px) {
  .become-artist .section-8 button {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .become-artist .section-8 button {
    width: 60%;
    margin: 0;
  }
}
.become-artist .section-8.section-8-artist .section-8-1 {
  align-self: flex-start;
}
.become-artist .section-8.section-8-artist .section-8-2 img {
  max-width: 120%;
  margin-left: -25%;
}
@media (min-width: 768px) {
  .become-artist .section-8.section-8-artists .section-8-1 {
    flex-basis: 50%;
  }
}
@media (min-width: 768px) {
  .become-artist .section-8.section-8-artists .section-8-2 {
    flex-basis: 50%;
  }
}
.become-artist .section-10 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.become-artist .section-10 h1 {
  flex-basis: 100%;
  margin: 2.5rem 0 2.5rem 0;
  text-align: center;
}
@media (min-width: 992px) {
  .become-artist .section-10 h1 {
    text-align: left;
  }
}
.become-artist.how-it-works {
  margin-top: 3%;
}
.become-artist.how-it-works__container {
  max-width: 1270px;
  margin: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .become-artist.how-it-works__container {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1200px) {
  .become-artist.how-it-works__container {
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  .become-artist.how-it-works .popup__wrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}
.popup__faq {
  width: 100%;
}
@media (min-width: 992px) {
  .popup__faq .popup__wrapper {
    width: 840px;
  }
}
.popup__faq .popup__faq_images_artist {
  display: flex;
  flex-direction: column;
  padding: 20px 0 20px 15px;
  margin-left: -15px;
}
.popup__faq_images_text {
  display: flex;
  justify-content: space-between;
  min-width: 750px;
}
@media (min-width: 992px) {
  .popup__faq_images_text {
    min-width: unset;
  }
}
.popup__faq_images_text p {
  display: block;
  flex-basis: 30%;
}
.popup__faq_images_outter {
  display: flex;
  justify-content: space-between;
  min-width: 750px;
}
@media (min-width: 992px) {
  .popup__faq_images_outter {
    min-width: unset;
  }
}
.popup__faq_images_container {
  position: relative;
}
.popup__faq_images_container img:nth-of-type(1) {
  height: 130px;
}
.popup__faq_images_container img:nth-of-type(2) {
  position: absolute;
  bottom: 24px;
  right: -36px;
  height: 160px;
}
.popup__faq_images_container #artist_laptop {
  margin-bottom: -15px;
}
.popup__faq_images_container:after {
  content: '';
  height: 30px;
  width: 30px;
  background-image: url('/img/about/become-an-artist/artist_arrow.png');
  background-size: contain;
  position: absolute;
  top: calc(50% - 24px);
  right: -60px;
}
.popup__faq_images_container:nth-of-type(3):after {
  content: none;
}
.popup__faq table,
.popup__faq th {
  border: 1px solid #d2d2d2;
  text-align: center;
}
.popup__faq td {
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  text-align: center;
}
.popup__faq table {
  width: auto;
  margin: 15px auto;
  border-spacing: 0;
}
.popup__faq th {
  background-color: #f5f5f5;
}
@media (min-width: 768px) {
  .popup__faq th {
    padding: 20px 15px;
  }
}
.become-artist--logged .header {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.become-artist--logged .header > div {
  flex-basis: 50%;
}
.become-artist--logged .header img {
  max-width: 100%;
}
.become-artist--logged .header a {
  width: 80%;
}
.become-artist--logged .header P {
  font-size: 18px;
}
.become-artist--logged a {
  display: block;
  width: fit-content;
}
.become-artist--logged .section-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -20px;
}
.become-artist--logged .section-2 > div:first-of-type {
  flex-basis: 55%;
  width: 55%;
}
.become-artist--logged .section-2 > div:last-of-type {
  flex-basis: 45%;
  width: 45%;
}
.become-artist--logged .section-3 {
  margin-top: -20px;
}
.become-artist--logged .section-5 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.become-artist--logged .section-5 > div {
  flex-basis: 50%;
}
.become-artist--logged .section-5 img {
  max-width: 100%;
  padding-left: 15%;
  margin-bottom: -20px;
}
.become-artist--logged .section-5 > span {
  display: block;
}
.become-artist--logged .section-6 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 88%;
  margin: 0 auto;
}
.become-artist--logged .section-6 a {
  display: inline;
}
.mobile-body .become-artist .isMobile {
  display: block;
}
.mobile-body .become-artist .isDesktop {
  display: none;
}
.what-displate-wrapper {
  overflow-x: hidden;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .show-large {
    display: none;
  }
}
.what-displate-wrapper .wrapper {
  max-width: 1345px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding: 30px 15px;
}
@media (min-width: 768px) {
  .what-displate-wrapper .wrapper {
    margin-top: 20px;
  }
}
.what-displate-wrapper .wrapper__item {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
}
.what-displate-wrapper .wrapper__item--content {
  flex-basis: 45%;
  padding: 45px 80px 45px 40px;
  position: relative;
  background-color: #ffffff;
}
.what-displate-wrapper .wrapper__item--content::after {
  content: '';
  position: absolute;
  width: 250px;
  height: 355px;
  background-image: url(/img/what-a-displate/header_left.png);
  bottom: -10%;
  left: -100px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .wrapper__item--content {
    flex-basis: 100%;
    padding: 20px;
  }
}
.what-displate-wrapper .wrapper__item--content video {
  width: 100%;
}
.what-displate-wrapper .wrapper__item--image {
  flex-basis: 55%;
  transform: translate(-40px, 80px);
  background-color: #ffffff;
  position: relative;
  max-height: 400px;
  height: 56.25%;
  margin-right: -1px;
  width: 55%;
  box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.2), 0 0 35px rgba(0, 0, 0, 0.2);
}
.what-displate-wrapper .wrapper__item--image::after {
  content: '';
  position: absolute;
  width: 350px;
  height: 100%;
  background-image: url(/img/what-a-displate/header_right.png);
  top: 50%;
  right: -60px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .wrapper__item--image {
    display: none;
  }
}
.what-displate-wrapper .wrapper__item--image video {
  height: 100%;
}
.what-displate-wrapper .wrapper__item__image-element {
  width: 100%;
  height: auto;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .what-displate-wrapper .wrapper__item__image-element--mobile {
    display: none;
  }
}
.what-displate-wrapper .wrapper__text {
  margin-top: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .wrapper__text {
    padding-right: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .wrapper__title {
    margin: 10px 0;
  }
}
.what-displate-wrapper .quality-wrapper {
  margin-top: 20px;
}
@media screen and (min-width: 992px) {
  .what-displate-wrapper .quality-wrapper {
    margin-top: 100px;
  }
}
.what-displate-wrapper .quality-wrapper__all {
  max-width: 1270px;
  margin: 0 auto;
  padding: 0;
}
.what-displate-wrapper .quality-wrapper__title {
  margin: 15px 0px;
  letter-spacing: -0.25px;
  margin-bottom: -25px;
}
.mobile-body .what-displate-wrapper .quality-wrapper__title {
  letter-spacing: unset;
  margin-bottom: unset;
}
.what-displate-wrapper .quality-wrapper--mobile {
  margin-top: 20px;
  background: transparent;
  padding: 0;
  margin-bottom: 50px;
}
.what-displate-wrapper .quality-images {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  position: relative;
  flex-wrap: wrap;
}
.what-displate-wrapper .quality-images__item {
  flex-basis: 23%;
  text-align: center;
  position: relative;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .quality-images__item {
    flex-basis: 40%;
  }
  .what-displate-wrapper .quality-images__item:not(:last-of-type):after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: -5%;
    left: -10%;
    width: 120%;
    height: 1px;
    background: #d2d2d2;
  }
  .what-displate-wrapper .quality-images__item--mobile-all {
    flex-basis: 40%;
  }
  .what-displate-wrapper .quality-images__item--mobile-two {
    flex-basis: 30%;
    margin-top: 20px;
  }
  .what-displate-wrapper .quality-images__item--mobile-three {
    flex-basis: 30%;
  }
}
@media screen and (max-width: 768px) {
  .what-displate-wrapper .quality-images__item {
    flex-basis: 80%;
    margin-top: 20px;
  }
  .what-displate-wrapper .quality-images__item--mobile-all {
    flex-basis: 60%;
  }
  .what-displate-wrapper .quality-images__item--mobile-two {
    flex-basis: 43%;
  }
  .what-displate-wrapper .quality-images__item--mobile-three {
    flex-basis: 25%;
  }
}
@media screen and (max-width: 475px) {
  .what-displate-wrapper .quality-images__item--mobile-all {
    border-bottom: 1px solid #eaeaea;
    flex-basis: 100%;
    text-align: right;
  }
  .what-displate-wrapper .quality-images__item--mobile-all:nth-child(1) {
    text-align: left;
  }
  .what-displate-wrapper .quality-images__item--mobile-all:nth-child(1) > p {
    right: 35px;
  }
  .what-displate-wrapper .quality-images__item--mobile-all:nth-child(2) {
    text-align: right;
  }
  .what-displate-wrapper .quality-images__item--mobile-all img {
    width: 80%;
  }
  .what-displate-wrapper .quality-images__item--mobile-two {
    flex-basis: 65%;
  }
  .what-displate-wrapper .quality-images__item--mobile-two img {
    width: 100%;
    transform: translateX(-40px);
  }
  .what-displate-wrapper .quality-images__item--mobile-three {
    flex-basis: 35%;
  }
  .what-displate-wrapper .quality-images__item--mobile-three img {
    width: 100%;
  }
}
.what-displate-wrapper .quality-images__item .patent {
  position: absolute;
  top: -7px;
  right: -8%;
}
@media (min-width: 768px) {
  .what-displate-wrapper .quality-images__item .patent {
    top: -30px;
    right: -20px;
  }
}
.what-displate-wrapper .quality-images__item .patent object {
  height: 45px;
  width: 45px;
}
.what-displate-wrapper .quality-images__item .patent .text--tiny {
  line-height: 14px;
  text-align: center;
}
.what-displate-wrapper .quality-images__item .patent .tooltip__icon {
  display: flex;
  flex-direction: column;
}
.what-displate-wrapper .quality-images__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-radius: 14px;
  padding: 3px 5px 2px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  position: absolute;
  transition: all 1s;
  top: 100%;
  right: 0;
  opacity: 1;
  z-index: 1;
}
.what-displate-wrapper .quality-images__info .tooltip__icon {
  font-size: 0;
}
.what-displate-wrapper .quality-images__info img {
  width: 18px;
}
.what-displate-wrapper .quality-images__info.fadeInRight {
  opacity: 0;
  right: -120px;
  transition: all 1s ease;
}
.what-displate-wrapper .quality-images__info--first-one {
  top: 0%;
  right: -4%;
}
.what-displate-wrapper .quality-images__info--first-two {
  top: 16%;
  right: -4%;
}
.what-displate-wrapper .quality-images__info--first-three {
  top: 32%;
  right: -4%;
}
.what-displate-wrapper .quality-images__info--first-four {
  top: 48%;
  right: -4%;
}
.what-displate-wrapper .quality-images__info--first-five {
  top: 64%;
  right: -4%;
}
.what-displate-wrapper .quality-images__info--first-six {
  top: 80%;
  right: -4%;
}
.what-displate-wrapper .quality-images__info--second-one {
  top: 15%;
  right: -14%;
}
.what-displate-wrapper .quality-images__info--second-two {
  top: 34%;
  right: -13%;
}
.what-displate-wrapper .quality-images__info--second-three {
  top: 54%;
  right: -12%;
}
.what-displate-wrapper .quality-images__info--second-four {
  top: 73%;
  right: -12%;
}
@media (min-width: 768px) {
  .what-displate-wrapper .quality-images__info--second-four {
    top: 73%;
    right: -25%;
  }
}
.what-displate-wrapper .quality-images__info--third-one {
  right: -14%;
  top: 40%;
}
.what-displate-wrapper .quality-images__info--third-one.fadeInRight {
  right: -150px;
}
@media screen and (max-width: 768px) {
  .what-displate-wrapper .quality-images__info--third-one {
    right: 0;
  }
}
.what-displate-wrapper .quality-images__info--fourth-one {
  left: 0;
  top: 68%;
  right: auto;
}
.what-displate-wrapper .quality-images__info--fourth-one.fadeInRight {
  left: 80px;
}
.what-displate-wrapper .quality-images__info--fourth-two {
  left: 0;
  top: 86%;
  right: auto;
}
.what-displate-wrapper .quality-images__info--fourth-two.fadeInRight {
  left: 80px;
}
.what-displate-wrapper .quality-images__image {
  max-width: 95%;
  height: auto;
  vertical-align: bottom;
}
.what-displate-wrapper .quality-images__text {
  display: block;
  white-space: nowrap;
  margin: 0 8px;
  z-index: 10;
}
@media (min-width: 768px) {
  .what-displate-wrapper .details-wrapper {
    box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.1);
  }
}
.what-displate-wrapper .details-wrapper__all {
  max-width: 1270px;
  margin: 0 auto;
  padding: 15px;
}
.what-displate-wrapper .info-details-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .info-details-wrapper {
    flex-wrap: wrap;
    margin: 10px 0 50px;
  }
}
.what-displate-wrapper .info-details-item {
  display: flex;
  flex-basis: 30%;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .info-details-item {
    flex-basis: 100%;
    margin-top: 20px;
  }
  .what-displate-wrapper .info-details-item:nth-child(3) {
    margin-top: 35px;
  }
}
.what-displate-wrapper .info-details-item__text {
  margin-left: 30px;
}
.what-displate-wrapper .info-details-item__count {
  font-variant-numeric: oldstyle-nums;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .info-details-item__count {
    margin-bottom: 5px;
  }
}
.what-displate-wrapper .info-details-item__info {
  margin: 10px 0;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .info-details-item__info {
    margin: 5px 0;
  }
}
.what-displate-wrapper .info-details-item__link {
  color: #1185ed;
}
.what-displate-wrapper .info-details-item__link:hover {
  text-decoration: underline;
}
.what-displate-wrapper .satisfaction-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 50px 0;
  flex-wrap: wrap;
}
.what-displate-wrapper .satisfaction-wrapper__items {
  flex-basis: 49%;
  background-color: #ffffff;
  height: 150px;
  text-align: center;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  padding: 5px;
  justify-content: space-around;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .satisfaction-wrapper__items {
    flex-basis: 100%;
    margin: 10px 0;
    height: 130px;
  }
}
@media screen and (max-width: 576px) {
  .what-displate-wrapper .satisfaction-wrapper__items {
    height: 120px;
  }
}
.what-displate-wrapper .satisfaction-wrapper__item {
  text-align: left;
  flex-basis: 50%;
}
@media (min-width: 768px) {
  .what-displate-wrapper .satisfaction-wrapper__item {
    flex-basis: 55%;
  }
}
.what-displate-wrapper .satisfaction-wrapper__item--center {
  text-align: center;
  flex-basis: 27%;
}
.what-displate-wrapper .satisfaction-wrapper__number {
  font-variant-numeric: oldstyle-nums;
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .satisfaction-wrapper__number {
    margin-bottom: 0;
  }
}
.what-displate-wrapper .satisfaction-wrapper__image {
  max-width: 100%;
  height: auto;
  margin-top: 5px;
}
.what-displate-wrapper .satisfaction-wrapper__title {
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .satisfaction-wrapper__title {
    margin-bottom: 5px;
  }
}
.what-displate-wrapper .satisfaction-wrapper__subtitle {
  margin-top: 5px;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .satisfaction-wrapper__subtitle {
    margin-bottom: 0;
  }
}
.what-displate-wrapper .satisfaction-wrapper__subtitle span {
  font-variant-numeric: oldstyle-nums;
}
.what-displate-wrapper .influencers-wrapper {
  display: block;
}
.what-displate-wrapper .influencers-wrapper__title {
  font-size: 42px;
  font-weight: 700;
  margin: 15px 0px;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  padding-left: 15px;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .influencers-wrapper__title {
    font-size: 28px;
  }
}
@media screen and (min-width: 992px) {
  .what-displate-wrapper .influencers-wrapper__title {
    padding-left: 0;
  }
}
.what-displate-wrapper .portfolio-wrapper {
  margin-top: 55px;
  margin: 20px 0;
}
@media (min-width: 1240px) {
  .what-displate-wrapper .portfolio-wrapper {
    margin: 40px -600px;
  }
}
@media (max-width: 576px) {
  .what-displate-wrapper .portfolio-wrapper {
    margin: 40px 0;
  }
  .what-displate-wrapper .portfolio-wrapper .title-container {
    margin-bottom: 25px;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-video {
  height: 50vw;
}
@media (min-width: 768px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-video {
    height: auto;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  flex-basis: 100%;
  align-self: flex-end;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text div.section {
  width: 100%;
  margin: 25px 0;
  position: relative;
}
@media (min-width: 992px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-text div.section {
    width: 48%;
    margin: 55px 0;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text div.section:first-of-type {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  height: 56.25%;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text div.section:first-of-type:before {
  content: '';
  background: url('/img/patterns/cyan_1.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -10%;
  bottom: -20%;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text:after,
.what-displate-wrapper .portfolio-wrapper .portfolio-text:before {
  content: none;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text video {
  height: auto;
  width: 100%;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  position: relative;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text br {
  display: none;
}
@media (min-width: 769px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-text {
    flex-basis: 40%;
    align-self: center;
    flex-direction: row;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-text br {
    display: initial;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text .list {
  list-style: none;
  padding-left: 0;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text .list li {
  display: flex;
  align-items: center;
  margin: 13px 0;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text .list li p {
  width: 70%;
  margin-left: 15px;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text .list object {
  height: 62px;
  width: 62px;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text .button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text .button-container p {
  text-align: center;
  margin-bottom: 15px;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text .button-container p br {
  display: none;
}
@media (min-width: 768px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-text .button-container p {
    text-align: right;
    margin: unset;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-text .button-container p br {
    display: initial;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-text .button-container .button {
  width: 100%;
  height: 44px;
}
@media (min-width: 768px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-text .button-container .button {
    width: 265px;
    height: 50px;
  }
}
@media (min-width: 1240px) {
  .what-displate-wrapper .portfolio-wrapper .container {
    max-width: 1240px;
    padding: 0;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  position: relative;
  margin: -20px auto 0;
}
@media (min-width: 769px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates {
    max-height: 600px;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images {
  display: flex;
  flex-direction: column;
  flex-basis: unset;
  overflow-y: hidden;
  scrollbar-width: none;
}
@media (max-width: 768px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images {
    margin: 0 -20px;
    padding-left: 20px;
  }
}
@media (min-width: 768px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images {
    height: 90%;
    flex-basis: 100%;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images {
  display: flex;
  align-items: flex-end;
  justify-content: space-evenly;
  margin-bottom: -105px;
  z-index: 1;
  padding: 0 20%;
}
@supports (-ms-flow-from: thingy) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images {
    /* Edge only */
    justify-content: space-around;
  }
}
@media (max-width: 576px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images {
    min-width: 550px;
    position: relative;
    padding: 0;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images:before {
    content: '';
    border: 0.5px solid #d2d2d2;
    height: 600px;
    position: absolute;
    left: 55%;
    top: 5px;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame-image {
  position: absolute;
  top: 0;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .gloss {
  z-index: 1;
  height: 95%;
  width: 92%;
  left: 3%;
  content: url('/img/visualisation/canvas/gloss/gloss_v.png');
  background-image: url('/img/visualisation/canvas/gloss/gloss_v.png');
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame {
  z-index: 2;
  background-size: 100%;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--0 {
  content: '';
  background-image: '';
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--64 {
  content: url('/img/visualisation/canvas/frames/frames_natural_wood_patterns_2.png');
}
@supports (-ms-ime-align: auto) or (-moz-perspective: 10px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--64 {
    background-image: url('/img/visualisation/canvas/frames/frames_natural_wood_patterns_2.png');
    background-size: contain;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--128 {
  content: url('/img/visualisation/canvas/frames/frames_graphites_2.png');
}
@supports (-ms-ime-align: auto) or (-moz-perspective: 10px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--128 {
    background-image: url('/img/visualisation/canvas/frames/frames_graphites_2.png');
    background-size: contain;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--256 {
  content: url('/img/visualisation/canvas/frames/frames_white_wood_patterns_2.png');
}
@supports (-ms-ime-align: auto) or (-moz-perspective: 10px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--256 {
    background-size: contain;
    background-image: url('/img/visualisation/canvas/frames/frames_white_wood_patterns_2.png');
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--512 {
  content: url('/img/visualisation/canvas/frames/frames_black_wood_patterns_2.png');
}
@supports (-ms-ime-align: auto) or (-moz-perspective: 10px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--512 {
    background-size: contain;
    background-image: url('/img/visualisation/canvas/frames/frames_black_wood_patterns_2.png');
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--64,
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--128,
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--256,
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--512 {
  top: 1%;
  left: 3%;
  height: 95%;
  width: 92%;
}
@media (max-width: 576px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--64,
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--128,
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--256,
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .frame--512 {
    height: 93%;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images .with-frame {
  height: 95%;
  width: 98%;
  transform: scale(0.95);
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images > div:nth-of-type(2) {
  margin-left: -30px;
  margin-bottom: -3px;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images > div {
  position: relative;
}
@supports (-ms-flow-from: thingy) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images {
    /* Edge only */
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images > div:nth-of-type(1) {
    margin-right: 30px;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images img {
  width: 100%;
  max-width: 269px;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images img#displate-M {
  max-width: 134px;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images img#displate-L {
  max-width: 200px;
}
@media (max-width: 576px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images img {
    max-width: 200px;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images img#displate-M {
    max-width: 100px;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .images img#displate-L {
    max-width: 140px;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio {
  display: flex;
  justify-content: space-between;
  background: #f5f5f5;
  padding: 0 20%;
}
@media (max-width: 576px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio {
    min-width: 550px;
    background: none;
    justify-content: space-between;
    padding: 0;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio > div {
  width: 50%;
  height: 100px;
  display: flex;
  align-items: center;
  padding: 20px;
}
@media (max-width: 768px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio > div {
    flex-wrap: wrap;
    padding: 0;
    height: 85px;
    width: 55%;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio > div > span,
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio > div > p span {
    width: 100%;
    display: block;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio > div > p span {
    margin-bottom: 15px;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio > div:nth-of-type(2) {
    width: 20%;
    margin-right: 20%;
  }
}
@media (min-width: 768px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio > div > p {
    margin: 0 auto;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__finish {
  height: 200px;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__finish > div {
    position: relative;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__finish > div::after {
    content: '';
    position: absolute;
    bottom: 0;
    border: 0.5px solid #d2d2d2;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__finish > div.finish-change::after {
    left: 5%;
    width: 90%;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__finish > div.finish-fixed::after {
    left: 14%;
    width: 75%;
  }
}
@media (max-width: 768px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__finish > div {
    border: none;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__finish > div label {
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 8px 11px;
    width: 45%;
  }
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__finish > div label.active {
    background: #f5f5f5;
    font-family: 'proxima-nova', Corbel, Arial, sans-serif;
    font-weight: 600;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__frames div div {
  margin: 1px;
  cursor: pointer;
  flex-basis: 11%;
}
@media (max-width: 768px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__frames div div {
    background: none;
    height: 55px;
    width: 57px;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__frames div div.tooltip__text {
  margin-bottom: 30px;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__frames div div.active img {
  border: 2px solid #1185ed;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__frames .customize-frame img {
  border: 1px solid #d2d2d2;
  height: 51px;
  width: 51px;
}
@media (max-width: 576px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displates .portfolio-displates-images .portfolio__frames .customize-frame {
    height: 51px;
    width: 51px;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displate-club {
  margin: 75px -20px 0;
  padding: 0 15px;
}
@media (min-width: 992px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displate-club {
    margin: 75px 0 0;
  }
}
@media (min-width: 1200px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displate-club {
    padding: 0;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displate-club__container {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  position: relative;
  width: 100%;
  background: #ffffff;
  margin: 0 auto;
  max-width: 1240px;
  flex-direction: row-reverse;
  padding: 20px;
}
@media (min-width: 992px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displate-club__container {
    flex-direction: row;
    padding: 36px;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displate-club__container:before {
  content: '';
  background: url('/img/patterns/blue_2.png');
  background-repeat: no-repeat;
  width: 420px;
  max-width: 100%;
  height: 130%;
  position: absolute;
  bottom: -15%;
  right: -4%;
  z-index: -1;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displate-club__section-1 {
  width: 10%;
  text-align: right;
}
@media (min-width: 992px) {
  .what-displate-wrapper .portfolio-wrapper .portfolio-displate-club__section-1 {
    text-align: left;
  }
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displate-club__section-1 img {
  width: 64px;
  max-width: 85%;
}
.what-displate-wrapper .portfolio-wrapper .portfolio-displate-club__section-2 {
  width: 85%;
}
.what-displate-wrapper .inspired-wrapper {
  background: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 60%, #ffffff 60%, #ffffff 100%);
  padding: 30px 0 50px 0;
}
.what-displate-wrapper .inspired-wrapper__all {
  max-width: 1270px;
  margin: 30px auto 0;
}
.what-displate-wrapper .inspired-wrapper__title {
  margin: 15px 0px;
  padding-left: 25px;
}
@media (min-width: 992px) {
  .what-displate-wrapper .inspired-wrapper__title {
    padding-left: 0;
  }
}
.what-displate-wrapper .inspired-wrapper__text {
  margin-top: 10px;
  padding-left: 25px;
}
@media (min-width: 992px) {
  .what-displate-wrapper .inspired-wrapper__text {
    padding-left: 0;
  }
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items {
  position: relative;
  min-height: 550px;
  background-color: transparent;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items {
    min-height: 400px;
  }
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  max-width: 550px;
  position: absolute;
  cursor: pointer;
  transition: transform 1s, left 1s, right 1s;
  padding: 10px;
}
@media screen and (max-width: 1024px) {
  .what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item {
    max-width: 480px;
  }
}
@media screen and (max-width: 768px) {
  .what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item {
    max-width: 350px;
  }
}
@media screen and (max-width: 475px) {
  .what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item {
    max-width: 310px;
  }
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item--one {
  left: 0;
  transform: scale(0.7) rotate(-6deg);
  z-index: 1;
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item--one:hover {
  left: -2px;
  transform: scale(0.75) rotate(-6.5deg);
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item--two {
  left: 12%;
  transform: scale(0.8) rotate(-3deg);
  z-index: 2;
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item--two:hover {
  left: calc(12% - 2px);
  transform: scale(0.85) rotate(-3.5deg);
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item--three {
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 3;
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item--four {
  right: 12%;
  transform: scale(0.8) rotate(3deg);
  z-index: 2;
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item--four:hover {
  right: calc(12% + 2px);
  transform: scale(0.85) rotate(3.5deg);
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item--five {
  right: 0;
  transform: scale(0.7) rotate(6deg);
  z-index: 1;
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__item--five:hover {
  right: 2px;
  transform: scale(0.75) rotate(6.5deg);
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__image {
  max-width: 100%;
  height: auto;
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__bg-image {
  position: absolute;
  left: 45%;
  top: -20px;
  transform: translate(0%, -70px);
  max-width: 585px;
}
.what-displate-wrapper .inspired-wrapper .desktop-view .inspiration-items__bg-image img {
  width: 80%;
  height: auto;
}
.what-displate-wrapper .inspired-wrapper .mobile-view {
  background: url(/img/what-a-displate/bg_inspi_mobile.png);
  background-repeat: no-repeat;
  background-size: 35%;
  background-position: top right;
}
.what-displate-wrapper .inspired-wrapper .mobile-view .inspiration-items {
  padding-bottom: 20px;
}
.what-displate-wrapper .inspired-wrapper .mobile-view .inspiration-items__item {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 10px;
  margin: 20px 0 20px 0;
}
.what-displate-wrapper .inspired-wrapper .mobile-view .inspiration-items__bg-image {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(0%, -70px);
  max-width: 490px;
}
.what-displate-wrapper .inspired-wrapper .mobile-view .inspiration-items__bg-image img {
  width: 100%;
  height: auto;
}
.what-displate-wrapper .inspired-wrapper .mobile-view .inspiration-items img {
  max-width: 100%;
}
.what-displate-wrapper .inspired-wrapper .mobile-view .inspiration-items__slider .owl-stage {
  padding-left: 20px !important;
}
@media (min-width: 992px) {
  .what-displate-wrapper .inspired-wrapper .mobile-view .inspiration-items__slider .owl-stage {
    padding-left: 0 !important;
  }
}
.what-displate-wrapper .inspired-wrapper .inspiration-text {
  padding: 10px 20px 5px;
}
@media screen and (max-width: 768px) {
  .what-displate-wrapper .inspired-wrapper .inspiration-text {
    padding: 10px 0 5px 0;
  }
}
.what-displate-wrapper .inspired-wrapper .inspiration-text__title {
  margin: 15px 0px;
}
@media screen and (max-width: 768px) {
  .what-displate-wrapper .inspired-wrapper .inspiration-text__title {
    margin: 5px 0px;
  }
}
.what-displate-wrapper .inspired-wrapper .tags-inspiration {
  margin: 10px 0;
}
@media screen and (max-width: 768px) {
  .what-displate-wrapper .inspired-wrapper .tags-inspiration {
    margin: 5px 0;
  }
}
.what-displate-wrapper .inspired-wrapper .tags-inspiration__tag {
  color: #000;
  margin-right: 5px;
  margin-top: 10px;
  display: inline-block;
  padding: 5px 10px;
  background-color: #f2f2f2;
}
@media screen and (max-width: 768px) {
  .what-displate-wrapper .inspired-wrapper .tags-inspiration__tag {
    margin-right: 0;
    padding: 5px;
  }
}
@media screen and (max-width: 475px) {
  .what-displate-wrapper .inspired-wrapper .tags-inspiration__tag {
    margin-right: 0;
    padding: 5px;
    margin-right: 5px;
  }
}
.what-displate-wrapper .search-wrapper {
  max-width: 1270px;
  padding: 32px 16px 12px;
  margin: 0 auto;
  display: grid;
  grid-template-areas: 'title' 'image' 'button';
  grid-template-columns: auto;
  grid-gap: 20px;
}
@media screen and (min-width: 768px) {
  .what-displate-wrapper .search-wrapper {
    padding-bottom: 32px;
  }
}
@media screen and (min-width: 769px) {
  .what-displate-wrapper .search-wrapper {
    grid-template-areas: 'title image' 'button image';
    grid-template-columns: auto 45%;
  }
}
.what-displate-wrapper .search-wrapper__title {
  grid-area: title;
}
@media screen and (min-width: 769px) {
  .what-displate-wrapper .search-wrapper__title {
    align-self: end;
  }
}
.what-displate-wrapper .search-wrapper__image {
  grid-area: image;
  width: 100%;
  margin-bottom: 12px;
}
.what-displate-wrapper .search-wrapper__button {
  grid-area: button;
  padding: 10px 48px;
}
@media screen and (min-width: 769px) {
  .what-displate-wrapper .search-wrapper__button {
    align-self: start;
    justify-self: start;
    width: auto;
  }
}
.what-displate-wrapper div.active .slider-wrapper__item {
  border-right: 1px solid #d2d2d2;
}
.what-displate-wrapper div.owl-item:last-child .slider-wrapper__item {
  border-right: transparent;
}
.what-displate-wrapper div.active + .active .slider-wrapper__item {
  border-right: 1px solid transparent;
}
.what-displate-wrapper .mobile-body h2[class$='title'] {
  color: #ff1744;
}
.specificValueFromRules,
.data_container-inner {
  color: inherit !important;
}
.about__item span.specificValueFromRules {
  color: black;
}
.section__stats .stats {
  position: relative;
}
.section__stats .stats-heading {
  margin-bottom: 30px;
}
@media (max-width: 1240px) {
  .section__stats .stats {
    margin-top: 50px;
  }
}
@media (max-width: 450px) {
  .section__stats .stats {
    margin-top: 30px;
  }
  .section__stats .stats-heading {
    margin-bottom: 10px;
  }
  .section__stats .stats.container {
    margin-top: 30px;
    padding: 0;
  }
  .section__stats .stats.open_shop {
    margin-top: 0;
    padding: 0 15px;
  }
}
.section__stats .stats__list {
  display: flex;
  flex-wrap: wrap;
}
.section__stats .stats__list .list-item {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: calc(100% / 3);
  margin: 20px 0;
}
.section__stats .stats__list .list-item-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100px;
}
.section__stats .stats__list .list-item-icon > img {
  height: 100px;
  width: 100px;
}
.section__stats .stats__list .list-item-text {
  display: flex;
  flex-direction: column;
  margin-left: 30px;
}
@media (min-width: 768px) {
  .section__stats .stats__list .list-item-text .text-break {
    white-space: pre-line;
  }
}
@media (max-width: 768px) {
  .section__stats .stats__list .list-item {
    max-width: calc(100% / 2);
    margin: 10px 0;
  }
  .section__stats .stats__list .list-item-icon {
    width: 80px;
  }
  .section__stats .stats__list .list-item-icon img {
    max-width: 100%;
  }
  .section__stats .stats__list .list-item-text {
    margin-left: 15px;
  }
}
@media (max-width: 450px) {
  .section__stats .stats__list .list-item {
    max-width: 100%;
  }
  .section__stats .stats__list .list-item-icon {
    height: 64px;
    width: 64px;
  }
  .section__stats .stats__list .list-item-icon img {
    height: 100%;
  }
  .section__stats .stats__list .list-item-text {
    padding-top: 0;
  }
}
.section__wave {
  position: relative;
}
.section__wave .shop-handbook-section__column:first-of-type {
  margin: 0 0 100px;
}
.section__wave .shop-handbook-section__column:last-of-type {
  margin: 50px 0 0;
}
@media (min-width: 768px) {
  .section__wave .shop-handbook-section__column {
    margin: 100px 0;
  }
  .section__wave .shop-handbook-section__column:first-of-type,
  .section__wave .shop-handbook-section__column:last-of-type {
    margin: 100px 0;
  }
}
.section__wave::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto;
}
@media (min-width: 768px) {
  .section__wave::before {
    background-size: cover;
  }
}
.section__wave::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  margin-bottom: -10px;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: auto;
}
@media (min-width: 768px) {
  .section__wave::after {
    background-size: cover;
    background-position: bottom center;
  }
}
.section__wave--1::before {
  position: absolute;
  height: calc(100% + 10px);
  background-position: top;
  background-image: url('/img/svg/backgrounds/bg-wave--1.svg');
}
@media (min-width: 992px) {
  .section__wave--1::before {
    height: calc(100% + 150px);
  }
}
.section__wave--1::after {
  display: none;
}
.section__wave--2,
.section__wave--3,
.section__wave--4,
.section__wave--5 {
  background-color: #f5f5f5;
  background-clip: content-box;
}
.section__wave--2::before,
.section__wave--3::before,
.section__wave--4::before,
.section__wave--5::before {
  top: 0;
  margin-top: -30px;
}
@media (min-width: 992px) {
  .section__wave--2::before,
  .section__wave--3::before,
  .section__wave--4::before,
  .section__wave--5::before {
    margin-top: -10px;
  }
}
.section__wave--2::before {
  height: 80%;
  background-image: url('/img/svg/backgrounds/bg-wave--2.svg');
}
.section__wave--2::after {
  height: 80%;
  background-image: url('/img/svg/backgrounds/bg-wave--2.svg');
}
.section__wave--3::before {
  background-image: url('/img/svg/backgrounds/bg-wave--3.svg');
}
.section__wave--3::after {
  background-image: url('/img/svg/backgrounds/bg-wave--3.svg');
}
.section__wave--4::before {
  background-image: url('/img/svg/backgrounds/bg-wave--4.svg');
}
.section__wave--4::after {
  background-image: url('/img/svg/backgrounds/bg-wave--4.svg');
}
.section__wave--5::before {
  background-image: url('/img/svg/backgrounds/bg-wave--5.svg');
}
.section__wave--5::after {
  background-image: url('/img/svg/backgrounds/bg-wave--5.svg');
}
.shop-handbook-page {
  min-height: 750px;
  position: relative;
  margin-top: 50px;
}
@media (min-width: 768px) {
  .shop-handbook-page {
    margin-top: 70px;
  }
}
.shop-handbook-page img {
  max-width: 100%;
}
.shop-handbook-page .block__info strong {
  margin-bottom: 10px;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.shop-handbook-page .block__info a {
  display: inline-block;
  margin-top: 5px;
  color: #1185ed;
}
.shop-handbook-page .block__info .block-text:not(:last-of-type) {
  margin-bottom: 30px;
}
.shop-handbook-page .block__image,
.shop-handbook-page .block__info {
  z-index: 1;
}
.shop-handbook-page .info-heading {
  margin-bottom: 10px;
}
.shop-handbook-section > .container {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
@media (min-width: 768px) {
  .shop-handbook-section > .container {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .shop-handbook-section.direction-reverse .container {
    flex-direction: row-reverse;
  }
}
.shop-handbook-section.direction-reverse .shop-handbook-section__column.block__info {
  padding-right: 0;
}
.shop-handbook-section.direction-reverse .shop-handbook-section__column.block__image {
  margin-right: 0;
}
@media (min-width: 768px) {
  .shop-handbook-section.direction-reverse .shop-handbook-section__column.block__image {
    margin-right: 60px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .shop-handbook-section.direction-reverse .shop-handbook-section__column.block__image > img {
    margin-left: -60px;
    max-width: calc(100% + 120px);
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .shop-handbook-section.direction-reverse .shop-handbook-section__column.block__image.img-without-shadow > img {
    margin-left: 0;
    max-width: 100%;
  }
}
.shop-handbook-section__column {
  flex: 100%;
}
@media (min-width: 768px) {
  .shop-handbook-section__column {
    flex: 50%;
  }
}
.shop-handbook-section__column hr {
  margin: 30px auto;
}
.shop-handbook-section__column.block__info {
  align-self: center;
}
@media (min-width: 768px) {
  .shop-handbook-section__column.block__info {
    padding-right: 40px;
  }
}
.shop-handbook-section__column.block__info .block__info-container {
  display: flex;
}
.shop-handbook-section__column.block__info .block__info-container .info-more__title {
  margin-bottom: 14px;
}
.shop-handbook-section__column.block__info .block__info-container .info-more__list a li {
  font-size: 14px;
}
@media (min-width: 768px) {
  .shop-handbook-section__column.block__info .block__info-container .info-more__list a li {
    font-size: initial;
  }
}
.shop-handbook-section__column.block__info .block__info-container .info-subheading {
  line-height: 24px;
  padding-right: 0;
}
.shop-handbook-section__column.block__info .block__info-container .info-heading {
  font-size: 24px;
}
@media (min-width: 768px) {
  .shop-handbook-section__column.block__info .block__info-container .info-heading {
    font-size: 28px;
  }
}
.shop-handbook-section__column.block__info .block__info-container .info-image {
  margin-top: 15px;
}
.shop-handbook-section__column.block__info .block__info-container .info-image__content {
  object-fit: contain;
}
@media (min-width: 768px) {
  .shop-handbook-section__column.block__info .block__info-container .info-image {
    margin-left: 20px;
    margin-top: 0;
    align-self: flex-end;
  }
}
.shop-handbook-section__column.block__info .block__info-container .info-image__subtitle {
  display: flex;
  justify-content: space-around;
  font-weight: 700;
  font-size: 12px;
  position: relative;
  margin-top: 6px;
  height: 12px;
}
.shop-handbook-section__column.block__info .block__info-container .info-image__subtitle-price {
  position: absolute;
  white-space: nowrap;
  transform: translateX(-50%);
}
.shop-handbook-section__column.block__info .block__info-container .info-image__subtitle-price:nth-child(1) {
  left: 17px;
}
.shop-handbook-section__column.block__info .block__info-container .info-image__subtitle-price:nth-child(2) {
  left: 73px;
}
.shop-handbook-section__column.block__info .block__info-container .info-image__subtitle-price:nth-child(3) {
  left: 146px;
}
.shop-handbook-section__column.block__info .block__info-container .info-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.shop-handbook-section__column.block__info .info-heading__number {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00efd2;
  font-size: 28px;
  font-weight: 600;
  width: 70px;
  height: 70px;
  background-color: white;
  border-radius: 100%;
  margin-left: -18px;
  margin-bottom: -20px;
  padding-left: 5px;
}
@media (min-width: 768px) {
  .shop-handbook-section__column.block__info .info-heading__number {
    margin-left: -24px;
    font-size: 42px;
    width: 100px;
    height: 100px;
  }
}
.shop-handbook-section__column.block__image {
  flex-direction: row;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .shop-handbook-section__column.block__image {
    justify-content: initial;
  }
}
.shop-handbook-section__column.block__image > img {
  max-width: calc(100% + 60px);
}
@media (min-width: 768px) {
  .shop-handbook-section__column.block__image > img {
    margin-left: 0;
  }
}
.shop-handbook-section__column.block__image.img-without-shadow > img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .shop-handbook-section__column.block__image.img-without-shadow > img {
    margin-left: 0;
  }
}
.shop-handbook-section__column.block__additional {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .shop-handbook-section__column.block__additional {
    flex-direction: row;
  }
}
.shop-handbook-section__column.block__additional .styled-checklist {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
}
@media (min-width: 768px) {
  .shop-handbook-section__column.block__additional .styled-checklist {
    padding: 30px;
  }
  .shop-handbook-section__column.block__additional .styled-checklist:nth-child(1) {
    margin-right: 30px;
    flex: 100%;
  }
}
.shop-handbook-section__column.block__additional--links {
  background-color: #f5f5f5;
  margin: 60px 0;
  padding: 30px;
  flex-direction: column;
}
.shop-handbook-section__column .block__additional--title {
  display: flex;
  margin-bottom: 14px;
  font-weight: 600;
  align-items: center;
}
.shop-handbook-section__header {
  font-size: 58px;
  font-weight: 600;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .shop-handbook-section__header {
    font-size: 120px;
  }
}
.shop-handbook-section.make-your-profile-awesome-section {
  margin-bottom: -20px;
}
@media (min-width: 768px) {
  .shop-handbook-section.make-your-profile-awesome-section {
    margin-bottom: initial;
  }
}
.shop-handbook-section.make-your-profile-awesome-section.section__wave::after {
  margin-bottom: -40px;
}
@media (min-width: 768px) {
  .shop-handbook-section.make-your-profile-awesome-section.section__wave::after {
    margin-bottom: initial;
  }
}
@media (min-width: 768px) {
  .shop-handbook-section.prepare-your-artwork-section .block__info {
    flex: 1 2 45%;
  }
  .shop-handbook-section.prepare-your-artwork-section .block__info .block__info-container .info-subheading {
    padding-right: 40px;
  }
}
.shop-handbook-section.create-your-own-widget-section.section__wave .shop-handbook-section__column:last-of-type {
  margin: 80px 0 0;
}
.shop-handbook-section.create-your-own-widget-section.section__wave .shop-handbook-section__column:first-of-type {
  margin: 0 0 50px;
}
@media (min-width: 768px) {
  .shop-handbook-section.create-your-own-widget-section .block__info .block__info-container .info-subheading {
    padding-right: 50px;
  }
  .shop-handbook-section.create-your-own-widget-section.section__wave .shop-handbook-section__column:last-of-type {
    margin: 100px 0;
  }
  .shop-handbook-section.create-your-own-widget-section.section__wave .shop-handbook-section__column:first-of-type {
    margin: initial;
  }
}
.shop-handbook-section.build-a-collection-that-sells-section {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .shop-handbook-section.build-a-collection-that-sells-section .styled-checklist {
    padding-right: 16px;
  }
}
.shop-handbook-section.top-faq-section {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
  .shop-handbook-section.top-faq-section {
    padding-top: 90px;
  }
}
.shop-handbook-section.top-faq-section > .container {
  flex-direction: column;
  align-items: normal;
}
.shop-handbook-section.top-faq-section .block__additional--links-container {
  display: flex;
  flex-wrap: wrap;
  padding-left: 3px;
}
@media (min-width: 768px) {
  .shop-handbook-section.top-faq-section .block__additional--links-container {
    padding-left: 44px;
    justify-content: space-between;
  }
}
.shop-handbook-section.top-faq-section .block__additional--links-container > li {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 10px;
  margin-bottom: 10px;
  color: #1185ed;
  text-indent: -20px;
  padding-left: 20px;
}
@media (min-width: 768px) {
  .shop-handbook-section.top-faq-section .block__additional--links-container > li {
    padding-right: 15px;
    margin-bottom: initial;
  }
}
.shop-handbook-section.top-faq-section .block__additional--title::before {
  content: '';
  width: 22px;
  height: 22px;
  margin-right: 22px;
  display: inline-flex;
  background-image: url('/img/svg/icons/icon_info.svg');
  background-size: cover;
}
.shop-handbook-section.print-your-artworks-section {
  background-color: #f5f5f5;
}
@media (min-width: 768px) {
  .shop-handbook-section.print-your-artworks-section {
    padding-top: 80px;
  }
}
.shop-handbook-section.print-your-artworks-section .shop-handbook-section__column.block__info .block__info-container {
  flex-direction: column;
}
@media (min-width: 768px) {
  .shop-handbook-section.print-your-artworks-section .shop-handbook-section__column.block__info .block__info-container {
    flex-direction: row;
  }
}
.shop-handbook-section.start-earning-section {
  background-color: #f5f5f5;
  margin-top: 60px;
  margin-bottom: 0;
  padding-top: 0;
}
.shop-handbook-section.start-earning-section::before {
  display: none;
}
.shop-handbook-section.start-earning-section > .container {
  flex-direction: column;
}
@media (min-width: 768px) {
  .shop-handbook-section.start-earning-section > .container {
    flex-direction: row;
  }
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info {
  align-self: flex-start;
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info:last-of-type {
  padding-right: 0;
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .image__artworks {
  height: 170px;
  max-width: none;
  position: absolute;
  z-index: -2;
  margin-right: 0;
  margin-left: -4%;
  margin-top: -170px;
}
@media (min-width: 768px) {
  .shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .image__artworks {
    margin-top: 370px;
    position: relative;
    margin-top: 210px;
    margin-right: -500px;
    margin-left: 100px;
  }
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .banner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 266px;
  height: 266px;
  margin: 120px 0 100px 50%;
  background-color: white;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  font-weight: 600;
  font-size: 20px;
  color: #1185ed;
  left: 0;
  transform: translate(-50%);
}
@media (min-width: 768px) {
  .shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .banner {
    position: absolute;
    margin: 160px 0 0 -50px;
    transform: none;
    left: initial;
  }
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .banner__content {
  display: flex;
  flex-direction: column;
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .banner__content::before {
  content: '';
  width: 8px;
  height: 40px;
  position: absolute;
  background-color: #e0e0e0;
  top: -40px;
  left: calc(50% - 4px);
  margin-bottom: 50%;
  z-index: -2;
}
@media (min-width: 768px) {
  .shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .banner__content::before {
    display: none;
  }
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .banner__percent {
  font-size: 95px;
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .banner__percent--sign {
  font-size: 60px;
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .banner::before {
  content: '';
  box-sizing: content-box;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 100%;
  z-index: -1;
  padding: 40px;
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .banner::after {
  content: '';
  box-sizing: content-box;
  background-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 100%;
  z-index: -1;
  padding: 80px;
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .info-more__list {
  font-size: 14px;
  line-height: 22px;
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .info-more__list a {
  margin-top: 0;
  margin-bottom: 8px;
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .info-more__list--container {
  display: flex;
  flex-direction: column;
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .info-more__list--container a {
  width: 100%;
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .info-more__list--container hr {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .info-more__list--container {
    margin-top: 75px;
    margin-left: 195px;
  }
  .shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .info-more__list--container a {
    width: 50%;
  }
}
.shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .info-more__title {
  margin-bottom: 9px;
}
@media (min-width: 768px) {
  .shop-handbook-section.start-earning-section .shop-handbook-section__column.block__info .info-content .info-subheading {
    padding-right: 125px;
  }
}
.shop-handbook-section.start-earning-section .block__info-timeline {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 768px) {
  .shop-handbook-section.start-earning-section .block__info-timeline {
    flex-direction: row;
    position: initial;
  }
}
.shop-handbook-section.start-earning-section .block__info-timeline--item {
  flex: 50%;
  flex-direction: column;
}
.shop-handbook-section.start-earning-section .block__info-timeline--item .timeline-dot {
  margin-bottom: 30px;
  height: 40px;
  width: 40px;
  background-color: white;
  display: flex;
  border-radius: 99px;
  position: relative;
  justify-content: center;
  margin-right: 28px;
  flex: none;
}
@media (min-width: 768px) {
  .shop-handbook-section.start-earning-section .block__info-timeline--item .timeline-dot {
    margin-right: 0;
  }
}
.shop-handbook-section.start-earning-section .block__info-timeline--item .timeline-dot::after {
  content: '';
  height: 16px;
  width: 16px;
  background-color: #3485ed;
  display: flex;
  border-radius: 99px;
  position: absolute;
  margin-top: calc(50% - 8px);
}
.shop-handbook-section.start-earning-section .block__info-timeline--item hr {
  width: 200px;
  margin-left: 0;
  margin-bottom: 14px;
}
.shop-handbook-section.start-earning-section .block__info-timeline--item .image__social {
  max-width: 162px;
}
.shop-handbook-section.start-earning-section .block__info-timeline--title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 14px;
}
.shop-handbook-section.start-earning-section .block__info-timeline .info-subheading {
  display: flex;
  flex-direction: row;
  margin-top: 50px;
}
@media (min-width: 768px) {
  .shop-handbook-section.start-earning-section .block__info-timeline .info-subheading {
    display: block;
    padding-right: 45px;
    margin-top: 100px;
  }
}
.shop-handbook-section.start-earning-section .block__info-timeline::before {
  content: '';
  background-color: #e0e0e0;
  position: absolute;
  width: 8px;
  height: calc(100% - 50px);
  left: 16px;
  margin-top: 50px;
}
@media (min-width: 768px) {
  .shop-handbook-section.start-earning-section .block__info-timeline::before {
    width: 50%;
    height: 8px;
    left: 0;
    margin-top: 116px;
  }
}
.shop-handbook-section.start-earning-section .block__info .timeline__decoration-line {
  width: calc(50% - 106px);
  height: 8px;
  margin: 40px 0 -40px 60px;
  background-color: #e0e0e0;
  position: relative;
}
.shop-handbook-section.start-earning-section .block__info .timeline__decoration-line::before {
  content: '';
  position: absolute;
  top: -92px;
  left: -60px;
  width: 100px;
  height: 100px;
  display: block;
  border: 8px solid #e0e0e0;
  margin-left: 16px;
  border-radius: 50%;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  transform: rotateZ(45deg);
}
.shop-handbook-section.start-earning-section .block__info .timeline__decoration-line::after {
  content: '';
  position: absolute;
  right: -50px;
  width: 100px;
  height: 100px;
  display: block;
  border: 8px solid #e0e0e0;
  margin-left: 16px;
  border-radius: 50%;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  transform: rotateZ(-135deg);
}
@media (min-width: 768px) {
  .shop-handbook-section.start-earning-section .block__info .timeline__decoration-line {
    display: none;
  }
}
.styled-checklist .list-title {
  display: block;
  margin-bottom: 14px;
  font-weight: 600;
}
.styled-checklist li {
  margin-bottom: 10px;
  position: relative;
}
.styled-checklist li img {
  margin-right: 10px;
}
.styled-checklist li.check-blue,
.styled-checklist li.check-red {
  margin-left: 20px;
  list-style: none;
  line-height: 24px;
  padding-left: 8.5px;
}
.styled-checklist li.check-blue:before,
.styled-checklist li.check-red:before {
  content: '';
  position: absolute;
  left: -20px;
  top: 10px;
  width: 10px;
  height: 7.5px;
  background-size: contain;
  background-repeat: no-repeat;
}
.styled-checklist li.check-blue > ul,
.styled-checklist li.check-red > ul {
  padding-left: 10px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .styled-checklist li.check-blue > ul,
  .styled-checklist li.check-red > ul {
    padding-left: 20px;
  }
}
.styled-checklist li.check-blue > ul > li,
.styled-checklist li.check-red > ul > li {
  list-style: disc;
  line-height: 24px;
  margin-bottom: 8px;
}
.styled-checklist li.check-blue:before {
  background-image: url('/img/about/shop-handbook/check_blue.png');
}
.styled-checklist li.check-red:before {
  background-image: url('/img/about/shop-handbook/check_red.png');
}
.section__arrows--up,
.section__arrows--down {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: 60px;
  width: 70%;
  display: flex;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .section__arrows--up,
  .section__arrows--down {
    width: 500px;
    height: 80px;
  }
}
.section__arrows--up {
  background-image: url('/img/svg/patterns/cyan/cyan_arrows.svg');
}
.section__arrows--down {
  transform: rotateX(180deg);
  background-image: url('/img/svg/patterns/cyan/cyan_arrows.svg');
}
.shop-handbook-page .section__hero {
  background-color: white;
}
.shop-handbook-page .hero {
  display: flex;
  padding-top: 20px;
  position: relative;
  flex-direction: column;
}
@media (min-width: 768px) {
  .shop-handbook-page .hero {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .shop-handbook-page .hero {
    flex-wrap: nowrap;
  }
}
.shop-handbook-page .hero::before {
  content: '';
  background-image: url('/img/about/become-an-artist/artist_pattern_2.png');
  background-size: cover;
  height: 300px;
  width: 420px;
  position: absolute;
  top: -300px;
  margin-left: calc(50% - 40px);
  transform: rotateZ(270deg);
}
@media (min-width: 768px) {
  .shop-handbook-page .hero::before {
    background-size: cover;
    top: -360px;
    left: -60px;
    margin-left: 0;
    transform: rotateZ(-90deg);
  }
}
.shop-handbook-page .hero .button {
  width: 100%;
  min-width: 200px;
  margin-top: -12px;
  z-index: 1;
}
@media (min-width: 992px) {
  .shop-handbook-page .hero .button {
    width: 306px;
    margin-top: 0;
  }
}
.shop-handbook-page .hero__heading {
  display: flex;
  flex-direction: column;
  padding: 0;
  max-width: 100%;
}
@media (min-width: 768px) {
  .shop-handbook-page .hero__heading {
    width: 50%;
    padding: 20px 40px 0 0;
  }
}
@media (min-width: 992px) {
  .shop-handbook-page .hero__heading {
    width: initial;
  }
}
@media (min-width: 1240px) {
  .shop-handbook-page .hero__heading {
    padding: 20px 30px 0 0;
  }
  .shop-handbook-page .hero__heading span {
    display: inline;
  }
}
@media (min-width: 992px) {
  .shop-handbook-page .hero__heading .heading-main {
    font-size: 60px;
    line-height: 65px;
    width: 432px;
  }
}
.shop-handbook-page .hero__heading .block__info {
  line-height: 20px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .shop-handbook-page .hero__heading .block__info {
    line-height: 24px;
  }
}
.shop-handbook-page .hero__heading .block__info a {
  display: block;
}
.shop-handbook-page .hero__heading .block__info--banner {
  position: absolute;
  background-color: #f5f5f5;
  padding: 14px;
  margin: -86px 0 34px -14px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
@media (min-width: 768px) {
  .shop-handbook-page .hero__heading .block__info--banner {
    white-space: nowrap;
    font-size: 18px;
  }
}
.shop-handbook-page .hero__heading .block__info--banner span {
  color: #1185ed;
}
.shop-handbook-page .hero__heading .block__info--banner span.text-boldest {
  font-weight: 600;
  margin-right: 7px;
}
.shop-handbook-page .hero__heading .block__info--banner .image__social {
  max-height: 26px;
}
@media (min-width: 768px) {
  .shop-handbook-page .hero__heading .block__info--banner .image__social {
    margin-left: 16px;
    max-width: initial;
  }
}
.shop-handbook-page .hero__heading--second {
  flex-direction: row-reverse;
  position: relative;
}
.shop-handbook-page .hero__heading--second > div {
  z-index: 2;
}
@media (min-width: 768px) {
  .shop-handbook-page .hero__heading--second {
    width: 50%;
    padding: 0 20px 0 0;
    align-items: flex-start;
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .shop-handbook-page .hero__heading--second {
    width: initial;
  }
}
.shop-handbook-page .hero__heading--second .image__general {
  max-width: calc(50% + 50px);
  align-items: center;
  z-index: 1;
}
@media (min-width: 768px) {
  .shop-handbook-page .hero__heading--second .image__general {
    width: 330px;
    margin: 20px -50px -50px -30px;
  }
}
@media (min-width: 992px) {
  .shop-handbook-page .hero__heading--second .image__general {
    max-width: initial;
    margin: -60px -50px -50px -50px;
  }
}
@media (min-width: 1240px) {
  .shop-handbook-page .hero__heading--second .image__general {
    width: 393px;
  }
}
.shop-handbook-page .hero__heading--second .image__mobile {
  max-width: 80%;
  margin-left: -50px;
  margin-top: -42px;
  object-fit: contain;
}
.shop-handbook-page .hero__heading--second .block__info {
  background-color: #f5f5f5;
  padding: 14px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  margin-left: -44%;
  margin-top: 25px;
  z-index: 2;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.shop-handbook-page .hero__heading--second .block__info--banner {
  position: relative;
  margin: 6px 0 0;
  padding: 0;
  box-shadow: none;
  align-self: center;
  align-items: center;
  order: 1;
  display: flex;
}
@media (min-width: 768px) {
  .shop-handbook-page .hero__heading--second .block__info--banner {
    display: block;
    position: absolute;
    margin: -86px 0 34px 0px;
    left: 0;
    padding: 14px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  }
}
.shop-handbook-page .hero__heading--second .block__info > strong {
  display: contents;
}
@media (min-width: 576px) {
  .shop-handbook-page .hero__heading--second .block__info {
    margin-left: initial;
  }
}
@media (min-width: 768px) {
  .shop-handbook-page .hero__heading--second .block__info {
    width: 250px;
    height: 100%;
    margin-top: 150px;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
  }
  .shop-handbook-page .hero__heading--second .block__info > a {
    display: block;
  }
}
.shop-handbook-page .hero__heading--second .block__info:nth-child(2) {
  margin-bottom: 25px;
}
.shop-handbook-page .hero__heading--third {
  padding: 0;
}
.shop-handbook-page .hero__heading--third .block__info {
  padding-top: 120px;
}
.shop-handbook-page .hero__heading--third .block__info--banner {
  right: initial;
}
@media (min-width: 992px) {
  .shop-handbook-page .hero__heading--third .block__info--banner {
    padding-right: 30px;
    right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .shop-handbook-page .hero__heading--third .block__info {
    padding-top: 90px;
    margin-left: 20px;
  }
}
.shop-handbook-page .hero__heading--third .image__general {
  display: none;
  margin-left: -7px;
  width: 125px;
  z-index: 0;
  display: flex;
}
@media (min-width: 768px) {
  .shop-handbook-page .hero__heading--third {
    flex-direction: row;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .shop-handbook-page .hero__heading--third {
    flex-direction: column;
    width: initial;
  }
}
.shop-handbook-page .hero__info {
  margin: 5px 0 20px 0;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
}
@media (min-width: 992px) {
  .shop-handbook-page .hero__info {
    line-height: 26px;
    margin: 30px 0;
    width: 350px;
    font-size: 18px;
  }
}
.shop-handbook-page .hero__info .info-list li {
  position: relative;
  padding-left: 20px;
  line-height: 24px;
}
.shop-handbook-page .hero__info .info-list li::before {
  content: '.';
  position: absolute;
  top: -6px;
  left: 0;
  font-size: 25px;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.shop-handbook-page .upload {
  display: flex;
  flex-direction: row-reverse;
  margin: 50px 0 60px;
}
.shop-handbook-page .upload__info {
  padding: 40px 0 0 50px;
}
.shop-handbook-page .upload__image {
  width: 1000%;
  max-width: 420px;
  margin-left: -15px;
}
@media (max-width: 768px) {
  .shop-handbook-page .upload {
    flex-direction: column;
    margin: 10px 0 0 0;
  }
  .shop-handbook-page .upload__info {
    padding: 0;
  }
  .shop-handbook-page .upload__image {
    max-width: 100%;
    margin-top: 10px;
  }
}
.shop-handbook-page .section__description-tips .block__info {
  max-width: 610px;
}
.shop-handbook-page .commission {
  margin: 40px 0 90px;
}
.shop-handbook-page .commission .block-text {
  max-width: 305px;
}
.shop-handbook-page .commission .calculator__text {
  padding-bottom: 30px;
  margin-top: 50px;
}
.shop-handbook-page .commission .calculator__item > img {
  bottom: 120%;
}
.shop-handbook-page .commission .calculator__item--labels {
  flex-basis: 35%;
  margin-right: 50px;
}
.shop-handbook-page .commission .calculator__item--m {
  flex-basis: 18%;
}
.shop-handbook-page .commission .calculator__item--l {
  flex-basis: 25%;
}
.shop-handbook-page .commission .calculator__item--xl {
  flex-basis: 32%;
}
.shop-handbook-page .commission .calculator__item--xl img {
  bottom: 120%;
}
@media (max-width: 768px) {
  .shop-handbook-page .commission {
    padding: 0;
    margin: 30px 0;
  }
  .shop-handbook-page .commission .calculator__text {
    max-width: 100%;
    margin-top: 0;
  }
  .shop-handbook-page .commission .calculator__text .block-text {
    max-width: 100%;
  }
  .shop-handbook-page .commission .calculator__item--labels {
    flex-basis: 0;
    margin: 0;
  }
  .shop-handbook-page .commission .calculator__item--xl img {
    bottom: 104%;
  }
  .shop-handbook-page .commission .calculator__item--m,
  .shop-handbook-page .commission .calculator__item--l,
  .shop-handbook-page .commission .calculator__item--xl {
    flex-basis: 33%;
  }
}
.shop-handbook-page .share-earn__steps {
  display: flex;
  margin: 30px 0 60px;
}
.shop-handbook-page .share-earn__steps .step {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.shop-handbook-page .share-earn__steps .step:not(.step--accent) {
  position: relative;
  max-width: 250px;
  height: 100%;
  min-height: 290px;
  margin: 25px auto 0 0;
}
.shop-handbook-page .share-earn__steps .step:not(.step--accent) .step-info {
  margin-top: 20px;
  max-width: 220px;
}
.shop-handbook-page .share-earn__steps .step:not(.step--accent)::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -55px;
  transform: translateY(-50%);
  background: url('/img/svg/icons/icon_arrow-circle.svg') center center no-repeat;
  height: 38px;
  width: 38px;
}
.shop-handbook-page .share-earn__steps .step-heading {
  margin-bottom: auto;
}
.shop-handbook-page .share-earn__steps .step--accent {
  position: relative;
  width: 100%;
  max-width: 340px;
  padding: 30px;
  margin-left: 20px;
  background-color: #fff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
.shop-handbook-page .share-earn__steps .step--accent .step-heading {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  color: #00efd2;
}
.shop-handbook-page .share-earn__steps .step--accent .step-heading--big {
  display: block;
  font-size: 110px;
  line-height: 1;
}
.shop-handbook-page .share-earn__steps .step--accent .step-image {
  margin: 15px 0 5px;
}
.shop-handbook-page .share-earn__steps .step--accent::before {
  content: '';
  position: absolute;
  top: 30px;
  left: -43px;
  z-index: -1;
  height: 300px;
  width: 423px;
  background: url('/img/svg/backgrounds/bg-accent-squares--accent.svg');
}
@media (max-width: 1200px) {
  .shop-handbook-page .share-earn__steps {
    width: 1000px;
    max-width: 100%;
    min-height: 270px;
    padding: 30px 0 50px;
    margin: -25px 0 0 0;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .shop-handbook-page .share-earn__steps .step:not(.step--accent) {
    max-width: 270px;
    padding-right: 50px;
    margin-top: 10px;
  }
  .shop-handbook-page .share-earn__steps .step:not(.step--accent):nth-child(2) .step-image {
    align-self: center;
    width: 65%;
  }
  .shop-handbook-page .share-earn__steps .step:not(.step--accent):nth-child(2)::after {
    right: 10px;
  }
  .shop-handbook-page .share-earn__steps .step:not(.step--accent)::after {
    right: 0;
  }
  .shop-handbook-page .share-earn__steps .step--accent {
    align-self: flex-start;
    top: 40px;
    max-width: 280px;
    padding: 15px;
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.15);
  }
  .shop-handbook-page .share-earn__steps .step--accent .step-heading {
    margin-bottom: 0;
  }
  .shop-handbook-page .share-earn__steps .step--accent .step-heading--big {
    font-size: 80px;
  }
  .shop-handbook-page .share-earn__steps .step--accent .step-image {
    width: 60%;
    margin-top: 5px;
  }
  .shop-handbook-page .share-earn__steps .step--accent::before {
    top: -20px;
    width: 130%;
    height: 250px;
  }
}
.shop-handbook-page .byo {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 50px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .shop-handbook-page .byo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin-bottom: 50px;
  }
}
.shop-handbook-page .byo__info {
  max-width: 100%;
  display: flex;
  flex-direction: column-reverse;
  margin-right: auto;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 300;
}
@media (min-width: 768px) {
  .shop-handbook-page .byo__info {
    flex-direction: row;
    max-width: 505px;
  }
}
.shop-handbook-page .byo__text {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .shop-handbook-page .byo__text {
    margin-top: 0;
  }
}
.shop-handbook-page .byo__image {
  position: relative;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  padding: 5px;
  margin-top: 15px;
  font-size: 0;
}
@media (min-width: 768px) {
  .shop-handbook-page .byo__image {
    margin-top: 30px;
    max-width: 46%;
  }
}
.shop-handbook-page .byo__prices {
  width: 187px;
  flex-shrink: 0;
  align-self: center;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .shop-handbook-page .byo__prices {
    align-self: flex-end;
  }
}
.shop-handbook-page .section__payout {
  width: 100%;
}
.shop-handbook-page .payout {
  background-color: white;
  margin: 30px 0;
  display: flex;
  justify-content: center;
}
.shop-handbook-page .payout__content {
  position: relative;
  padding: 20px 80px 20px 20px;
  margin: 0 auto;
}
.shop-handbook-page .payout__content::before {
  content: '';
  position: absolute;
  top: 10px;
  transform: scale(0.67);
  display: block;
  right: 0px;
  height: 100px;
  width: 100px;
  background: url('/img/svg/icons/icon_cash-hand.svg') center center no-repeat;
}
@media (min-width: 768px) {
  .shop-handbook-page .payout__content {
    padding: 30px 0 30px 100px;
  }
  .shop-handbook-page .payout__content::before {
    transform: scale(0.72);
    left: -20px;
    right: initial;
  }
}
.shop-handbook-page .payout-heading {
  margin-bottom: 13px;
  font-size: 20px;
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
@media (min-width: 768px) {
  .shop-handbook-page .payout-heading {
    margin-bottom: 10px;
    font-size: 22px;
  }
}
.shop-handbook-page .payout-text {
  line-height: 24px;
}
.shop-handbook-page .payout-text > a {
  margin-top: 0;
}
.shop-handbook-page .copyrights {
  padding: 30px;
  margin-bottom: 80px;
  font-size: 14px;
  line-height: 24px;
  background-color: #f5f5f5;
}
.shop-handbook-page .copyrights-heading {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
}
.shop-handbook-page .copyrights-heading:last-of-type {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .shop-handbook-page .copyrights {
    padding: 17px 20px;
    margin-bottom: 30px;
  }
}
.shop-handbook-page .section__shop-faq {
  position: relative;
  padding: 60px 0 90px;
  background-color: #fff;
}
.shop-handbook-page .section__shop-faq::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100px;
  box-shadow: 10px 0 50px rgba(0, 0, 0, 0.15);
}
.shop-handbook-page .shop-faq-heading {
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #d2d2d2;
  font-size: 36px;
}
@media (min-width: 768px) {
  .shop-handbook-page .shop-faq-heading {
    margin-top: 90px;
  }
}
.shop-handbook-page .shop-faq .link--blue {
  display: none;
}
@media (max-width: 768px) {
  .shop-handbook-page .section__shop-faq {
    padding: 30px 0;
  }
  .shop-handbook-page .shop-faq-heading {
    padding-bottom: 24px;
    font-size: 24px;
  }
  .shop-handbook-page .faq__item--title {
    padding: 15px 30px 15px 0;
  }
  .shop-handbook-page .faq__item--title::after {
    top: 23px;
    right: 0;
    transform: none;
  }
}
.displate-club__landing {
  padding: 130px 0;
}
.displate-club__landing-text {
  margin: 15px auto;
  max-width: 590px;
}
.displate-club__header {
  display: flex;
  flex-wrap: wrap;
  background: #f8f6f8;
  overflow: hidden;
  box-shadow: inset 0 -10px 20px rgba(0, 0, 0, 0.1);
}
.displate-club__header-container {
  max-width: 100vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: calc(1270px + 15px)) {
  .displate-club__header-container {
    padding: 0 0;
    max-width: 1270px;
  }
}
@media (min-width: calc(1270px + 15px)) {
  .displate-club__header-container {
    padding: 0 0;
    max-width: 1270px;
  }
}
.displate-club__header-container:after {
  content: url('/img/patterns/cyan_1.png');
  position: absolute;
  left: -500px;
  width: 455px;
  height: 323px;
  top: 50%;
  transform: translateY(-50%);
}
.displate-club__header-section--left {
  width: 100%;
  margin-top: 30px;
}
@media (min-width: 992px) {
  .displate-club__header-section--left {
    width: 38%;
    margin-top: 0;
    padding: 4.85% 0;
  }
}
.displate-club__header-section--right {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 992px) {
  .displate-club__header-section--right {
    width: 62%;
    background-position: left bottom;
  }
}
.displate-club__header-section--right img {
  align-self: center;
  max-width: 50%;
}
.displate-club__header-section--right img:first-of-type {
  position: relative;
}
.displate-club__header .displate-club__header-section--right {
  background: none;
  align-items: flex-end;
}
.displate-club__header .displate-club__video {
  display: flex;
}
.displate-club__video {
  justify-content: center;
  width: 100%;
}
@media (min-width: 992px) {
  .displate-club__video {
    width: 89%;
  }
}
.displate-club__container {
  max-width: 100vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px;
}
@media (min-width: calc(1270px + 15px)) {
  .displate-club__container {
    padding: 0 0;
    max-width: 1270px;
  }
}
@media (min-width: calc(1270px + 15px)) {
  .displate-club__container {
    padding: 0 0;
    max-width: 1270px;
  }
}
.displate-club__perks-container {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  justify-content: center;
}
.displate-club__perks-container div.displate-club__perks-item:nth-of-type(3) {
  display: flex !important;
}
@media (min-width: 768px) {
  .displate-club__perks-container {
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .displate-club__perks-container {
    margin: -15px;
  }
}
.displate-club__perks-item {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 0;
}
@media (min-width: 768px) {
  .displate-club__perks-item {
    padding-top: 3%;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .displate-club__perks-item {
    width: calc(100% / 3) !important;
  }
}
.displate-club__perks-item object {
  width: 18%;
}
@media (min-width: 768px) {
  .displate-club__perks-item object {
    width: 100px;
  }
}
.displate-club__perks-item div {
  width: 79%;
  margin-left: 6%;
}
@media (min-width: 768px) {
  .displate-club__perks-item div {
    margin-left: 20px;
    margin-top: 30px;
    align-self: flex-start;
  }
}
.displate-club__perks-item div p {
  max-width: 290px;
}
@media (min-width: 768px) {
  .displate-club__perks-item:nth-of-type(3) div {
    margin-top: 10px;
  }
}
@media (min-width: 1200px) {
  .displate-club__perks-item:nth-of-type(3) div {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .displate-club__perks-item:nth-of-type(4) div,
  .displate-club__perks-item:nth-of-type(5) div,
  .displate-club__perks-item:nth-of-type(6) div {
    margin-top: 10px;
  }
}
.displate-club__perks-item:nth-of-type(4) {
  order: unset !important;
  margin-left: 0 !important;
}
.displate-club__perks-item:nth-of-type(5) div {
  margin-top: 10px !important;
}
.displate-club__perks-item:not(:last-of-type) {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .displate-club__perks-item:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.displate-club__join-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 992px) {
  .displate-club__join-container {
    justify-content: flex-start;
  }
}
.displate-club__join-item {
  width: 100%;
  position: relative;
  text-align: center;
}
@media (min-width: 992px) {
  .displate-club__join-item {
    width: 33%;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .displate-club__join-item:before {
    content: url('/img/icons/icon_arrow_v2.svg');
    position: absolute;
    width: 48px;
    height: 48px;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.displate-club__join-item img {
  max-height: var(--image-maxheight);
  margin-top: var(--image-margintop);
}
.displate-club__join-item--textbox {
  background: #ffffff;
  padding: 20px;
  width: 100%;
  margin-top: 55px;
  box-shadow: 0 0 75px rgba(0, 0, 0, 0.2);
  margin-bottom: 70px;
}
@media (min-width: 765px) {
  .displate-club__join-item--textbox {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .displate-club__join-item--textbox {
    width: 31.5%;
    margin-left: 1.5%;
    max-height: 256px;
    margin-bottom: 0;
    margin-top: 35px;
  }
}
@media (min-width: 1200px) {
  .displate-club__join-item--textbox {
    padding: 40px;
  }
}
.displate-club__join-item--textbox:after {
  content: '';
  background: url('/img/patterns/cyan_2.png');
  position: absolute;
  top: -35px;
  bottom: -35px;
  left: -35px;
  right: -35px;
  z-index: -1;
}
.displate-club__join-item--textbox:before {
  content: '';
}
.displate-club__join-text {
  width: 80%;
  margin: 0 auto;
}
.displate-club__cart {
  max-height: 46px;
  position: relative;
}
.displate-club__cart--dc-info-desktop {
  border: none !important;
  position: relative;
  font-weight: 300 !important;
  max-height: unset;
  border-radius: 8px;
  padding: 16px;
}
.displate-club__cart--dc-info-desktop .input-checkbox__label {
  font-weight: unset !important;
}
.displate-club__cart--dc-info-desktop .text--darkgrey {
  color: unset;
}
@media (min-width: 1024px) {
  .displate-club__cart--dc-info-desktop {
    margin-top: 16px;
  }
}
.displate-club__cart--current-cart {
  background: radial-gradient(circle at 100%, #e2eff5, #e2eff5 25%, #f1f7fa 50%);
}
.displate-club__cart--order {
  background: linear-gradient(96deg, #f0e5f3 0%, #f0e5f3 100%);
}
.displate-club__cart-join-dc-copy--desktop {
  font-size: 14px;
  line-height: 20px;
  max-width: 240px;
}
.displate-club__cart-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 1024px) {
  .displate-club__cart-container {
    align-items: center;
  }
}
.displate-club__cart-label-wrapper {
  display: flex;
  align-items: center;
}
.displate-club__cart-links {
  font-size: 14px;
  line-height: 20px;
  margin: 16px 0 0 28px;
  width: fit-content;
}
@media (min-width: 1024px) {
  .displate-club__cart-links {
    margin-top: 12px;
  }
}
.displate-club__cart label {
  width: 75%;
  margin: 0;
}
@media (min-width: 576px) {
  .displate-club__cart label {
    width: unset;
  }
}
.displate-club__cart .tooltip__text:before {
  content: '';
  position: absolute;
  display: block;
  bottom: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.displate-club__cart .tooltip__icon {
  line-height: 0;
}
.displate-club__cart-price {
  white-space: nowrap;
  text-align: right;
}
.displate-club__cart-price-element--desktop:nth-child(1) {
  line-height: 24px;
}
.displate-club__cart-price-element--desktop:nth-child(2) {
  line-height: 16px;
  margin-top: -4px;
}
.displate-club__cart::after,
.displate-club__cart::before {
  content: none;
}
@media (min-width: 992px) {
  .displate-club__cart .input-checkbox__label {
    display: flex;
  }
  .displate-club__cart .input-checkbox__label img {
    margin-top: 2px;
  }
}
@media (min-width: 1200px) {
  .displate-club__cart label {
    white-space: unset;
  }
  .displate-club__cart .tooltip {
    height: 18px;
    width: 18px;
  }
}
.displate-club__icon {
  margin-top: 3px;
  margin-right: 5px;
}
.displate-club__greytextbox {
  background: #f5f5f5;
  padding: 30px;
}
.displate-club__footer {
  margin-top: 30px !important;
}
@media (min-width: 768px) {
  .displate-club__footer {
    margin-top: 50px !important;
  }
}
.displate-club__footer .icon-62 {
  display: inline-block;
}
.displate-club__footer-arrows {
  margin-top: -45px;
  overflow: hidden;
  height: 128px;
  pointer-events: none;
}
.displate-club__footer-arrows > div {
  max-width: 205px;
  display: inline-block;
}
.displate-club__footer-arrows svg {
  width: 100%;
  display: inline-block;
}
.voucher {
  width: 100%;
}
.voucher__grid {
  display: block;
  margin: 30px 0 0;
}
@media (min-width: 768px) {
  .voucher__grid {
    display: grid;
    grid-template: auto auto / 1fr 1fr 1fr;
    grid-gap: 15px;
  }
}
@media (min-width: 768px) {
  .voucher__grid {
    grid-gap: 30px;
  }
}
.voucher__item {
  padding: 15px 20px 10px 15px;
  background: #f5f5f5;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.voucher__item:not(.voucher__item--wide) > div {
  margin: -10px 0 0 15px;
}
@media (min-width: 768px) {
  .voucher__item {
    display: block;
    padding: 30px 30px 15px;
  }
  .voucher__item:not(.voucher__item--wide) > div {
    margin: 0;
  }
}
.voucher__item--wide {
  display: block;
  margin-top: 20px;
}
.voucher__item--wide > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  .voucher__item--wide {
    margin-top: 0;
    grid-column-start: 1;
    grid-column-end: 4;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .voucher__item--wide > div {
    display: block;
  }
}
.voucher .button {
  width: 100%;
}
@media (min-width: 768px) {
  .voucher .button {
    width: 240px;
  }
}
.mobile-body .displate-club__cart-container {
  padding: 16px;
}
.mobile-body .displate-club--current-cart {
  background: radial-gradient(circle at 100%, #e2eff5, #e2eff5 25%, #f1f7fa 50%);
}
.mobile-body .displate-club--order {
  background: linear-gradient(96deg, #f0e5f3 0%, #f0e5f3 100%);
}
.mobile-body .displate-club__cart {
  flex-wrap: wrap;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  margin: -16px 16px 16px;
  max-height: initial;
  padding: 0;
}
.mobile-body .displate-club__join-dc-copy {
  font-weight: 600;
}
.mobile-body .displate-club__benefits {
  padding: 16px;
}
.mobile-body .displate-club__benefits-list {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.mobile-body .displate-club__benefits-list-item {
  display: flex;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
.mobile-body .displate-club__benefits-list-checkmark {
  background-color: #1185ed;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px 8px 0 0;
  flex-shrink: 0;
}
.mobile-body .displate-club__benefits-list-checkmark::after {
  content: '';
  width: 4px;
  height: 8px;
  border: 1px solid #ffffff;
  border-top: none;
  border-left: none;
  transform: translateY(-1px) rotate(45deg);
}
.career {
  min-height: 300px;
  position: relative;
}
.career__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.career__watch-video {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.career__watch-video object {
  pointer-events: none;
}
.career__header {
  height: 100%;
  max-height: 610px;
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
}
.career__header > div > .responsive-video-container {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: -1;
  width: 400vw;
  height: 225vw;
}
.career__header > div > .responsive-video-container--preview:after {
  background: none;
}
@media (min-width: 576px) {
  .career__header > div > .responsive-video-container {
    width: 200vw;
    height: 113vw;
  }
}
@media (min-width: 768px) {
  .career__header > div > .responsive-video-container {
    width: 150vw;
    height: 84.375vw;
  }
}
@media (min-width: 1200px) {
  .career__header > div > .responsive-video-container {
    width: 100vw;
    height: 56.5vw;
  }
}
.career__header iframe {
  width: 100%;
  height: 100%;
}
.career__header .popup__wrapper {
  height: 100%;
  max-width: none;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .career__header .popup__wrapper {
    display: block;
  }
}
.career__header .popup__wrapper .responsive-video-container {
  width: 100vw;
  height: 56.5vw;
}
@media (min-width: 768px) {
  .career__header .popup__wrapper .responsive-video-container {
    width: 70vw;
    height: 39.375vw;
  }
}
.career__header .popup__wrapper .popup__close {
  position: absolute;
  right: 15px;
  top: 30px;
}
@media (min-width: 768px) {
  .career__header .popup__wrapper .popup__close {
    position: absolute;
    right: -50px;
    top: 10px;
  }
}
.career__header .container {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.career__header .container:after {
  content: '';
  position: absolute;
  display: block;
  height: 400px;
  width: 282px;
  background-image: url('/img/patterns/cyan_pattern_2.svg');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  top: -310px;
  left: 0;
}
@media (min-width: 768px) {
  .career__header .container:after {
    height: 510px;
    width: 360px;
    top: -370px;
  }
}
.career__header .container:before {
  content: '';
  position: absolute;
  display: none;
  height: 360px;
  width: 510px;
  background-image: url('/img/patterns/cyan_pattern_3.svg');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  bottom: -220px;
  right: 0;
}
@media (min-width: 768px) {
  .career__header .container:before {
    display: block;
  }
}
.career__header--content {
  height: auto;
  width: 96%;
}
.career__header--content p {
  margin: 10px 0;
}
.career__header--content .button {
  display: block;
  width: 50%;
}
@media (min-width: 768px) {
  .career__header--content .button {
    width: 300px;
  }
}
@media (min-width: 768px) {
  .career__header--content {
    width: 500px;
  }
}
.career__stats {
  margin: 30px auto;
}
.career__stats ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 576px) {
  .career__stats ul {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .career__stats ul {
    text-align: initial;
    align-items: initial;
  }
}
.career__stats ul li {
  margin: 15px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 576px) {
  .career__stats ul li {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .career__stats ul li {
    width: 29%;
    flex-direction: row;
  }
}
.career__stats ul li > img {
  height: 64px;
  width: 64px;
  display: block;
}
@media (min-width: 768px) {
  .career__stats ul li > img {
    height: 100px;
    width: 100px;
  }
}
.career__stats ul li div {
  width: 70%;
}
@media (min-width: 768px) {
  .career__stats ul li div {
    margin-left: 15px;
  }
}
.career__stats ul li div img {
  display: block;
  width: 54px;
  margin: 10px auto 0;
}
.career__job-info {
  padding: 30px 15px;
  text-align: center;
}
@media (min-width: 768) {
  .career__job-info {
    padding: 30px 5px;
  }
}
@media (max-width: 767px) {
  .career__job-list {
    margin: 0 !important;
    padding: 0 15px;
    background: linear-gradient(0deg, #f5f5f5 83.5%, #ffffff 15%);
  }
  .career__job-list > p {
    background-color: #ffffff;
    margin: 30px -15px;
    padding: 10px 15px;
    text-align: center;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    font-weight: 500;
  }
}
.career__job-list .tag {
  margin: 10px 5px 15px 0px;
}
@media (max-width: 767px) {
  .career__job-list .job-locations {
    position: relative;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    padding: 0 15px;
    background: #ffffff;
  }
}
.career__job-list .list-container {
  background-color: #f5f5f5;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 768px) {
  .career__job-list .list-container {
    flex-direction: row;
    padding: 7px;
  }
}
.career__job-list .list-container .job-offer {
  display: block;
  background-color: #ffffff;
  min-height: 100px;
  margin: 8px 0;
}
.career__job-list .list-container .job-offer:last-of-type {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .career__job-list .list-container .job-offer {
    margin: calc(4% / 6) !important;
    flex-basis: 32%;
  }
}
@media (min-width: 768px) {
  .career__job-list br {
    display: none;
  }
}
.career__benefits {
  padding-top: 20px;
  box-shadow: inset 2px 21px 25px -22px rgba(0, 0, 0, 0.2);
}
.career__benefits h3 {
  margin-top: 30px;
}
.career__benefits--list {
  margin: 30px 0;
}
.career__benefits--list > ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.career__benefits--list > ul ul {
  list-style-image: url(/img/career/list_arrow.png);
  list-style-position: outside;
  margin-left: 10px;
}
.career__benefits--list > ul > li {
  display: flex;
  flex-basis: 100%;
  max-width: unset;
}
@media (min-width: 768px) {
  .career__benefits--list > ul > li {
    width: auto;
    max-width: 18%;
    display: list-item;
    margin: unset;
  }
}
.career__benefits--list > ul > li img {
  height: 62px;
  width: 62px;
  align-self: flex-start;
  display: block;
  margin-right: 5px;
}
@media (min-width: 768px) {
  .career__benefits--list > ul > li img {
    margin-right: 0;
    align-self: center;
    height: 80px;
    width: 80px;
    margin-bottom: 15px;
  }
}
.career__benefits--list > ul > li li {
  margin: 10px 0 10px 5px;
}
.career__benefits--list > ul > li > div {
  margin: 0 0 10px 10px;
}
@media (min-width: 768px) {
  .career__benefits--list > ul > li > div {
    margin: unset;
  }
}
.career__benefits .apply-now {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 240px;
  position: relative;
}
@media (min-width: 768px) {
  .career__benefits .apply-now {
    height: 400px;
  }
}
.career__benefits .apply-now .button {
  width: 35%;
}
@media (min-width: 768px) {
  .career__benefits .apply-now .button {
    width: 30%;
  }
}
.career__benefits .apply-now picture {
  position: absolute;
  z-index: -1;
}
@media (min-width: 768px) {
  .career__benefits .apply-now picture {
    margin-left: unset;
  }
}
.career__benefits .recommend-friend {
  width: 100%;
  background-color: #f5f5f5;
  display: flex;
  flex-flow: row-reverse wrap-reverse;
  justify-content: flex-end;
  margin-top: 30px;
}
.career__benefits .recommend-friend img {
  align-self: center;
  flex-basis: 50%;
  width: 50%;
}
.career__benefits .recommend-friend img.img-circle {
  transform: scale(1.5);
}
.career__benefits .recommend-friend img.img-lion {
  transform: scaleX(-1);
}
.career__benefits .recommend-friend div {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 15px 0 0 15px;
}
.career__benefits .recommend-friend p {
  width: 87%;
}
@media (min-width: 768px) {
  .career__benefits .recommend-friend {
    width: 80%;
    height: 200px;
    margin: 140px auto 95px;
    flex-flow: row;
    justify-content: initial;
  }
  .career__benefits .recommend-friend img.img-circle {
    margin-left: -167px;
    transform: scale(1);
  }
  .career__benefits .recommend-friend img.img-lion {
    transform: scaleX(1);
  }
  .career__benefits .recommend-friend img {
    flex-basis: unset;
    width: auto;
  }
  .career__benefits .recommend-friend div {
    flex-basis: 60%;
    padding: 20px;
  }
}
.career .displate-slider {
  margin-bottom: 15px;
}
.career .displate-slider .slick-slide {
  margin: unset;
  height: initial;
}
.career .displate-slider .slick-slide > div {
  height: initial;
}
@media (max-width: 768px) {
  .career .displate-slider .displate-slider__slider {
    overflow-y: hidden !important;
  }
}
@media (max-width: 768px) {
  .career .displate-slider h3 {
    margin-left: 15px;
  }
}
.career div.job-offer-container {
  margin-top: 30px;
  margin-bottom: 20px;
  justify-content: space-between;
}
.career div.job-offer-container > div:first-child {
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .career div.job-offer-container > div:first-child {
    flex-basis: 60%;
  }
  .career div.job-offer-container > div:first-child > h2 {
    margin-top: 20px;
  }
}
.career div.job-offer-container > div:first-child .list__item {
  margin-bottom: 10px;
}
.career div.job-offer-container .button-container {
  flex-basis: 30%;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  padding: 24px 30px;
  min-height: 220px;
  margin: 30px;
  position: sticky;
  top: 109px;
  align-self: baseline;
}
.career div.job-offer-container .back-button {
  position: relative;
  margin-left: 20px;
}
.career div.job-offer-container .back-button:before {
  content: '';
  width: 12px;
  height: 12px;
  border-top: 1px solid #1185ed;
  border-left: 1px solid #1185ed;
  transform: rotate(-45deg);
  position: absolute;
  left: -18px;
  top: calc(50% - 6px);
}
.career div.job-offer-container .recruitment-process {
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .career div.job-offer-container .recruitment-process {
    width: 90%;
  }
}
.career div.job-offer-container .recruitment-process > div {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .career div.job-offer-container .recruitment-process > div {
    flex-basis: 23%;
    display: block;
    margin-bottom: unset;
  }
}
.career div.job-offer-container .recruitment-process > img {
  display: none;
  align-self: center;
}
@media (min-width: 768px) {
  .career div.job-offer-container .recruitment-process > img {
    display: block;
    height: 36px;
    width: 36px;
    margin: -49px 0 0 -44px;
  }
}
.career div.job-offer-container .recruitment-process p:nth-child(1) {
  flex-basis: 10%;
}
.career div.job-offer-container .recruitment-process p:nth-child(2) {
  flex-basis: 90%;
}
@media (min-width: 768px) {
  .career div.job-offer-container .recruitment-process p:nth-child(1) {
    flex-basis: 20%;
  }
  .career div.job-offer-container .recruitment-process p:nth-child(2) {
    flex-basis: 70%;
  }
}
.career div.job-offer-container .cta {
  display: block;
}
.career div.job-offer-container .button {
  width: 100%;
  display: block;
}
.career div.job-offer-container .mobile-back-button--container {
  position: relative;
}
.career div.job-offer-container .mobile-back-button--container .mobile-back-button:before {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  transform: rotate(-45deg);
  position: absolute;
  left: 15px;
  top: 8px;
}
.career div.job-offer-container .mobile-back-button--container hr {
  margin-left: -15px;
  width: 150%;
}
.flipper {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  cursor: pointer;
}
.flipper .front,
.flipper .back {
  display: block;
  backface-visibility: hidden;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform ease 500ms;
}
.flipper .front {
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.flipper .back {
  top: 2.1%;
  bottom: 3.5%;
  right: 3%;
  left: 3%;
  background-color: #f5f5f5;
  border: 2px solid #000;
  font-size: initial;
  line-height: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 25px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.flipper .back .text {
  font-size: 13px !important;
}
.flipper-container {
  width: 100px;
  height: 140px;
}
@media (min-width: 768px) {
  .flipper-container {
    width: 224px;
    height: 314px;
  }
}
.flipper-container .front {
  transform: rotateY(0deg);
}
.flipper-container .back {
  transform: rotateY(-180deg);
}
.flipper-container .flipper.flipped .front {
  transform: rotateY(180deg);
}
.flipper-container .flipper.flipped .back {
  transform: rotateY(0deg);
}
.calculator {
  flex-grow: 1;
  margin-right: 0;
}
@media (min-width: 992px) {
  .calculator {
    margin-right: 30px;
  }
}
.calculator .tooltipn__icon object {
  margin-bottom: -2px;
}
.calculator__wrapper {
  background: #f5f5f5;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 20px;
  margin-top: auto;
  position: relative;
}
@media (min-width: 768px) {
  .calculator__wrapper {
    margin-top: 120px;
  }
}
@media (min-width: 992px) {
  .calculator__wrapper {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .calculator__wrapper {
    padding: 40px;
  }
}
.calculator__text {
  max-width: 350px;
}
.calculator__text strong {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
}
.calculator__text--m {
  width: 130%;
  margin-left: -15%;
}
.calculator__item {
  flex-basis: 23%;
  position: relative;
}
.calculator__item > img {
  max-width: 100%;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .calculator__item > img {
    position: absolute;
    bottom: 110%;
    transform: translateX(-50%);
  }
}
.calculator__item--labels {
  flex-basis: 0;
  align-self: stretch;
  padding: 0;
}
@media (min-width: 768px) {
  .calculator__item--labels {
    flex-basis: 27%;
    align-self: auto;
    padding: auto;
  }
}
.calculator__item--labels .tooltip__icon img {
  margin-top: -3px;
}
.calculator__item--labels .tooltip__icon:hover img {
  content: url('/img/icons/question-mark-blue.png');
}
.calculator__item--labels .tooltip__text {
  width: 220px;
  white-space: normal;
}
.calculator__item--m {
  flex-basis: 33%;
  margin-top: 150px;
  margin-right: 0;
}
.calculator__item--m img {
  height: 100px;
}
@media (min-width: 375px) {
  .calculator__item--m {
    margin-top: 110px;
  }
}
@media (min-width: 768px) {
  .calculator__item--m {
    flex-basis: 19%;
    margin-top: 0;
    margin-right: 30px;
  }
  .calculator__item--m img {
    height: auto;
  }
}
.calculator__item--l {
  flex-basis: 33%;
  z-index: 3;
  white-space: nowrap;
  margin-right: 0;
}
.calculator__item--l img {
  height: 145px;
  max-width: 100px;
}
@media (min-width: 768px) {
  .calculator__item--l {
    flex-basis: 26%;
    margin-right: 30px;
  }
  .calculator__item--l img {
    height: auto;
    max-width: 100%;
  }
}
.calculator__item--xl {
  flex-basis: 33%;
  z-index: 2;
  white-space: nowrap;
}
.calculator__item--xl img {
  height: 200px;
  max-width: 140px;
  position: absolute;
  bottom: 110%;
  right: -6px;
}
@media (min-width: 576px) {
  .calculator__item--xl img {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
@media (min-width: 768px) {
  .calculator__item--xl img {
    height: auto;
    bottom: 110%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .calculator__item--xl {
    flex-basis: 35%;
  }
}
.calculator__label--heading {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
}
@media (min-width: 768px) {
  .calculator__label--heading {
    position: relative;
    width: auto;
  }
}
.calculator__label--commission {
  display: none;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .calculator__label--commission {
    display: block;
  }
}
.calculator__label--price {
  display: none;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .calculator__label--price {
    display: block;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .calculator__label--price {
    padding-bottom: 15px;
  }
}
.calculator__range-input {
  position: relative;
}
.calculator__bubble {
  position: absolute;
  left: 0;
  top: 42%;
  transform: translateY(-50%);
}
.calculator__price-m {
  font-family: 'proxima-nova', Corbel, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 8px 14px;
  margin: 3px auto;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.calculator__price-m::-ms-expand {
  display: none;
}
.calculator__placeholder {
  position: relative;
  height: 35px;
  white-space: nowrap;
  margin-top: 10px;
}
.calculator__placeholder img {
  position: relative;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-top: -5px;
  z-index: 5;
}
.calculator__placeholder p {
  position: absolute;
  left: 0;
  top: 2px;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.calculator__placeholder ~ .show-xs:not(.calculator__price-m),
.calculator__placeholder + p {
  margin-top: 0;
  padding-top: 0;
}
.calculator .show-xs {
  display: block;
}
@media (min-width: 768px) {
  .calculator .show-xs {
    display: none;
  }
}
.calculator .hide-xs {
  display: none;
}
@media (min-width: 768px) {
  .calculator .hide-xs {
    display: block;
  }
}
.calculator .show-s {
  display: block;
}
@media (min-width: 992px) {
  .calculator .show-s {
    display: none;
  }
}
.calculator .hide-s {
  display: none;
}
@media (min-width: 992px) {
  .calculator .hide-s {
    display: block;
  }
}
.share-and-earn {
  background: #f5f5f5;
  flex-basis: 100%;
  padding: 20px;
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .share-and-earn {
    padding: 40px 35px 25px;
  }
}
@media (min-width: 992px) {
  .share-and-earn {
    flex-basis: 25%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .share-and-earn {
    padding: 33px 35px 25px;
  }
}
.share-and-earn .social__icons {
  display: flex;
  justify-content: space-between;
}
.share-and-earn .social__icons img {
  height: 40px;
}
.limited-editions {
  background: #f5f5f5;
  overflow: hidden;
  min-height: 500px !important;
}
@media (min-width: 1200px) {
  .limited-editions {
    min-height: 600px !important;
  }
}
.limited-editions-landing {
  margin-top: 30px;
}
@media (min-width: 992px) {
  .limited-editions-landing {
    margin-top: 50px;
  }
}
.limited-editions-landing__lead {
  background: #ffffff;
  padding: 0 15px 15px 15px;
  position: relative;
}
.limited-editions-landing__lead h1,
.limited-editions-landing__lead p {
  color: #000;
}
.limited-editions-landing .pattern {
  position: absolute;
  pointer-events: none;
}
.limited-editions-landing .pattern_1 {
  top: -35vh;
  left: 9vw;
}
.limited-editions-landing .pattern_2 {
  left: -4vw;
  top: 70vh;
}
.limited-editions-landing .pattern_3 {
  top: 46.5vh;
  right: -9vw;
}
.limited-editions__promotion {
  background: #ffffff;
  padding: 35px 15px 35px 5px;
  position: relative;
  flex-direction: column;
}
@media (min-width: 992px) {
  .limited-editions__promotion {
    flex-direction: row;
  }
}
.limited-editions__features {
  background: #ffffff;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  padding: 35px 15px 35px 5px;
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .limited-editions__features {
    grid-template-columns: repeat(3, 1fr);
    padding: 37px;
  }
}
.limited-editions__features-tile {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
}
.limited-editions__features-tile div {
  text-align: center;
}
.limited-editions__features-tile p {
  font-size: 14px;
}
@media (min-width: 992px) {
  .limited-editions__features-tile {
    grid-column-gap: 15px;
  }
  .limited-editions__features-tile p {
    font-size: 16px;
  }
}
.limited-editions__features-tile div.svg-icon {
  justify-self: center;
  align-items: flex-start;
  width: 80px;
  height: auto;
}
@media (min-width: 992px) {
  .limited-editions__features-tile div.svg-icon {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 375px) {
  .limited-editions__features-tile {
    grid-template-columns: 1fr 3fr;
  }
  .limited-editions__features-tile div {
    text-align: left;
  }
}
.limited-editions__displates {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 30px;
  justify-items: center;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .limited-editions__displates {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .limited-editions__displates {
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 50px;
    min-height: 385px;
  }
}
.limited-editions__club-overlay {
  background: #ffffff;
  width: 200%;
  margin-left: -50%;
  margin-top: 50px;
  overflow: hidden;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.limited-editions__club-container {
  max-width: 100vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px;
}
@media (min-width: calc(1270px + 15px)) {
  .limited-editions__club-container {
    padding: 0 0;
    max-width: 1270px;
  }
}
@media (min-width: calc(1270px + 15px)) {
  .limited-editions__club-container {
    padding: 0 0;
    max-width: 1270px;
  }
}
.limited-editions__video-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 10px solid #ffffff;
  position: relative;
  cursor: pointer;
  background-image: url('/img/product/limited_video_placeholder_mobile.png');
  background-size: 100% 100%;
  width: 100%;
  height: calc(100vw - 30px);
}
@media (min-width: 768px) {
  .limited-editions__video-placeholder {
    height: 39vw;
    max-height: 495px;
    background-image: url('/img/product/limited_video_placeholder_desktop.png');
  }
}
#collectors-feed {
  min-height: 700px;
}
.collectors-feed__header {
  flex-basis: 100%;
  position: relative;
  margin: 7.5px 0;
}
@media (min-width: 768px) {
  .collectors-feed__header {
    margin: 15px 0;
    flex-basis: calc(50% - 7.5px);
  }
}
@media (min-width: 992px) {
  .collectors-feed__header {
    flex-basis: calc(50% - 15px);
  }
}
@media (min-width: 768px) {
  .collectors-feed__header h1 span {
    font-size: 42px;
    line-height: 42px;
  }
}
.collectors-feed__header h1 strong {
  font-size: 36px;
  line-height: 36px;
  display: block;
  margin: 0 0 0 -1px;
}
@media (min-width: 768px) {
  .collectors-feed__header h1 strong {
    font-size: 90px;
    line-height: 90px;
    margin: -10px 0 0 -3px;
  }
}
.collectors-feed__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding: 15px 0 30px;
}
@media (min-width: 768px) {
  .collectors-feed__content {
    padding: 30px 0;
  }
}
.collectors-feed__content:before {
  content: '';
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  pointer-events: none;
  background-image: url('/img/patterns/cyan_pattern_2.svg');
  top: -270px;
  left: 0;
  width: 200px;
  height: 280px;
}
@media (min-width: 768px) {
  .collectors-feed__content:before {
    top: -413px;
    left: -3px;
    height: 500px;
    width: 360px;
  }
}
.collectors-feed__show-more {
  width: 100%;
}
@media (min-width: 576px) {
  .collectors-feed__show-more {
    width: 270px;
  }
}
.collectors-feed .feed-item {
  flex-basis: 100%;
  position: relative;
  margin: 7.5px 0;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  will-change: transform;
}
@media (min-width: 768px) {
  .collectors-feed .feed-item {
    margin: 15px 0;
    flex-basis: calc(50% - 7.5px);
  }
}
@media (min-width: 992px) {
  .collectors-feed .feed-item {
    flex-basis: calc(50% - 15px);
  }
}
.collectors-feed .feed-item:hover {
  transform: translate3d(0, -7px, 0);
}
.collectors-feed .feed-item span {
  flex-shrink: 0;
}
.collectors-feed .feed-item__wrapper {
  position: relative;
  border: 5px solid #ffffff;
  min-height: 51.7vw;
}
@media (min-width: 768px) {
  .collectors-feed .feed-item__wrapper {
    min-height: 26.65vw;
  }
}
@media (min-width: 1300px) {
  .collectors-feed .feed-item__wrapper {
    min-height: 345.88px;
  }
}
.collectors-feed .feed-item__info {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 15px 10px;
  background: #ffffff;
}
@media (min-width: 576px) {
  .collectors-feed .feed-item__info {
    padding: 15px 20px 20px;
  }
}
.collectors-feed .feed-item__buyer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.collectors-feed .feed-item__image {
  transition: all 0.3s ease;
  max-width: 100%;
}
.collectors-feed .feed-item__city,
.collectors-feed .feed-item__name {
  text-transform: capitalize;
}
.collectors-feed .feed-item--placeholder .feed-item__wrapper {
  background: linear-gradient(-90deg, #f0f0f0 0%, #f8f8f8 50%, #f0f0f0 100%);
  background-size: 400% 400%;
  animation: pulse 1.2s ease-in-out infinite;
  padding-bottom: 55%;
  height: 0;
}
.collectors-feed .feed-item--placeholder .feed-item__count {
  display: inline-block;
  background: #f5f5f5;
  width: 180px;
  height: 18px;
}
.collectors-feed .feed-item--placeholder .feed-item__address {
  display: inline-block;
  background: #f5f5f5;
  width: 200px;
  height: 18px;
}
.collectors-feed .feed-item--placeholder:hover {
  transform: none;
}
.collectors-feed .popup__wrapper {
  max-height: 100vh;
  max-width: 100vw;
  width: 1000px;
  margin-bottom: 110px;
}
@media (min-width: 576px) {
  .collectors-feed .popup__wrapper {
    margin-bottom: 0;
  }
}
.collectors-feed .popup__wrapper .popup__content {
  padding: 0;
}
.collectors-feed .popup__wrapper .popup__floater {
  border-top: 1px solid #d2d2d2;
}
.collectors-feed .popup__wrapper .popup__floater > div {
  width: 100%;
}
@media (min-width: 576px) {
  .collectors-feed .popup__wrapper .popup__floater {
    padding: 20px 15px;
  }
}
.collectors-feed .popup__wrapper .button {
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}
@media (min-width: 576px) {
  .collectors-feed .popup__wrapper .button {
    padding-left: 70px;
    padding-right: 70px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .slider-artists {
    margin: 25px -7px -15px -7px;
  }
}
.slider-artists .slick-slide {
  margin: 0px 1vw 0 1.5vw;
}
@media screen and (min-width: 768px) {
  .slider-artists .slick-slide {
    margin: 0;
  }
}
.slider-artists .slick-slide.slick-active.slick-current .slider-artists-wrapper__item {
  border-right: 1px solid #d2d2d2;
}
.slider-artists--placeholder {
  transition: all 0.3s linear;
  pointer-events: none;
}
.slider-artists--placeholder .heading-placeholder {
  width: 150px;
  height: 28px;
  margin: 25px 0;
  background: linear-gradient(-90deg, #f0f0f0 0%, #f8f8f8 50%, #f0f0f0 100%);
  background-size: 400% 400%;
  animation: pulse 1.2s ease-in-out infinite;
}
@media (min-width: 992px) {
  .slider-artists--placeholder .heading-placeholder {
    margin: 0;
    height: 36px;
  }
}
.slider-artists--placeholder .displate-tile__image {
  background-image: none;
  background: linear-gradient(-90deg, #f0f0f0 0%, #f8f8f8 50%, #f0f0f0 100%);
  background-size: 400% 400%;
  animation: pulse 1.2s ease-in-out infinite;
}
.slider-artists--placeholder .slider-artists-wrapper__image-author {
  height: 56px;
  background: linear-gradient(-90deg, #f0f0f0 0%, #f8f8f8 50%, #f0f0f0 100%);
  background-size: 400% 400%;
  animation: pulse 1.2s ease-in-out infinite;
}
.slider-artists--placeholder .slider-artists-wrapper__text .tags-artist .tag,
.slider-artists--placeholder .slider-artists-wrapper__author-name a,
.slider-artists--placeholder .slider-artists-wrapper__link,
.slider-artists--placeholder .slider-artists-wrapper__text .count-artist__text,
.slider-artists--placeholder .slider-artists-wrapper__text .count-artist__text--blue {
  color: transparent;
  background: linear-gradient(-90deg, #f0f0f0 0%, #f8f8f8 50%, #f0f0f0 100%);
  background-size: 400% 400%;
  animation: pulse 1.2s ease-in-out infinite;
}
.slider-artists--placeholder .slick-next {
  opacity: 0;
}
.slider-artists-wrapper {
  padding: 0;
}
.slider-artists-wrapper__item-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
@media (min-width: 992px) {
  .slider-artists-wrapper__item-wrapper {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .slider-artists-wrapper__item-wrapper {
    padding: 0 22px 0 15px;
  }
}
.slider-artists-wrapper__image {
  flex-basis: 55px;
  position: relative;
  padding: 7px;
}
@media screen and (min-width: 768px) {
  .slider-artists-wrapper__image {
    flex-basis: 70px;
  }
}
.slider-artists-wrapper__image-author {
  border-radius: 50%;
  display: block;
  width: 100%;
  height: 41px;
}
@media screen and (min-width: 768px) {
  .slider-artists-wrapper__image-author {
    height: 56px;
  }
}
.slider-artists-wrapper__image::before {
  content: '';
  position: absolute;
  background-image: url(/img/what-a-displate/green_circle.png);
  width: 100%;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .slider-artists-wrapper__image::before {
    height: 55px;
  }
}
.slider-artists-wrapper__text {
  flex-basis: calc(100% - 77px);
  padding-left: 15px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .slider-artists-wrapper__text {
    padding-left: 0;
    flex-basis: 100%;
  }
}
.slider-artists-wrapper__text .count-artist {
  margin: 0 0 15px 0;
  display: flex;
  flex-basis: 100%;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 576px) {
  .slider-artists-wrapper__text .count-artist {
    justify-content: initial;
  }
}
@media screen and (max-width: 768px) {
  .slider-artists-wrapper__text .count-artist {
    margin: 0;
  }
}
.slider-artists-wrapper__text .count-artist__text {
  margin: 5px 10px 0 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .slider-artists-wrapper__text .count-artist__text {
    margin-top: 0;
    margin-bottom: 5px;
  }
}
.slider-artists-wrapper__text .count-artist__text--blue {
  color: #1185ed;
  font-weight: 700;
  display: flex;
}
@media screen and (min-width: 576px) {
  .slider-artists-wrapper__text .count-artist__text--blue {
    display: initial;
  }
}
.slider-artists-wrapper__text .count-artist__text--cyan {
  color: #00efd2;
  font-weight: 700;
}
.slider-artists-wrapper__text .count-artist__text--dot {
  margin-right: 10px;
}
.slider-artists-wrapper__text .tags-artist {
  margin-bottom: 10px;
  min-height: 34px;
  flex-basis: 100%;
}
@media screen and (min-width: 768px) {
  .slider-artists-wrapper__text .tags-artist {
    margin-bottom: 20px;
    min-height: 74px;
  }
}
.slider-artists-wrapper__text .tags-artist__tag {
  color: #000;
  margin: 5px 5px 5px 0;
  display: inline-block;
  padding: 5px;
  background-color: #f2f2f2;
}
@media screen and (min-width: 768px) {
  .slider-artists-wrapper__text .tags-artist__tag {
    padding: 5px 10px;
  }
}
.slider-artists-wrapper__author {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-basis: 100%;
}
.slider-artists-wrapper__author-name {
  margin: 10px 0 5px;
  font-size: 22px;
}
.slider-artists-wrapper__author-name a {
  color: #000;
}
@media screen and (min-width: 768px) {
  .slider-artists-wrapper__author-name {
    margin: 0;
  }
}
.slider-artists-wrapper__link {
  color: #1185ed;
}
.slider-artists-wrapper__link:active,
.slider-artists-wrapper__link:focus,
.slider-artists-wrapper__link:hover {
  color: #1185ed !important;
}
.slider-artists-wrapper__link--mobile {
  margin-bottom: 15px;
  flex-basis: 100%;
}
.slider-artists-wrapper__link:hover {
  text-decoration: underline;
}
.slider-artists-wrapper__links {
  display: flex;
  flex-basis: 100%;
}
@media screen and (min-width: 768px) {
  .slider-artists-wrapper__links {
    height: 191px;
  }
}
.slider-artists-wrapper__links-link {
  flex-basis: 22.2%;
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  .slider-artists-wrapper__links-link {
    margin-right: 30px;
  }
}
.slider-artists-wrapper__links-link:last-of-type {
  margin-right: 0;
}
.slider-artists-wrapper__links img {
  display: block;
  width: 100%;
  border-radius: 2%;
  outline: 2px solid hsla(0, 0%, 100%, 0.25);
  outline-offset: -2px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.contact-us-section {
  padding: 30px 0;
  position: relative;
}
.contact-us-section a {
  color: #1185ed;
}
.contact-us-section .slick-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 20px 0 15px;
}
@media (min-width: 768px) {
  .contact-us-section .slick-dots {
    padding: 35px 0;
  }
}
.contact-us-section .slick-dots li button {
  background: #00efd2;
  border: 2px solid #00efd2;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  padding: 2px;
  margin: 0 6px;
  font-size: 0;
}
.contact-us-section .slick-dots li.slick-active button {
  box-shadow: 0 0 0 2px #1185ed;
}
.contact-us-section--hero .contact-us__hero {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}
@media (min-width: 992px) {
  .contact-us-section--hero .contact-us__hero {
    padding: 30px 0;
  }
}
.contact-us-section--hero .contact-us__hero::before {
  content: '';
  background-image: url('/img/svg/backgrounds/bg-accent-waves.svg');
  background-size: cover;
  height: 200px;
  width: 250px;
  position: absolute;
  top: -150px;
  margin-left: calc(70% - 40px);
}
@media (min-width: 768px) {
  .contact-us-section--hero .contact-us__hero::before {
    background-size: cover;
    top: -30px;
    right: -60px;
    margin-left: 0;
  }
}
.contact-us-section--hero .contact-us__hero .hero__heading {
  display: flex;
  flex-direction: column;
  padding: 20px 15px 0 0;
}
@media (min-width: 768px) {
  .contact-us-section--hero .contact-us__hero .hero__heading {
    max-width: 100%;
  }
}
.contact-us-section--hero .contact-us__hero .hero__heading .heading__main {
  font-size: 36px;
  line-height: 1;
  max-width: 50%;
}
@media (min-width: 768px) {
  .contact-us-section--hero .contact-us__hero .hero__heading .heading__main {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .contact-us-section--hero .contact-us__hero .hero__heading .heading__main {
    font-size: 45px;
  }
}
@media (min-width: 1200px) {
  .contact-us-section--hero .contact-us__hero .hero__heading .heading__main {
    font-size: 90px;
  }
}
.contact-us-section--hero .contact-us__hero .hero__heading .heading__info {
  margin: 2rem 0;
  line-height: 24px;
}
@media (min-width: 768px) {
  .contact-us-section--hero .contact-us__hero .hero__heading .heading__info {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .contact-us-section--hero .contact-us__hero .hero__heading .heading__info {
    line-height: 26px;
    margin: 30px 0;
  }
}
.contact-us-section--hero .contact-us__hero .hero__image {
  position: absolute;
  right: 15%;
  top: -5%;
  width: 100px;
}
@media (min-width: 768px) {
  .contact-us-section--hero .contact-us__hero .hero__image {
    top: -70%;
    width: 300px;
  }
}
@media (min-width: 992px) {
  .contact-us-section--hero .contact-us__hero .hero__image {
    top: -50%;
    width: 350px;
  }
}
.contact-us-section--hero .contact-us__faq .faq__heading {
  line-height: 1;
  border-bottom: 1px solid #d2d2d2;
  padding: 15px 0 24px 0;
  font-size: 24px;
}
@media (min-width: 768px) {
  .contact-us-section--hero .contact-us__faq .faq__heading {
    padding: 15px 0 40px 0;
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .contact-us-section--hero .contact-us__faq .faq__item--title {
    padding: 15px 40px 15px 0;
  }
}
.contact-us-section--hero .contact-us__faq .faq__table {
  max-width: 100%;
  overflow-x: hidden;
  font-size: 14px;
}
@media (min-width: 768px) {
  .contact-us-section--hero .contact-us__faq .faq__table {
    font-size: 16px;
  }
}
.contact-us-section--hero .contact-us__faq .faq__table th,
.contact-us-section--hero .contact-us__faq .faq__table td {
  border: 1px solid #d2d2d2;
}
.contact-us-section--chatbot {
  padding: 0;
  margin: 30px 0;
}
.contact-us-section--chatbot .container {
  padding-top: 90px;
  padding-bottom: 90px;
}
.contact-us-section--chatbot::before,
.contact-us-section--chatbot::after {
  height: 150px;
  margin: 0;
}
.contact-us-section--chatbot::after {
  background-image: url('/img/svg/backgrounds/bg-wave--5.svg');
}
@media (min-width: 768px) {
  .contact-us-section--chatbot {
    margin: 0;
  }
}
.contact-us__chatbot {
  position: relative;
}
.contact-us__chatbot .chatbot__header {
  line-height: 1.5;
  max-width: 100%;
  padding-top: 100px;
}
@media (min-width: 1070px) {
  .contact-us__chatbot .chatbot__header {
    max-width: 50%;
    padding-top: 0;
  }
}
.contact-us__chatbot .chatbot__header .chatbot__header-content {
  max-width: 100%;
}
@media (min-width: 768px) {
  .contact-us__chatbot .chatbot__header .chatbot__header-content {
    max-width: 50%;
  }
}
@media (min-width: 1070px) {
  .contact-us__chatbot .chatbot__header .chatbot__header-content {
    max-width: 100%;
  }
}
.contact-us__chatbot .chatbot__bonus-info {
  background: #e9e9e9;
  padding: 15px;
  margin: 2rem 0;
  display: flex;
  justify-content: space-between;
  max-width: 100%;
}
@media (min-width: 768px) and (max-width: 1070px) {
  .contact-us__chatbot .chatbot__bonus-info {
    justify-content: flex-start;
  }
}
.contact-us__chatbot .chatbot__bonus-info img {
  margin: 0 20px 0 0;
}
.contact-us__chatbot .chatbot__image {
  position: absolute;
  top: -200px;
  right: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 440px;
  max-width: 100%;
}
@media (min-width: 450px) {
  .contact-us__chatbot .chatbot__image {
    top: -120px;
  }
}
@media (min-width: 768px) {
  .contact-us__chatbot .chatbot__image {
    max-width: 50%;
    transform: none;
    width: auto;
    left: initial;
  }
}
@media (min-width: 1100px) {
  .contact-us__chatbot .chatbot__image {
    max-width: 100%;
  }
}
.contact-us__options {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  z-index: 2;
  justify-content: center;
  padding: 0 30px;
  background: #f5f5f5;
}
@media (min-width: 768px) {
  .contact-us__options {
    justify-content: space-between;
    padding: 0;
  }
}
.contact-us__options::before {
  content: none;
}
@media (min-width: 768px) {
  .contact-us__options::before {
    content: '';
    background-image: url('/img/svg/backgrounds/bg-accent-shapes.svg');
    background-size: cover;
    position: absolute;
    z-index: 1;
    top: 20%;
    left: -5%;
    width: 670px;
    height: 475px;
  }
}
.contact-us__options .chatbot__tile {
  background: #ffffff;
  padding: 30px;
  width: 95%;
  margin: 1rem 0;
  z-index: 2;
  min-height: 500px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.contact-us__options .chatbot__tile > div {
  margin-bottom: 15px;
}
.contact-us__options .chatbot__tile span {
  display: block;
}
.contact-us__options .chatbot__tile button:disabled {
  background-color: #d2d2d2 !important;
  color: #ffffff;
  box-shadow: none;
  pointer-events: none !important;
}
.contact-us__options .chatbot__tile button:disabled:hover,
.contact-us__options .chatbot__tile button:disabled:active {
  background-color: #d2d2d2 !important;
  color: #ffffff;
  box-shadow: none;
  cursor: default;
}
@media (min-width: 768px) {
  .contact-us__options .chatbot__tile {
    width: 49%;
    min-height: 350px;
  }
}
@media (min-width: 992px) {
  .contact-us__options .chatbot__tile {
    width: 31%;
    min-height: 400px;
  }
}
.contact-us-section--email {
  z-index: 1;
}
.contact-us-section--email .container {
  margin-top: 30px;
  margin-bottom: 30px;
}
.contact-us-section--email .mail__image-wrapper {
  margin-bottom: 30px;
}
.contact-us-section--email .mail__image {
  max-width: 100%;
  margin: -90px 60px 0;
}
.contact-us-section--email .email__heading {
  line-height: 1;
}
.contact-us-section--email .email__info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.contact-us-section--email .email__info::after {
  content: none;
}
.contact-us-section--email .email__info-text {
  max-width: 100%;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .contact-us-section--email .email__info::after {
    content: '';
    background-image: url('/img/svg/backgrounds/bg-accent-waves.svg');
    background-size: cover;
    top: 30px;
    right: 5%;
    margin-left: 0;
    width: 280px;
    height: 200px;
    position: absolute;
  }
  .contact-us-section--email .email__info-text {
    max-width: 50%;
  }
}
.contact-us-section--returns {
  border-bottom: 1px solid #d2d2d2;
  background: #f5f5f5;
}
.contact-us-section--returns .contact-us__address-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contact-us-section--returns .contact-us__address-wrapper .address-info {
  width: 100%;
  line-height: 1.5;
  padding: 30px 0;
}
.contact-us-section--returns .contact-us__address-wrapper .address-info__inner {
  margin: 1rem 0;
}
.contact-us-section--returns .contact-us__address-wrapper .address-info:first-of-type {
  border-bottom: 1px solid #d2d2d2;
}
@media (min-width: 1024px) {
  .contact-us-section--returns {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .contact-us-section--returns .contact-us__address-wrapper .address-info {
    width: 50%;
    padding: 0 60px;
    margin: 60px 0;
  }
  .contact-us-section--returns .contact-us__address-wrapper .address-info:first-of-type {
    border-right: 1px solid #d2d2d2;
    border-bottom: none;
    padding-left: 0;
  }
}
.slider-wrapper {
  padding: 0;
}
.slider-wrapper__all {
  max-width: 1270px;
  margin: 50px auto 30px;
}
.slider-wrapper__title {
  margin: 15px 0px;
  padding-left: 15px;
}
@media screen and (min-width: 992px) {
  .slider-wrapper__title {
    padding-left: 0;
  }
}
.slider-wrapper__slider .owl-nav {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  .slider-wrapper__slider .owl-nav .owl-prev {
    left: -1%;
  }
}
@media (min-width: 1200px) {
  .slider-wrapper__slider .owl-nav .owl-prev {
    left: -3%;
  }
}
@media (min-width: 992px) {
  .slider-wrapper__slider .owl-nav .owl-next {
    right: -1%;
  }
}
@media (min-width: 1200px) {
  .slider-wrapper__slider .owl-nav .owl-next {
    right: -3%;
  }
}
.slider-wrapper__slider .owl-stage {
  margin-left: -30px;
}
@media (min-width: 992px) {
  .slider-wrapper__slider .owl-stage {
    margin-left: initial;
  }
}
.slider-wrapper__item-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
@media (min-width: 992px) {
  .slider-wrapper__item-wrapper {
    padding: 0 20px;
  }
}
.slider-wrapper__image {
  flex-basis: 70px;
  position: relative;
  padding: 7px;
}
@media screen and (max-width: 768px) {
  .slider-wrapper__image {
    flex-basis: 55px;
  }
}
.slider-wrapper__image::before {
  content: '';
  position: absolute;
  background-image: url(/img/what-a-displate/green_circle.png);
  width: 100%;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .slider-wrapper__image::before {
    height: 55px;
  }
}
.slider-wrapper__image-author {
  border-radius: 50%;
}
.slider-wrapper__text {
  flex-basis: 80%;
  padding-left: 15px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .slider-wrapper__text {
    padding-left: 0;
    flex-basis: 100%;
  }
}
.slider-wrapper__author {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-basis: 100%;
}
.slider-wrapper__author-name {
  margin: 0;
  font-size: 22px;
}
.slider-wrapper__author-name a {
  color: #000;
}
@media screen and (max-width: 768px) {
  .slider-wrapper__author-name {
    margin-top: 10px;
    margin-bottom: 5px;
  }
}
.slider-wrapper__link {
  color: #1185ed;
}
.slider-wrapper__link--mobile {
  margin-bottom: 15px;
  flex-basis: 100%;
}
.slider-wrapper__link:hover {
  text-decoration: underline;
}
.slider-wrapper__links {
  display: flex;
  flex-basis: 100%;
  justify-content: space-between;
}
.slider-wrapper__links-link {
  flex-basis: 22.2%;
}
.slider-wrapper__links img {
  border-radius: 2%;
  outline: 2px solid hsla(0, 0%, 100%, 0.25);
  outline-offset: -2px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.slider-wrapper .count-artist {
  margin: 0 0 15px 0;
  display: flex;
  flex-basis: 100%;
}
@media screen and (max-width: 768px) {
  .slider-wrapper .count-artist {
    margin: 0;
  }
}
.slider-wrapper .count-artist__text {
  margin: 5px 10px 0 0;
}
@media screen and (max-width: 768px) {
  .slider-wrapper .count-artist__text {
    margin-top: 0;
    margin-bottom: 5px;
  }
}
.slider-wrapper .count-artist__text--blue {
  color: #1185ed;
  font-weight: 700;
}
.slider-wrapper .tags-artist {
  margin-bottom: 20px;
  min-height: 34px;
  flex-basis: 100%;
}
@media screen and (max-width: 768px) {
  .slider-wrapper .tags-artist {
    margin-bottom: 10px;
  }
}
.slider-wrapper .tags-artist__tag {
  color: #000;
  margin: 5px 5px 5px 0;
  display: inline-block;
  padding: 5px 10px;
  background-color: #f2f2f2;
}
@media screen and (max-width: 768px) {
  .slider-wrapper .tags-artist__tag {
    padding: 5px;
  }
}
.about-magnet {
  max-width: 1345px;
  margin: 0 auto 8rem auto;
  display: flex;
  justify-content: center;
  padding: 30px 15px;
}
.about-magnet__content {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
  flex-basis: 45%;
  padding: 45px 80px 45px 40px;
  position: relative;
  background-color: #ffffff;
}
.about-magnet__content::after {
  content: '';
  position: absolute;
  width: 250px;
  height: 355px;
  background-image: url(/img/what-a-displate/header_left.png);
  bottom: -10%;
  left: -100px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 1024px) {
  .about-magnet__content {
    flex-basis: 100%;
    padding: 20px;
  }
}
.about-magnet__image {
  flex-basis: 55%;
  transform: translate(-40px, 80px);
  background-color: #ffffff;
  position: relative;
  max-height: 400px;
  height: 56.25%;
  margin-right: -1px;
  width: 55%;
  box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.2), 0 0 35px rgba(0, 0, 0, 0.2);
}
.about-magnet__image::after {
  content: '';
  position: absolute;
  width: 350px;
  height: 100%;
  background-image: url(/img/what-a-displate/header_right.png);
  top: 50%;
  right: -60px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 1024px) {
  .about-magnet__image {
    display: none;
  }
}
.about-magnet .content-image {
  width: 100%;
  height: auto;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .about-magnet .content-image {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .about-magnet .content-title {
    margin: 10px 0;
  }
}
@media screen and (max-width: 1024px) {
  .about-magnet .show-large {
    display: none;
  }
}
.about-magnet text {
  margin-top: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .about-magnet text {
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .about-magnet {
    margin-top: 20px;
  }
}
.category-page--loader {
  height: 80vh;
}
.category-page .posters-grid .displate-tile {
  margin: 0;
}
@media (min-width: 991px) {
  .category-page .posters-grid .displate-tile {
    width: 20%;
  }
}
.category-page .posters-grid .button {
  width: auto;
}
.category-page h1 {
  margin-top: 24px;
  margin-bottom: 28px;
}
.category-page .partners-slider {
  margin: -15px -50px -25px;
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 768px) {
  .category-page .partners-slider {
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) {
  .category-page .partners-slider__inner {
    margin: 16px 30px 30px -7px;
    padding: 0px 0 15px 15px;
  }
}
.category-page .breadcrumbs {
  display: flex;
}
.magnet-3d-landing-page {
  font-size: 16px;
  line-height: 24px;
}
.magnet-3d-landing-page .row {
  display: flex;
  flex-direction: column;
  padding: 0;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .row {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .magnet-3d-landing-page {
    font-size: 18px;
    line-height: 32px;
  }
}
.magnet-3d-landing-page__actions .actions__box {
  display: flex;
  flex-direction: column;
  margin: 10px 0 24px;
}
.magnet-3d-landing-page__actions .actions__box .box-row {
  display: flex;
}
.magnet-3d-landing-page__actions .actions__selects {
  position: relative;
}
.magnet-3d-landing-page__actions .actions__heading {
  margin-bottom: 32px;
}
.magnet-3d-landing-page__actions .actions__heading .heading-strong {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 28px 0 5px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page__actions .actions__heading {
    margin-bottom: 10px;
  }
}
.magnet-3d-landing-page__actions .magnet-3d-price {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.magnet-3d-landing-page__actions .magnet-3d-lowest-price {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 20px;
}
.magnet-3d-landing-page__actions .actions-validation-error {
  color: #ff1744;
  margin-top: 5px;
}
.magnet-3d-landing-page__actions .info-box {
  margin: 22px 0 18px;
}
.magnet-3d-landing-page__actions .button--primary {
  width: 100%;
  max-width: 310px;
  height: 48px;
}
.magnet-3d-landing-page__actions .button--primary.button--processing {
  background-position: center;
}
.magnet-3d-landing-page__actions .select {
  width: 90px;
  height: 48px;
  margin-right: 54px;
}
.magnet-3d-landing-page__actions .select--mobile-trigger {
  pointer-events: none;
}
.magnet-3d-landing-page__actions .select--mobile-only {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.magnet-3d-landing-page__actions .select .select__control {
  height: 100%;
}
.magnet-3d-landing-page__actions .select__single-value {
  margin-left: 8px;
  font-weight: 800;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page__actions .select--mobile-only {
    display: none;
  }
  .magnet-3d-landing-page__actions .select--mobile-trigger {
    pointer-events: all;
  }
}
@media (min-width: 768px) {
  .magnet-3d-landing-page__actions {
    order: 3;
  }
}
.magnet-3d-landing-page__info {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: auto;
}
.magnet-3d-landing-page__info .info__text .text-list {
  margin-left: 10px;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page__info .info__text {
    order: 2;
    max-width: 510px;
  }
}
@media (min-width: 768px) {
  .magnet-3d-landing-page__info {
    max-width: 555px;
  }
}
.info-box {
  display: flex;
  align-items: center;
  padding: 16px 16px 16px 24px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
}
.info-box .svg-icon {
  width: 16px;
  height: 16px;
  margin-right: 12px;
}
.info-box--alert {
  background-color: #fdedef;
}
.magnet-3d-landing-page .info-heading {
  display: none;
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 24px;
}
.magnet-3d-landing-page .info-heading--mobile-only {
  display: block;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .info-heading {
    order: 1;
    display: block;
    margin-bottom: 8px;
    font-size: 48px;
    line-height: 48px;
  }
  .magnet-3d-landing-page .info-heading--mobile-only {
    display: none;
  }
}
.info__reminder {
  display: flex;
  margin-bottom: 24px;
}
.info__reminder .reminder-icon {
  height: 30px;
  min-width: 30px;
  margin-right: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  background-color: #f6f7f8;
}
.info__reminder b {
  font-weight: 800;
}
@media (min-width: 768px) {
  .info__reminder {
    order: 3;
    margin-bottom: 0;
  }
}
.magnet-3d-landing-page .hero__image {
  width: calc(100% + 30px);
  margin: 0 -15px;
  clip-path: inset(0 0 10px 0);
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .hero__image {
    width: 100%;
    margin: 0;
    margin-left: auto;
  }
}
.magnet-3d-landing-page .hero__image video {
  width: 100%;
}
.magnet-3d-landing-page .hero__container {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 36px 0;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .hero__container {
    flex-direction: row;
    margin: 80px 0 100px;
  }
}
.magnet-3d-landing-page .hero__heading-text {
  font-weight: 600;
  flex-shrink: 0;
  font-size: 45px;
  line-height: 50px;
  text-align: center;
  margin-right: 0;
}
.magnet-3d-landing-page .hero__heading-text span {
  font-weight: 400;
  color: #000;
  font-size: 30px;
  line-height: 45px;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .hero__heading-text {
    margin-right: 50px;
    text-align: left;
    line-height: 42px;
  }
}
@media (min-width: 1200px) {
  .magnet-3d-landing-page .hero__heading-text {
    font-size: 60px;
    line-height: 58px;
  }
  .magnet-3d-landing-page .hero__heading-text span {
    font-size: 40px;
  }
}
.magnet-3d-landing-page .slider {
  width: 100%;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .slider {
    margin-right: 44px;
  }
}
.magnet-3d-landing-page .slider .basic-image-slider-container {
  width: calc(100% + 30px);
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .slider .basic-image-slider-container {
    width: 100%;
    height: 600px;
  }
}
@media (min-width: 1025px) {
  .magnet-3d-landing-page .slider .basic-image-slider-container {
    height: 450px;
  }
}
.magnet-3d-landing-page .slider .basic-image-slider-container .slider-preview-tooltips__el {
  position: absolute;
  z-index: 100;
  top: 35%;
  right: 57%;
  padding: 0 12px;
}
.magnet-3d-landing-page .slider .basic-image-slider-container .gallery-container__image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.magnet-3d-landing-page .slider .basic-image-slider-container .gallery-container__image .image-wrapper {
  height: 100%;
}
.magnet-3d-landing-page .slider .basic-image-slider-container .gallery-container__image .image-wrapper span {
  height: 100%;
}
.magnet-3d-landing-page .slider .product-image-row {
  margin: 0;
  border: 0.5px solid #d2d2d2;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .slider .product-image-row {
    margin: 0 0 0 38px;
    height: 450px;
  }
}
.magnet-3d-landing-page .actions.row {
  align-items: center;
}
.magnet-3d-landing-page .hero-slider-navigation__image {
  width: 100% !important;
}
.magnet-3d-landing-page .hero-slider-navigation__image {
  border: 0.5px solid #d2d2d2;
}
/* purgecss start ignore */
.magnet-3d-landing-page .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  overflow: hidden;
  max-width: 1028px;
  display: flex;
  flex-direction: column;
  margin: 24px auto;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .video {
    margin: 30px auto 50px auto;
  }
}
.magnet-3d-landing-page .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.magnet-3d-landing-page .video-title {
  font-weight: 600;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  margin-top: 64px;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .video-title {
    font-size: 36px;
    line-height: 40px;
    margin-top: 100px;
  }
}
.magnet-3d-landing-page .video .vimeo-loading {
  display: none;
}
.magnet-3d-landing-page .video-section-wrapper {
  max-width: 1028px;
  margin: 0 auto;
}
/* purgecss end ignore */
.magnet-3d-landing-page .instructions {
  max-width: 1028px;
  background: #f6f7f8;
  border-radius: 5px;
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  margin-top: 0px;
  margin-bottom: 64px;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .instructions {
    flex-direction: row;
    margin: 64px auto;
  }
}
.magnet-3d-landing-page .instructions .icon {
  display: flex;
  align-items: center;
  border-right: none;
  border-bottom: 0.5px solid #ccd3d7;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 5px;
}
.magnet-3d-landing-page .instructions .icon svg {
  width: 24px;
  height: 24px;
  margin-right: 20px;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .instructions .icon {
    border-right: 0.5px solid #ccd3d7;
    padding: 0 30px 0 20px;
    border-bottom: none;
    justify-content: center;
    flex-direction: column;
  }
  .magnet-3d-landing-page .instructions .icon svg {
    width: 59px;
    height: 59px;
    margin-right: 0;
  }
}
.magnet-3d-landing-page .instructions .description {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 2;
  padding: 20px 5px 15px 5px;
  font-size: 14px;
  line-height: 27px;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .instructions .description {
    padding: 40px 26px 40px 30px;
    font-size: 18px;
    line-height: 32px;
  }
}
.magnet-3d-landing-page .instructions .icon-text {
  color: #1185ed;
  font-size: 14px;
  font-weight: 600;
  line-height: 27px;
}
@media (min-width: 768px) {
  .magnet-3d-landing-page .instructions .icon-text {
    font-size: 18px;
    line-height: 32px;
  }
}
.gift-card__background {
  width: 100%;
  background: url(/img/gift_card/gift_card_lines.svg), #f2f2f2;
  position: relative;
  padding-top: 10px;
}
@media (min-width: 992px) {
  .gift-card__background {
    padding-top: 0;
  }
}
.gift-card__background:before {
  content: url(/img/gift_card/gift_card_waves.svg);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .gift-card__background:before {
    height: 180px;
  }
}
@media (min-width: 2200px) {
  .gift-card__background:before {
    height: 290px;
  }
}
.gift-card__background:after {
  content: url(/img/gift_card/gift_card_waves.svg);
  opacity: 0.3;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  overflow: hidden;
  transform: translateY(-15px);
}
@media (min-width: 992px) {
  .gift-card__background:after {
    height: 180px;
  }
}
@media (min-width: 2200px) {
  .gift-card__background:after {
    height: 290px;
  }
}
@media (min-width: 768px) {
  .gift-card__background .container {
    padding-top: 10px;
  }
}
.gift-card .breadcrumbs {
  display: block;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .gift-card .breadcrumbs {
    margin-top: 20px;
  }
}
.gift-card .breadcrumbs__item {
  text-transform: none;
}
.gift-card .container--sliders {
  overflow: hidden;
}
@media (min-width: 1350px) {
  .gift-card .container--sliders {
    overflow: unset;
  }
}
.gift-card .owners-slider .slick-list {
  overflow: hidden;
}
.gift-card .sliders-inner {
  width: calc(100% + 100px);
  margin-left: -50px;
  padding: 10px 50px 0;
  overflow: hidden;
}
.gift-card div.container--sliders {
  padding-top: 30px;
}
@media (min-width: 768px) {
  .gift-card div.container--sliders {
    padding-top: 70px;
  }
}
.gift-card-pay-success {
  min-height: 50vh;
}
.gift-card-pay-success__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
}
.gift-card-pay-success .card-container {
  margin-top: 30px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .gift-card-pay-success .card-container {
    margin-top: 80px;
    margin-bottom: 30px;
  }
}
.gift-card-pay-success .card-container__gift-card-image {
  width: 200px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .gift-card-pay-success .card-container__gift-card-image {
    width: 275px;
  }
}
.gift-card-pay-success .card-container__gift-card-image--animate {
  animation: card-fly cubic-bezier(0.45, 0.05, 0.55, 0.95);
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}
.gift-card-pay-success__message {
  margin-top: 8px;
}
.gift-card-pay-error__inner {
  padding-top: 15px !important;
}
@media (min-width: 768px) {
  .gift-card-pay-error__inner {
    margin-top: unset;
  }
}
@keyframes card-fly {
  0%,
  100% {
    transform: translateY(0) rotate(-8deg);
  }
  50% {
    transform: translateY(-5px) rotate(-9deg);
  }
}
@keyframes card-left-to-right {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-10px);
  }
}
.gift-card--checkout .checkout-loader {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
  z-index: 999;
}
.gift-card--checkout .gift-card-image {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.gift-card__hero {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.gift-card__hero .hero-heading {
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 32px;
}
.gift-card__hero .hero-row {
  display: flex;
  flex-direction: column;
}
.gift-card__hero .hero-image {
  width: 100%;
}
.gift-card__hero .hero-image img {
  max-width: 100%;
}
@media (min-width: 992px) {
  .gift-card__hero .hero-heading {
    margin-bottom: 23px;
    font-size: 36px;
    line-height: 40px;
  }
  .gift-card__hero .hero-row {
    flex-direction: row;
  }
  .gift-card__hero .hero-image {
    width: 52%;
    overflow: unset;
  }
  .gift-card__hero .hero-image .lazy-load-image-loaded {
    width: 100%;
    margin: unset;
  }
  .gift-card__hero .hero-image img {
    transform: translate(-13px, -7px);
  }
}
.gift-card-buy-form-container {
  width: 100%;
  margin-top: 24px;
  padding-bottom: 24px;
}
.gift-card-buy-form-container .section-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.gift-card-buy-form-container hr {
  margin: 20px auto;
}
.gift-card-buy-form-container hr:last-of-type {
  margin-top: 13px;
}
.gift-card-buy-form-container .card-value {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 38px;
}
.gift-card-buy-form-container .card-value__column {
  width: 100%;
  margin-top: 20px;
}
.gift-card-buy-form-container .card-value__column:first-of-type {
  margin-top: 0;
}
.gift-card-buy-form-container .card-value .currency-value {
  flex-shrink: 0;
  font-size: 28px;
  line-height: 32px;
  margin-right: auto;
  font-weight: 600;
}
.gift-card-buy-form-container .card-value p {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .gift-card-buy-form-container .card-value {
    margin-bottom: 30px;
  }
  .gift-card-buy-form-container .card-value__column {
    width: 48%;
    margin-top: 0;
  }
  .gift-card-buy-form-container .card-value .currency-value {
    width: 100px;
    margin-right: 0;
  }
  .gift-card-buy-form-container .card-value p {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    max-width: 430px;
  }
}
.gift-card-buy-form-container .required-fields-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 38px;
}
.gift-card-buy-form-container .required-fields-container div {
  width: 100%;
  margin-top: 20px !important;
}
.gift-card-buy-form-container .required-fields-container div:first-of-type {
  margin-top: 0 !important;
}
@media (min-width: 992px) {
  .gift-card-buy-form-container .required-fields-container {
    margin-bottom: 30px;
  }
  .gift-card-buy-form-container .required-fields-container div {
    width: 48%;
    margin-top: 0 !important;
  }
  .gift-card-buy-form-container .required-fields-container div:last-of-type {
    margin-top: 23px !important;
  }
}
.gift-card-buy-form-container .note {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.gift-card-buy-form-container .note__characters-available {
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  color: #6e6e6e;
  margin-top: 11px;
}
.gift-card-buy-form-container .note__field {
  margin-top: 11px;
}
.gift-card-buy-form-container .note__field textarea {
  resize: none;
  height: 85px;
  padding: 9px 13px;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
}
.gift-card-buy-form-container .note__field textarea::placeholder {
  color: #6e6e6e;
}
.gift-card-buy-form-container .note__checkbox {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.gift-card-buy-form-container .note__label {
  font-size: 16px;
  font-weight: 300;
}
.gift-card-buy-form-container .note__label--active {
  font-weight: 600;
  font-size: 18px;
}
@media (min-width: 992px) {
  .gift-card-buy-form-container .note {
    flex-direction: column-reverse;
  }
  .gift-card-buy-form-container .note__characters-available {
    text-align: end;
    transform: translateY(-10px);
    margin-top: 0;
  }
  .gift-card-buy-form-container .note__field {
    margin-top: 0;
    transform: translateY(-7px);
  }
  .gift-card-buy-form-container .note__checkbox {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .gift-card-buy-form-container .note__label {
    margin-left: 15px;
  }
}
.gift-card-buy-form-container .submit-row {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 80px;
}
.gift-card-buy-form-container .submit-row button {
  width: 100%;
}
.gift-card-buy-form-container .submit-row span {
  margin-top: 18px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}
@media (min-width: 992px) {
  .gift-card-buy-form-container .submit-row {
    flex-direction: row;
    padding-bottom: 200px;
  }
  .gift-card-buy-form-container .submit-row button {
    width: 70%;
  }
  .gift-card-buy-form-container .submit-row span {
    width: 120px;
    margin: 0 0 0 24px;
    font-size: 16px;
    line-height: 24px;
    text-align: start;
  }
}
@media (min-width: 1600px) {
  .gift-card-buy-form-container .submit-row {
    padding-bottom: 180px;
  }
}
@media (min-width: 992px) {
  .gift-card-buy-form-container {
    margin-top: 0;
    padding-bottom: 0;
  }
}
.gift-card-wrapper {
  width: calc(100% + 30px);
  margin: 24px -15px 0;
  padding-top: 25px;
  background-color: #f5f5f5;
  border-radius: 10px 10px 0 0;
  margin-bottom: 25px;
  box-shadow: 0px -3px 13px 10px rgba(0, 0, 0, 0.09);
}
.gift-card-wrapper .gift-card__background .container {
  position: relative;
  z-index: 1;
  padding-top: 0;
}
.gift-card__info {
  padding-bottom: 10px;
  background-color: #ffffff;
  box-shadow: inset 10px -40px 45px -30px rgba(0, 0, 0, 0.07);
}
.gift-card__info .section-with-nav {
  background-color: unset;
  box-shadow: none;
}
.gift-card__info .product-details--mobile {
  margin-top: 40px;
  padding-top: 15px;
  background-color: #ffffff;
}
.gift-card__info .product-details--mobile .tabs {
  margin-bottom: 40px;
}
.gift-card__info .tab-list {
  position: relative;
  border-bottom: none;
}
.gift-card__info .tab-list__item {
  position: relative;
  z-index: 1;
}
.gift-card__info .tab-list__item:last-child {
  margin-left: 80px;
}
.gift-card__info .faq__wrapper {
  border-top: 1px solid #d2d2d2;
}
.gift-card__info .about {
  display: flex;
}
.gift-card__info .about-col {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
}
.gift-card__info .about-col:first-child {
  border-top: 1px solid #d2d2d2;
}
.gift-card__info .about-col:last-child {
  display: none;
}
.gift-card__info .about-col img {
  width: 100%;
}
@media (min-width: 992px) {
  .gift-card__info .about-col {
    max-width: 50%;
  }
  .gift-card__info .about-col:first-child {
    margin-right: 40px;
  }
  .gift-card__info .about-col:last-child {
    display: flex;
  }
}
.gift-card__info .about .row {
  display: flex;
  margin-bottom: 0;
}
.gift-card__info .about .text {
  margin-top: 20px;
}
.gift-card__info .about .text--heading {
  margin-top: 60px;
  font-size: 22px;
  font-weight: 600;
}
.gift-card__info .about .text:nth-child(2) {
  width: 98%;
}
.gift-card__info .about .sub-col--text {
  width: 100%;
  margin-bottom: 115px;
}
.gift-card__info .about .sub-col--image {
  align-self: flex-end;
  width: 100%;
  max-width: 220px;
}
@media (min-width: 768px) {
  .gift-card__info {
    padding-bottom: 0;
    box-shadow: inset 10px -40px 45px -30px rgba(0, 0, 0, 0.2);
  }
}
.add-to-cart-mixin {
  margin-top: 16px;
}
.add-to-cart-mixin .quantity-label {
  font-size: 18px;
  line-height: 32px;
}
.add-to-cart-mixin__box {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.add-to-cart-mixin__box .box-row {
  display: flex;
}
.add-to-cart-mixin .select-width {
  width: 100%;
  max-width: 96px;
}
.add-to-cart-mixin__selects {
  width: 100%;
  max-width: 96px;
  position: relative;
}
.add-to-cart-mixin__validation-error {
  color: #ff1744;
  margin-top: 5px;
}
.add-to-cart-mixin .button--primary {
  margin-left: 24px;
  width: 100%;
  max-width: 374px;
  height: 48px;
  font-size: 18px;
  line-height: 24px;
}
.add-to-cart-mixin .button--primary.button--processing {
  background-position: center;
}
.add-to-cart-mixin .select {
  width: 100%;
  max-width: 96px;
  width: 100% !important;
}
.add-to-cart-mixin .select .select__control {
  width: 100%;
  max-width: 96px;
  height: 48px;
  padding-left: 8px;
}
.add-to-cart-mixin .select--mobile-trigger {
  pointer-events: none;
  width: 90px;
  height: 48px;
}
.add-to-cart-mixin .select--mobile-only {
  position: absolute;
  top: 0;
  left: 25px;
  opacity: 0;
}
@media (min-width: 768px) {
  .add-to-cart-mixin .select--mobile-only {
    display: none;
  }
  .add-to-cart-mixin .select--mobile-trigger {
    pointer-events: all;
  }
}
.add-to-cart-mixin .delivery-info-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-to-cart-mixin .delivery-info-box .tooltip__icon {
  margin-left: 8px;
  padding: 0;
}
.add-to-cart-mixin .delivery-info-box .tooltip__text {
  width: 328px;
  height: auto;
  padding: 10px;
  top: 25px;
  right: -23px;
}
.add-to-cart-mixin .delivery-info-box .tooltip__text p {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .add-to-cart-mixin {
    order: 3;
  }
}
@media (min-width: 1024px) {
  .add-to-cart-mixin {
    margin-bottom: 24px;
  }
}
.absoluteCover {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.ambient-light h1 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
}
.ambient-light h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
}
.ambient-light h3 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
}
.ambient-light h4 {
  font-size: 20px;
  line-height: 28px;
}
.ambient-light h4,
.ambient-light h5 {
  font-weight: 600;
}
.ambient-light p,
.ambient-light li,
.ambient-light .a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}
@media (min-width: 1024px) {
  .ambient-light .content-wrapper {
    max-width: 1320px;
    margin: 0 auto;
    height: 100%;
    padding: 0 30px;
  }
  .ambient-light h1 {
    font-size: 60px;
    line-height: 56px;
  }
  .ambient-light h2 {
    font-size: 30px;
    line-height: 32px;
  }
  .ambient-light h3 {
    font-size: 48px;
    line-height: 48px;
  }
  .ambient-light h4 {
    font-size: 28px;
    line-height: 40px;
  }
  .ambient-light p,
  .ambient-light a {
    font-size: 18px;
    line-height: 32px;
  }
}
.ambient-light .main-hero__presentation {
  --poster-edge-ratio: 0.15;
}
@keyframes pulse-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0.33;
  }
}
@keyframes pulse-color {
  0%,
  50%,
  100% {
    background-color: var(--white-color-100);
  }
  25%,
  75% {
    background-color: var(--white-color-33);
  }
}
@keyframes snake-1 {
  0%,
  100% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio)), 0);
  }
  6.25% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio)), calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio) / 2));
  }
  12.5% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio)), calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  18.75% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio) / 2), calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  25% {
    transform: translate(0, calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  31.25% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio) / 2), calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  37.5% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio)), calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  43.75% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio)), calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio) / 2));
  }
  50% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio)), 0);
  }
  56.25% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio)), calc(var(--poster-height-large) * var(--poster-edge-ratio) / 2));
  }
  62.5% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio)), calc(var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  68.75% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio) / 2), calc(var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  75% {
    transform: translate(0, calc(var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  81.25% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio) / 2), calc(var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  87.5% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio)), calc(var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  93.75% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio)), calc(var(--poster-height-large) * var(--poster-edge-ratio) / 2));
  }
}
@keyframes snake-2 {
  0%,
  100% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio)), 0);
  }
  6.25% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio)), calc(var(--poster-height-large) * var(--poster-edge-ratio) / 2));
  }
  12.5% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio)), calc(var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  18.75% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio) / 2), calc(var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  25% {
    transform: translate(0, calc(var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  31.25% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio) / 2), calc(var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  37.5% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio)), calc(var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  43.75% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio)), calc(var(--poster-height-large) * var(--poster-edge-ratio) / 2));
  }
  50% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio)), 0);
  }
  56.25% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio)), calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio) / 2));
  }
  62.5% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio)), calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  68.75% {
    transform: translate(calc(-1 * var(--poster-width-large) * var(--poster-edge-ratio) / 2), calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  75% {
    transform: translate(0, calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  81.25% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio) / 2), calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  87.5% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio)), calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio)));
  }
  93.75% {
    transform: translate(calc(var(--poster-width-large) * var(--poster-edge-ratio)), calc(-1 * var(--poster-height-large) * var(--poster-edge-ratio) / 2));
  }
}
@media (min-width: 1025px) {
  .ambient-light .main-hero__presentation {
    --poster-edge-ratio: 0.3;
  }
}
.ambient-light__make-it-glow-section .glow {
  /* 
    There are 12 separate animations here - two per each rainbow color.
    They all have their corresponding div element.
    Those divs are positioned one after another, except red ones which are the starting ones.
    It looks like this:
    1 - 🔴
    2 - 🟣
    8 - 🟣
    3 - 🔵
    9 - 🔵
    4 - 🟢
    10 - 🟢
    5 - 🟡
    11 - 🟡
    6 - 🟠
    12 - 🟠
    7 - 🔴
    Opacity is set to 1 for 1-6 ones only when they are at the very top of container
    whereas for 7-12 ones when they are at the very bottom. 
    It is set to 0.5 for all of them when they are
    in the middle of the container to create 'floating rainbow' effect. 
    In other positions opacity is set to 0 not to interfer with current 'edge' color.
    */
  --fx-wizard-step: var(--single-glow-height);
}
@keyframes static-lights-1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes static-lights-2 {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes mapping {
  0%,
  100% {
    opacity: 1;
  }
}
@keyframes fx-wizard-1 {
  0%,
  100% {
    transform: translateY(calc(var(--fx-wizard-step) * 0));
    opacity: 1;
  }
  16.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 1));
    opacity: 0;
  }
  33.4% {
    transform: translateY(calc(var(--fx-wizard-step) * 2));
    opacity: 0;
  }
  50% {
    transform: translateY(calc(var(--fx-wizard-step) * 3));
    opacity: 0.5;
  }
  66.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 4));
    opacity: 0.5;
  }
  83.4% {
    transform: translateY(calc(var(--fx-wizard-step) * 5));
    opacity: 0;
  }
}
@keyframes fx-wizard-2 {
  0%,
  100% {
    transform: translateY(calc(var(--fx-wizard-step) * 1));
    opacity: 0;
  }
  16.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 2));
    opacity: 0;
  }
  33.4% {
    transform: translateY(calc(var(--fx-wizard-step) * 3));
    opacity: 0.5;
  }
  50% {
    transform: translateY(calc(var(--fx-wizard-step) * 4));
    opacity: 0.5;
  }
  66.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 5));
    opacity: 0;
  }
  83.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -1));
    opacity: 1;
  }
}
@keyframes fx-wizard-3 {
  0%,
  100% {
    transform: translateY(calc(var(--fx-wizard-step) * 1));
    opacity: 0;
  }
  16.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 2));
    opacity: 0.5;
  }
  33.4% {
    transform: translateY(calc(var(--fx-wizard-step) * 3));
    opacity: 0.5;
  }
  50% {
    transform: translateY(calc(var(--fx-wizard-step) * 4));
    opacity: 0;
  }
  66.7% {
    transform: translateY(calc(var(--fx-wizard-step) * -2));
    opacity: 1;
  }
  83.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -1));
    opacity: 0;
  }
}
@keyframes fx-wizard-4 {
  0%,
  100% {
    transform: translateY(calc(var(--fx-wizard-step) * 1));
    opacity: 0.5;
  }
  16.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 2));
    opacity: 0.5;
  }
  33.4% {
    transform: translateY(calc(var(--fx-wizard-step) * 3));
    opacity: 0;
  }
  50% {
    transform: translateY(calc(var(--fx-wizard-step) * -3));
    opacity: 1;
  }
  66.7% {
    transform: translateY(calc(var(--fx-wizard-step) * -2));
    opacity: 0;
  }
  83.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -1));
    opacity: 0;
  }
}
@keyframes fx-wizard-5 {
  0%,
  100% {
    transform: translateY(calc(var(--fx-wizard-step) * 1));
    opacity: 0.5;
  }
  16.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 2));
    opacity: 0;
  }
  33.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -4));
    opacity: 1;
  }
  50% {
    transform: translateY(calc(var(--fx-wizard-step) * -3));
    opacity: 0;
  }
  66.7% {
    transform: translateY(calc(var(--fx-wizard-step) * -2));
    opacity: 0;
  }
  83.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -1));
    opacity: 0.5;
  }
}
@keyframes fx-wizard-6 {
  0%,
  100% {
    transform: translateY(calc(var(--fx-wizard-step) * 1));
    opacity: 0;
  }
  16.7% {
    transform: translateY(calc(var(--fx-wizard-step) * -5));
    opacity: 1;
  }
  33.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -4));
    opacity: 0;
  }
  50% {
    transform: translateY(calc(var(--fx-wizard-step) * -3));
    opacity: 0;
  }
  66.7% {
    transform: translateY(calc(var(--fx-wizard-step) * -2));
    opacity: 0.5;
  }
  83.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -1));
    opacity: 0.5;
  }
}
@keyframes fx-wizard-7 {
  0%,
  100% {
    transform: translateY(calc(var(--fx-wizard-step) * 0));
    opacity: 1;
  }
  16.7% {
    transform: translateY(calc(var(--fx-wizard-step) * -6));
    opacity: 0;
  }
  33.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -5));
    opacity: 0;
  }
  50% {
    transform: translateY(calc(var(--fx-wizard-step) * -4));
    opacity: 0.5;
  }
  66.7% {
    transform: translateY(calc(var(--fx-wizard-step) * -3));
    opacity: 0.5;
  }
  83.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -2));
    opacity: 0;
  }
}
@keyframes fx-wizard-8 {
  0%,
  100% {
    transform: translateY(calc(var(--fx-wizard-step) * 0));
    opacity: 0;
  }
  16.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 1));
    opacity: 0;
  }
  33.4% {
    transform: translateY(calc(var(--fx-wizard-step) * 2));
    opacity: 0.5;
  }
  50% {
    transform: translateY(calc(var(--fx-wizard-step) * 3));
    opacity: 0.5;
  }
  66.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 4));
    opacity: 0;
  }
  83.4% {
    transform: translateY(calc(var(--fx-wizard-step) * 5));
    opacity: 1;
  }
}
@keyframes fx-wizard-9 {
  0%,
  100% {
    transform: translateY(calc(var(--fx-wizard-step) * 0));
    opacity: 0;
  }
  16.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 1));
    opacity: 0.5;
  }
  33.4% {
    transform: translateY(calc(var(--fx-wizard-step) * 2));
    opacity: 0.5;
  }
  50% {
    transform: translateY(calc(var(--fx-wizard-step) * 3));
    opacity: 0;
  }
  66.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 4));
    opacity: 1;
  }
  83.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -2));
    opacity: 0;
  }
}
@keyframes fx-wizard-10 {
  0%,
  100% {
    transform: translateY(calc(var(--fx-wizard-step) * 0));
    opacity: 0.5;
  }
  16.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 1));
    opacity: 0.5;
  }
  33.4% {
    transform: translateY(calc(var(--fx-wizard-step) * 2));
    opacity: 0;
  }
  50% {
    transform: translateY(calc(var(--fx-wizard-step) * 3));
    opacity: 1;
  }
  66.7% {
    transform: translateY(calc(var(--fx-wizard-step) * -3));
    opacity: 0;
  }
  83.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -2));
    opacity: 0;
  }
}
@keyframes fx-wizard-11 {
  0%,
  100% {
    transform: translateY(calc(var(--fx-wizard-step) * 0));
    opacity: 0.5;
  }
  16.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 1));
    opacity: 0;
  }
  33.4% {
    transform: translateY(calc(var(--fx-wizard-step) * 2));
    opacity: 1;
  }
  50% {
    transform: translateY(calc(var(--fx-wizard-step) * -4));
    opacity: 0;
  }
  66.7% {
    transform: translateY(calc(var(--fx-wizard-step) * -3));
    opacity: 0;
  }
  83.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -2));
    opacity: 0.5;
  }
}
@keyframes fx-wizard-12 {
  0%,
  100% {
    transform: translateY(calc(var(--fx-wizard-step) * 0));
    opacity: 0;
  }
  16.7% {
    transform: translateY(calc(var(--fx-wizard-step) * 1));
    opacity: 1;
  }
  33.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -5));
    opacity: 0;
  }
  50% {
    transform: translateY(calc(var(--fx-wizard-step) * -4));
    opacity: 0;
  }
  66.7% {
    transform: translateY(calc(var(--fx-wizard-step) * -3));
    opacity: 0.5;
  }
  83.4% {
    transform: translateY(calc(var(--fx-wizard-step) * -2));
    opacity: 0.5;
  }
}
.ambient-light__mobile-title {
  padding: 16px;
  margin-top: 60px;
}
.ambient-light__mobile-title h3 {
  line-height: 40px;
}
.ambient-light__product-add-section .content-wrapper {
  display: flex;
  flex-direction: column;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery {
  width: 100%;
  max-width: 735px;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  margin: 0;
  height: 450px;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .product-image-row {
  margin: 0;
  height: 374px;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .product-image-row .swiper-handler {
  width: 80%;
  right: 0;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .product-image-row .gallery-container__image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .product-image-row .gallery-container__image .image-wrapper {
  height: 100%;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .product-image-row .gallery-container__image .image-wrapper img,
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .product-image-row .gallery-container__image .image-wrapper video {
  object-fit: cover;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .product-image-row .gallery-container__image .image-wrapper video {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 11;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .product-image-row .gallery-container__image .image-wrapper span {
  height: 100%;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .nav-btn-box {
  width: 100%;
  margin: 8px 0 0 0;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .nav-btn-box .hero-slider-navigation {
  width: calc((100% / 4) - 10px);
  padding-bottom: calc((100% / 4) - 10px);
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .nav-btn-box .hero-slider-navigation .image-wrapper {
  width: 100%;
  height: 100%;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .nav-btn-box .hero-slider-navigation.active {
  border: 2px solid #1185ed;
  border-radius: 10px;
}
.ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .nav-btn-box .hero-slider-navigation__image {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
@media (min-width: 1024px) {
  .ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container {
    width: 100%;
    height: 585px;
  }
  .ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .product-image-row {
    margin: 0 0 0 15px;
    height: 585px;
  }
  .ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .nav-btn-box {
    width: 135px;
    margin-top: 0;
  }
  .ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .nav-btn-box .hero-slider-navigation {
    width: 100%;
    padding-bottom: 0;
  }
  .ambient-light__product-add-section .content-wrapper .ambient-gallery .basic-image-slider-container .nav-btn-box .hero-slider-navigation.active {
    border: 2px solid #1185ed;
    border-radius: 10px;
  }
}
.ambient-light__product-add-section .content-wrapper .ambient-decription {
  padding: 32px 16px 16px;
  position: relative;
  margin: 1.5px 0;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .title {
  font-size: 20px;
  line-height: 24px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .description-wrapper {
  margin-top: 16px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .description-wrapper .ambient-box-title {
  margin-top: 16px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .description-wrapper .ambient-box-list {
  list-style-type: disc;
  margin-left: 16px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .description-wrapper .ambient-show-more {
  color: #1185ed;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  cursor: pointer;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .description-wrapper ~ .price {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  position: absolute;
  top: 32px;
  right: 16px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .description-wrapper ~ .price--unresponsive {
  position: static;
}
@media (min-width: 992px) {
  .ambient-light__product-add-section .content-wrapper .ambient-decription .description-wrapper ~ .price {
    position: static;
    margin: 40px 0 16px;
    line-height: 32px;
    font-size: 28px;
  }
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .info-box {
  margin: 22px 0 18px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart {
  margin-top: 16px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .quantity-label {
  font-size: 18px;
  line-height: 32px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart__box {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart__box .box-row {
  display: flex;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .select-width {
  width: 100%;
  max-width: 96px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart__selects {
  width: 100%;
  max-width: 96px;
  position: relative;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart__validation-error {
  color: #ff1744;
  margin-top: 5px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .button--primary {
  margin-left: 24px;
  width: 100%;
  max-width: 374px;
  height: 48px;
  font-size: 18px;
  line-height: 24px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .button--primary.button--processing {
  background-position: center;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .select {
  width: 100%;
  max-width: 96px;
  width: 100% !important;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .select .select__control {
  width: 100%;
  max-width: 96px;
  height: 48px;
  padding-left: 8px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .select--mobile-trigger {
  pointer-events: none;
  width: 90px;
  height: 48px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .select--mobile-only {
  position: absolute;
  top: 0;
  left: 25px;
  opacity: 0;
}
@media (min-width: 768px) {
  .ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .select--mobile-only {
    display: none;
  }
  .ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .select--mobile-trigger {
    pointer-events: all;
  }
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .delivery-info-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .delivery-info-box .tooltip__icon {
  margin-left: 8px;
  padding: 0;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .delivery-info-box .tooltip__text {
  width: 328px;
  height: auto;
  padding: 10px;
  top: 25px;
  right: -23px;
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart .delivery-info-box .tooltip__text p {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart {
    order: 3;
  }
}
@media (min-width: 1024px) {
  .ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart {
    margin-bottom: 24px;
  }
}
.ambient-light__product-add-section .content-wrapper .ambient-decription .nav-btn-box {
  width: 135px;
}
@media (min-width: 1024px) {
  .ambient-light__product-add-section .content-wrapper .ambient-decription {
    margin-left: 32px;
    padding: 0;
    max-width: 500px;
  }
  .ambient-light__product-add-section .content-wrapper .ambient-decription .title {
    margin-top: 0;
    font-size: 48px;
    line-height: 48px;
  }
  .ambient-light__product-add-section .content-wrapper .ambient-decription .description-wrapper {
    margin-top: 14px;
  }
  .ambient-light__product-add-section .content-wrapper .ambient-decription .description-wrapper p {
    font-size: 18px;
    line-height: 32px;
  }
  .ambient-light__product-add-section .content-wrapper .ambient-decription .add-to-cart {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .ambient-light__mobile-title {
    display: none;
  }
  .ambient-light__product-add-section {
    padding: 130px 0;
  }
  .ambient-light__product-add-section .content-wrapper {
    flex-direction: row;
    justify-content: center;
  }
}
.hd-magnet-kit-card {
  height: 115px;
  width: 100%;
  border: 1px solid #ccd3d7;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 19px;
  position: relative;
  background-color: #ffffff;
}
.hd-magnet-kit-card--extended {
  height: 112px;
  width: 1260px;
  padding: 0 35px;
}
.hd-magnet-kit-card .hd-magnet-info-wrapper {
  display: flex;
  width: 100%;
}
.hd-magnet-kit-card .hd-magnet-info-wrapper .hd-magnet-info {
  display: flex;
  width: 100%;
}
.hd-magnet-kit-card .hd-magnet-info-wrapper .hd-magnet-info__image {
  height: 80px;
  width: 80px;
  border-radius: 5px;
}
.hd-magnet-kit-card .hd-magnet-info-wrapper .hd-magnet-info__text {
  margin: 4px 0 4px 16px;
  width: 100%;
}
.hd-magnet-kit-card .hd-magnet-info-wrapper .hd-magnet-info__text h3,
.hd-magnet-kit-card .hd-magnet-info-wrapper .hd-magnet-info__text .price {
  color: #10111a;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.hd-magnet-kit-card .hd-magnet-info-wrapper .hd-magnet-info__text h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.hd-magnet-kit-card .hd-magnet-info-wrapper .hd-magnet-info__text h3 svg {
  height: 16px;
  width: 16px;
}
.hd-magnet-kit-card .hd-magnet-info-wrapper .hd-magnet-info__text h4 {
  color: #616970;
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  margin-top: 4px;
}
.hd-magnet-kit-card .hd-magnet-info-wrapper .hd-magnet-info__text h4 + .price {
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .hd-magnet-kit-card .hd-magnet-info-wrapper {
    width: unset;
  }
  .hd-magnet-kit-card .hd-magnet-info-wrapper .hd-magnet-info__text {
    width: unset;
  }
  .hd-magnet-kit-card .hd-magnet-info-wrapper .hd-magnet-info__text h3 > div {
    margin-left: 9.5px;
  }
  .hd-magnet-kit-card .hd-magnet-info-wrapper .hd-magnet-info__text h3 > div:hover {
    cursor: pointer;
  }
}
.hd-magnet-kit-card button {
  position: absolute;
  right: 19px;
  bottom: 14px;
  height: 43px;
  width: 66px;
}
@media (min-width: 1024px) {
  .hd-magnet-kit-card .hd-magnet-description {
    width: 479px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
  }
  .hd-magnet-kit-card .hd-magnet-description span {
    color: #424a51;
  }
  .hd-magnet-kit-card button {
    position: static;
    height: 47px;
    width: 109px;
  }
}
.hd-magnet-kit-card .add-to-cart .quantity-label {
  line-height: 32px;
}
.hd-magnet-kit-card .add-to-cart__box {
  display: flex;
  flex-direction: column;
}
.hd-magnet-kit-card .add-to-cart__box .box-row {
  display: flex;
}
.hd-magnet-kit-card .add-to-cart__selects {
  position: relative;
}
.hd-magnet-kit-card .add-to-cart__validation-error {
  color: #ff1744;
  margin-top: 5px;
}
.hd-magnet-kit-card .add-to-cart .button--secondary {
  width: 86px;
}
.hd-magnet-kit-card .add-to-cart .button--secondary.button--processing {
  background-position: center;
  background-image: url('/img/loaders/loader-blue.svg');
}
.hd-magnet-kit-card .add-to-cart .select {
  margin-right: 32px;
}
.hd-magnet-kit-card .add-to-cart .select .select__control {
  width: 90px;
  height: 48px;
  padding-left: 8px;
}
.hd-magnet-kit-card .add-to-cart .select--mobile-trigger {
  pointer-events: none;
}
.hd-magnet-kit-card .add-to-cart .select--mobile-only {
  position: absolute;
  top: 0;
  left: 25px;
  opacity: 0;
}
@media (min-width: 768px) {
  .hd-magnet-kit-card .add-to-cart .select--mobile-only {
    display: none;
  }
  .hd-magnet-kit-card .add-to-cart .select--mobile-trigger {
    pointer-events: all;
  }
}
@media (min-width: 1024px) {
  .hd-magnet-kit-card .add-to-cart .button--secondary {
    width: 109px;
  }
  .hd-magnet-kit-card .add-to-cart .button--secondary-extended {
    width: 156px;
  }
}
.ambient-light__slider-section-title {
  margin: 0 16px 30px;
  color: #ffffff;
}
.ambient-light__slider-section {
  background-color: #10111a;
  padding: 30px 0 40px 0;
  color: #ffffff;
  margin-top: 30px;
}
.ambient-light__slider-section .warning {
  margin-top: 32px;
  padding: 16px;
}
.ambient-light__slider-section .warning__title {
  font-size: 12px;
  line-height: 12px;
  color: #ffffff;
}
.ambient-light__slider-section .warning__text {
  margin: 16px 0;
}
.ambient-light__slider-section .warning__link {
  color: #ffffff;
}
.ambient-light__slider-section .slider {
  --play-btn-height: 48px;
  --nav-btn-height: 32px;
  --pagination-height: 49px;
  --nav-margin-bottom: 16px;
  position: relative;
}
.ambient-light__slider-section .slider .blur {
  position: absolute;
}
.ambient-light__slider-section .slider .blur.pink {
  width: 80%;
  height: 350px;
  top: -100px;
  left: 20%;
}
.ambient-light__slider-section .slider .blur.violet,
.ambient-light__slider-section .slider .blur.green {
  top: 50px;
  width: 20%;
  height: 800px;
}
.ambient-light__slider-section .slider .blur.violet {
  right: -130px;
}
.ambient-light__slider-section .slider .blur.green {
  left: -130px;
}
.ambient-light__slider-section .slider .swiper {
  width: 100%;
  position: relative;
}
.ambient-light__slider-section .slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
}
.ambient-light__slider-section .slider .swiper-slide img,
.ambient-light__slider-section .slider .swiper-slide video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ambient-light__slider-section .slider .swiper-slide .play-button-wrapper {
  color: black;
  width: var(--play-btn-height);
  height: var(--play-btn-height);
  position: absolute;
  top: calc(50% - var(--play-btn-height) / 2 - var(--nav-margin-bottom));
  left: calc(50% - var(--play-btn-height) / 2);
}
.ambient-light__slider-section .slider .swiper-slide .play-button-wrapper button {
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.ambient-light__slider-section .slider .swiper-slide .play-button-wrapper button svg {
  width: var(--play-btn-height);
  height: var(--play-btn-height);
}
.ambient-light__slider-section .slider .swiper-slide .slider-text-box {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: calc(100% - 32px);
  background: rgba(45, 31, 92, 0.58);
  border: 1px solid rgba(51, 27, 106, 0.6);
  backdrop-filter: blur(2px);
  border-radius: 20px;
  padding: 16px;
  font-weight: 600;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.ambient-light__slider-section .slider .swiper-slide .slider-text-box--inactive {
  opacity: 0;
}
.ambient-light__slider-section .slider .swiper-slide .slider-text-box__title {
  color: #ffffff;
  font-size: 18px;
}
.ambient-light__slider-section .slider .swiper-slide .slider-text-box__list {
  list-style-type: decimal;
  margin-left: 20px;
  margin-top: 4px;
}
.ambient-light__slider-section .slider .swiper-slide .slider-text-box__list li {
  line-height: 20px;
  font-weight: 600;
}
.ambient-light__slider-section .slider .swiper-slide .slider-text-box a {
  color: #ffffff;
  font-size: 16px;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-color: #ccd1d7;
  text-decoration-line: 0.5px;
  text-underline-offset: 2px;
  line-height: 20px;
}
.ambient-light__slider-section .slider .swiper-slide .slider-text-box__hint {
  margin-top: 24px;
}
.ambient-light__slider-section .slider .swiper-pagination {
  display: flex;
  width: auto;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 auto 12px;
  border-bottom: 1px solid #3b2047;
  white-space: nowrap;
}
.ambient-light__slider-section .slider .swiper-pagination--safari-bullets {
  padding-right: 16px;
}
.ambient-light__slider-section .slider .swiper-pagination::-webkit-scrollbar {
  display: none;
}
.ambient-light__slider-section .slider .swiper-pagination .swiper-pagination-bullet {
  margin-left: 17%;
  background-color: transparent;
  padding-bottom: 12px;
}
.ambient-light__slider-section .slider .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 16px;
}
.ambient-light__slider-section .slider .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 16px;
}
.ambient-light__slider-section .slider .swiper-pagination .swiper-pagination-bullet span {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
}
.ambient-light__slider-section .slider .swiper-pagination .swiper-pagination-bullet ::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 30px;
  bottom: -15px;
  left: 0;
  background: radial-gradient(50% 50% at 50% 50%, rgba(237, 96, 223, 0.3762) 0%, rgba(237, 96, 223, 0.2508) 35.42%, rgba(237, 96, 223, 0.0462) 74.48%, rgba(237, 96, 223, 0) 100%);
  opacity: 0;
  pointer-events: none;
}
.ambient-light__slider-section .slider .swiper-pagination .swiper-pagination-bullet-active {
  position: relative;
}
.ambient-light__slider-section .slider .swiper-pagination .swiper-pagination-bullet-active ::after {
  opacity: 1;
  transition: opacity 1s;
}
.ambient-light__slider-section .slider .swiper-button-next,
.ambient-light__slider-section .slider .swiper-button-prev {
  background: #ffffff;
  border: 1px solid #ccd1d7;
  border-radius: 100%;
  width: var(--nav-btn-height);
  height: var(--nav-btn-height);
  top: calc(50% - (var(--nav-btn-height) / 2 + 1px * 2 - var(--play-btn-height) / 2 - var(--pagination-height) / 2) - var(--nav-margin-bottom));
}
.ambient-light__slider-section .slider .swiper-button-next:after,
.ambient-light__slider-section .slider .swiper-button-prev:after {
  color: #000;
  font-size: 12px;
}
.ambient-light__slider-section .slider .swiper-button-prev {
  left: 10px;
}
.ambient-light__slider-section .slider .swiper-button-next {
  right: 10px;
}
@media (min-width: 992px) {
  .ambient-light__slider-section {
    padding: 55px 0 100px 0;
  }
  .ambient-light__slider-section .slider {
    --play-btn-height: 64px;
    --nav-btn-height: 46px;
    --pagination-height: 105px;
    width: calc(100% + 43px);
    margin-left: -23px;
  }
  .ambient-light__slider-section .slider .swiper-slide {
    height: 580px;
  }
  .ambient-light__slider-section .slider .swiper-slide img,
  .ambient-light__slider-section .slider .swiper-slide video {
    margin: 0 23px;
    border-radius: 10px;
  }
  .ambient-light__slider-section .slider .swiper-slide .slider-text-box {
    right: 53px;
    bottom: 30px;
    width: 420px;
  }
  .ambient-light__slider-section .slider .swiper-pagination {
    width: calc(100% - 43px);
    max-width: 1030px;
    margin: 24px auto;
    justify-content: space-between;
  }
  .ambient-light__slider-section .slider .swiper-pagination .swiper-pagination-bullet {
    padding: 16px 20px;
    margin-left: unset;
    cursor: pointer;
  }
  .ambient-light__slider-section .slider .swiper-pagination .swiper-pagination-bullet ::after {
    height: 40px;
    bottom: -20px;
  }
  .ambient-light__slider-section .slider .swiper-button-next,
  .ambient-light__slider-section .slider .swiper-button-prev {
    top: calc(50% - (var(--nav-btn-height) / 2 + 1px * 2 - var(--play-btn-height) / 2 - var(--pagination-height) / 2) - var(--nav-margin-bottom));
  }
  .ambient-light__slider-section .slider .swiper-button-next:after,
  .ambient-light__slider-section .slider .swiper-button-prev:after {
    font-size: 16px;
  }
  .ambient-light__slider-section .slider .swiper-button-prev {
    left: 0;
  }
  .ambient-light__slider-section .slider .swiper-button-next {
    right: 0;
  }
  .ambient-light__slider-section .warning {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .ambient-light__slider-section {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .ambient-light__slider-section-title {
    margin-left: 0;
  }
}
.ambient-light .hd-mount {
  margin-bottom: 126px;
  height: 418px;
  width: 100%;
  background-image: url('/img/ambient_light/hd_placeholder_mobile.png');
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ambient-light .hd-mount .hd-mount-title {
  margin-top: 28px;
}
.ambient-light .hd-mount > .hd-mount-title h3,
.ambient-light .hd-mount > .hd-mount-title h4 {
  text-align: center;
  color: #ffffff;
}
.ambient-light .hd-mount > .hd-mount-title h4 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
}
.ambient-light .hd-mount .hd-magnet-wrapper {
  width: 343px;
  margin: 0 auto -54px;
}
@media (min-width: 1024px) {
  .ambient-light .hd-mount {
    margin: -325px auto 160px;
    height: 580px;
    width: 1260px;
    border: 1px solid transparent;
    border-radius: 10px;
    background-image: url('/img/ambient_light/hd_placeholder_desktop.png');
  }
  .ambient-light .hd-mount .hd-mount-title {
    margin-top: 35px;
    margin-left: 35px;
  }
  .ambient-light .hd-mount > .hd-mount-title h3,
  .ambient-light .hd-mount > .hd-mount-title h4 {
    text-align: start;
  }
  .ambient-light .hd-mount > .hd-mount-title h4 {
    font-size: 18px;
    line-height: 32px;
  }
  .ambient-light .hd-mount .hd-magnet-wrapper {
    margin: 0 0 -1px -1px;
  }
}
.ambient-light .main-hero {
  height: 720px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 80px 16px 32px;
  color: #ffffff;
  position: relative;
  max-width: 428px;
}
.ambient-light .main-hero__background {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  transition: opacity 1s ease-in-out;
  opacity: 1;
}
.ambient-light .main-hero__background--mask {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to top, #10111a 0%, rgba(16, 17, 26, 0) 25.14%);
  height: 100%;
  width: 100%;
}
.ambient-light .main-hero__background--wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  background-color: #10111a;
  height: 100%;
  width: 100%;
}
.ambient-light .main-hero__background.transparent {
  opacity: 0;
}
.ambient-light .main-hero__title h1,
.ambient-light .main-hero__title h2,
.ambient-light .main-hero__title h4,
.ambient-light .main-hero__title h5 {
  color: #ffffff;
}
.ambient-light .main-hero__title h2 {
  margin-top: 16px;
}
.ambient-light .main-hero__presentation {
  --poster-width-large: 174px;
  --poster-height-large: 245px;
  --poster-width-small: 125px;
  --poster-height-small: 175px;
  position: relative;
  height: 100%;
}
.ambient-light .main-hero__presentation .image-wrapper {
  position: absolute;
}
.ambient-light .main-hero__presentation .image-wrapper:nth-child(1),
.ambient-light .main-hero__presentation .image-wrapper:nth-child(2) {
  left: 10px;
  top: 24px;
}
.ambient-light .main-hero__presentation .image-wrapper:nth-child(3),
.ambient-light .main-hero__presentation .image-wrapper:nth-child(4) {
  right: 10px;
  top: 140px;
}
.ambient-light .main-hero__presentation .image-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  box-shadow: inset 1px -1px 1px 0px rgba(0, 0, 0, 0.2);
}
.ambient-light .main-hero__presentation .image-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  box-shadow: inset -1px 1px 2px 0px rgba(255, 255, 255, 0.1);
}
.ambient-light .main-hero__presentation .image-wrapper .poster {
  filter: drop-shadow(7px 7px 15px rgba(0, 0, 0, 0.85));
  transition: opacity 1s ease-in-out;
}
.ambient-light .main-hero__presentation .image-wrapper .poster.transparent {
  opacity: 0;
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient {
  --blur-radius-white-large: 35px;
  --spread-radius-white-large: 65px;
  --blur-radius-color-large: 30px;
  --spread-radius-color-large: 80px;
  --blur-radius-white-small: 35px;
  --spread-radius-white-small: 27.5px;
  --blur-radius-color-small: 50px;
  --spread-radius-color-small: 45px;
  --white-color-100: #f1eef3;
  --white-color-33: #f2f0f2;
  position: absolute;
  border-radius: 30%;
  transition: opacity 1s ease-in-out;
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.transparent {
  opacity: 0;
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.large {
  --ambient-width: 20px;
  --ambient-height: 90px;
  top: calc(50% - var(--ambient-height) / 2);
  left: calc(50% - var(--ambient-width) / 2);
  width: var(--ambient-width);
  height: var(--ambient-height);
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.large .glow {
  width: 100%;
  height: 100%;
  transition: opacity 1s ease-in-out;
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.large .glow.vivid {
  box-shadow: 0 4px var(--blur-radius-white-large) var(--spread-radius-white-large) var(--white-color-100), 0 4px var(--blur-radius-color-large) var(--spread-radius-color-large) #d1126a;
  animation-name: pulse-1;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.large .glow.neutral {
  box-shadow: 0 4px var(--blur-radius-white-large) var(--spread-radius-white-large) var(--white-color-100), 0 4px var(--blur-radius-color-large) var(--spread-radius-color-large) #da7a2c;
  animation-name: pulse-1;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.large .glow::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: #f2f0f2;
  animation-name: pulse-color;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.small {
  --ambient-width: 44px;
  top: calc(50% - (var(--ambient-width) / 2));
  left: calc(50% - (var(--ambient-width) / 2));
  width: var(--ambient-width);
  height: var(--ambient-width);
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.small .glow-1 {
  position: absolute;
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.small .glow-1.vivid-1 {
  box-shadow: 20px 20px var(--blur-radius-white-small) var(--spread-radius-white-small) var(--white-color-100), 20px 20px var(--blur-radius-color-small) var(--spread-radius-color-small) #1576e0;
  animation-name: snake-1;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.small .glow-1.neutral-1 {
  box-shadow: 20px 20px var(--blur-radius-white-small) var(--spread-radius-white-small) var(--white-color-100), 20px 20px var(--blur-radius-color-small) var(--spread-radius-color-small) #fc7c34;
  animation-name: snake-1;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.small .glow-2 {
  position: absolute;
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.small .glow-2.vivid-2 {
  box-shadow: 20px 20px var(--blur-radius-white-small) var(--spread-radius-white-small) var(--white-color-100), 20px 20px var(--blur-radius-color-small) var(--spread-radius-color-small) #a93046;
  animation-name: snake-2;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}
.ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.small .glow-2.neutral-2 {
  box-shadow: 20px 20px var(--blur-radius-white-small) var(--spread-radius-white-small) var(--white-color-100), 20px 20px var(--blur-radius-color-small) var(--spread-radius-color-small) #a93046;
  animation-name: snake-2;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}
.ambient-light .main-hero__scheme-buttons .scheme-btn-group {
  margin-top: 16px;
  display: flex;
}
.ambient-light .main-hero__scheme-buttons .scheme-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  width: fit-content;
}
.ambient-light .main-hero__scheme-buttons .scheme-btn > span {
  padding-top: 9px;
  font-size: 14px;
}
.ambient-light .main-hero__scheme-buttons .scheme-btn:last-child {
  margin-left: 30px;
}
.ambient-light .main-hero__scheme-buttons .scheme-btn--viz {
  width: 43px;
  height: 43px;
}
.ambient-light .main-hero__scheme-buttons .scheme-btn--viz-neutral {
  background: radial-gradient(50% 50% at 50% 50%, #dc9438 0%, rgba(225, 67, 33, 0.53125) 46.87%, rgba(225, 85, 25, 0) 100%);
}
.ambient-light .main-hero__scheme-buttons .scheme-btn--viz-vivid {
  background: radial-gradient(40.7% 40.7% at 50% 50%, #eb00ff 0%, rgba(0, 209, 255, 0.59) 44.27%, rgba(0, 209, 255, 0) 100%);
}
@media (min-width: 768px) {
  .ambient-light .main-hero {
    z-index: 1;
  }
  .ambient-light .main-hero__wrapper {
    background-color: #10111a;
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .ambient-light .main-hero {
    height: 635px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 75px 80px;
    max-width: 1440px;
  }
  .ambient-light .main-hero__background--mask {
    background: linear-gradient(to right, #10111a 0%, rgba(16, 17, 26, 0) 56.18%, transparent 85%, #10111a 100%);
  }
  .ambient-light .main-hero__presentation {
    --large-displate-width: 261px;
    --large-displate-height: 365px;
    --small-displate-width: 184px;
    --small-displate-height: 256px;
    width: 50%;
  }
  .ambient-light .main-hero__presentation .image-wrapper:nth-child(1),
  .ambient-light .main-hero__presentation .image-wrapper:nth-child(2) {
    left: 16px;
    top: 0px;
  }
  .ambient-light .main-hero__presentation .image-wrapper:nth-child(3),
  .ambient-light .main-hero__presentation .image-wrapper:nth-child(4) {
    left: 380px;
    right: unset;
    top: 150px;
  }
  .ambient-light .main-hero__presentation .image-wrapper .glowing-ambient {
    --blur-radius-white-large: 70px;
    --spread-radius-white-large: 95px;
    --blur-radius-color-large: 90px;
    --spread-radius-color-large: 115px;
    --blur-radius-white-small: 90px;
    --spread-radius-white-small: 35px;
    --blur-radius-color-small: 80px;
    --spread-radius-color-small: 70px;
  }
  .ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.large {
    --ambient-width: 20px;
    --ambient-height: 120px;
  }
  .ambient-light .main-hero__presentation .image-wrapper .glowing-ambient.small {
    --ambient-width: 36px;
  }
  .ambient-light .main-hero__title {
    margin-top: 64px;
  }
  .ambient-light .main-hero__title h2 {
    margin-top: 32px;
  }
  .ambient-light .main-hero__scheme-buttons {
    margin-top: 160px;
  }
}
.ambient-light .ambient-popup {
  padding: 20px 20px 40px 20px;
  border-radius: 10px;
  height: 459px;
  min-height: 420px;
  position: absolute;
  bottom: 0;
  overflow-y: hidden;
}
.ambient-light .ambient-popup__subtitle {
  font-size: 14px;
  line-height: 24px;
}
.ambient-light .ambient-popup__title {
  font-size: 24px;
  line-height: 24px;
  width: 100%;
  text-align: left;
  margin-top: 8px;
}
.ambient-light .ambient-popup__content {
  margin-left: 0;
  margin-top: 16px;
  width: 100%;
  padding: 0;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart {
  padding: 0;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .info-box {
  margin: 0;
  padding-bottom: 0;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .price {
  margin-top: 24px;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .info-box ~ .price {
  margin: 0;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart {
  margin-top: 16px;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .quantity-label {
  font-size: 18px;
  line-height: 32px;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart__box {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart__box .box-row {
  display: flex;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .select-width {
  width: 100%;
  max-width: 96px;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart__selects {
  width: 100%;
  max-width: 96px;
  position: relative;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart__validation-error {
  color: #ff1744;
  margin-top: 5px;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .button--primary {
  margin-left: 24px;
  width: 100%;
  max-width: 374px;
  height: 48px;
  font-size: 18px;
  line-height: 24px;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .button--primary.button--processing {
  background-position: center;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .select {
  width: 100%;
  max-width: 96px;
  width: 100% !important;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .select .select__control {
  width: 100%;
  max-width: 96px;
  height: 48px;
  padding-left: 8px;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .select--mobile-trigger {
  pointer-events: none;
  width: 90px;
  height: 48px;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .select--mobile-only {
  position: absolute;
  top: 0;
  left: 25px;
  opacity: 0;
}
@media (min-width: 768px) {
  .ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .select--mobile-only {
    display: none;
  }
  .ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .select--mobile-trigger {
    pointer-events: all;
  }
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .delivery-info-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .delivery-info-box .tooltip__icon {
  margin-left: 8px;
  padding: 0;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .delivery-info-box .tooltip__text {
  width: 328px;
  height: auto;
  padding: 10px;
  top: 25px;
  right: -23px;
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .delivery-info-box .tooltip__text p {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart {
    order: 3;
  }
}
@media (min-width: 1024px) {
  .ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart {
    margin-bottom: 24px;
  }
}
.ambient-light .ambient-popup__content .ambient-popup__add-to-cart .add-to-cart .delivery-info-box .tooltip__text {
  top: unset;
  bottom: 25px;
}
.ambient-light .ambient-popup__box-list {
  font-size: 14px;
  list-style-type: disc;
  margin-left: 20px;
}
.ambient-light .ambient-popup .closing-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.ambient-light .ambient-popup .closing-wrapper .close-icon {
  cursor: pointer;
}
@media (min-width: 1024px) {
  .ambient-light .ambient-popup {
    padding: 56px 38px 40px;
    max-height: 565px;
    min-width: 425px;
    height: 565px;
    width: 425px;
    flex-direction: column;
    margin: 0;
    position: unset;
    bottom: unset;
  }
  .ambient-light .ambient-popup .ambient-popup {
    width: 425px;
    height: 565px;
  }
  .ambient-light .ambient-popup .ambient-popup__content {
    margin-top: 0;
  }
  .ambient-light .ambient-popup .ambient-popup__subtitle {
    font-size: 16px;
    line-height: 24px;
  }
  .ambient-light .ambient-popup .ambient-popup__title {
    font-size: 28px;
    line-height: 32px;
  }
  .ambient-light .ambient-popup .ambient-popup__box-list {
    margin-top: 16px;
  }
  .ambient-light .ambient-popup .ambient-popup__box-list li {
    line-height: 32px;
  }
  .ambient-light .ambient-popup .ambient-popup__add-to-cart {
    margin-left: 0;
  }
  .ambient-light .ambient-popup .ambient-popup__add-to-cart .price {
    margin-top: 16px;
  }
}
.ambient-light__make-it-glow-section {
  --background: rgba(112, 112, 112, 0.2);
  margin-top: 72px;
  margin-bottom: -20px;
}
.ambient-light__make-it-glow-section header {
  padding: 0 16px;
}
.ambient-light__make-it-glow-section header h3 {
  margin-bottom: 24px;
}
.ambient-light__make-it-glow-section header p {
  color: #424a51;
  font-weight: 600;
}
.ambient-light__make-it-glow-section header p span {
  color: #000;
}
.ambient-light__make-it-glow-section p {
  line-height: 20px;
}
.ambient-light__make-it-glow-section main {
  margin-top: 32px;
  width: 100vw;
  height: 696px;
  background-image: url('/img/ambient_light/make_it_glow_bg_mobile.jpg');
  position: relative;
  padding-top: 58px;
  color: #ffffff;
}
.ambient-light__make-it-glow-section main::after {
  position: absolute;
  padding-top: 58px;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 0;
}
.ambient-light__make-it-glow-section main > img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.ambient-light__make-it-glow-section main .image-wrapper {
  position: relative;
  width: 225px;
  height: 320px;
  left: calc(50% - (225px / 2));
  z-index: 1;
}
.ambient-light__make-it-glow-section main .image-wrapper img {
  width: 100%;
  height: 100%;
}
.ambient-light__make-it-glow-section main .image-wrapper .safari-image {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.ambient-light__make-it-glow-section main .image-wrapper .safari-image-static-lights {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-image: url('/img/ambient_light/make_it_glow_displate1_desktop.jpg');
}
.ambient-light__make-it-glow-section main .image-wrapper .safari-image-fx-wizard {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-image: url('/img/ambient_light/make_it_glow_displate2_desktop.jpg');
}
.ambient-light__make-it-glow-section main .image-wrapper .safari-image-mapping {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-image: url('/img/ambient_light/make_it_glow_displate3_desktop.jpg');
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient {
  --blur-radius-white-large: 40px;
  --spread-radius-white-large: 75px;
  --blur-radius-color-large: 75px;
  --spread-radius-color-large: 90px;
  --white-color-100: #f1eef3;
  --white-color-33: #f2f0f2;
  --ambient-width: 80px;
  --ambient-height: 160px;
  position: absolute;
  width: var(--ambient-width);
  height: var(--ambient-height);
  left: calc(50% - (var(--ambient-width) / 2));
  top: calc(50% - (var(--ambient-height) / 2));
  z-index: -1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow {
  --multiplier: 0;
  --static-lights-color-1: #ed0f01;
  --static-lights-color-2: #ffad3f;
  --fx-wizard-color-1: #f30732;
  --fx-wizard-color-6: #f6aa37;
  --fx-wizard-color-5: #f1ee4e;
  --fx-wizard-color-4: #46cb55;
  --fx-wizard-color-3: #03cfef;
  --fx-wizard-color-2: #0839ad;
  --mapping-color-1: #5eb4e8;
  --mapping-color-2: #df4cc4;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow .animation-props {
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.static-lights-1 {
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  box-shadow: 0 -10px var(--blur-radius-white-large) calc(var(--multiplier) * var(--spread-radius-white-large)) var(--white-color-100), 0 -10px var(--blur-radius-color-large) calc(var(--multiplier) * var(--spread-radius-color-large)) var(--static-lights-color-1);
  animation-name: static-lights-1;
  position: absolute;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.static-lights-2 {
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  box-shadow: 0 -10px var(--blur-radius-white-large) calc(var(--multiplier) * var(--spread-radius-white-large)) var(--white-color-100), 0 -10px var(--blur-radius-color-large) calc(var(--multiplier) * var(--spread-radius-color-large)) var(--static-lights-color-2);
  animation-name: static-lights-2;
  position: absolute;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow .mapping {
  --mapping-glow-width: calc(var(--ambient-width) * 0.75);
  --mapping-glow-height: calc(var(--ambient-height) * 0.3);
  width: var(--mapping-glow-width);
  height: var(--mapping-glow-height);
  left: calc(50% - (var(--mapping-glow-width) / 2));
  position: absolute;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.mapping-1 {
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  --mapping-glow-width: calc(var(--ambient-width) * 0.75);
  --mapping-glow-height: calc(var(--ambient-height) * 0.3);
  width: var(--mapping-glow-width);
  height: var(--mapping-glow-height);
  left: calc(50% - (var(--mapping-glow-width) / 2));
  position: absolute;
  box-shadow: 0 -10px var(--blur-radius-white-large) calc(var(--multiplier) * var(--spread-radius-white-large)) var(--white-color-100), 0 -10px var(--blur-radius-color-large) calc(var(--multiplier) * var(--spread-radius-color-large)) var(--mapping-color-1);
  animation-name: mapping;
  animation-duration: 4s;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.mapping-2 {
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  --mapping-glow-width: calc(var(--ambient-width) * 0.75);
  --mapping-glow-height: calc(var(--ambient-height) * 0.3);
  width: var(--mapping-glow-width);
  height: var(--mapping-glow-height);
  left: calc(50% - (var(--mapping-glow-width) / 2));
  position: absolute;
  box-shadow: 0 -10px var(--blur-radius-white-large) calc(var(--multiplier) * var(--spread-radius-white-large)) var(--white-color-100), 0 -10px var(--blur-radius-color-large) calc(var(--multiplier) * var(--spread-radius-color-large)) var(--mapping-color-2);
  animation-name: mapping;
  animation-duration: 4s;
  transform: translateY(calc(var(--bottom-glow-position) - var(--mapping-glow-height)));
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow .fx-wizard {
  --fx-wizard-glow-width: calc(var(--ambient-width) * 0.75);
  --single-glow-height: calc(var(--ambient-height) / 6);
  --spread-radius-white-large: 60px;
  --blur-radius-color-large: 50px;
  --spread-radius-color-large: 80px;
  width: var(--fx-wizard-glow-width);
  height: var(--single-glow-height);
  animation-duration: 12s;
  margin-top: calc(var(--single-glow-height) / 2);
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-1,
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-7 {
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  --fx-wizard-glow-width: calc(var(--ambient-width) * 0.75);
  --single-glow-height: calc(var(--ambient-height) / 6);
  --spread-radius-white-large: 60px;
  --blur-radius-color-large: 50px;
  --spread-radius-color-large: 80px;
  width: var(--fx-wizard-glow-width);
  height: var(--single-glow-height);
  animation-duration: 12s;
  margin-top: calc(var(--single-glow-height) / 2);
  box-shadow: 0 -10px var(--blur-radius-white-large) calc(var(--multiplier) * var(--spread-radius-white-large)) var(--white-color-100), 0 -10px var(--blur-radius-color-large) calc(var(--multiplier) * var(--spread-radius-color-large)) var(--fx-wizard-color-1);
  animation-name: fx-wizard-1;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-2,
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-8 {
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  --fx-wizard-glow-width: calc(var(--ambient-width) * 0.75);
  --single-glow-height: calc(var(--ambient-height) / 6);
  --spread-radius-white-large: 60px;
  --blur-radius-color-large: 50px;
  --spread-radius-color-large: 80px;
  width: var(--fx-wizard-glow-width);
  height: var(--single-glow-height);
  animation-duration: 12s;
  margin-top: calc(var(--single-glow-height) / 2);
  box-shadow: 0 -10px var(--blur-radius-white-large) calc(var(--multiplier) * var(--spread-radius-white-large)) var(--white-color-100), 0 -10px var(--blur-radius-color-large) calc(var(--multiplier) * var(--spread-radius-color-large)) var(--fx-wizard-color-2);
  animation-name: fx-wizard-2;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-3,
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-9 {
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  --fx-wizard-glow-width: calc(var(--ambient-width) * 0.75);
  --single-glow-height: calc(var(--ambient-height) / 6);
  --spread-radius-white-large: 60px;
  --blur-radius-color-large: 50px;
  --spread-radius-color-large: 80px;
  width: var(--fx-wizard-glow-width);
  height: var(--single-glow-height);
  animation-duration: 12s;
  margin-top: calc(var(--single-glow-height) / 2);
  box-shadow: 0 -10px var(--blur-radius-white-large) calc(var(--multiplier) * var(--spread-radius-white-large)) var(--white-color-100), 0 -10px var(--blur-radius-color-large) calc(var(--multiplier) * var(--spread-radius-color-large)) var(--fx-wizard-color-3);
  animation-name: fx-wizard-3;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-4,
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-10 {
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  --fx-wizard-glow-width: calc(var(--ambient-width) * 0.75);
  --single-glow-height: calc(var(--ambient-height) / 6);
  --spread-radius-white-large: 60px;
  --blur-radius-color-large: 50px;
  --spread-radius-color-large: 80px;
  width: var(--fx-wizard-glow-width);
  height: var(--single-glow-height);
  animation-duration: 12s;
  margin-top: calc(var(--single-glow-height) / 2);
  box-shadow: 0 -10px var(--blur-radius-white-large) calc(var(--multiplier) * var(--spread-radius-white-large)) var(--white-color-100), 0 -10px var(--blur-radius-color-large) calc(var(--multiplier) * var(--spread-radius-color-large)) var(--fx-wizard-color-4);
  animation-name: fx-wizard-4;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-5,
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-11 {
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  --fx-wizard-glow-width: calc(var(--ambient-width) * 0.75);
  --single-glow-height: calc(var(--ambient-height) / 6);
  --spread-radius-white-large: 60px;
  --blur-radius-color-large: 50px;
  --spread-radius-color-large: 80px;
  width: var(--fx-wizard-glow-width);
  height: var(--single-glow-height);
  animation-duration: 12s;
  margin-top: calc(var(--single-glow-height) / 2);
  box-shadow: 0 -10px var(--blur-radius-white-large) calc(var(--multiplier) * var(--spread-radius-white-large)) var(--white-color-100), 0 -10px var(--blur-radius-color-large) calc(var(--multiplier) * var(--spread-radius-color-large)) var(--fx-wizard-color-5);
  animation-name: fx-wizard-5;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-6,
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-12 {
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  --fx-wizard-glow-width: calc(var(--ambient-width) * 0.75);
  --single-glow-height: calc(var(--ambient-height) / 6);
  --spread-radius-white-large: 60px;
  --blur-radius-color-large: 50px;
  --spread-radius-color-large: 80px;
  width: var(--fx-wizard-glow-width);
  height: var(--single-glow-height);
  animation-duration: 12s;
  margin-top: calc(var(--single-glow-height) / 2);
  box-shadow: 0 -10px var(--blur-radius-white-large) calc(var(--multiplier) * var(--spread-radius-white-large)) var(--white-color-100), 0 -10px var(--blur-radius-color-large) calc(var(--multiplier) * var(--spread-radius-color-large)) var(--fx-wizard-color-6);
  animation-name: fx-wizard-6;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-7 {
  animation-name: fx-wizard-7;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-8 {
  animation-name: fx-wizard-8;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-9 {
  animation-name: fx-wizard-9;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-10 {
  animation-name: fx-wizard-10;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-11 {
  animation-name: fx-wizard-11;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.fx-wizard-12 {
  animation-name: fx-wizard-12;
}
.ambient-light__make-it-glow-section main .image-wrapper .glowing-ambient .glow.active {
  --multiplier: 1;
  animation-play-state: running;
}
.ambient-light__make-it-glow-section main .controls {
  position: relative;
  margin: 58px 24px 0 24px;
  height: 112px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background);
  backdrop-filter: blur(2px);
  border-radius: 20px;
  z-index: 1;
}
.ambient-light__make-it-glow-section main .controls .control {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90px;
  z-index: 1;
}
.ambient-light__make-it-glow-section main .controls .control:not(:last-child) {
  margin-right: 24px;
}
.ambient-light__make-it-glow-section main .controls .control-button {
  width: 48px;
  height: 48px;
  border-radius: 80px;
  background: var(--background);
  backdrop-filter: blur(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.ambient-light__make-it-glow-section main .controls .control-button.active {
  background: rgba(112, 112, 112, 0.6);
}
.ambient-light__make-it-glow-section main .controls .control-button-label {
  margin-top: 8px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.ambient-light__make-it-glow-section main .controls .control-button-label.active {
  font-weight: 600;
}
.ambient-light__make-it-glow-section main .text-wrapper {
  position: relative;
  margin: 24px;
  text-align: center;
  line-height: 20px;
  z-index: 1;
}
.ambient-light__make-it-glow-section main .text-wrapper .bolded {
  font-weight: 600;
}
@media (min-width: 992px) {
  .ambient-light__make-it-glow-section {
    margin-top: 110px;
    display: flex;
    justify-content: center;
  }
  .ambient-light__make-it-glow-section .wrapper {
    padding: 0 92px;
    width: 100%;
    max-width: 1440px;
  }
  .ambient-light__make-it-glow-section header {
    display: flex;
    justify-content: space-between;
    padding: 0;
  }
  .ambient-light__make-it-glow-section header h3 {
    width: 552px;
  }
  .ambient-light__make-it-glow-section header p {
    width: 564px;
  }
  .ambient-light__make-it-glow-section main {
    width: 1260px;
    height: 650px;
    margin-bottom: 160px;
    border-radius: 10px;
    padding-top: 0;
  }
  .ambient-light__make-it-glow-section main > img {
    z-index: 0;
    border-radius: 10px;
  }
  .ambient-light__make-it-glow-section main .posters-wrapper {
    position: absolute;
    top: 81px;
    left: 171px;
    right: 171px;
    bottom: 217px;
    height: 356px;
    display: flex;
    justify-content: space-between;
  }
  .ambient-light__make-it-glow-section main .posters-wrapper .poster-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 225px;
    width: 225px;
  }
  .ambient-light__make-it-glow-section main .posters-wrapper .poster-wrapper .image-wrapper {
    position: static;
    z-index: 1;
    width: 225px;
    min-width: 225px;
    height: 320px;
    min-height: 320px;
  }
  .ambient-light__make-it-glow-section main .posters-wrapper .poster-wrapper .image-wrapper .glowing-ambient {
    z-index: -1;
    --ambient-height: 130px;
  }
  .ambient-light__make-it-glow-section main .posters-wrapper .poster-wrapper .image-wrapper .glowing-ambient_wrapper {
    position: absolute;
    width: 225px;
    min-width: 225px;
    height: 320px;
    min-height: 320px;
  }
  .ambient-light__make-it-glow-section main .posters-wrapper .poster-wrapper .image-wrapper .glowing-ambient .glow.mapping-2 {
    height: calc(var(--ambient-height) * 0.25);
    transform: translateY(115px);
  }
  .ambient-light__make-it-glow-section main .posters-wrapper .poster-wrapper .image-wrapper .glowing-ambient .glow .fx-wizard {
    margin-top: unset;
  }
  .ambient-light__make-it-glow-section main .posters-wrapper .poster-wrapper .control {
    background: var(--background);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 8px;
    border-radius: 50px;
    width: fit-content;
    margin-top: 8px;
    border: 1px solid rgba(231, 235, 235, 0.1);
    backdrop-filter: blur(2px);
    z-index: 1;
  }
  .ambient-light__make-it-glow-section main .posters-wrapper .poster-wrapper .control:hover {
    cursor: pointer;
  }
  .ambient-light__make-it-glow-section main .posters-wrapper .poster-wrapper .control-label {
    font-size: 12px;
    line-height: 16px;
    margin-right: 8px;
    font-weight: 600;
  }
  .ambient-light__make-it-glow-section main .posters-wrapper .poster-wrapper .control-label.active {
    font-weight: 600;
  }
  .ambient-light__make-it-glow-section main .posters-wrapper .poster-wrapper .text-wrapper {
    position: relative;
    width: 230px;
    margin-top: 40px;
  }
}
@media (min-width: 1240px) {
  .mobile-body .mobile-container {
    width: unset;
  }
}
.carbon-neutral-wrapper {
  background-color: #1185ed;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .carbon-neutral-wrapper {
    flex-direction: row;
    height: 436px;
  }
}
.carbon-neutral__box--image {
  flex: 1;
  position: relative;
}
.carbon-neutral__image {
  width: 100%;
  object-fit: cover;
  height: 330px;
}
@media (min-width: 992px) {
  .carbon-neutral__image {
    height: 100%;
    position: absolute;
  }
}
.carbon-neutral__box--info {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  color: #ffffff;
  margin: 40px 16px;
}
@media (min-width: 992px) {
  .carbon-neutral__box--info {
    margin: auto 208px auto 50px;
    max-width: 350px;
  }
}
.carbon-neutral__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  color: #ffffff;
}
.carbon-neutral__icon {
  width: 125px;
  height: 125px;
  padding: 12px;
  background-color: #1185ed;
  border-radius: 100%;
  position: relative;
  margin: -70px 0 10px;
}
@media (min-width: 992px) {
  .carbon-neutral__icon {
    height: 120px;
    width: 120px;
    padding: 0;
    margin: 0 0 40px;
  }
}


/*# */