@charset "UTF-8";
.product-preview__badge--text,
.uk-text-tiny-medium {
  color: #000;
  font-size: 0.66667rem;
  font-weight: 500;
  line-height: 1.25;
}
.uk-text-tiny-strong {
  color: #000;
  font-weight: 700;
}
.uk-text-tiny,
.uk-text-tiny-strong {
  font-size: 0.66667rem;
  line-height: 1.25;
}
.uk-text-tiny {
  color: #5d5d5d;
  font-weight: 400;
}
a.uk-text-tiny {
  color: #000;
}
.uk-text-medium {
  font-size: 0.88889rem;
  line-height: 1.7;
}
.uk-text-hero {
  font-size: 2.22222rem;
  font-weight: 400;
  line-height: 1.3em;
}
.uk-card-primary.uk-card-body .uk-text-hero,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-hero,
.uk-card-secondary.uk-card-body .uk-text-hero,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-hero,
.uk-light .uk-text-hero,
.uk-overlay-primary .uk-text-hero,
.uk-section-primary:not(.uk-preserve-color) .uk-text-hero,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-hero,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-hero,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-hero {
  color: #fff;
}
.uk-dark .uk-text-hero,
.uk-offcanvas-bar .uk-text-hero {
  color: #000;
}
@media (min-width: 640px) {
  .uk-text-hero {
    font-size: 3.33333rem;
  }
}
.uk-close.uk-icon,
.uk-dark .uk-h1,
.uk-dark .uk-h2,
.uk-dark .uk-h3,
.uk-dark .uk-h4,
.uk-offcanvas-bar .uk-h1,
.uk-offcanvas-bar .uk-h2,
.uk-offcanvas-bar .uk-h3,
.uk-offcanvas-bar .uk-h4 {
  color: #000;
}
.debug {
  z-index: 101;
}
.uk-list-reset {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.uk-text-white {
  color: #fff !important;
}
.uk-text-light,
.uk-text-nfc-small {
  font-weight: 300 !important;
}
.uk-text-shadow {
  text-shadow: 1px 1px 13px rgba(51, 51, 51, 0.6);
}
.uk-background-white {
  background: #fff;
}
.uk-background-white-transparent {
  background: hsla(0, 0%, 100%, 0.9);
}
.uk-doubleliner {
  min-height: 4rem;
}
.uk-line-height-1 {
  line-height: 1 !important;
}
.uk-line-height-1-1 {
  line-height: 1.1 !important;
}
.uk-flex-stretch-auto {
  flex-basis: auto;
  flex-grow: 1;
}
.uk-no-underline {
  text-decoration: none !important;
}
.z-2 {
  z-index: 2;
}
.uk-tile--bordered {
  border: 1px solid #d8d8d8;
}
.errors-list {
  color: #d0021b;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.uk-button-reset {
  background: transparent;
  border: 0;
  box-sizing: border-box;
  color: inherit;
  display: inline-block;
  font: inherit;
  font-size: 1rem;
  line-height: 1;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
}
.pagination-btn {
  cursor: pointer;
  padding: 10px;
}
.pagination-btn:disabled {
  cursor: not-allowed;
}
.pagination-btn:disabled svg path {
  stroke: #5d5d5d;
}
.pagination-input {
  border: 0;
  border-bottom: 1px solid #000;
  border-radius: 0;
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
  margin: 0 5px;
  outline: none;
  padding: 2px 5px;
  text-align: center;
  width: 20px;
}
.uk-link {
  border-bottom: 1px solid transparent;
  color: #000;
  line-height: 1;
  padding-bottom: 1px;
  transition: border-color 0.3s ease-out;
}
.uk-link.uk-link-active,
.uk-link:hover {
  border-color: #000;
  color: #000 !important;
  text-decoration: none !important;
}
.uk-link.uk-link--centered {
  padding-top: 1px;
}
.uk-link-icon .uk-link-icon-text {
  border-bottom: 1px solid transparent;
  color: #000;
  padding-bottom: 1px;
  transition: border-color 0.3s ease-out;
}
.uk-link-icon .uk-link-icon-text.uk-link-icon-text-tryon-action {
  font-size: 0.88889rem;
  padding-top: 2px !important;
}
.uk-link-icon:hover {
  text-decoration: none;
}
.uk-link-icon:hover .uk-link-icon-text {
  border-color: #000;
  color: #000;
}
.uk-link-text {
  border-bottom: 1px solid #000;
  padding-bottom: 1px;
}
.uk-link-text:hover {
  border-color: #5d5d5d !important;
  color: #5d5d5d !important;
  text-decoration: none;
}
.aspect-ratio-product-rotation {
  height: 0;
  padding-bottom: 43.05%;
}
.aspect-ratio-product-preview {
  height: 0;
  padding-bottom: 62.5%;
}
.aspect-ratio-product-highlight {
  height: 0;
  padding-bottom: 33.75%;
}
.aspect-ratio-square {
  height: 0;
  padding-bottom: 100%;
}
.aspect-ratio-nearly-square {
  height: 0;
  padding-bottom: 88.41%;
}
.aspect-ratio-16x9 {
  height: 0;
  padding-bottom: 56.25%;
}
@media (min-width: 960px) {
  .aspect-ratio-nearly-square\@m {
    height: 0;
    padding-bottom: 88.41%;
  }
}
small {
  font-size: 0.77778rem !important;
  line-height: 1.7;
}
.uk-icon__margin-right {
  margin-right: 8px !important;
}
.uk-icon__margin-left {
  margin-left: 8px !important;
}
.ken-burns__wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ken-burns__inner {
  transition: transform 0.3s ease-in-out;
}
.ken-burns__inner:hover {
  transform: scale(1.03);
}
.uk-margin-top-form-row {
  margin-top: 24px !important;
}
.uk-margin-top-form-row-large {
  margin-top: 30px !important;
}
@media (min-width: 640px) {
  .uk-margin-remove-top-form-row\@s {
    margin-top: 0 !important;
  }
}
@media (min-width: 960px) {
  .uk-margin-remove-top-form-row\@m {
    margin-top: 0 !important;
  }
}
.panel-box-shadow {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.uk-button,
.uk-button-nfc {
  line-height: 1.1rem !important;
  padding: 10px 15px !important;
}
.spinner-button-spacing.uk-button-nfc,
.uk-button.spinner-button-spacing {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.spinner-button-spacing.uk-button-nfc .spinner-button-wrapper,
.uk-button.spinner-button-spacing .spinner-button-wrapper {
  left: 2.5rem;
}
.uk-modal-dialog .uk-link-icon .uk-link-icon-text {
  line-height: 1.25;
  padding: 0;
}
.uk-full-height {
  min-height: 100vh;
}
.uk-margin-top-information-overlay {
  margin-top: 4px;
}
.uk-flex-grow {
  flex-grow: 1;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0, 0%, 100%, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white
  .swiper-pagination-progressbar-fill {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black
  .swiper-pagination-progressbar-fill {
  background: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
  animation: swiper-preloader-spin 1s steps(12) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn);
  }
}
@keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}
.uk-notification {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1040;
  box-sizing: border-box;
  width: 350px;
}
.uk-notification-bottom-right,
.uk-notification-top-right {
  left: auto;
  right: 10px;
}
.uk-notification-bottom-center,
.uk-notification-top-center {
  left: 50%;
  margin-left: -175px;
}
.uk-notification-bottom-center,
.uk-notification-bottom-left,
.uk-notification-bottom-right {
  top: auto;
  bottom: 10px;
}
@media (max-width: 639px) {
  .uk-notification {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
  }
}
.uk-notification-message {
  position: relative;
  padding: 15px;
  background: #f4f4f4;
  color: #000;
  font-size: 0.88889rem;
  line-height: 1.4;
  cursor: pointer;
}
* + .uk-notification-message {
  margin-top: 10px;
}
.uk-notification-close {
  display: none;
  position: absolute;
  top: 20px;
  right: 15px;
}
.uk-notification-message:hover .uk-notification-close {
  display: block;
}
.uk-notification-message-primary {
  color: #1e87f0;
}
.uk-notification-message-success {
  color: #659f13;
}
.uk-notification-message-warning {
  color: #faa05a;
}
.uk-notification-message-danger {
  color: #d0021b;
}
.uk-tooltip {
  display: none;
  position: absolute;
  z-index: 1030;
  top: 0;
  box-sizing: border-box;
  max-width: 200px;
  padding: 3px 6px;
  background: #fff;
  border-radius: 2px;
  color: #000;
  font-size: 12px;
}
.uk-tooltip.uk-active {
  display: block;
}
[class*="uk-tooltip-top"] {
  margin-top: -10px;
}
[class*="uk-tooltip-bottom"] {
  margin-top: 10px;
}
[class*="uk-tooltip-left"] {
  margin-left: -10px;
}
[class*="uk-tooltip-right"] {
  margin-left: 10px;
}
html {
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  background: #fff;
  color: #000;
}
body {
  margin: 0;
}
.uk-link,
a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
  color: #5d5d5d;
  text-decoration: underline;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-style: dotted;
}
b,
strong {
  font-weight: bolder;
}
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
  font-family: Consolas, monaco, monospace;
  font-size: 0.77778rem;
  color: #d0021b;
  white-space: nowrap;
  padding: 2px 6px;
  background: #f4f4f4;
}
em {
  color: #000;
}
ins {
  text-decoration: none;
}
ins,
mark {
  background: #ffd;
  color: #000;
}
q {
  font-style: italic;
}
small {
  font-size: 0.66667rem;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
canvas,
img,
video {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}
@supports (display: block) {
  svg {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
  }
}
svg:not(:root) {
  overflow: hidden;
}
img:not([src]) {
  min-width: 1px;
  visibility: hidden;
}
iframe {
  border: 0;
}
address,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
  margin: 0 0 20px;
}
* + address,
* + dl,
* + fieldset,
* + figure,
* + ol,
* + p,
* + pre,
* + ul {
  margin-top: 20px;
}
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px;
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #333;
  text-transform: none;
}
* + .uk-h1,
* + .uk-h2,
* + .uk-h3,
* + .uk-h4,
* + .uk-h5,
* + .uk-h6,
* + .uk-heading-2xlarge,
* + .uk-heading-large,
* + .uk-heading-medium,
* + .uk-heading-small,
* + .uk-heading-xlarge,
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
  margin-top: 40px;
}
.uk-h1,
h1 {
  font-size: 2.22222rem;
  line-height: 1.3em;
}
.uk-h2,
h2 {
  font-size: 1.77778rem;
  line-height: 1.3;
}
.uk-h3,
h3 {
  font-size: 1.44444rem;
  line-height: 1.4;
}
.uk-h4,
h4 {
  font-size: 1.22222rem;
  line-height: 1.5em;
}
.uk-h5,
h5 {
  font-size: 1rem;
  line-height: 1.5em;
}
.uk-h6,
h6 {
  font-size: 0.77778rem;
  line-height: 1.4;
}
@media (min-width: 960px) {
  .uk-h1,
  h1 {
    font-size: 2.22222rem;
  }
  .uk-h2,
  h2 {
    font-size: 1.77778rem;
  }
}
ol,
ul {
  padding-left: 30px;
}
ol > li > ol,
ol > li > ul,
ul > li > ol,
ul > li > ul {
  margin: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
.uk-hr,
hr {
  overflow: visible;
  text-align: inherit;
  margin: 0 0 20px;
  border: 0;
  border-top: 1px solid #d8d8d8;
}
* + .uk-hr,
* + hr {
  margin-top: 20px;
}
address,
blockquote {
  font-style: normal;
}
blockquote {
  margin: 0 0 20px;
  font-size: 2.22222rem;
  line-height: 1.3em;
  color: #333;
}
* + blockquote {
  margin-top: 20px;
}
blockquote p:last-of-type {
  margin-bottom: 0;
}
blockquote footer {
  margin-top: 1rem;
  font-size: 1.22222rem;
  line-height: 1.5;
  color: #000;
}
blockquote footer:before {
  content: "— ";
}
pre {
  font: 0.77778rem/1.5 Consolas, monaco, monospace;
  color: #000;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  overflow: auto;
  padding: 10px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  background: #fff;
}
pre code {
  font-family: Consolas, monaco, monospace;
}
:focus {
  outline: none;
}
:focus:not([tabindex^="-"]) {
  outline: 2px dotted #333;
  outline-offset: 1px;
}
:focus:not(:focus-visible) {
  outline: none;
}
:focus-visible {
  outline: 2px dotted #333;
}
::-moz-selection {
  background: #39f;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #39f;
  color: #fff;
  text-shadow: none;
}
details,
main {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
.uk-breakpoint-s:before {
  content: "640px";
}
.uk-breakpoint-m:before {
  content: "960px";
}
.uk-breakpoint-l:before {
  content: "1200px";
}
.uk-breakpoint-xl:before {
  content: "1600px";
}
:root {
  --uk-breakpoint-s: 640px;
  --uk-breakpoint-m: 960px;
  --uk-breakpoint-l: 1200px;
  --uk-breakpoint-xl: 1600px;
}
[class*="uk-divider"] {
  border: none;
  margin-bottom: 20px;
}
* + [class*="uk-divider"] {
  margin-top: 20px;
}
.uk-divider-icon {
  position: relative;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='none' stroke='%23d8d8d8' stroke-width='2' cx='10' cy='10' r='7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.uk-divider-icon:after,
.uk-divider-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  max-width: calc(50% - 25px);
  border-bottom: 1px solid #d8d8d8;
}
.uk-divider-icon:before {
  right: calc(50% + 25px);
  width: 100%;
}
.uk-divider-icon:after {
  left: calc(50% + 25px);
  width: 100%;
}
.uk-divider-small {
  line-height: 0;
}
.uk-divider-small:after {
  content: "";
  display: inline-block;
  width: 100px;
  max-width: 100%;
  border-top: 1px solid #d8d8d8;
  vertical-align: top;
}
.uk-divider-vertical {
  width: 1px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #d8d8d8;
}
.uk-list {
  padding: 0;
  list-style: none;
}
.uk-list > * > :last-child {
  margin-bottom: 0;
}
.uk-list > * > ul,
.uk-list > :nth-child(n + 2) {
  margin-top: 10px;
}
.uk-list-circle > *,
.uk-list-decimal > *,
.uk-list-disc > *,
.uk-list-hyphen > *,
.uk-list-square > * {
  padding-left: 30px;
}
.uk-list-decimal {
  counter-reset: decimal;
}
.uk-list-decimal > * {
  counter-increment: decimal;
}
[class*="uk-list"] > :before {
  content: "";
  position: relative;
  left: -30px;
  width: 30px;
  height: 1.5em;
  margin-bottom: -1.5em;
  display: list-item;
  list-style-position: inside;
  text-align: right;
}
.uk-list-disc > :before {
  list-style-type: disc;
}
.uk-list-circle > :before {
  list-style-type: circle;
}
.uk-list-square > :before {
  list-style-type: square;
}
.uk-list-decimal > :before {
  content: counter(decimal, decimal) " . ";
}
.uk-list-hyphen > :before {
  content: "–\00A0\00A0";
}
.uk-list-muted > :before {
  color: #5d5d5d !important;
}
.uk-list-emphasis > :before {
  color: #333 !important;
}
.uk-list-primary > :before {
  color: #1e87f0 !important;
}
.uk-list-secondary > :before {
  color: #222 !important;
}
.uk-list-bullet > * {
  padding-left: 30px;
}
.uk-list-bullet > :before {
  content: "";
  position: relative;
  left: -30px;
  width: 30px;
  height: 1.5em;
  margin-bottom: -1.5em;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.uk-list-divider > :nth-child(n + 2) {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #d8d8d8;
}
.uk-list-striped > * {
  padding: 10px;
}
.uk-list-striped > :nth-of-type(odd) {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  background: #f4f4f4;
}
.uk-list-striped > :nth-child(n + 2) {
  margin-top: 0;
}
.uk-list-large > * > ul,
.uk-list-large > :nth-child(n + 2) {
  margin-top: 20px;
}
.uk-list-collapse > * > ul,
.uk-list-collapse > :nth-child(n + 2) {
  margin-top: 0;
}
.uk-list-large.uk-list-divider > :nth-child(n + 2) {
  margin-top: 20px;
  padding-top: 20px;
}
.uk-list-collapse.uk-list-divider > :nth-child(n + 2) {
  margin-top: 0;
  padding-top: 0;
}
.uk-list-large.uk-list-striped > * {
  padding: 20px 10px;
}
.uk-list-collapse.uk-list-striped > * {
  padding-top: 0;
  padding-bottom: 0;
}
.uk-list-collapse.uk-list-striped > :nth-child(n + 2),
.uk-list-large.uk-list-striped > :nth-child(n + 2) {
  margin-top: 0;
}
.uk-description-list > dt {
  color: #333;
  font-size: 0.77778rem;
  font-weight: 400;
  text-transform: uppercase;
}
.uk-description-list > dt:nth-child(n + 2) {
  margin-top: 20px;
}
.uk-description-list-divider > dt:nth-child(n + 2) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d8d8d8;
}
.uk-icon {
  margin: 0;
  border: none;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  fill: currentcolor;
  line-height: 0;
}
button.uk-icon:not(:disabled) {
  cursor: pointer;
}
.uk-icon::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
  fill: currentcolor;
}
.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  stroke: currentcolor;
}
.uk-icon > * {
  transform: translate(0);
}
.uk-icon-image {
  width: 20px;
  height: 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.uk-icon-link {
  color: #000;
}
.uk-active > .uk-icon-link,
.uk-icon-link:active,
.uk-icon-link:hover {
  color: #5d5d5d;
}
.uk-icon-button {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 500px;
  background: transparent;
  color: #000;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}
.uk-active > .uk-icon-button,
.uk-icon-button:active,
.uk-icon-button:hover {
  background-color: transparent;
  color: #5d5d5d;
}
.uk-checkbox,
.uk-input,
.uk-radio,
.uk-select,
.uk-textarea {
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  font: inherit;
}
.uk-input {
  overflow: visible;
}
.uk-select {
  text-transform: none;
}
.uk-select optgroup {
  font: inherit;
  font-weight: 700;
}
.uk-textarea {
  overflow: auto;
}
.uk-input[type="search"]::-webkit-search-cancel-button,
.uk-input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.uk-input[type="number"]::-webkit-inner-spin-button,
.uk-input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
.uk-input::-moz-placeholder,
.uk-textarea::-moz-placeholder {
  opacity: 1;
}
.uk-checkbox:not(:disabled),
.uk-radio:not(:disabled) {
  cursor: pointer;
}
.uk-fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.uk-input,
.uk-textarea {
  -webkit-appearance: none;
}
.uk-input,
.uk-select,
.uk-textarea {
  max-width: 100%;
  width: 100%;
  padding: 0 0.8em;
  background: #fff;
  color: #000;
  border: 1px solid #d8d8d8;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border;
}
.uk-input,
.uk-select:not([multiple]):not([size]) {
  height: auto;
  vertical-align: middle;
  display: inline-block;
}
.uk-input:not(input),
.uk-select:not(select) {
  line-height: 1.44444rem;
}
.uk-select[multiple],
.uk-select[size],
.uk-textarea {
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: top;
}
.uk-select[multiple],
.uk-select[size] {
  resize: vertical;
}
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  outline: none;
  background-color: #fff;
  color: #000;
  border-color: #1e87f0;
}
.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
  background-color: transparent;
  color: #5d5d5d;
  border-color: #d8d8d8;
}
.uk-input::-moz-placeholder {
  color: #5d5d5d;
}
.uk-input:-ms-input-placeholder {
  color: #5d5d5d;
}
.uk-input::placeholder {
  color: #5d5d5d;
}
.uk-textarea::-moz-placeholder {
  color: #5d5d5d;
}
.uk-textarea:-ms-input-placeholder {
  color: #5d5d5d;
}
.uk-textarea::placeholder {
  color: #5d5d5d;
}
.uk-form-small {
  font-size: 0.77778rem;
}
.uk-form-small:not(textarea):not([multiple]):not([size]) {
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
}
[multiple].uk-form-small,
[size].uk-form-small,
textarea.uk-form-small {
  padding: 5px 8px;
}
.uk-form-small:not(select):not(input):not(textarea) {
  line-height: 28px;
}
.uk-form-large {
  font-size: 0.88889rem;
}
.uk-form-large:not(textarea):not([multiple]):not([size]) {
  height: 55px;
  padding-left: 12px;
  padding-right: 12px;
}
[multiple].uk-form-large,
[size].uk-form-large,
textarea.uk-form-large {
  padding: 7px 12px;
}
.uk-form-large:not(select):not(input):not(textarea) {
  line-height: 53px;
}
.uk-form-danger,
.uk-form-danger:focus {
  color: #d0021b;
  border-color: #d0021b;
}
.uk-form-success,
.uk-form-success:focus {
  color: #659f13;
  border-color: #659f13;
}
.uk-form-blank {
  background: none;
  border-color: transparent;
}
.uk-form-blank:focus {
  border-color: #d8d8d8;
  border-style: solid;
}
input.uk-form-width-xsmall {
  width: 50px;
}
select.uk-form-width-xsmall {
  width: 75px;
}
.uk-form-width-small {
  width: 130px;
}
.uk-form-width-medium {
  width: 200px;
}
.uk-form-width-large {
  width: 500px;
}
.uk-select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1L9 6h6zM12 13L9 8h6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.uk-select:not([multiple]):not([size])::-ms-expand {
  display: none;
}
.uk-select:not([multiple]):not([size]) option {
  color: #000;
}
.uk-select:not([multiple]):not([size]):disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%235d5d5d' d='M12 1L9 6h6zM12 13L9 8h6z'/%3E%3C/svg%3E");
}
.uk-input[list] {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.uk-input[list]:focus,
.uk-input[list]:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12L8 6h8z'/%3E%3C/svg%3E");
}
.uk-input[list]::-webkit-calendar-picker-indicator {
  display: none !important;
}
.uk-checkbox,
.uk-radio {
  display: inline-block;
  height: 21px;
  width: 21px;
  overflow: hidden;
  margin-top: -4px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid #bfbfbf;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border;
}
.uk-radio {
  border-radius: 50%;
}
.uk-checkbox:focus,
.uk-radio:focus {
  background-color: transparent;
  outline: none;
  border-color: #1e87f0;
}
.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:checked {
  background-color: #1e87f0;
  border-color: transparent;
}
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus,
.uk-radio:checked:focus {
  background-color: #0e6ecd;
}
.uk-radio:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23fff' cx='8' cy='8' r='2'/%3E%3C/svg%3E");
}
.uk-checkbox:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 1L5 7.5 2 5l-1 .5L5 10l8-8.5z'/%3E%3C/svg%3E");
}
.uk-checkbox:indeterminate {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 8h10v1H3z'/%3E%3C/svg%3E");
}
.uk-checkbox:disabled,
.uk-radio:disabled {
  background-color: #f4f4f4;
  border-color: #d8d8d8;
}
.uk-radio:disabled:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%235d5d5d' cx='8' cy='8' r='2'/%3E%3C/svg%3E");
}
.uk-checkbox:disabled:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%235d5d5d' d='M12 1L5 7.5 2 5l-1 .5L5 10l8-8.5z'/%3E%3C/svg%3E");
}
.uk-checkbox:disabled:indeterminate {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%235d5d5d' d='M3 8h10v1H3z'/%3E%3C/svg%3E");
}
.uk-legend {
  width: 100%;
  color: inherit;
  padding: 0;
  font-size: 1.77778rem;
  line-height: 1.4;
}
.uk-form-custom {
  display: inline-block;
  position: relative;
  max-width: 100%;
  vertical-align: middle;
}
.uk-form-custom input[type="file"],
.uk-form-custom select {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-appearance: none;
  opacity: 0;
  cursor: pointer;
}
.uk-form-custom input[type="file"] {
  font-size: 500px;
  overflow: hidden;
}
.uk-form-label {
  color: #333;
  font-size: 0.77778rem;
}
.uk-form-stacked .uk-form-label {
  display: block;
  margin-bottom: 5px;
}
@media (max-width: 959px) {
  .uk-form-horizontal .uk-form-label {
    display: block;
    margin-bottom: 5px;
  }
}
@media (min-width: 960px) {
  .uk-form-horizontal .uk-form-label {
    width: 200px;
    margin-top: 7px;
    float: left;
  }
  .uk-form-horizontal .uk-form-controls {
    margin-left: 215px;
  }
  .uk-form-horizontal .uk-form-controls-text {
    padding-top: 7px;
  }
}
.uk-form-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #5d5d5d;
}
.uk-form-icon:hover {
  color: #000;
}
.uk-form-icon:not(a):not(button):not(input) {
  pointer-events: none;
}
.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input {
  padding-left: 30px !important;
}
.uk-form-icon-flip {
  right: 0;
  left: auto;
}
.uk-form-icon-flip ~ .uk-input {
  padding-right: 30px !important;
}
.uk-button,
.uk-button-nfc {
  margin: 0;
  border: none;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 30px;
  vertical-align: middle;
  font-size: 0.88889rem;
  line-height: 3;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color, border-color;
}
.uk-button-nfc:not(:disabled),
.uk-button:not(:disabled) {
  cursor: pointer;
}
.uk-button-nfc::-moz-focus-inner,
.uk-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.uk-button-nfc:hover,
.uk-button:hover {
  text-decoration: none;
}
.uk-button-default {
  background-color: #fff;
  color: #000;
  border: 1px solid #fff;
}
.uk-button-default.uk-active,
.uk-button-default:active,
.uk-button-default:hover {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.uk-button-primary {
  background-color: #000;
  color: #fff;
  border: 1px solid transparent;
}
.uk-button-primary:hover {
  background-color: #333;
  color: #fff;
}
.uk-button-primary.uk-active,
.uk-button-primary:active {
  background-color: #000;
  color: #fff;
}
.uk-button-secondary {
  background-color: #222;
  color: #fff;
  border: 1px solid transparent;
}
.uk-button-secondary:hover {
  background-color: #151515;
  color: #fff;
}
.uk-button-secondary.uk-active,
.uk-button-secondary:active {
  background-color: #090909;
  color: #fff;
}
.uk-button-danger {
  background-color: #d0021b;
  color: #fff;
  border: 1px solid transparent;
}
.uk-button-danger:hover {
  background-color: #b70218;
  color: #fff;
}
.uk-button-danger.uk-active,
.uk-button-danger:active {
  background-color: #9d0214;
  color: #fff;
}
.uk-button-danger:disabled,
.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled {
  background-color: transparent;
  color: #5d5d5d;
  border-color: #d8d8d8;
}
.uk-button-small {
  padding: 0 2em;
  line-height: 28px;
  font-size: 0.8rem;
}
.uk-button-large {
  padding: 0 40px;
  line-height: 53px;
  font-size: 0.77778rem;
}
.uk-button-text {
  padding: 0;
  line-height: 1.5;
  background: none;
  color: #333;
  position: relative;
}
.uk-button-text:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  border-bottom: 1px solid #333;
  transition: right 0.3s ease-out;
}
.uk-button-text:hover {
  color: #333;
}
.uk-button-text:hover:before {
  right: 0;
}
.uk-button-text:disabled {
  color: #5d5d5d;
}
.uk-button-text:disabled:before {
  display: none;
}
.uk-button-link {
  padding: 0;
  line-height: 1.5;
  background: none;
  color: #333;
}
.uk-button-link:disabled,
.uk-button-link:hover {
  color: #5d5d5d;
  text-decoration: none;
}
.uk-button-group {
  display: inline-flex;
  vertical-align: middle;
  position: relative;
}
.uk-button-group > .uk-button-nfc:nth-child(n + 2),
.uk-button-group > .uk-button:nth-child(n + 2),
.uk-button-group > div:nth-child(n + 2) .uk-button,
.uk-button-group > div:nth-child(n + 2) .uk-button-nfc {
  margin-left: -1px;
}
.uk-button-group .uk-active.uk-button-nfc,
.uk-button-group .uk-button-nfc:active,
.uk-button-group .uk-button-nfc:hover,
.uk-button-group .uk-button.uk-active,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button:hover {
  position: relative;
  z-index: 1;
}
.uk-section {
  display: flow-root;
  box-sizing: border-box;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 960px) {
  .uk-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.uk-section > :last-child {
  margin-bottom: 0;
}
.uk-section-xsmall {
  padding-top: 20px;
  padding-bottom: 20px;
}
.uk-section-small {
  padding-top: 40px;
  padding-bottom: 40px;
}
.uk-section-large {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media (min-width: 960px) {
  .uk-section-large {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
.uk-section-xlarge {
  padding-top: 140px;
  padding-bottom: 140px;
}
@media (min-width: 960px) {
  .uk-section-xlarge {
    padding-top: 210px;
    padding-bottom: 210px;
  }
}
.uk-section-default {
  background: #fff;
}
.uk-section-muted {
  background: #f4f4f4;
}
.uk-section-primary {
  background: #1e87f0;
}
.uk-section-secondary {
  background: #222;
}
.uk-container {
  display: flow-root;
  box-sizing: content-box;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 640px) {
  .uk-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 960px) {
  .uk-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.uk-container > :last-child {
  margin-bottom: 0;
}
.uk-container .uk-container {
  padding-left: 0;
  padding-right: 0;
}
.uk-container-xsmall {
  max-width: 750px;
}
.uk-container-small {
  max-width: 900px;
}
.uk-container-large {
  max-width: 1400px;
}
.uk-container-xlarge {
  max-width: 1600px;
}
.uk-container-expand {
  max-width: none;
}
.uk-container-expand-left {
  margin-left: 0;
}
.uk-container-expand-right {
  margin-right: 0;
}
@media (min-width: 640px) {
  .uk-container-expand-left.uk-container-xsmall,
  .uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + 345px);
  }
  .uk-container-expand-left.uk-container-small,
  .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + 420px);
  }
}
@media (min-width: 960px) {
  .uk-container-expand-left,
  .uk-container-expand-right {
    max-width: calc(50% + 560px);
  }
  .uk-container-expand-left.uk-container-xsmall,
  .uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + 335px);
  }
  .uk-container-expand-left.uk-container-small,
  .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + 410px);
  }
  .uk-container-expand-left.uk-container-large,
  .uk-container-expand-right.uk-container-large {
    max-width: calc(50% + 660px);
  }
  .uk-container-expand-left.uk-container-xlarge,
  .uk-container-expand-right.uk-container-xlarge {
    max-width: calc(50% + 760px);
  }
}
.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
  width: calc(100% + 20px);
}
.uk-container-item-padding-remove-left {
  margin-left: -20px;
}
.uk-container-item-padding-remove-right {
  margin-right: -20px;
}
@media (min-width: 640px) {
  .uk-container-item-padding-remove-left,
  .uk-container-item-padding-remove-right {
    width: calc(100% + 30px);
  }
  .uk-container-item-padding-remove-left {
    margin-left: -30px;
  }
  .uk-container-item-padding-remove-right {
    margin-right: -30px;
  }
}
@media (min-width: 960px) {
  .uk-container-item-padding-remove-left,
  .uk-container-item-padding-remove-right {
    width: calc(100% + 40px);
  }
  .uk-container-item-padding-remove-left {
    margin-left: -40px;
  }
  .uk-container-item-padding-remove-right {
    margin-right: -40px;
  }
}
.uk-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.uk-grid > * {
  margin: 0;
}
.uk-grid > * > :last-child {
  margin-bottom: 0;
}
.uk-grid {
  margin-left: -30px;
}
.uk-grid > * {
  padding-left: 30px;
}
* + .uk-grid-margin,
.uk-grid + .uk-grid,
.uk-grid > .uk-grid-margin {
  margin-top: 0;
}
@media (min-width: 1200px) {
  .uk-grid {
    margin-left: -40px;
  }
  .uk-grid > * {
    padding-left: 40px;
  }
  * + .uk-grid-margin,
  .uk-grid + .uk-grid,
  .uk-grid > .uk-grid-margin {
    margin-top: 40px;
  }
}
.uk-grid-column-small,
.uk-grid-small {
  margin-left: -15px;
}
.uk-grid-column-small > *,
.uk-grid-small > * {
  padding-left: 15px;
}
* + .uk-grid-margin-small,
.uk-grid + .uk-grid-row-small,
.uk-grid + .uk-grid-small,
.uk-grid-row-small > .uk-grid-margin,
.uk-grid-small > .uk-grid-margin {
  margin-top: 0;
}
.uk-grid-column-medium,
.uk-grid-medium {
  margin-left: -30px;
}
.uk-grid-column-medium > *,
.uk-grid-medium > * {
  padding-left: 30px;
}
* + .uk-grid-margin-medium,
.uk-grid + .uk-grid-medium,
.uk-grid + .uk-grid-row-medium,
.uk-grid-medium > .uk-grid-margin,
.uk-grid-row-medium > .uk-grid-margin {
  margin-top: 30px;
}
.uk-grid-column-large,
.uk-grid-large {
  margin-left: -40px;
}
.uk-grid-column-large > *,
.uk-grid-large > * {
  padding-left: 40px;
}
* + .uk-grid-margin-large,
.uk-grid + .uk-grid-large,
.uk-grid + .uk-grid-row-large,
.uk-grid-large > .uk-grid-margin,
.uk-grid-row-large > .uk-grid-margin {
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .uk-grid-column-large,
  .uk-grid-large {
    margin-left: -70px;
  }
  .uk-grid-column-large > *,
  .uk-grid-large > * {
    padding-left: 70px;
  }
  * + .uk-grid-margin-large,
  .uk-grid + .uk-grid-large,
  .uk-grid + .uk-grid-row-large,
  .uk-grid-large > .uk-grid-margin,
  .uk-grid-row-large > .uk-grid-margin {
    margin-top: 70px;
  }
}
.uk-grid-collapse,
.uk-grid-column-collapse {
  margin-left: 0;
}
.uk-grid-collapse > *,
.uk-grid-column-collapse > * {
  padding-left: 0;
}
.uk-grid + .uk-grid-collapse,
.uk-grid + .uk-grid-row-collapse,
.uk-grid-collapse > .uk-grid-margin,
.uk-grid-row-collapse > .uk-grid-margin {
  margin-top: 0;
}
.uk-grid-divider > * {
  position: relative;
}
.uk-grid-divider > :not(.uk-first-column):before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid #d8d8d8;
}
.uk-grid-divider.uk-grid-stack > .uk-grid-margin:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #d8d8d8;
}
.uk-grid-divider {
  margin-left: -60px;
}
.uk-grid-divider > * {
  padding-left: 60px;
}
.uk-grid-divider > :not(.uk-first-column):before {
  left: 30px;
}
.uk-grid-divider.uk-grid-stack > .uk-grid-margin {
  margin-top: 0;
}
.uk-grid-divider.uk-grid-stack > .uk-grid-margin:before {
  top: 0;
  left: 60px;
}
@media (min-width: 1200px) {
  .uk-grid-divider {
    margin-left: -80px;
  }
  .uk-grid-divider > * {
    padding-left: 80px;
  }
  .uk-grid-divider > :not(.uk-first-column):before {
    left: 40px;
  }
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
    margin-top: 80px;
  }
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before {
    top: -40px;
    left: 80px;
  }
}
.uk-grid-divider.uk-grid-column-small,
.uk-grid-divider.uk-grid-small {
  margin-left: -30px;
}
.uk-grid-divider.uk-grid-column-small > *,
.uk-grid-divider.uk-grid-small > * {
  padding-left: 30px;
}
.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column):before,
.uk-grid-divider.uk-grid-small > :not(.uk-first-column):before {
  left: 15px;
}
.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin,
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin {
  margin-top: 0;
}
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin:before {
  top: 0;
  left: 30px;
}
.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin:before {
  top: 0;
}
.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin:before {
  left: 30px;
}
.uk-grid-divider.uk-grid-column-medium,
.uk-grid-divider.uk-grid-medium {
  margin-left: -60px;
}
.uk-grid-divider.uk-grid-column-medium > *,
.uk-grid-divider.uk-grid-medium > * {
  padding-left: 60px;
}
.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column):before,
.uk-grid-divider.uk-grid-medium > :not(.uk-first-column):before {
  left: 30px;
}
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
  margin-top: 60px;
}
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin:before {
  top: -30px;
  left: 60px;
}
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin:before {
  top: -30px;
}
.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin:before {
  left: 60px;
}
.uk-grid-divider.uk-grid-column-large,
.uk-grid-divider.uk-grid-large {
  margin-left: -80px;
}
.uk-grid-divider.uk-grid-column-large > *,
.uk-grid-divider.uk-grid-large > * {
  padding-left: 80px;
}
.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column):before,
.uk-grid-divider.uk-grid-large > :not(.uk-first-column):before {
  left: 40px;
}
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
  margin-top: 80px;
}
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin:before {
  top: -40px;
  left: 80px;
}
.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin:before {
  top: -40px;
}
.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin:before {
  left: 80px;
}
@media (min-width: 1200px) {
  .uk-grid-divider.uk-grid-column-large,
  .uk-grid-divider.uk-grid-large {
    margin-left: -140px;
  }
  .uk-grid-divider.uk-grid-column-large > *,
  .uk-grid-divider.uk-grid-large > * {
    padding-left: 140px;
  }
  .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column):before,
  .uk-grid-divider.uk-grid-large > :not(.uk-first-column):before {
    left: 70px;
  }
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
    margin-top: 140px;
  }
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin:before {
    top: -70px;
    left: 140px;
  }
  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin:before {
    top: -70px;
  }
  .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin:before {
    left: 140px;
  }
}
.uk-grid-item-match,
.uk-grid-match > * {
  display: flex;
  flex-wrap: wrap;
}
.uk-grid-item-match > :not([class*="uk-width"]),
.uk-grid-match > * > :not([class*="uk-width"]) {
  box-sizing: border-box;
  width: 100%;
  flex: auto;
}
.uk-tile {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
  padding: 40px 15px;
}
@media (min-width: 640px) {
  .uk-tile {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 960px) {
  .uk-tile {
    padding: 70px 40px;
  }
}
.uk-tile > :last-child {
  margin-bottom: 0;
}
.uk-tile-xsmall {
  padding-top: 20px;
  padding-bottom: 20px;
}
.uk-tile-small {
  padding-top: 40px;
  padding-bottom: 40px;
}
.uk-tile-large {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media (min-width: 960px) {
  .uk-tile-large {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
.uk-tile-xlarge {
  padding-top: 140px;
  padding-bottom: 140px;
}
@media (min-width: 960px) {
  .uk-tile-xlarge {
    padding-top: 210px;
    padding-bottom: 210px;
  }
}
.uk-tile-default {
  background-color: #fff;
}
.uk-tile-muted {
  background-color: #f4f4f4;
}
.uk-tile-primary {
  background-color: #1e87f0;
}
.uk-tile-secondary {
  background-color: #222;
}
.uk-card {
  position: relative;
  box-sizing: border-box;
  transition: box-shadow 0.1s ease-in-out;
}
.uk-card-body {
  display: flow-root;
  padding: 30px;
}
.uk-card-footer,
.uk-card-header {
  display: flow-root;
  padding: 15px 30px;
}
@media (min-width: 1200px) {
  .uk-card-body {
    padding: 40px;
  }
  .uk-card-footer,
  .uk-card-header {
    padding: 20px 40px;
  }
}
.uk-card-body > :last-child,
.uk-card-footer > :last-child,
.uk-card-header > :last-child {
  margin-bottom: 0;
}
.uk-card-title {
  font-size: 1.77778rem;
  line-height: 1.4;
}
.uk-card-badge {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  height: 22px;
  padding: 0 10px;
  background: #1e87f0;
  color: #fff;
  font-size: 0.77778rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  border-radius: 2px;
  text-transform: uppercase;
}
.uk-card-badge:first-child + * {
  margin-top: 0;
}
.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(
    .uk-card-secondary
  ):hover {
  background-color: #fff;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-card-default {
  background-color: #fff;
  color: #000;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-card-default .uk-card-title {
  color: #333;
}
.uk-card-default.uk-card-hover:hover {
  background-color: #fff;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-card-default .uk-card-header {
  border-bottom: 1px solid #d8d8d8;
}
.uk-card-default .uk-card-footer {
  border-top: 1px solid #d8d8d8;
}
.uk-card-primary {
  background-color: #1e87f0;
  color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-card-primary .uk-card-title {
  color: #fff;
}
.uk-card-primary.uk-card-hover:hover {
  background-color: #1e87f0;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-card-secondary {
  background-color: #222;
  color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-card-secondary .uk-card-title {
  color: #fff;
}
.uk-card-secondary.uk-card-hover:hover {
  background-color: #222;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-card-small.uk-card-body,
.uk-card-small .uk-card-body {
  padding: 20px;
}
.uk-card-small .uk-card-footer,
.uk-card-small .uk-card-header {
  padding: 13px 20px;
}
@media (min-width: 1200px) {
  .uk-card-large.uk-card-body,
  .uk-card-large .uk-card-body {
    padding: 70px;
  }
  .uk-card-large .uk-card-footer,
  .uk-card-large .uk-card-header {
    padding: 35px 70px;
  }
}
.uk-card-body > .uk-nav-default {
  margin-left: -30px;
  margin-right: -30px;
}
.uk-card-body > .uk-nav-default:only-child {
  margin-top: -15px;
  margin-bottom: -15px;
}
.uk-card-body > .uk-nav-default .uk-nav-divider,
.uk-card-body > .uk-nav-default .uk-nav-header,
.uk-card-body > .uk-nav-default > li > a {
  padding-left: 30px;
  padding-right: 30px;
}
.uk-card-body > .uk-nav-default .uk-nav-sub {
  padding-left: 45px;
}
@media (min-width: 1200px) {
  .uk-card-body > .uk-nav-default {
    margin-left: -40px;
    margin-right: -40px;
  }
  .uk-card-body > .uk-nav-default:only-child {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .uk-card-body > .uk-nav-default .uk-nav-divider,
  .uk-card-body > .uk-nav-default .uk-nav-header,
  .uk-card-body > .uk-nav-default > li > a {
    padding-left: 40px;
    padding-right: 40px;
  }
  .uk-card-body > .uk-nav-default .uk-nav-sub {
    padding-left: 55px;
  }
}
.uk-card-small > .uk-nav-default {
  margin-left: -20px;
  margin-right: -20px;
}
.uk-card-small > .uk-nav-default:only-child {
  margin-top: -5px;
  margin-bottom: -5px;
}
.uk-card-small > .uk-nav-default .uk-nav-divider,
.uk-card-small > .uk-nav-default .uk-nav-header,
.uk-card-small > .uk-nav-default > li > a {
  padding-left: 20px;
  padding-right: 20px;
}
.uk-card-small > .uk-nav-default .uk-nav-sub {
  padding-left: 35px;
}
@media (min-width: 1200px) {
  .uk-card-large > .uk-nav-default,
  .uk-card-large > .uk-nav-default:only-child {
    margin: 0;
  }
  .uk-card-large > .uk-nav-default .uk-nav-divider,
  .uk-card-large > .uk-nav-default .uk-nav-header,
  .uk-card-large > .uk-nav-default > li > a {
    padding-left: 0;
    padding-right: 0;
  }
  .uk-card-large > .uk-nav-default .uk-nav-sub {
    padding-left: 15px;
  }
}
.uk-close {
  color: #5d5d5d;
  transition: 0.1s ease-in-out;
  transition-property: color, opacity;
}
.uk-close:hover {
  color: #000;
}
.uk-spinner > * {
  -webkit-animation: uk-spinner-rotate 1.4s linear infinite;
  animation: uk-spinner-rotate 1.4s linear infinite;
}
@-webkit-keyframes uk-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(270deg);
  }
}
@keyframes uk-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(270deg);
  }
}
.uk-spinner > * > * {
  stroke-dasharray: 88px;
  stroke-dashoffset: 0;
  transform-origin: center;
  -webkit-animation: uk-spinner-dash 1.4s ease-in-out infinite;
  animation: uk-spinner-dash 1.4s ease-in-out infinite;
  stroke-width: 1;
  stroke-linecap: round;
}
@-webkit-keyframes uk-spinner-dash {
  0% {
    stroke-dashoffset: 88px;
  }
  50% {
    stroke-dashoffset: 22px;
    transform: rotate(135deg);
  }
  to {
    stroke-dashoffset: 88px;
    transform: rotate(450deg);
  }
}
@keyframes uk-spinner-dash {
  0% {
    stroke-dashoffset: 88px;
  }
  50% {
    stroke-dashoffset: 22px;
    transform: rotate(135deg);
  }
  to {
    stroke-dashoffset: 88px;
    transform: rotate(450deg);
  }
}
.uk-totop {
  padding: 5px;
  color: #5d5d5d;
  transition: color 0.1s ease-in-out;
}
.uk-totop:hover {
  color: #000;
}
.uk-totop:active {
  color: #333;
}
.uk-alert {
  position: relative;
  margin-bottom: 20px;
  padding: 18px 32px 18px 18px;
  background: #fff;
  color: #000;
}
* + .uk-alert {
  margin-top: 20px;
}
.uk-alert > :last-child {
  margin-bottom: 0;
}
.uk-alert-close {
  position: absolute;
  top: 23px;
  right: 18px;
  color: inherit;
  opacity: 0.4;
}
.uk-alert-close:first-child + * {
  margin-top: 0;
}
.uk-alert-close:hover {
  color: inherit;
  opacity: 0.8;
}
.uk-alert-primary {
  background: #d8eafc;
  color: #1e87f0;
}
.uk-alert-success {
  background: #e9fad1;
  color: #659f13;
}
.uk-alert-warning {
  background: #fef5ee;
  color: #faa05a;
}
.uk-alert-danger {
  background: #fff1f0;
  color: #d0021b;
}
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
  color: inherit;
}
.uk-alert a:not([class]),
.uk-alert a:not([class]):hover {
  color: inherit;
  text-decoration: underline;
}
.uk-label {
  display: inline-block;
  padding: 0 10px;
  background: #1e87f0;
  line-height: 1.5;
  font-size: 0.77778rem;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 2px;
  text-transform: uppercase;
}
.uk-label-success {
  background-color: #659f13;
  color: #fff;
}
.uk-label-warning {
  background-color: #faa05a;
  color: #fff;
}
.uk-label-danger {
  background-color: #d0021b;
  color: #fff;
}
.uk-overlay {
  padding: 30px;
}
.uk-overlay > :last-child {
  margin-bottom: 0;
}
.uk-overlay-default {
  background: hsla(0, 0%, 100%, 0.8);
}
.uk-overlay-primary {
  background: rgba(0, 0, 0, 0.4);
}
.uk-search {
  display: inline-block;
  position: relative;
  max-width: 100%;
  margin: 0;
}
.uk-search-input::-webkit-search-cancel-button,
.uk-search-input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.uk-search-input::-moz-placeholder {
  opacity: 1;
}
.uk-search-input {
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  font: inherit;
  overflow: visible;
  -webkit-appearance: none;
  vertical-align: middle;
  width: 100%;
  border: none;
  color: #000;
}
.uk-search-input:focus {
  outline: none;
}
.uk-search-input:-ms-input-placeholder {
  color: #000 !important;
}
.uk-search-input::-moz-placeholder {
  color: #000;
}
.uk-search-input::placeholder {
  color: #000;
}
.uk-search .uk-search-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #5d5d5d;
}
.uk-search .uk-search-icon:hover {
  color: #5d5d5d;
}
.uk-search .uk-search-icon:not(a):not(button):not(input) {
  pointer-events: none;
}
.uk-search .uk-search-icon-flip {
  right: 0;
  left: auto;
}
.uk-search-default {
  width: 240px;
}
.uk-search-default .uk-search-input {
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  background: transparent;
  border: 1px solid #d8d8d8;
}
.uk-search-default .uk-search-input:focus {
  background-color: transparent;
  border-color: #1e87f0;
}
.uk-search-default .uk-search-icon {
  width: 40px;
}
.uk-search-default
  .uk-search-icon:not(.uk-search-icon-flip)
  ~ .uk-search-input {
  padding-left: 40px;
}
.uk-search-default .uk-search-icon-flip ~ .uk-search-input {
  padding-right: 40px;
}
.uk-search-navbar {
  width: 400px;
}
.uk-search-navbar .uk-search-input {
  height: 40px;
  background: transparent;
  font-size: 1.77778rem;
}
.uk-search-navbar .uk-search-icon {
  width: 40px;
}
.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  padding-left: 40px;
}
.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input {
  padding-right: 40px;
}
.uk-search-large {
  width: 500px;
}
.uk-search-large .uk-search-input {
  height: 80px;
  background: transparent;
  font-size: 2.625rem;
}
.uk-search-large .uk-search-icon {
  width: 80px;
}
.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  padding-left: 80px;
}
.uk-search-large .uk-search-icon-flip ~ .uk-search-input {
  padding-right: 80px;
}
.uk-search-toggle {
  color: #5d5d5d;
}
.uk-search-toggle:hover {
  color: #000;
}
.uk-nav,
.uk-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.uk-nav li > a {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25em;
  column-gap: 0.25em;
  text-decoration: none;
}
.uk-nav li > a > * {
  flex: none;
}
.uk-nav > li > a {
  padding: 5px 0;
}
ul.uk-nav-sub {
  padding: 5px 0 5px 15px;
}
.uk-nav-sub ul {
  padding-left: 15px;
}
.uk-nav-sub a {
  padding: 2px 0;
}
.uk-nav-parent-icon > .uk-parent > a:after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  margin-left: auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.1' d='M10 1L4 7l6 6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.1' d='M1 4l6 6 6-6'/%3E%3C/svg%3E");
}
.uk-nav-header {
  padding: 5px 0;
  text-transform: uppercase;
  font-size: 0.77778rem;
}
.uk-nav-header:not(:first-child) {
  margin-top: 20px;
}
.uk-nav > .uk-nav-divider {
  margin: 5px 0;
}
.uk-nav-default {
  font-size: 0.77778rem;
}
.uk-nav-default > li > a {
  color: #5d5d5d;
}
.uk-nav-default > li > a:hover {
  color: #000;
}
.uk-nav-default .uk-nav-header,
.uk-nav-default > li.uk-active > a {
  color: #333;
}
.uk-nav-default .uk-nav-divider {
  border-top: 1px solid #d8d8d8;
}
.uk-nav-default .uk-nav-sub a {
  color: #5d5d5d;
}
.uk-nav-default .uk-nav-sub a:hover {
  color: #000;
}
.uk-nav-default .uk-nav-sub li.uk-active > a {
  color: #333;
}
.uk-nav-primary > li > a {
  font-size: 1.77778rem;
  line-height: 1.5;
  color: #5d5d5d;
}
.uk-nav-primary > li > a:hover {
  color: #000;
}
.uk-nav-primary .uk-nav-header,
.uk-nav-primary > li.uk-active > a {
  color: #333;
}
.uk-nav-primary .uk-nav-divider {
  border-top: 1px solid #d8d8d8;
}
.uk-nav-primary .uk-nav-sub a {
  color: #5d5d5d;
}
.uk-nav-primary .uk-nav-sub a:hover {
  color: #000;
}
.uk-nav-primary .uk-nav-sub li.uk-active > a {
  color: #333;
}
.uk-nav-center {
  text-align: center;
}
.uk-nav-center li > a {
  justify-content: center;
}
.uk-nav-center .uk-nav-sub,
.uk-nav-center .uk-nav-sub ul {
  padding-left: 0;
}
.uk-nav-center.uk-nav-parent-icon > .uk-parent > a:after {
  margin-left: 0;
}
.uk-nav.uk-nav-divider
  > :not(.uk-nav-divider)
  + :not(.uk-nav-header):not(.uk-nav-divider) {
  margin-top: 0;
  padding-top: 0;
  border-top: 1px solid #d8d8d8;
}
.uk-navbar {
  display: flex;
  position: relative;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
  background: transparent;
}
.uk-navbar-container > :after,
.uk-navbar-container > :before {
  display: none !important;
}
.uk-navbar-center,
.uk-navbar-center-left > *,
.uk-navbar-center-right > *,
.uk-navbar-left,
.uk-navbar-right {
  display: flex;
  align-items: center;
}
.uk-navbar-right {
  margin-left: auto;
}
.uk-navbar-center:only-child {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.uk-navbar-center:not(:only-child) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  box-sizing: border-box;
  z-index: 990;
}
.uk-navbar-center-left,
.uk-navbar-center-right {
  position: absolute;
  top: 0;
}
.uk-navbar-center-left {
  right: 100%;
}
.uk-navbar-center-right {
  left: 100%;
}
[class*="uk-navbar-center-"] {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  box-sizing: border-box;
}
.uk-navbar-nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.uk-navbar-center:only-child,
.uk-navbar-left,
.uk-navbar-right {
  flex-wrap: wrap;
}
.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 0.25em;
  column-gap: 0.25em;
  box-sizing: border-box;
  min-height: 85px;
  padding: 0 10px;
  font-size: 16px;
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
  text-decoration: none;
}
.uk-navbar-nav > li > a {
  color: #000;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a[aria-expanded="true"] {
  color: #000;
}
.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li > a:active {
  color: #333;
}
.uk-navbar-item {
  color: #000;
}
.uk-navbar-item > :last-child {
  margin-bottom: 0;
}
.uk-navbar-toggle {
  color: #5d5d5d;
}
.uk-navbar-toggle:hover,
.uk-navbar-toggle[aria-expanded="true"] {
  color: #000;
  text-decoration: none;
}
.uk-navbar-subtitle {
  font-size: 0.77778rem;
}
.uk-navbar-dropdown {
  display: none;
  position: absolute;
  z-index: 1020;
  box-sizing: border-box;
  width: 200px;
  padding: 25px;
  background: #fff;
  color: #000;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}
.uk-navbar-dropdown.uk-open {
  display: block;
}
[class*="uk-navbar-dropdown-top"] {
  margin-top: -15px;
}
[class*="uk-navbar-dropdown-bottom"] {
  margin-top: 15px;
}
[class*="uk-navbar-dropdown-left"] {
  margin-left: -15px;
}
[class*="uk-navbar-dropdown-right"] {
  margin-left: 15px;
}
.uk-navbar-dropdown-grid {
  margin-left: -50px;
}
.uk-navbar-dropdown-grid > * {
  padding-left: 50px;
}
.uk-navbar-dropdown-grid > .uk-grid-margin {
  margin-top: 50px;
}
.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * {
  width: 100% !important;
}
.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) {
  width: 400px;
}
.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) {
  width: 600px;
}
.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) {
  width: 800px;
}
.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
  width: 1000px;
}
.uk-navbar-dropdown-dropbar {
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: none;
}
.uk-navbar-dropdown-nav {
  font-size: 0.77778rem;
}
.uk-navbar-dropdown-nav > li > a {
  color: #5d5d5d;
}
.uk-navbar-dropdown-nav > li > a:hover {
  color: #000;
}
.uk-navbar-dropdown-nav .uk-nav-header,
.uk-navbar-dropdown-nav > li.uk-active > a {
  color: #333;
}
.uk-navbar-dropdown-nav .uk-nav-divider {
  border-top: 1px solid #d8d8d8;
}
.uk-navbar-dropdown-nav .uk-nav-sub a {
  color: #5d5d5d;
}
.uk-navbar-dropdown-nav .uk-nav-sub a:hover {
  color: #000;
}
.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a {
  color: #333;
}
.uk-navbar-dropbar {
  background: #fff;
}
.uk-navbar-dropbar-slide {
  position: absolute;
  z-index: 980;
  left: 0;
  right: 0;
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05);
}
.uk-navbar-container > .uk-container .uk-navbar-left {
  margin-left: -10px;
  margin-right: -10px;
}
.uk-navbar-container > .uk-container .uk-navbar-right {
  margin-right: -10px;
}
.uk-navbar-dropdown-grid > * {
  position: relative;
}
.uk-navbar-dropdown-grid > :not(.uk-first-column):before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
  border-left: 1px solid #d8d8d8;
}
.uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 50px;
  right: 0;
  border-top: 1px solid #d8d8d8;
}
.uk-subnav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -20px;
  padding: 0;
  list-style: none;
}
.uk-subnav > * {
  flex: none;
  padding-left: 20px;
  position: relative;
}
.uk-subnav > * > :first-child {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25em;
  column-gap: 0.25em;
  color: #5d5d5d;
  font-size: 0.77778rem;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}
.uk-subnav > * > a:hover {
  color: #000;
  text-decoration: none;
}
.uk-subnav > .uk-active > a {
  color: #333;
}
.uk-subnav-divider {
  margin-left: -41px;
}
.uk-subnav-divider > * {
  display: flex;
  align-items: center;
}
.uk-subnav-divider > :before {
  content: "";
  height: 1.5em;
  margin-left: 0;
  margin-right: 20px;
  border-left: 1px solid transparent;
}
.uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column):before {
  border-left-color: #d8d8d8;
}
.uk-subnav-pill > * > :first-child {
  padding: 5px 10px;
  background: transparent;
  color: #5d5d5d;
}
.uk-subnav-pill > * > a:active,
.uk-subnav-pill > * > a:hover {
  background-color: #f4f4f4;
  color: #000;
}
.uk-subnav-pill > .uk-active > a {
  background-color: #1e87f0;
  color: #fff;
}
.uk-subnav > .uk-disabled > a {
  color: #5d5d5d;
}
.uk-article {
  display: flow-root;
}
.uk-article > :last-child {
  margin-bottom: 0;
}
.uk-article + .uk-article {
  margin-top: 70px;
}
.uk-article-title {
  font-size: 2.23125rem;
  line-height: 1.2;
}
@media (min-width: 960px) {
  .uk-article-title {
    font-size: 2.625rem;
  }
}
.uk-article-meta {
  font-size: 0.77778rem;
  line-height: 1.4;
  color: #5d5d5d;
}
.uk-article-meta a {
  color: #5d5d5d;
}
.uk-article-meta a:hover {
  color: #000;
  text-decoration: none;
}
.uk-iconnav {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  margin: 0 0 0 -10px;
}
.uk-iconnav > * {
  padding-left: 10px;
}
.uk-iconnav > * > a {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25em;
  column-gap: 0.25em;
  line-height: 0;
  color: #000;
  text-decoration: none;
  font-size: 0.77778rem;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}
.uk-iconnav > * > a:hover,
.uk-iconnav > .uk-active > a {
  color: #000;
}
.uk-iconnav-vertical {
  flex-direction: column;
  margin-left: 0;
  margin-top: -10px;
}
.uk-iconnav-vertical > * {
  padding-left: 0;
  padding-top: 10px;
}
.uk-breadcrumb {
  padding: 0;
  list-style: none;
}
.uk-breadcrumb > * {
  display: contents;
}
.uk-breadcrumb > * > * {
  font-size: 0.77778rem;
  color: #5d5d5d;
}
.uk-breadcrumb > * > :hover {
  color: #000;
  text-decoration: none;
}
.uk-breadcrumb > :last-child > a:not([href]),
.uk-breadcrumb > :last-child > span {
  color: #000;
}
.uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column):before {
  content: "/";
  display: inline-block;
  margin: 0 20px 0 16px;
  font-size: 0.77778rem;
  color: #5d5d5d;
}
.uk-pagination {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  padding: 0;
  list-style: none;
}
.uk-pagination > * {
  flex: none;
  padding-left: 0;
  position: relative;
}
.uk-pagination > * > * {
  display: block;
  padding: 5px 10px;
  color: #5d5d5d;
  transition: color 0.1s ease-in-out;
}
.uk-pagination > * > :hover {
  color: #000;
  text-decoration: none;
}
.uk-pagination > .uk-active > * {
  color: #000;
}
.uk-pagination > .uk-disabled > * {
  color: #5d5d5d;
}
.uk-tab {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.uk-tab:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #000;
}
.uk-tab > * {
  flex: none;
  padding-left: 0;
  position: relative;
}
.uk-tab > * > a {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25em;
  column-gap: 0.25em;
  justify-content: center;
  padding: 5px 10px;
  color: #000;
  border-bottom: 1px solid transparent;
  font-size: 0.77778rem;
  text-transform: uppercase;
  transition: color 0.1s ease-in-out;
}
.uk-tab > * > a:hover {
  color: #000;
  text-decoration: none;
}
.uk-tab > .uk-active > a {
  color: #333;
  border-color: #000;
}
.uk-tab > .uk-disabled > a {
  color: #5d5d5d;
}
.uk-tab-bottom:before {
  top: 0;
  bottom: auto;
}
.uk-tab-bottom > * > a {
  border-top: 1px solid transparent;
  border-bottom: none;
}
.uk-tab-left,
.uk-tab-right {
  flex-direction: column;
  margin-left: 0;
}
.uk-tab-left > *,
.uk-tab-right > * {
  padding-left: 0;
}
.uk-tab-left:before {
  left: auto;
  right: 0;
}
.uk-tab-left:before,
.uk-tab-right:before {
  top: 0;
  bottom: 0;
  border-left: 1px solid #000;
  border-bottom: none;
}
.uk-tab-right:before {
  left: 0;
  right: auto;
}
.uk-tab-left > * > a {
  border-right: 1px solid transparent;
}
.uk-tab-left > * > a,
.uk-tab-right > * > a {
  justify-content: left;
  border-bottom: none;
}
.uk-tab-right > * > a {
  border-left: 1px solid transparent;
}
.uk-tab .uk-dropdown {
  margin-left: 10px;
}
.uk-slidenav {
  padding: 5px 10px;
  color: rgba(0, 0, 0, 0.5);
  transition: color 0.1s ease-in-out;
}
.uk-slidenav:hover {
  color: rgba(0, 0, 0, 0.9);
}
.uk-slidenav:active {
  color: rgba(0, 0, 0, 0.5);
}
.uk-slidenav-large {
  padding: 10px;
}
.uk-slidenav-container {
  display: flex;
}
.uk-slideshow {
  -webkit-tap-highlight-color: transparent;
}
.uk-slideshow-items {
  position: relative;
  z-index: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  -webkit-touch-callout: none;
}
.uk-slideshow-items > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  will-change: transform, opacity;
  touch-action: pan-y;
}
.uk-slideshow-items > :not(.uk-active) {
  display: none;
}
.uk-dotnav {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  margin: 0 0 0 -12px;
}
.uk-dotnav > * {
  flex: none;
  padding-left: 12px;
}
.uk-dotnav > * > * {
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.4);
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color;
}
.uk-dotnav > * > :hover {
  background-color: rgba(0, 0, 0, 0.6);
  border-color: transparent;
}
.uk-dotnav > * > :active {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: transparent;
}
.uk-dotnav > .uk-active > * {
  background-color: rgba(0, 0, 0, 0.6);
  border-color: transparent;
}
.uk-dotnav-vertical {
  flex-direction: column;
  margin-left: 0;
  margin-top: -12px;
}
.uk-dotnav-vertical > * {
  padding-left: 0;
  padding-top: 12px;
}
.uk-accordion {
  padding: 0;
  list-style: none;
}
.uk-accordion > :nth-child(n + 2) {
  margin-top: 20px;
}
.uk-accordion-title {
  display: block;
  font-size: 18px;
  line-height: 1.4;
  color: #000;
  overflow: hidden;
}
.uk-accordion-title:before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  margin-left: 1rem;
  float: right;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6h13v1H0z'/%3E%3Cpath d='M6 0h1v13H6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.uk-open > .uk-accordion-title:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6h13v1H0z'/%3E%3C/svg%3E");
}
.uk-accordion-title:hover {
  color: #000;
  text-decoration: none;
}
.uk-accordion-content {
  display: flow-root;
  margin-top: 20px;
}
.uk-accordion-content > :last-child {
  margin-bottom: 0;
}
.uk-modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.15s linear;
}
@media (min-width: 640px) {
  .uk-modal {
    padding: 50px 30px;
  }
}
@media (min-width: 960px) {
  .uk-modal {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.uk-modal.uk-open {
  opacity: 1;
}
.uk-modal-page {
  overflow: hidden;
}
.uk-modal-dialog {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  width: 800px;
  max-width: calc(100% - 0.01px) !important;
  background: #fff;
  opacity: 0;
  transform: translateY(-100px);
  transition: 0.3s linear;
  transition-property: opacity, transform;
}
.uk-open > .uk-modal-dialog {
  opacity: 1;
  transform: translateY(0);
}
.uk-modal-container .uk-modal-dialog {
  width: 1200px;
}
.uk-modal-full {
  padding: 0;
  background: none;
}
.uk-modal-full .uk-modal-dialog {
  margin: 0;
  width: 100%;
  max-width: 100%;
  transform: translateY(0);
}
.uk-modal-body {
  display: flow-root;
  padding: 30px;
}
.uk-modal-header {
  border-bottom: 1px solid #d8d8d8;
}
.uk-modal-footer,
.uk-modal-header {
  display: flow-root;
  padding: 15px 30px;
  background: #fff;
}
.uk-modal-footer {
  border-top: 1px solid #d8d8d8;
}
.uk-modal-body > :last-child,
.uk-modal-footer > :last-child,
.uk-modal-header > :last-child {
  margin-bottom: 0;
}
.uk-modal-title {
  font-size: 2rem;
  line-height: 1.3;
}
[class*="uk-modal-close-"] {
  position: absolute;
  z-index: 1010;
  top: 10px;
  right: 10px;
  padding: 5px;
}
[class*="uk-modal-close-"]:first-child + * {
  margin-top: 0;
}
.uk-modal-close-outside {
  top: 0;
  right: -5px;
  transform: translateY(-100%);
  color: #fff;
}
.uk-modal-close-outside:hover {
  color: #fff;
}
@media (min-width: 960px) {
  .uk-modal-close-outside {
    right: 0;
    transform: translate(100%, -100%);
  }
}
.uk-modal-close-full {
  top: 0;
  right: 0;
  padding: 20px;
  background: #fff;
}
.uk-lightbox {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.15s linear;
  touch-action: pinch-zoom;
}
.uk-lightbox.uk-open {
  display: block;
  opacity: 1;
}
.uk-lightbox :focus,
.uk-lightbox :focus-visible {
  outline-color: hsla(0, 0%, 100%, 0.7);
}
.uk-lightbox-page {
  overflow: hidden;
}
.uk-lightbox-items > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  color: hsla(0, 0%, 100%, 0.7);
  will-change: transform, opacity;
}
.uk-lightbox-items > * > * {
  max-width: 100vw;
  max-height: 100vh;
}
.uk-lightbox-items > * > :not(iframe) {
  width: auto;
  height: auto;
}
.uk-lightbox-items > .uk-active {
  display: flex;
}
.uk-lightbox-toolbar {
  padding: 10px;
  background: rgba(0, 0, 0, 0.3);
}
.uk-lightbox-toolbar,
.uk-lightbox-toolbar > * {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-lightbox-toolbar-icon {
  padding: 5px;
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-lightbox-toolbar-icon:hover {
  color: #fff;
}
.uk-lightbox-button {
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
  color: hsla(0, 0%, 100%, 0.7);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.uk-lightbox-button:hover {
  color: #fff;
}
.uk-lightbox-caption:empty {
  display: none;
}
.uk-lightbox-iframe {
  width: 80%;
  height: 80%;
}
.uk-dropdown {
  display: none;
  position: absolute;
  z-index: 1020;
  box-sizing: border-box;
  min-width: 7rem;
  padding: 0;
  background: #fff;
  color: #000;
  box-shadow: none;
}
.uk-dropdown.uk-open {
  display: block;
}
.uk-dropdown-nav {
  white-space: nowrap;
  font-size: 0.77778rem;
}
.uk-dropdown-nav > li > a {
  color: #5d5d5d;
}
.uk-dropdown-nav > li.uk-active > a,
.uk-dropdown-nav > li > a:hover {
  color: #000;
}
.uk-dropdown-nav .uk-nav-header {
  color: #333;
}
.uk-dropdown-nav .uk-nav-divider {
  border-top: 1px solid #d8d8d8;
}
.uk-dropdown-nav .uk-nav-sub a {
  color: #5d5d5d;
}
.uk-dropdown-nav .uk-nav-sub a:hover,
.uk-dropdown-nav .uk-nav-sub li.uk-active > a {
  color: #000;
}
[class*="uk-dropdown-top"] {
  margin-top: -10px;
}
[class*="uk-dropdown-bottom"] {
  margin-top: 10px;
}
[class*="uk-dropdown-left"] {
  margin-left: -10px;
}
[class*="uk-dropdown-right"] {
  margin-left: 10px;
}
.uk-dropdown-stack .uk-dropdown-grid > * {
  width: 100% !important;
}
.uk-sticky-fixed {
  z-index: 980;
  box-sizing: border-box;
  margin: 0 !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.uk-sticky.uk-animation-reverse,
.uk-sticky[class*="uk-animation-"] {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.uk-switcher {
  margin: 0;
  padding: 0;
  list-style: none;
}
.uk-switcher > :not(.uk-active) {
  display: none;
}
.uk-switcher > * > :last-child {
  margin-bottom: 0;
}
.uk-offcanvas {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.uk-offcanvas-flip .uk-offcanvas {
  right: 0;
  left: auto;
}
.uk-offcanvas-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -270px;
  box-sizing: border-box;
  width: 270px;
  padding: 20px;
  background: #222;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 960px) {
  .uk-offcanvas-bar {
    left: -350px;
    width: 350px;
    padding: 40px;
  }
}
.uk-offcanvas-flip .uk-offcanvas-bar {
  left: auto;
  right: -270px;
}
@media (min-width: 960px) {
  .uk-offcanvas-flip .uk-offcanvas-bar {
    right: -350px;
  }
}
.uk-open > .uk-offcanvas-bar {
  left: 0;
}
.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
  left: auto;
  right: 0;
}
.uk-offcanvas-bar-animation {
  transition: left 0.3s ease-out;
}
.uk-offcanvas-flip .uk-offcanvas-bar-animation {
  transition-property: right;
}
.uk-offcanvas-reveal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  overflow: hidden;
  transition: width 0.3s ease-out;
}
.uk-offcanvas-reveal .uk-offcanvas-bar {
  left: 0;
}
.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar {
  left: auto;
  right: 0;
}
.uk-open > .uk-offcanvas-reveal {
  width: 270px;
}
@media (min-width: 960px) {
  .uk-open > .uk-offcanvas-reveal {
    width: 350px;
  }
}
.uk-offcanvas-flip .uk-offcanvas-reveal {
  right: 0;
  left: auto;
}
.uk-offcanvas-close {
  position: absolute;
  z-index: 1000;
  top: 20px;
  right: 20px;
  padding: 5px;
}
.uk-offcanvas-overlay {
  width: 100vw;
  touch-action: none;
}
.uk-offcanvas-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.15s linear;
}
.uk-offcanvas-overlay.uk-open:before {
  opacity: 1;
}
.uk-offcanvas-container,
.uk-offcanvas-page {
  overflow-x: hidden;
}
.uk-offcanvas-container {
  position: relative;
  left: 0;
  transition: left 0.3s ease-out;
  box-sizing: border-box;
  width: 100%;
}
:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
  left: 270px;
}
.uk-offcanvas-flip.uk-offcanvas-container-animation {
  left: -270px;
}
@media (min-width: 960px) {
  :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
    left: 350px;
  }
  .uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -350px;
  }
}
.uk-slider {
  -webkit-tap-highlight-color: transparent;
}
.uk-slider-container {
  overflow: hidden;
}
.uk-slider-container-offset {
  margin: -11px -25px -39px;
  padding: 11px 25px 39px;
}
.uk-slider-items {
  will-change: transform;
  position: relative;
}
.uk-slider-items:not(.uk-grid) {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-touch-callout: none;
}
.uk-slider-items.uk-grid {
  flex-wrap: nowrap;
}
.uk-slider-items > * {
  flex: none;
  max-width: 100%;
  position: relative;
  touch-action: pan-y;
}
[class*="uk-animation-"] {
  -webkit-animation: 0.5s ease-out both;
  animation: 0.5s ease-out both;
}
.uk-animation-fade {
  -webkit-animation-name: uk-fade;
  animation-name: uk-fade;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.uk-animation-scale-up {
  -webkit-animation-name: uk-fade, uk-scale-up;
  animation-name: uk-fade, uk-scale-up;
}
.uk-animation-scale-down {
  -webkit-animation-name: uk-fade, uk-scale-down;
  animation-name: uk-fade, uk-scale-down;
}
.uk-animation-slide-top {
  -webkit-animation-name: uk-fade, uk-slide-top;
  animation-name: uk-fade, uk-slide-top;
}
.uk-animation-slide-bottom {
  -webkit-animation-name: uk-fade, uk-slide-bottom;
  animation-name: uk-fade, uk-slide-bottom;
}
.uk-animation-slide-left {
  -webkit-animation-name: uk-fade, uk-slide-left;
  animation-name: uk-fade, uk-slide-left;
}
.uk-animation-slide-right {
  -webkit-animation-name: uk-fade, uk-slide-right;
  animation-name: uk-fade, uk-slide-right;
}
.uk-animation-slide-top-small {
  -webkit-animation-name: uk-fade, uk-slide-top-small;
  animation-name: uk-fade, uk-slide-top-small;
}
.uk-animation-slide-bottom-small {
  -webkit-animation-name: uk-fade, uk-slide-bottom-small;
  animation-name: uk-fade, uk-slide-bottom-small;
}
.uk-animation-slide-left-small {
  -webkit-animation-name: uk-fade, uk-slide-left-small;
  animation-name: uk-fade, uk-slide-left-small;
}
.uk-animation-slide-right-small {
  -webkit-animation-name: uk-fade, uk-slide-right-small;
  animation-name: uk-fade, uk-slide-right-small;
}
.uk-animation-slide-top-medium {
  -webkit-animation-name: uk-fade, uk-slide-top-medium;
  animation-name: uk-fade, uk-slide-top-medium;
}
.uk-animation-slide-bottom-medium {
  -webkit-animation-name: uk-fade, uk-slide-bottom-medium;
  animation-name: uk-fade, uk-slide-bottom-medium;
}
.uk-animation-slide-left-medium {
  -webkit-animation-name: uk-fade, uk-slide-left-medium;
  animation-name: uk-fade, uk-slide-left-medium;
}
.uk-animation-slide-right-medium {
  -webkit-animation-name: uk-fade, uk-slide-right-medium;
  animation-name: uk-fade, uk-slide-right-medium;
}
.uk-animation-kenburns {
  -webkit-animation-name: uk-kenburns;
  animation-name: uk-kenburns;
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
}
.uk-animation-shake {
  -webkit-animation-name: uk-shake;
  animation-name: uk-shake;
}
.uk-animation-stroke {
  -webkit-animation-name: uk-stroke;
  animation-name: uk-stroke;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  stroke-dasharray: var(--uk-animation-stroke);
}
.uk-animation-reverse {
  animation-direction: reverse;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.uk-animation-fast {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
}
.uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] {
  -webkit-animation-name: none;
  animation-name: none;
}
@-webkit-keyframes uk-fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes uk-fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes uk-scale-up {
  0% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@keyframes uk-scale-up {
  0% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes uk-scale-down {
  0% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes uk-scale-down {
  0% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes uk-slide-top {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes uk-slide-top {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes uk-slide-bottom {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes uk-slide-bottom {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes uk-slide-left {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes uk-slide-left {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes uk-slide-right {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes uk-slide-right {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes uk-slide-top-small {
  0% {
    transform: translateY(-10px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes uk-slide-top-small {
  0% {
    transform: translateY(-10px);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes uk-slide-bottom-small {
  0% {
    transform: translateY(10px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes uk-slide-bottom-small {
  0% {
    transform: translateY(10px);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes uk-slide-left-small {
  0% {
    transform: translateX(-10px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes uk-slide-left-small {
  0% {
    transform: translateX(-10px);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes uk-slide-right-small {
  0% {
    transform: translateX(10px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes uk-slide-right-small {
  0% {
    transform: translateX(10px);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes uk-slide-top-medium {
  0% {
    transform: translateY(-50px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes uk-slide-top-medium {
  0% {
    transform: translateY(-50px);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes uk-slide-bottom-medium {
  0% {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes uk-slide-bottom-medium {
  0% {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes uk-slide-left-medium {
  0% {
    transform: translateX(-50px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes uk-slide-left-medium {
  0% {
    transform: translateX(-50px);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes uk-slide-right-medium {
  0% {
    transform: translateX(50px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes uk-slide-right-medium {
  0% {
    transform: translateX(50px);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes uk-kenburns {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
@keyframes uk-kenburns {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
@-webkit-keyframes uk-shake {
  0%,
  to {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
@keyframes uk-shake {
  0%,
  to {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
@-webkit-keyframes uk-stroke {
  0% {
    stroke-dashoffset: var(--uk-animation-stroke);
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes uk-stroke {
  0% {
    stroke-dashoffset: var(--uk-animation-stroke);
  }
  to {
    stroke-dashoffset: 0;
  }
}
[class*="uk-child-width"] > * {
  box-sizing: border-box;
  width: 100%;
}
.uk-child-width-1-2 > * {
  width: 50%;
}
.uk-child-width-1-3 > * {
  width: 33.32223%;
}
.uk-child-width-1-4 > * {
  width: 25%;
}
.uk-child-width-1-5 > * {
  width: 20%;
}
.uk-child-width-1-6 > * {
  width: 16.66389%;
}
.uk-child-width-auto > * {
  width: auto;
}
.uk-child-width-expand > :not([class*="uk-width"]) {
  flex: 1;
  min-width: 1px;
}
@media (min-width: 640px) {
  .uk-child-width-1-1\@s > * {
    width: 100%;
  }
  .uk-child-width-1-2\@s > * {
    width: 50%;
  }
  .uk-child-width-1-3\@s > * {
    width: 33.32223%;
  }
  .uk-child-width-1-4\@s > * {
    width: 25%;
  }
  .uk-child-width-1-5\@s > * {
    width: 20%;
  }
  .uk-child-width-1-6\@s > * {
    width: 16.66389%;
  }
  .uk-child-width-auto\@s > * {
    width: auto;
  }
  .uk-child-width-expand\@s > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
}
@media (min-width: 960px) {
  .uk-child-width-1-1\@m > * {
    width: 100%;
  }
  .uk-child-width-1-2\@m > * {
    width: 50%;
  }
  .uk-child-width-1-3\@m > * {
    width: 33.32223%;
  }
  .uk-child-width-1-4\@m > * {
    width: 25%;
  }
  .uk-child-width-1-5\@m > * {
    width: 20%;
  }
  .uk-child-width-1-6\@m > * {
    width: 16.66389%;
  }
  .uk-child-width-auto\@m > * {
    width: auto;
  }
  .uk-child-width-expand\@m > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
}
@media (min-width: 1200px) {
  .uk-child-width-1-1\@l > * {
    width: 100%;
  }
  .uk-child-width-1-2\@l > * {
    width: 50%;
  }
  .uk-child-width-1-3\@l > * {
    width: 33.32223%;
  }
  .uk-child-width-1-4\@l > * {
    width: 25%;
  }
  .uk-child-width-1-5\@l > * {
    width: 20%;
  }
  .uk-child-width-1-6\@l > * {
    width: 16.66389%;
  }
  .uk-child-width-auto\@l > * {
    width: auto;
  }
  .uk-child-width-expand\@l > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
}
@media (min-width: 1600px) {
  .uk-child-width-1-1\@xl > * {
    width: 100%;
  }
  .uk-child-width-1-2\@xl > * {
    width: 50%;
  }
  .uk-child-width-1-3\@xl > * {
    width: 33.32223%;
  }
  .uk-child-width-1-4\@xl > * {
    width: 25%;
  }
  .uk-child-width-1-5\@xl > * {
    width: 20%;
  }
  .uk-child-width-1-6\@xl > * {
    width: 16.66389%;
  }
  .uk-child-width-auto\@xl > * {
    width: auto;
  }
  .uk-child-width-expand\@xl > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
}
[class*="uk-width"] {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}
.uk-width-1-2 {
  width: 50%;
}
.uk-width-1-3 {
  width: 33.32223%;
}
.uk-width-2-3 {
  width: 66.64445%;
}
.uk-width-1-4 {
  width: 25%;
}
.uk-width-3-4 {
  width: 75%;
}
.uk-width-1-5 {
  width: 20%;
}
.uk-width-2-5 {
  width: 40%;
}
.uk-width-3-5 {
  width: 60%;
}
.uk-width-4-5 {
  width: 80%;
}
.uk-width-1-6 {
  width: 16.66389%;
}
.uk-width-5-6 {
  width: 83.31945%;
}
.uk-width-small {
  width: 150px;
}
.uk-width-medium {
  width: 300px;
}
.uk-width-large {
  width: 450px;
}
.uk-width-xlarge {
  width: 600px;
}
.uk-width-2xlarge {
  width: 750px;
}
.uk-width-auto {
  width: auto;
}
.uk-width-expand {
  flex: 1;
  min-width: 1px;
}
@media (min-width: 640px) {
  .uk-width-1-1\@s {
    width: 100%;
  }
  .uk-width-1-2\@s {
    width: 50%;
  }
  .uk-width-1-3\@s {
    width: 33.32223%;
  }
  .uk-width-2-3\@s {
    width: 66.64445%;
  }
  .uk-width-1-4\@s {
    width: 25%;
  }
  .uk-width-3-4\@s {
    width: 75%;
  }
  .uk-width-1-5\@s {
    width: 20%;
  }
  .uk-width-2-5\@s {
    width: 40%;
  }
  .uk-width-3-5\@s {
    width: 60%;
  }
  .uk-width-4-5\@s {
    width: 80%;
  }
  .uk-width-1-6\@s {
    width: 16.66389%;
  }
  .uk-width-5-6\@s {
    width: 83.31945%;
  }
  .uk-width-small\@s {
    width: 150px;
  }
  .uk-width-medium\@s {
    width: 300px;
  }
  .uk-width-large\@s {
    width: 450px;
  }
  .uk-width-xlarge\@s {
    width: 600px;
  }
  .uk-width-2xlarge\@s {
    width: 750px;
  }
  .uk-width-auto\@s {
    width: auto;
  }
  .uk-width-expand\@s {
    flex: 1;
    min-width: 1px;
  }
}
@media (min-width: 960px) {
  .uk-width-1-1\@m {
    width: 100%;
  }
  .uk-width-1-2\@m {
    width: 50%;
  }
  .uk-width-1-3\@m {
    width: 33.32223%;
  }
  .uk-width-2-3\@m {
    width: 66.64445%;
  }
  .uk-width-1-4\@m {
    width: 25%;
  }
  .uk-width-3-4\@m {
    width: 75%;
  }
  .uk-width-1-5\@m {
    width: 20%;
  }
  .uk-width-2-5\@m {
    width: 40%;
  }
  .uk-width-3-5\@m {
    width: 60%;
  }
  .uk-width-4-5\@m {
    width: 80%;
  }
  .uk-width-1-6\@m {
    width: 16.66389%;
  }
  .uk-width-5-6\@m {
    width: 83.31945%;
  }
  .uk-width-small\@m {
    width: 150px;
  }
  .uk-width-medium\@m {
    width: 300px;
  }
  .uk-width-large\@m {
    width: 450px;
  }
  .uk-width-xlarge\@m {
    width: 600px;
  }
  .uk-width-2xlarge\@m {
    width: 750px;
  }
  .uk-width-auto\@m {
    width: auto;
  }
  .uk-width-expand\@m {
    flex: 1;
    min-width: 1px;
  }
}
@media (min-width: 1200px) {
  .uk-width-1-1\@l {
    width: 100%;
  }
  .uk-width-1-2\@l {
    width: 50%;
  }
  .uk-width-1-3\@l {
    width: 33.32223%;
  }
  .uk-width-2-3\@l {
    width: 66.64445%;
  }
  .uk-width-1-4\@l {
    width: 25%;
  }
  .uk-width-3-4\@l {
    width: 75%;
  }
  .uk-width-1-5\@l {
    width: 20%;
  }
  .uk-width-2-5\@l {
    width: 40%;
  }
  .uk-width-3-5\@l {
    width: 60%;
  }
  .uk-width-4-5\@l {
    width: 80%;
  }
  .uk-width-1-6\@l {
    width: 16.66389%;
  }
  .uk-width-5-6\@l {
    width: 83.31945%;
  }
  .uk-width-small\@l {
    width: 150px;
  }
  .uk-width-medium\@l {
    width: 300px;
  }
  .uk-width-large\@l {
    width: 450px;
  }
  .uk-width-xlarge\@l {
    width: 600px;
  }
  .uk-width-2xlarge\@l {
    width: 750px;
  }
  .uk-width-auto\@l {
    width: auto;
  }
  .uk-width-expand\@l {
    flex: 1;
    min-width: 1px;
  }
}
@media (min-width: 1600px) {
  .uk-width-1-1\@xl {
    width: 100%;
  }
  .uk-width-1-2\@xl {
    width: 50%;
  }
  .uk-width-1-3\@xl {
    width: 33.32223%;
  }
  .uk-width-2-3\@xl {
    width: 66.64445%;
  }
  .uk-width-1-4\@xl {
    width: 25%;
  }
  .uk-width-3-4\@xl {
    width: 75%;
  }
  .uk-width-1-5\@xl {
    width: 20%;
  }
  .uk-width-2-5\@xl {
    width: 40%;
  }
  .uk-width-3-5\@xl {
    width: 60%;
  }
  .uk-width-4-5\@xl {
    width: 80%;
  }
  .uk-width-1-6\@xl {
    width: 16.66389%;
  }
  .uk-width-5-6\@xl {
    width: 83.31945%;
  }
  .uk-width-small\@xl {
    width: 150px;
  }
  .uk-width-medium\@xl {
    width: 300px;
  }
  .uk-width-large\@xl {
    width: 450px;
  }
  .uk-width-xlarge\@xl {
    width: 600px;
  }
  .uk-width-2xlarge\@xl {
    width: 750px;
  }
  .uk-width-auto\@xl {
    width: auto;
  }
  .uk-width-expand\@xl {
    flex: 1;
    min-width: 1px;
  }
}
.uk-text-lead {
  font-size: 1.77778rem;
  line-height: 1.5;
  color: #333;
}
.uk-text-meta {
  font-size: 0.77778rem;
  line-height: 1.4;
  color: #5d5d5d;
}
.uk-text-meta a {
  color: #5d5d5d;
}
.uk-text-meta a:hover {
  color: #000;
  text-decoration: none;
}
.uk-text-small {
  font-size: 0.77778rem;
  line-height: 1.7;
}
.uk-text-large {
  font-size: 1rem;
  line-height: 1.5;
}
.uk-text-default {
  font-size: 18px;
  line-height: 1.5;
}
.uk-text-light,
.uk-text-nfc-small {
  font-weight: 300;
}
.uk-text-normal {
  font-weight: 400;
}
.uk-text-bold {
  font-weight: 700;
}
.uk-text-lighter {
  font-weight: lighter;
}
.uk-text-bolder {
  font-weight: bolder;
}
.uk-text-italic {
  font-style: italic;
}
.uk-text-capitalize {
  text-transform: capitalize !important;
}
.uk-text-uppercase {
  text-transform: uppercase !important;
}
.uk-text-lowercase {
  text-transform: lowercase !important;
}
.uk-text-decoration-none {
  text-decoration: none !important;
}
.uk-text-muted {
  color: #5d5d5d !important;
}
.uk-text-emphasis {
  color: #333 !important;
}
.uk-text-primary {
  color: #1e87f0 !important;
}
.uk-text-secondary {
  color: #222 !important;
}
.uk-text-success {
  color: #659f13 !important;
}
.uk-text-warning {
  color: #faa05a !important;
}
.uk-text-danger {
  color: #d0021b !important;
}
.uk-text-background {
  -webkit-background-clip: text;
  display: inline-block;
  color: #1e87f0 !important;
}
@supports (-webkit-background-clip: text) {
  .uk-text-background {
    background-color: #1e87f0;
    color: transparent !important;
  }
}
.uk-text-left {
  text-align: left !important;
}
.uk-text-right {
  text-align: right !important;
}
.uk-text-center {
  text-align: center !important;
}
.uk-text-justify {
  text-align: justify !important;
}
@media (min-width: 640px) {
  .uk-text-left\@s {
    text-align: left !important;
  }
  .uk-text-right\@s {
    text-align: right !important;
  }
  .uk-text-center\@s {
    text-align: center !important;
  }
}
@media (min-width: 960px) {
  .uk-text-left\@m {
    text-align: left !important;
  }
  .uk-text-right\@m {
    text-align: right !important;
  }
  .uk-text-center\@m {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .uk-text-left\@l {
    text-align: left !important;
  }
  .uk-text-right\@l {
    text-align: right !important;
  }
  .uk-text-center\@l {
    text-align: center !important;
  }
}
@media (min-width: 1600px) {
  .uk-text-left\@xl {
    text-align: left !important;
  }
  .uk-text-right\@xl {
    text-align: right !important;
  }
  .uk-text-center\@xl {
    text-align: center !important;
  }
}
.uk-text-top {
  vertical-align: top !important;
}
.uk-text-middle {
  vertical-align: middle !important;
}
.uk-text-bottom {
  vertical-align: bottom !important;
}
.uk-text-baseline {
  vertical-align: baseline !important;
}
.uk-text-nowrap,
.uk-text-truncate {
  white-space: nowrap;
}
.uk-text-truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
td.uk-text-truncate,
th.uk-text-truncate {
  max-width: 0;
}
.uk-text-break {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
td.uk-text-break,
th.uk-text-break {
  word-break: break-all;
}
[class*="uk-column-"] {
  -moz-column-gap: 30px;
  column-gap: 30px;
}
@media (min-width: 1200px) {
  [class*="uk-column-"] {
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}
[class*="uk-column-"] img {
  transform: translateZ(0);
}
.uk-column-divider {
  -moz-column-rule: 1px solid #d8d8d8;
  column-rule: 1px solid #d8d8d8;
  -moz-column-gap: 60px;
  column-gap: 60px;
}
@media (min-width: 1200px) {
  .uk-column-divider {
    -moz-column-gap: 80px;
    column-gap: 80px;
  }
}
.uk-column-1-2 {
  -moz-column-count: 2;
  column-count: 2;
}
.uk-column-1-3 {
  -moz-column-count: 3;
  column-count: 3;
}
.uk-column-1-4 {
  -moz-column-count: 4;
  column-count: 4;
}
.uk-column-1-5 {
  -moz-column-count: 5;
  column-count: 5;
}
.uk-column-1-6 {
  -moz-column-count: 6;
  column-count: 6;
}
@media (min-width: 640px) {
  .uk-column-1-2\@s {
    -moz-column-count: 2;
    column-count: 2;
  }
  .uk-column-1-3\@s {
    -moz-column-count: 3;
    column-count: 3;
  }
  .uk-column-1-4\@s {
    -moz-column-count: 4;
    column-count: 4;
  }
  .uk-column-1-5\@s {
    -moz-column-count: 5;
    column-count: 5;
  }
  .uk-column-1-6\@s {
    -moz-column-count: 6;
    column-count: 6;
  }
}
@media (min-width: 960px) {
  .uk-column-1-2\@m {
    -moz-column-count: 2;
    column-count: 2;
  }
  .uk-column-1-3\@m {
    -moz-column-count: 3;
    column-count: 3;
  }
  .uk-column-1-4\@m {
    -moz-column-count: 4;
    column-count: 4;
  }
  .uk-column-1-5\@m {
    -moz-column-count: 5;
    column-count: 5;
  }
  .uk-column-1-6\@m {
    -moz-column-count: 6;
    column-count: 6;
  }
}
@media (min-width: 1200px) {
  .uk-column-1-2\@l {
    -moz-column-count: 2;
    column-count: 2;
  }
  .uk-column-1-3\@l {
    -moz-column-count: 3;
    column-count: 3;
  }
  .uk-column-1-4\@l {
    -moz-column-count: 4;
    column-count: 4;
  }
  .uk-column-1-5\@l {
    -moz-column-count: 5;
    column-count: 5;
  }
  .uk-column-1-6\@l {
    -moz-column-count: 6;
    column-count: 6;
  }
}
@media (min-width: 1600px) {
  .uk-column-1-2\@xl {
    -moz-column-count: 2;
    column-count: 2;
  }
  .uk-column-1-3\@xl {
    -moz-column-count: 3;
    column-count: 3;
  }
  .uk-column-1-4\@xl {
    -moz-column-count: 4;
    column-count: 4;
  }
  .uk-column-1-5\@xl {
    -moz-column-count: 5;
    column-count: 5;
  }
  .uk-column-1-6\@xl {
    -moz-column-count: 6;
    column-count: 6;
  }
}
.uk-column-span {
  -moz-column-span: all;
  column-span: all;
}
.uk-cover,
[uk-cover] {
  max-width: none;
  position: absolute;
  left: 50%;
  top: 50%;
  --uk-position-translate-x: -50%;
  --uk-position-translate-y: -50%;
  transform: translate(
    var(--uk-position-translate-x),
    var(--uk-position-translate-y)
  );
}
iframe.uk-cover {
  pointer-events: none;
}
.uk-cover-container {
  overflow: hidden;
  position: relative;
}
.uk-background-default {
  background-color: #fff;
}
.uk-background-muted {
  background-color: #f4f4f4;
}
.uk-background-primary {
  background-color: #1e87f0;
}
.uk-background-secondary {
  background-color: #222;
}
.uk-background-contain,
.uk-background-cover,
.uk-background-height-1-1,
.uk-background-width-1-1 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.uk-background-cover {
  background-size: cover;
}
.uk-background-contain {
  background-size: contain;
}
.uk-background-width-1-1 {
  background-size: 100%;
}
.uk-background-height-1-1 {
  background-size: auto 100%;
}
.uk-background-top-left {
  background-position: 0 0;
}
.uk-background-top-center {
  background-position: 50% 0;
}
.uk-background-top-right {
  background-position: 100% 0;
}
.uk-background-center-left {
  background-position: 0 50%;
}
.uk-background-center-center {
  background-position: 50% 50%;
}
.uk-background-center-right {
  background-position: 100% 50%;
}
.uk-background-bottom-left {
  background-position: 0 100%;
}
.uk-background-bottom-center {
  background-position: 50% 100%;
}
.uk-background-bottom-right {
  background-position: 100% 100%;
}
.uk-background-norepeat {
  background-repeat: no-repeat;
}
.uk-background-fixed {
  background-attachment: fixed;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (pointer: coarse) {
  .uk-background-fixed {
    background-attachment: scroll;
  }
}
@media (max-width: 639px) {
  .uk-background-image\@s {
    background-image: none !important;
  }
}
@media (max-width: 959px) {
  .uk-background-image\@m {
    background-image: none !important;
  }
}
@media (max-width: 1199px) {
  .uk-background-image\@l {
    background-image: none !important;
  }
}
@media (max-width: 1599px) {
  .uk-background-image\@xl {
    background-image: none !important;
  }
}
.uk-background-blend-multiply {
  background-blend-mode: multiply;
}
.uk-background-blend-screen {
  background-blend-mode: screen;
}
.uk-background-blend-overlay {
  background-blend-mode: overlay;
}
.uk-background-blend-darken {
  background-blend-mode: darken;
}
.uk-background-blend-lighten {
  background-blend-mode: lighten;
}
.uk-background-blend-color-dodge {
  background-blend-mode: color-dodge;
}
.uk-background-blend-color-burn {
  background-blend-mode: color-burn;
}
.uk-background-blend-hard-light {
  background-blend-mode: hard-light;
}
.uk-background-blend-soft-light {
  background-blend-mode: soft-light;
}
.uk-background-blend-difference {
  background-blend-mode: difference;
}
.uk-background-blend-exclusion {
  background-blend-mode: exclusion;
}
.uk-background-blend-hue {
  background-blend-mode: hue;
}
.uk-background-blend-saturation {
  background-blend-mode: saturation;
}
.uk-background-blend-color {
  background-blend-mode: color;
}
.uk-background-blend-luminosity {
  background-blend-mode: luminosity;
}
[class*="uk-align"] {
  display: block;
  margin-bottom: 30px;
}
* + [class*="uk-align"] {
  margin-top: 30px;
}
.uk-align-center {
  margin-left: auto;
  margin-right: auto;
}
.uk-align-left {
  margin-top: 0;
  margin-right: 30px;
  float: left;
}
.uk-align-right {
  margin-top: 0;
  margin-left: 30px;
  float: right;
}
@media (min-width: 640px) {
  .uk-align-left\@s {
    margin-top: 0;
    margin-right: 30px;
    float: left;
  }
  .uk-align-right\@s {
    margin-top: 0;
    margin-left: 30px;
    float: right;
  }
}
@media (min-width: 960px) {
  .uk-align-left\@m {
    margin-top: 0;
    margin-right: 30px;
    float: left;
  }
  .uk-align-right\@m {
    margin-top: 0;
    margin-left: 30px;
    float: right;
  }
}
@media (min-width: 1200px) {
  .uk-align-left\@l {
    margin-top: 0;
    float: left;
  }
  .uk-align-right\@l {
    margin-top: 0;
    float: right;
  }
  .uk-align-left,
  .uk-align-left\@l,
  .uk-align-left\@m,
  .uk-align-left\@s {
    margin-right: 40px;
  }
  .uk-align-right,
  .uk-align-right\@l,
  .uk-align-right\@m,
  .uk-align-right\@s {
    margin-left: 40px;
  }
}
@media (min-width: 1600px) {
  .uk-align-left\@xl {
    margin-top: 0;
    margin-right: 40px;
    float: left;
  }
  .uk-align-right\@xl {
    margin-top: 0;
    margin-left: 40px;
    float: right;
  }
}
.uk-panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}
.uk-panel > :last-child {
  margin-bottom: 0;
}
.uk-panel-scrollable {
  height: 170px;
  padding: 10px;
  border: 1px solid #d8d8d8;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  resize: both;
}
.uk-clearfix:before {
  content: "";
  display: table-cell;
}
.uk-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.uk-float-left {
  float: left;
}
.uk-float-right {
  float: right;
}
[class*="uk-float-"] {
  max-width: 100%;
}
.uk-overflow-hidden {
  overflow: hidden;
}
.uk-overflow-auto {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.uk-overflow-auto > :last-child {
  margin-bottom: 0;
}
.uk-resize {
  resize: both;
}
.uk-resize-vertical {
  resize: vertical;
}
.uk-display-block {
  display: block !important;
}
.uk-display-inline {
  display: inline !important;
}
.uk-display-inline-block {
  display: inline-block !important;
}
[class*="uk-inline"] {
  display: inline-block;
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
}
.uk-inline-clip {
  overflow: hidden;
}
.uk-preserve-width,
.uk-preserve-width canvas,
.uk-preserve-width img,
.uk-preserve-width svg,
.uk-preserve-width video {
  max-width: none;
}
.uk-responsive-height,
.uk-responsive-width {
  box-sizing: border-box;
}
.uk-responsive-width {
  max-width: 100% !important;
  height: auto;
}
.uk-responsive-height {
  max-height: 100%;
  width: auto;
  max-width: none;
}
.uk-border-circle {
  border-radius: 50%;
}
.uk-border-pill {
  border-radius: 500px;
}
.uk-border-rounded {
  border-radius: 5px;
}
.uk-inline-clip[class*="uk-border-"] {
  -webkit-transform: translateZ(0);
}
.uk-box-shadow-small {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.uk-box-shadow-medium {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-box-shadow-large {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-box-shadow-xlarge {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}
[class*="uk-box-shadow-hover"] {
  transition: box-shadow 0.1s ease-in-out;
}
.uk-box-shadow-hover-small:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.uk-box-shadow-hover-medium:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-box-shadow-hover-large:hover {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-box-shadow-hover-xlarge:hover {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}
@supports (filter: blur(0)) {
  .uk-box-shadow-bottom {
    display: inline-block;
    position: relative;
    z-index: 0;
    max-width: 100%;
    vertical-align: middle;
  }
  .uk-box-shadow-bottom:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    z-index: -1;
    height: 30px;
    border-radius: 100%;
    background: #444;
    filter: blur(20px);
    will-change: filter;
  }
}
.uk-dropcap:first-letter,
.uk-dropcap > p:first-of-type:first-letter {
  display: block;
  margin-right: 10px;
  float: left;
  font-size: 4.5em;
  line-height: 1;
  margin-bottom: -2px;
}
@-moz-document url-prefix() {
  .uk-dropcap:first-letter,
  .uk-dropcap > p:first-of-type:first-letter {
    margin-top: 1.1%;
  }
}
@supports (-ms-ime-align: auto) {
  .uk-dropcap > p:first-of-type:first-letter {
    font-size: 1em;
  }
}
.uk-logo {
  font-size: 1.77778rem;
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
}
.uk-logo,
.uk-logo:hover {
  color: #333;
  text-decoration: none;
}
.uk-logo > :where(img, svg, video) {
  display: block;
}
.uk-logo-inverse {
  display: none;
}
.uk-disabled {
  pointer-events: none;
}
.uk-drag,
.uk-drag * {
  cursor: move;
}
.uk-drag iframe {
  pointer-events: none;
}
.uk-dragover {
  box-shadow: 0 0 20px hsla(0, 0%, 39.2%, 0.3);
}
.uk-blend-multiply {
  mix-blend-mode: multiply;
}
.uk-blend-screen {
  mix-blend-mode: screen;
}
.uk-blend-overlay {
  mix-blend-mode: overlay;
}
.uk-blend-darken {
  mix-blend-mode: darken;
}
.uk-blend-lighten {
  mix-blend-mode: lighten;
}
.uk-blend-color-dodge {
  mix-blend-mode: color-dodge;
}
.uk-blend-color-burn {
  mix-blend-mode: color-burn;
}
.uk-blend-hard-light {
  mix-blend-mode: hard-light;
}
.uk-blend-soft-light {
  mix-blend-mode: soft-light;
}
.uk-blend-difference {
  mix-blend-mode: difference;
}
.uk-blend-exclusion {
  mix-blend-mode: exclusion;
}
.uk-blend-hue {
  mix-blend-mode: hue;
}
.uk-blend-saturation {
  mix-blend-mode: saturation;
}
.uk-blend-color {
  mix-blend-mode: color;
}
.uk-blend-luminosity {
  mix-blend-mode: luminosity;
}
.uk-transform-center {
  transform: translate(-50%, -50%);
}
.uk-transform-origin-top-left {
  transform-origin: 0 0;
}
.uk-transform-origin-top-center {
  transform-origin: 50% 0;
}
.uk-transform-origin-top-right {
  transform-origin: 100% 0;
}
.uk-transform-origin-center-left {
  transform-origin: 0 50%;
}
.uk-transform-origin-center-right {
  transform-origin: 100% 50%;
}
.uk-transform-origin-bottom-left {
  transform-origin: 0 100%;
}
.uk-transform-origin-bottom-center {
  transform-origin: 50% 100%;
}
.uk-transform-origin-bottom-right {
  transform-origin: 100% 100%;
}
.uk-flex {
  display: flex;
}
.uk-flex-inline {
  display: inline-flex;
}
.uk-flex-inline:after,
.uk-flex-inline:before,
.uk-flex:after,
.uk-flex:before {
  display: none;
}
.uk-flex-left {
  justify-content: flex-start;
}
.uk-flex-center {
  justify-content: center;
}
.uk-flex-right {
  justify-content: flex-end;
}
.uk-flex-between {
  justify-content: space-between;
}
.uk-flex-around {
  justify-content: space-around;
}
@media (min-width: 640px) {
  .uk-flex-left\@s {
    justify-content: flex-start;
  }
  .uk-flex-center\@s {
    justify-content: center;
  }
  .uk-flex-right\@s {
    justify-content: flex-end;
  }
  .uk-flex-between\@s {
    justify-content: space-between;
  }
  .uk-flex-around\@s {
    justify-content: space-around;
  }
}
@media (min-width: 960px) {
  .uk-flex-left\@m {
    justify-content: flex-start;
  }
  .uk-flex-center\@m {
    justify-content: center;
  }
  .uk-flex-right\@m {
    justify-content: flex-end;
  }
  .uk-flex-between\@m {
    justify-content: space-between;
  }
  .uk-flex-around\@m {
    justify-content: space-around;
  }
}
@media (min-width: 1200px) {
  .uk-flex-left\@l {
    justify-content: flex-start;
  }
  .uk-flex-center\@l {
    justify-content: center;
  }
  .uk-flex-right\@l {
    justify-content: flex-end;
  }
  .uk-flex-between\@l {
    justify-content: space-between;
  }
  .uk-flex-around\@l {
    justify-content: space-around;
  }
}
@media (min-width: 1600px) {
  .uk-flex-left\@xl {
    justify-content: flex-start;
  }
  .uk-flex-center\@xl {
    justify-content: center;
  }
  .uk-flex-right\@xl {
    justify-content: flex-end;
  }
  .uk-flex-between\@xl {
    justify-content: space-between;
  }
  .uk-flex-around\@xl {
    justify-content: space-around;
  }
}
.uk-flex-stretch {
  align-items: stretch;
}
.uk-flex-top {
  align-items: flex-start;
}
.uk-flex-middle {
  align-items: center;
}
.uk-flex-bottom {
  align-items: flex-end;
}
.uk-flex-row {
  flex-direction: row;
}
.uk-flex-row-reverse {
  flex-direction: row-reverse;
}
.uk-flex-column {
  flex-direction: column;
}
.uk-flex-column-reverse {
  flex-direction: column-reverse;
}
.uk-flex-nowrap {
  flex-wrap: nowrap;
}
.uk-flex-wrap {
  flex-wrap: wrap;
}
.uk-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.uk-flex-wrap-stretch {
  align-content: stretch;
}
.uk-flex-wrap-top {
  align-content: flex-start;
}
.uk-flex-wrap-middle {
  align-content: center;
}
.uk-flex-wrap-bottom {
  align-content: flex-end;
}
.uk-flex-wrap-between {
  align-content: space-between;
}
.uk-flex-wrap-around {
  align-content: space-around;
}
.uk-flex-first {
  order: -1;
}
.uk-flex-last {
  order: 99;
}
@media (min-width: 640px) {
  .uk-flex-first\@s {
    order: -1;
  }
  .uk-flex-last\@s {
    order: 99;
  }
}
@media (min-width: 960px) {
  .uk-flex-first\@m {
    order: -1;
  }
  .uk-flex-last\@m {
    order: 99;
  }
}
@media (min-width: 1200px) {
  .uk-flex-first\@l {
    order: -1;
  }
  .uk-flex-last\@l {
    order: 99;
  }
}
@media (min-width: 1600px) {
  .uk-flex-first\@xl {
    order: -1;
  }
  .uk-flex-last\@xl {
    order: 99;
  }
}
.uk-flex-none {
  flex: none;
}
.uk-flex-auto {
  flex: auto;
}
.uk-flex-1 {
  flex: 1;
}
.uk-margin {
  margin-bottom: 20px;
}
* + .uk-margin,
.uk-margin-top {
  margin-top: 20px !important;
}
.uk-margin-bottom {
  margin-bottom: 20px !important;
}
.uk-margin-left {
  margin-left: 20px !important;
}
.uk-margin-right {
  margin-right: 20px !important;
}
.uk-margin-small {
  margin-bottom: 10px;
}
* + .uk-margin-small,
.uk-margin-small-top {
  margin-top: 10px !important;
}
.uk-margin-small-bottom {
  margin-bottom: 10px !important;
}
.uk-margin-small-left {
  margin-left: 10px !important;
}
.uk-margin-small-right {
  margin-right: 10px !important;
}
.uk-margin-medium {
  margin-bottom: 40px;
}
* + .uk-margin-medium,
.uk-margin-medium-top {
  margin-top: 40px !important;
}
.uk-margin-medium-bottom {
  margin-bottom: 40px !important;
}
.uk-margin-medium-left {
  margin-left: 40px !important;
}
.uk-margin-medium-right {
  margin-right: 40px !important;
}
.uk-margin-large {
  margin-bottom: 40px;
}
* + .uk-margin-large,
.uk-margin-large-top {
  margin-top: 40px !important;
}
.uk-margin-large-bottom {
  margin-bottom: 40px !important;
}
.uk-margin-large-left {
  margin-left: 40px !important;
}
.uk-margin-large-right {
  margin-right: 40px !important;
}
@media (min-width: 1200px) {
  .uk-margin-large {
    margin-bottom: 70px;
  }
  * + .uk-margin-large,
  .uk-margin-large-top {
    margin-top: 70px !important;
  }
  .uk-margin-large-bottom {
    margin-bottom: 70px !important;
  }
  .uk-margin-large-left {
    margin-left: 70px !important;
  }
  .uk-margin-large-right {
    margin-right: 70px !important;
  }
}
.uk-margin-xlarge {
  margin-bottom: 70px;
}
* + .uk-margin-xlarge,
.uk-margin-xlarge-top {
  margin-top: 70px !important;
}
.uk-margin-xlarge-bottom {
  margin-bottom: 70px !important;
}
.uk-margin-xlarge-left {
  margin-left: 70px !important;
}
.uk-margin-xlarge-right {
  margin-right: 70px !important;
}
@media (min-width: 1200px) {
  .uk-margin-xlarge {
    margin-bottom: 140px;
  }
  * + .uk-margin-xlarge,
  .uk-margin-xlarge-top {
    margin-top: 140px !important;
  }
  .uk-margin-xlarge-bottom {
    margin-bottom: 140px !important;
  }
  .uk-margin-xlarge-left {
    margin-left: 140px !important;
  }
  .uk-margin-xlarge-right {
    margin-right: 140px !important;
  }
}
.uk-margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.uk-margin-auto-top {
  margin-top: auto !important;
}
.uk-margin-auto-bottom {
  margin-bottom: auto !important;
}
.uk-margin-auto-left {
  margin-left: auto !important;
}
.uk-margin-auto-right {
  margin-right: auto !important;
}
.uk-margin-auto-vertical {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media (min-width: 640px) {
  .uk-margin-auto\@s {
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@s,
  .uk-margin-auto\@s {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@s {
    margin-right: auto !important;
  }
}
@media (min-width: 960px) {
  .uk-margin-auto\@m {
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@m,
  .uk-margin-auto\@m {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@m {
    margin-right: auto !important;
  }
}
@media (min-width: 1200px) {
  .uk-margin-auto\@l {
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@l,
  .uk-margin-auto\@l {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@l {
    margin-right: auto !important;
  }
}
@media (min-width: 1600px) {
  .uk-margin-auto\@xl {
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@xl,
  .uk-margin-auto\@xl {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@xl {
    margin-right: auto !important;
  }
}
.uk-margin-remove {
  margin: 0 !important;
}
.uk-margin-remove-top {
  margin-top: 0 !important;
}
.uk-margin-remove-bottom {
  margin-bottom: 0 !important;
}
.uk-margin-remove-left {
  margin-left: 0 !important;
}
.uk-margin-remove-right {
  margin-right: 0 !important;
}
.uk-margin-remove-vertical {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.uk-margin-remove-adjacent + *,
.uk-margin-remove-first-child > :first-child {
  margin-top: 0 !important;
}
.uk-margin-remove-last-child > :last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 640px) {
  .uk-margin-remove-left\@s {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@s {
    margin-right: 0 !important;
  }
}
@media (min-width: 960px) {
  .uk-margin-remove-left\@m {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@m {
    margin-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .uk-margin-remove-left\@l {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@l {
    margin-right: 0 !important;
  }
}
@media (min-width: 1600px) {
  .uk-margin-remove-left\@xl {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@xl {
    margin-right: 0 !important;
  }
}
.uk-padding {
  padding: 30px;
}
@media (min-width: 1200px) {
  .uk-padding {
    padding: 40px;
  }
}
.uk-padding-small {
  padding: 15px;
}
.uk-padding-large {
  padding: 40px;
}
@media (min-width: 1200px) {
  .uk-padding-large {
    padding: 70px;
  }
}
.uk-padding-remove {
  padding: 0 !important;
}
.uk-padding-remove-top {
  padding-top: 0 !important;
}
.uk-padding-remove-bottom {
  padding-bottom: 0 !important;
}
.uk-padding-remove-left {
  padding-left: 0 !important;
}
.uk-padding-remove-right {
  padding-right: 0 !important;
}
.uk-padding-remove-vertical {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.uk-padding-remove-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
:root {
  --uk-position-margin-offset: 0px;
}
[class*="uk-position-bottom"],
[class*="uk-position-center"],
[class*="uk-position-left"],
[class*="uk-position-right"],
[class*="uk-position-top"] {
  position: absolute !important;
  max-width: calc(100% - var(--uk-position-margin-offset) * 2);
  box-sizing: border-box;
}
.uk-position-top {
  top: 0;
  left: 0;
  right: 0;
}
.uk-position-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}
.uk-position-left {
  top: 0;
  bottom: 0;
  left: 0;
}
.uk-position-right {
  top: 0;
  bottom: 0;
  right: 0;
}
.uk-position-top-left {
  top: 0;
  left: 0;
}
.uk-position-top-right {
  top: 0;
  right: 0;
}
.uk-position-bottom-left {
  bottom: 0;
  left: 0;
}
.uk-position-bottom-right {
  bottom: 0;
  right: 0;
}
.uk-position-center {
  top: calc(50% - var(--uk-position-margin-offset));
  left: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-x: -50%;
  --uk-position-translate-y: -50%;
  transform: translate(
    var(--uk-position-translate-x),
    var(--uk-position-translate-y)
  );
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
[class*="uk-position-center-left"],
[class*="uk-position-center-right"] {
  top: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-y: -50%;
  transform: translateY(var(--uk-position-translate-y));
}
.uk-position-center-left {
  left: 0;
}
.uk-position-center-right {
  right: 0;
}
.uk-position-center-left-out {
  right: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.uk-position-center-right-out {
  left: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.uk-position-bottom-center,
.uk-position-top-center {
  left: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-x: -50%;
  transform: translate(var(--uk-position-translate-x));
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.uk-position-top-center {
  top: 0;
}
.uk-position-bottom-center {
  bottom: 0;
}
.uk-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.uk-position-small {
  margin: 15px;
  --uk-position-margin-offset: 15px;
}
.uk-position-large,
.uk-position-medium {
  margin: 30px;
  --uk-position-margin-offset: 30px;
}
@media (min-width: 1200px) {
  .uk-position-large {
    margin: 50px;
    --uk-position-margin-offset: 50px;
  }
}
.uk-position-relative {
  position: relative !important;
}
.uk-position-absolute {
  position: absolute !important;
}
.uk-position-fixed {
  position: fixed !important;
}
.uk-position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.uk-position-z-index {
  z-index: 1;
}
:where(.uk-transition-fade),
:where([class*="uk-transition-scale"]),
:where([class*="uk-transition-slide"]) {
  --uk-position-translate-x: 0;
  --uk-position-translate-y: 0;
}
.uk-transition-fade,
[class*="uk-transition-scale"],
[class*="uk-transition-slide"] {
  --uk-translate-x: 0;
  --uk-translate-y: 0;
  --uk-scale-x: 1;
  --uk-scale-y: 1;
  transform: translate(
      var(--uk-position-translate-x),
      var(--uk-position-translate-y)
    )
    translate(var(--uk-translate-x), var(--uk-translate-y))
    scale(var(--uk-scale-x), var(--uk-scale-y));
  transition: 0.3s ease-out;
  transition-property: opacity, transform, filter;
  opacity: 0;
}
.uk-transition-active.uk-active .uk-transition-fade,
.uk-transition-toggle .uk-transition-fade:focus-within,
.uk-transition-toggle:focus .uk-transition-fade,
.uk-transition-toggle:hover .uk-transition-fade {
  opacity: 1;
}
[class*="uk-transition-scale"] {
  -webkit-backface-visibility: hidden;
}
.uk-transition-scale-up {
  --uk-scale-x: 1;
  --uk-scale-y: 1;
}
.uk-transition-scale-down {
  --uk-scale-x: 1.03;
  --uk-scale-y: 1.03;
}
.uk-transition-active.uk-active .uk-transition-scale-up,
.uk-transition-toggle .uk-transition-scale-up:focus-within,
.uk-transition-toggle:focus .uk-transition-scale-up,
.uk-transition-toggle:hover .uk-transition-scale-up {
  --uk-scale-x: 1.03;
  --uk-scale-y: 1.03;
  opacity: 1;
}
.uk-transition-active.uk-active .uk-transition-scale-down,
.uk-transition-toggle .uk-transition-scale-down:focus-within,
.uk-transition-toggle:focus .uk-transition-scale-down,
.uk-transition-toggle:hover .uk-transition-scale-down {
  --uk-scale-x: 1;
  --uk-scale-y: 1;
  opacity: 1;
}
.uk-transition-slide-top {
  --uk-translate-y: -100%;
}
.uk-transition-slide-bottom {
  --uk-translate-y: 100%;
}
.uk-transition-slide-left {
  --uk-translate-x: -100%;
}
.uk-transition-slide-right {
  --uk-translate-x: 100%;
}
.uk-transition-slide-top-small {
  --uk-translate-y: -10px;
}
.uk-transition-slide-bottom-small {
  --uk-translate-y: 10px;
}
.uk-transition-slide-left-small {
  --uk-translate-x: -10px;
}
.uk-transition-slide-right-small {
  --uk-translate-x: 10px;
}
.uk-transition-slide-top-medium {
  --uk-translate-y: -50px;
}
.uk-transition-slide-bottom-medium {
  --uk-translate-y: 50px;
}
.uk-transition-slide-left-medium {
  --uk-translate-x: -50px;
}
.uk-transition-slide-right-medium {
  --uk-translate-x: 50px;
}
.uk-transition-active.uk-active [class*="uk-transition-slide"],
.uk-transition-toggle:focus [class*="uk-transition-slide"],
.uk-transition-toggle:hover [class*="uk-transition-slide"],
.uk-transition-toggle [class*="uk-transition-slide"]:focus-within {
  --uk-translate-x: 0;
  --uk-translate-y: 0;
  opacity: 1;
}
.uk-transition-opaque {
  opacity: 1;
}
.uk-transition-slow {
  transition-duration: 0.7s;
}
.uk-hidden,
[hidden] {
  display: none !important;
}
@media (min-width: 640px) {
  .uk-hidden\@s {
    display: none !important;
  }
}
@media (min-width: 960px) {
  .uk-hidden\@m {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .uk-hidden\@l {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  .uk-hidden\@xl {
    display: none !important;
  }
}
@media (max-width: 639px) {
  .uk-visible\@s {
    display: none !important;
  }
}
@media (max-width: 959px) {
  .uk-visible\@m {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .uk-visible\@l {
    display: none !important;
  }
}
@media (max-width: 1599px) {
  .uk-visible\@xl {
    display: none !important;
  }
}
.uk-invisible {
  visibility: hidden !important;
}
.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.uk-visible-toggle:not(:hover):not(:focus)
  .uk-invisible-hover:not(:focus-within) {
  opacity: 0 !important;
}
@media (hover: none) {
  .uk-hidden-touch {
    display: none !important;
  }
}
@media (hover) {
  .uk-hidden-notouch {
    display: none !important;
  }
}
.uk-card-primary.uk-card-body,
.uk-card-primary > :not([class*="uk-card-media"]),
.uk-card-secondary.uk-card-body,
.uk-card-secondary > :not([class*="uk-card-media"]),
.uk-light,
.uk-overlay-primary,
.uk-section-primary:not(.uk-preserve-color),
.uk-section-secondary:not(.uk-preserve-color),
.uk-tile-primary:not(.uk-preserve-color),
.uk-tile-secondary:not(.uk-preserve-color) {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-link,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,
.uk-card-primary.uk-card-body .uk-link:hover,
.uk-card-primary.uk-card-body a,
.uk-card-primary.uk-card-body a:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-link,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-link-toggle:hover
  .uk-link,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-link:hover,
.uk-card-primary > :not([class*="uk-card-media"]) a,
.uk-card-primary > :not([class*="uk-card-media"]) a:hover,
.uk-card-secondary.uk-card-body .uk-link,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,
.uk-card-secondary.uk-card-body .uk-link:hover,
.uk-card-secondary.uk-card-body a,
.uk-card-secondary.uk-card-body a:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-link-toggle:hover
  .uk-link,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) a,
.uk-card-secondary > :not([class*="uk-card-media"]) a:hover,
.uk-light .uk-link,
.uk-light .uk-link-toggle:hover .uk-link,
.uk-light .uk-link:hover,
.uk-light a,
.uk-light a:hover,
.uk-overlay-primary .uk-link,
.uk-overlay-primary .uk-link-toggle:hover .uk-link,
.uk-overlay-primary .uk-link:hover,
.uk-overlay-primary a,
.uk-overlay-primary a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-section-primary:not(.uk-preserve-color) a,
.uk-section-primary:not(.uk-preserve-color) a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-section-secondary:not(.uk-preserve-color) a,
.uk-section-secondary:not(.uk-preserve-color) a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-primary:not(.uk-preserve-color) a,
.uk-tile-primary:not(.uk-preserve-color) a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) a,
.uk-tile-secondary:not(.uk-preserve-color) a:hover {
  color: #fff;
}
.uk-card-primary.uk-card-body :not(pre) > code,
.uk-card-primary.uk-card-body :not(pre) > kbd,
.uk-card-primary.uk-card-body :not(pre) > samp,
.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > code,
.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > kbd,
.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > samp,
.uk-card-secondary.uk-card-body :not(pre) > code,
.uk-card-secondary.uk-card-body :not(pre) > kbd,
.uk-card-secondary.uk-card-body :not(pre) > samp,
.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > code,
.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > kbd,
.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > samp,
.uk-light :not(pre) > code,
.uk-light :not(pre) > kbd,
.uk-light :not(pre) > samp,
.uk-overlay-primary :not(pre) > code,
.uk-overlay-primary :not(pre) > kbd,
.uk-overlay-primary :not(pre) > samp,
.uk-section-primary:not(.uk-preserve-color) :not(pre) > code,
.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp,
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code,
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp,
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code,
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp {
  color: hsla(0, 0%, 100%, 0.7);
  background: hsla(0, 0%, 100%, 0.1);
}
.uk-card-primary.uk-card-body .uk-h1,
.uk-card-primary.uk-card-body .uk-h2,
.uk-card-primary.uk-card-body .uk-h3,
.uk-card-primary.uk-card-body .uk-h4,
.uk-card-primary.uk-card-body .uk-h5,
.uk-card-primary.uk-card-body .uk-h6,
.uk-card-primary.uk-card-body .uk-heading-2xlarge,
.uk-card-primary.uk-card-body .uk-heading-large,
.uk-card-primary.uk-card-body .uk-heading-medium,
.uk-card-primary.uk-card-body .uk-heading-small,
.uk-card-primary.uk-card-body .uk-heading-xlarge,
.uk-card-primary.uk-card-body blockquote,
.uk-card-primary.uk-card-body em,
.uk-card-primary.uk-card-body h1,
.uk-card-primary.uk-card-body h2,
.uk-card-primary.uk-card-body h3,
.uk-card-primary.uk-card-body h4,
.uk-card-primary.uk-card-body h5,
.uk-card-primary.uk-card-body h6,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-h1,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-h2,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-h3,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-h4,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-h5,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-h6,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-2xlarge,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-large,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-medium,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-small,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-xlarge,
.uk-card-primary > :not([class*="uk-card-media"]) blockquote,
.uk-card-primary > :not([class*="uk-card-media"]) em,
.uk-card-primary > :not([class*="uk-card-media"]) h1,
.uk-card-primary > :not([class*="uk-card-media"]) h2,
.uk-card-primary > :not([class*="uk-card-media"]) h3,
.uk-card-primary > :not([class*="uk-card-media"]) h4,
.uk-card-primary > :not([class*="uk-card-media"]) h5,
.uk-card-primary > :not([class*="uk-card-media"]) h6,
.uk-card-secondary.uk-card-body .uk-h1,
.uk-card-secondary.uk-card-body .uk-h2,
.uk-card-secondary.uk-card-body .uk-h3,
.uk-card-secondary.uk-card-body .uk-h4,
.uk-card-secondary.uk-card-body .uk-h5,
.uk-card-secondary.uk-card-body .uk-h6,
.uk-card-secondary.uk-card-body .uk-heading-2xlarge,
.uk-card-secondary.uk-card-body .uk-heading-large,
.uk-card-secondary.uk-card-body .uk-heading-medium,
.uk-card-secondary.uk-card-body .uk-heading-small,
.uk-card-secondary.uk-card-body .uk-heading-xlarge,
.uk-card-secondary.uk-card-body blockquote,
.uk-card-secondary.uk-card-body em,
.uk-card-secondary.uk-card-body h1,
.uk-card-secondary.uk-card-body h2,
.uk-card-secondary.uk-card-body h3,
.uk-card-secondary.uk-card-body h4,
.uk-card-secondary.uk-card-body h5,
.uk-card-secondary.uk-card-body h6,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h1,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h2,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h3,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h4,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h5,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h6,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-2xlarge,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-large,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-medium,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-small,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-xlarge,
.uk-card-secondary > :not([class*="uk-card-media"]) blockquote,
.uk-card-secondary > :not([class*="uk-card-media"]) em,
.uk-card-secondary > :not([class*="uk-card-media"]) h1,
.uk-card-secondary > :not([class*="uk-card-media"]) h2,
.uk-card-secondary > :not([class*="uk-card-media"]) h3,
.uk-card-secondary > :not([class*="uk-card-media"]) h4,
.uk-card-secondary > :not([class*="uk-card-media"]) h5,
.uk-card-secondary > :not([class*="uk-card-media"]) h6,
.uk-light .uk-h1,
.uk-light .uk-h2,
.uk-light .uk-h3,
.uk-light .uk-h4,
.uk-light .uk-h5,
.uk-light .uk-h6,
.uk-light .uk-heading-2xlarge,
.uk-light .uk-heading-large,
.uk-light .uk-heading-medium,
.uk-light .uk-heading-small,
.uk-light .uk-heading-xlarge,
.uk-light blockquote,
.uk-light em,
.uk-light h1,
.uk-light h2,
.uk-light h3,
.uk-light h4,
.uk-light h5,
.uk-light h6,
.uk-overlay-primary .uk-h1,
.uk-overlay-primary .uk-h2,
.uk-overlay-primary .uk-h3,
.uk-overlay-primary .uk-h4,
.uk-overlay-primary .uk-h5,
.uk-overlay-primary .uk-h6,
.uk-overlay-primary .uk-heading-2xlarge,
.uk-overlay-primary .uk-heading-large,
.uk-overlay-primary .uk-heading-medium,
.uk-overlay-primary .uk-heading-small,
.uk-overlay-primary .uk-heading-xlarge,
.uk-overlay-primary blockquote,
.uk-overlay-primary em,
.uk-overlay-primary h1,
.uk-overlay-primary h2,
.uk-overlay-primary h3,
.uk-overlay-primary h4,
.uk-overlay-primary h5,
.uk-overlay-primary h6,
.uk-section-primary:not(.uk-preserve-color) .uk-h1,
.uk-section-primary:not(.uk-preserve-color) .uk-h2,
.uk-section-primary:not(.uk-preserve-color) .uk-h3,
.uk-section-primary:not(.uk-preserve-color) .uk-h4,
.uk-section-primary:not(.uk-preserve-color) .uk-h5,
.uk-section-primary:not(.uk-preserve-color) .uk-h6,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-section-primary:not(.uk-preserve-color) blockquote,
.uk-section-primary:not(.uk-preserve-color) em,
.uk-section-primary:not(.uk-preserve-color) h1,
.uk-section-primary:not(.uk-preserve-color) h2,
.uk-section-primary:not(.uk-preserve-color) h3,
.uk-section-primary:not(.uk-preserve-color) h4,
.uk-section-primary:not(.uk-preserve-color) h5,
.uk-section-primary:not(.uk-preserve-color) h6,
.uk-section-secondary:not(.uk-preserve-color) .uk-h1,
.uk-section-secondary:not(.uk-preserve-color) .uk-h2,
.uk-section-secondary:not(.uk-preserve-color) .uk-h3,
.uk-section-secondary:not(.uk-preserve-color) .uk-h4,
.uk-section-secondary:not(.uk-preserve-color) .uk-h5,
.uk-section-secondary:not(.uk-preserve-color) .uk-h6,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-section-secondary:not(.uk-preserve-color) blockquote,
.uk-section-secondary:not(.uk-preserve-color) em,
.uk-section-secondary:not(.uk-preserve-color) h1,
.uk-section-secondary:not(.uk-preserve-color) h2,
.uk-section-secondary:not(.uk-preserve-color) h3,
.uk-section-secondary:not(.uk-preserve-color) h4,
.uk-section-secondary:not(.uk-preserve-color) h5,
.uk-section-secondary:not(.uk-preserve-color) h6,
.uk-tile-primary:not(.uk-preserve-color) .uk-h1,
.uk-tile-primary:not(.uk-preserve-color) .uk-h2,
.uk-tile-primary:not(.uk-preserve-color) .uk-h3,
.uk-tile-primary:not(.uk-preserve-color) .uk-h4,
.uk-tile-primary:not(.uk-preserve-color) .uk-h5,
.uk-tile-primary:not(.uk-preserve-color) .uk-h6,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-primary:not(.uk-preserve-color) blockquote,
.uk-tile-primary:not(.uk-preserve-color) em,
.uk-tile-primary:not(.uk-preserve-color) h1,
.uk-tile-primary:not(.uk-preserve-color) h2,
.uk-tile-primary:not(.uk-preserve-color) h3,
.uk-tile-primary:not(.uk-preserve-color) h4,
.uk-tile-primary:not(.uk-preserve-color) h5,
.uk-tile-primary:not(.uk-preserve-color) h6,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-secondary:not(.uk-preserve-color) blockquote,
.uk-tile-secondary:not(.uk-preserve-color) em,
.uk-tile-secondary:not(.uk-preserve-color) h1,
.uk-tile-secondary:not(.uk-preserve-color) h2,
.uk-tile-secondary:not(.uk-preserve-color) h3,
.uk-tile-secondary:not(.uk-preserve-color) h4,
.uk-tile-secondary:not(.uk-preserve-color) h5,
.uk-tile-secondary:not(.uk-preserve-color) h6 {
  color: #fff;
}
.uk-card-primary.uk-card-body blockquote footer,
.uk-card-primary > :not([class*="uk-card-media"]) blockquote footer,
.uk-card-secondary.uk-card-body blockquote footer,
.uk-card-secondary > :not([class*="uk-card-media"]) blockquote footer,
.uk-light blockquote footer,
.uk-overlay-primary blockquote footer,
.uk-section-primary:not(.uk-preserve-color) blockquote footer,
.uk-section-secondary:not(.uk-preserve-color) blockquote footer,
.uk-tile-primary:not(.uk-preserve-color) blockquote footer,
.uk-tile-secondary:not(.uk-preserve-color) blockquote footer {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-hr,
.uk-card-primary.uk-card-body hr,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-hr,
.uk-card-primary > :not([class*="uk-card-media"]) hr,
.uk-card-secondary.uk-card-body .uk-hr,
.uk-card-secondary.uk-card-body hr,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-hr,
.uk-card-secondary > :not([class*="uk-card-media"]) hr,
.uk-light .uk-hr,
.uk-light hr,
.uk-overlay-primary .uk-hr,
.uk-overlay-primary hr,
.uk-section-primary:not(.uk-preserve-color) .uk-hr,
.uk-section-primary:not(.uk-preserve-color) hr,
.uk-section-secondary:not(.uk-preserve-color) .uk-hr,
.uk-section-secondary:not(.uk-preserve-color) hr,
.uk-tile-primary:not(.uk-preserve-color) .uk-hr,
.uk-tile-primary:not(.uk-preserve-color) hr,
.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,
.uk-tile-secondary:not(.uk-preserve-color) hr {
  border-top-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body :focus,
.uk-card-primary.uk-card-body :focus-visible,
.uk-card-primary > :not([class*="uk-card-media"]) :focus,
.uk-card-primary > :not([class*="uk-card-media"]) :focus-visible,
.uk-card-secondary.uk-card-body :focus,
.uk-card-secondary.uk-card-body :focus-visible,
.uk-card-secondary > :not([class*="uk-card-media"]) :focus,
.uk-card-secondary > :not([class*="uk-card-media"]) :focus-visible,
.uk-light :focus,
.uk-light :focus-visible,
.uk-overlay-primary :focus,
.uk-overlay-primary :focus-visible,
.uk-section-primary:not(.uk-preserve-color) :focus,
.uk-section-primary:not(.uk-preserve-color) :focus-visible,
.uk-section-secondary:not(.uk-preserve-color) :focus,
.uk-section-secondary:not(.uk-preserve-color) :focus-visible,
.uk-tile-primary:not(.uk-preserve-color) :focus,
.uk-tile-primary:not(.uk-preserve-color) :focus-visible,
.uk-tile-secondary:not(.uk-preserve-color) :focus,
.uk-tile-secondary:not(.uk-preserve-color) :focus-visible {
  outline-color: #fff;
}
.uk-card-primary.uk-card-body .uk-link-muted a,
.uk-card-primary.uk-card-body a.uk-link-muted,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-muted a,
.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-muted,
.uk-card-secondary.uk-card-body .uk-link-muted a,
.uk-card-secondary.uk-card-body a.uk-link-muted,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-muted a,
.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-muted,
.uk-light .uk-link-muted a,
.uk-light a.uk-link-muted,
.uk-overlay-primary .uk-link-muted a,
.uk-overlay-primary a.uk-link-muted,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-link-muted a:hover,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,
.uk-card-primary.uk-card-body a.uk-link-muted:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-muted a:hover,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-link-toggle:hover
  .uk-link-muted,
.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-muted:hover,
.uk-card-secondary.uk-card-body .uk-link-muted a:hover,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,
.uk-card-secondary.uk-card-body a.uk-link-muted:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-muted a:hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-link-toggle:hover
  .uk-link-muted,
.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-muted:hover,
.uk-light .uk-link-muted a:hover,
.uk-light .uk-link-toggle:hover .uk-link-muted,
.uk-light a.uk-link-muted:hover,
.uk-overlay-primary .uk-link-muted a:hover,
.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,
.uk-overlay-primary a.uk-link-muted:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-section-primary:not(.uk-preserve-color)
  .uk-link-toggle:hover
  .uk-link-muted,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-link-toggle:hover
  .uk-link-muted,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-link-text a:hover,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,
.uk-card-primary.uk-card-body a.uk-link-text:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-text a:hover,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-link-toggle:hover
  .uk-link-text,
.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-text:hover,
.uk-card-secondary.uk-card-body .uk-link-text a:hover,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,
.uk-card-secondary.uk-card-body a.uk-link-text:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-text a:hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-link-toggle:hover
  .uk-link-text,
.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-text:hover,
.uk-light .uk-link-text a:hover,
.uk-light .uk-link-toggle:hover .uk-link-text,
.uk-light a.uk-link-text:hover,
.uk-overlay-primary .uk-link-text a:hover,
.uk-overlay-primary .uk-link-toggle:hover .uk-link-text,
.uk-overlay-primary a.uk-link-text:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-link-toggle:hover
  .uk-link-text,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-link-heading a:hover,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,
.uk-card-primary.uk-card-body a.uk-link-heading:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-heading a:hover,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-link-toggle:hover
  .uk-link-heading,
.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-heading:hover,
.uk-card-secondary.uk-card-body .uk-link-heading a:hover,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,
.uk-card-secondary.uk-card-body a.uk-link-heading:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-heading a:hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-link-toggle:hover
  .uk-link-heading,
.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-heading:hover,
.uk-light .uk-link-heading a:hover,
.uk-light .uk-link-toggle:hover .uk-link-heading,
.uk-light a.uk-link-heading:hover,
.uk-overlay-primary .uk-link-heading a:hover,
.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,
.uk-overlay-primary a.uk-link-heading:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-section-primary:not(.uk-preserve-color)
  .uk-link-toggle:hover
  .uk-link-heading,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-link-toggle:hover
  .uk-link-heading,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-link-toggle:hover
  .uk-link-heading,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover {
  color: #fff;
}
.uk-card-primary.uk-card-body .uk-heading-divider,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-divider,
.uk-card-secondary.uk-card-body .uk-heading-divider,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-divider,
.uk-light .uk-heading-divider,
.uk-overlay-primary .uk-heading-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider {
  border-bottom-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-heading-bullet:before,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-bullet:before,
.uk-card-secondary.uk-card-body .uk-heading-bullet:before,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-bullet:before,
.uk-light .uk-heading-bullet:before,
.uk-overlay-primary .uk-heading-bullet:before,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet:before {
  border-left-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-heading-line > :after,
.uk-card-primary.uk-card-body .uk-heading-line > :before,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-line > :after,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-line > :before,
.uk-card-secondary.uk-card-body .uk-heading-line > :after,
.uk-card-secondary.uk-card-body .uk-heading-line > :before,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-line > :after,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-line > :before,
.uk-light .uk-heading-line > :after,
.uk-light .uk-heading-line > :before,
.uk-overlay-primary .uk-heading-line > :after,
.uk-overlay-primary .uk-heading-line > :before,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > :after,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > :before,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > :after,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > :before,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > :after,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > :before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > :after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > :before {
  border-bottom-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-divider-icon,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon,
.uk-card-secondary.uk-card-body .uk-divider-icon,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon,
.uk-light .uk-divider-icon,
.uk-overlay-primary .uk-divider-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='none' stroke='rgba(255, 255, 255, 0.2)' stroke-width='2' cx='10' cy='10' r='7'/%3E%3C/svg%3E");
}
.uk-card-primary.uk-card-body .uk-divider-icon:after,
.uk-card-primary.uk-card-body .uk-divider-icon:before,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon:after,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon:before,
.uk-card-secondary.uk-card-body .uk-divider-icon:after,
.uk-card-secondary.uk-card-body .uk-divider-icon:before,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon:after,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon:before,
.uk-light .uk-divider-icon:after,
.uk-light .uk-divider-icon:before,
.uk-overlay-primary .uk-divider-icon:after,
.uk-overlay-primary .uk-divider-icon:before,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon:after,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon:after,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon:after,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon:after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon:before {
  border-bottom-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-divider-small:after,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-small:after,
.uk-card-secondary.uk-card-body .uk-divider-small:after,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-small:after,
.uk-light .uk-divider-small:after,
.uk-overlay-primary .uk-divider-small:after,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-small:after,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small:after,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small:after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small:after {
  border-top-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-divider-vertical,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-vertical,
.uk-card-secondary.uk-card-body .uk-divider-vertical,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-vertical,
.uk-light .uk-divider-vertical,
.uk-overlay-primary .uk-divider-vertical,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical {
  border-left-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-list-muted > :before,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-muted > :before,
.uk-card-secondary.uk-card-body .uk-list-muted > :before,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-muted > :before,
.uk-light .uk-list-muted > :before,
.uk-overlay-primary .uk-list-muted > :before,
.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > :before,
.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > :before,
.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > :before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > :before {
  color: hsla(0, 0%, 100%, 0.5) !important;
}
.uk-card-primary.uk-card-body .uk-list-emphasis > :before,
.uk-card-primary.uk-card-body .uk-list-primary > :before,
.uk-card-primary.uk-card-body .uk-list-secondary > :before,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-emphasis > :before,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-primary > :before,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-secondary > :before,
.uk-card-secondary.uk-card-body .uk-list-emphasis > :before,
.uk-card-secondary.uk-card-body .uk-list-primary > :before,
.uk-card-secondary.uk-card-body .uk-list-secondary > :before,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-emphasis > :before,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-primary > :before,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-list-secondary
  > :before,
.uk-light .uk-list-emphasis > :before,
.uk-light .uk-list-primary > :before,
.uk-light .uk-list-secondary > :before,
.uk-overlay-primary .uk-list-emphasis > :before,
.uk-overlay-primary .uk-list-primary > :before,
.uk-overlay-primary .uk-list-secondary > :before,
.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > :before,
.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > :before,
.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > :before,
.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > :before,
.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > :before,
.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > :before,
.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > :before,
.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > :before,
.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > :before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > :before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > :before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > :before {
  color: #fff !important;
}
.uk-card-primary.uk-card-body .uk-list-bullet > :before,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-bullet > :before,
.uk-card-secondary.uk-card-body .uk-list-bullet > :before,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-bullet > :before,
.uk-light .uk-list-bullet > :before,
.uk-overlay-primary .uk-list-bullet > :before,
.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > :before,
.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > :before,
.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > :before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > :before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='rgba(255, 255, 255, 0.7)' cx='3' cy='3' r='3'/%3E%3C/svg%3E");
}
.uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n + 2),
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-list-divider
  > :nth-child(n + 2),
.uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n + 2),
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-list-divider
  > :nth-child(n + 2),
.uk-light .uk-list-divider > :nth-child(n + 2),
.uk-overlay-primary .uk-list-divider > :nth-child(n + 2),
.uk-section-primary:not(.uk-preserve-color)
  .uk-list-divider
  > :nth-child(n + 2),
.uk-section-secondary:not(.uk-preserve-color)
  .uk-list-divider
  > :nth-child(n + 2),
.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n + 2),
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-list-divider
  > :nth-child(n + 2) {
  border-top-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd),
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-list-striped
  > :nth-of-type(odd),
.uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd),
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-list-striped
  > :nth-of-type(odd),
.uk-light .uk-list-striped > :nth-of-type(odd),
.uk-overlay-primary .uk-list-striped > :nth-of-type(odd),
.uk-section-primary:not(.uk-preserve-color)
  .uk-list-striped
  > :nth-of-type(odd),
.uk-section-secondary:not(.uk-preserve-color)
  .uk-list-striped
  > :nth-of-type(odd),
.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd),
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-list-striped
  > :nth-of-type(odd) {
  border-top-color: hsla(0, 0%, 100%, 0.2);
  border-bottom-color: hsla(0, 0%, 100%, 0.2);
  background-color: hsla(0, 0%, 100%, 0.1);
}
.uk-card-primary.uk-card-body .uk-icon-link,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link,
.uk-card-secondary.uk-card-body .uk-icon-link,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link,
.uk-light .uk-icon-link,
.uk-overlay-primary .uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-active > .uk-icon-link,
.uk-card-primary.uk-card-body .uk-icon-link:active,
.uk-card-primary.uk-card-body .uk-icon-link:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-active > .uk-icon-link,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link:active,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link:hover,
.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link,
.uk-card-secondary.uk-card-body .uk-icon-link:active,
.uk-card-secondary.uk-card-body .uk-icon-link:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-active > .uk-icon-link,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link:active,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link:hover,
.uk-light .uk-active > .uk-icon-link,
.uk-light .uk-icon-link:active,
.uk-light .uk-icon-link:hover,
.uk-overlay-primary .uk-active > .uk-icon-link,
.uk-overlay-primary .uk-icon-link:active,
.uk-overlay-primary .uk-icon-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-icon-button,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button,
.uk-card-secondary.uk-card-body .uk-icon-button,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button,
.uk-light .uk-icon-button,
.uk-overlay-primary .uk-icon-button,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-icon-button:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button:hover,
.uk-card-secondary.uk-card-body .uk-icon-button:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button:hover,
.uk-light .uk-icon-button:hover,
.uk-overlay-primary .uk-icon-button:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover {
  background-color: fadein(hsla(0, 0%, 100%, 0.1), 5%);
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-icon-button:active,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button:active,
.uk-card-secondary.uk-card-body .uk-icon-button:active,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button:active,
.uk-light .uk-icon-button:active,
.uk-overlay-primary .uk-icon-button:active,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active {
  background-color: fadein(hsla(0, 0%, 100%, 0.1), 10%);
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-input,
.uk-card-primary.uk-card-body .uk-select,
.uk-card-primary.uk-card-body .uk-textarea,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-input,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-select,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea,
.uk-card-secondary.uk-card-body .uk-input,
.uk-card-secondary.uk-card-body .uk-select,
.uk-card-secondary.uk-card-body .uk-textarea,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea,
.uk-light .uk-input,
.uk-light .uk-select,
.uk-light .uk-textarea,
.uk-overlay-primary .uk-input,
.uk-overlay-primary .uk-select,
.uk-overlay-primary .uk-textarea,
.uk-section-primary:not(.uk-preserve-color) .uk-input,
.uk-section-primary:not(.uk-preserve-color) .uk-select,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea,
.uk-section-secondary:not(.uk-preserve-color) .uk-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-select,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,
.uk-tile-primary:not(.uk-preserve-color) .uk-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-select,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-select,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: hsla(0, 0%, 100%, 0.7);
  background-clip: padding-box;
  border-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-input:focus,
.uk-card-primary.uk-card-body .uk-select:focus,
.uk-card-primary.uk-card-body .uk-textarea:focus,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-input:focus,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-select:focus,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea:focus,
.uk-card-secondary.uk-card-body .uk-input:focus,
.uk-card-secondary.uk-card-body .uk-select:focus,
.uk-card-secondary.uk-card-body .uk-textarea:focus,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input:focus,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:focus,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea:focus,
.uk-light .uk-input:focus,
.uk-light .uk-select:focus,
.uk-light .uk-textarea:focus,
.uk-overlay-primary .uk-input:focus,
.uk-overlay-primary .uk-select:focus,
.uk-overlay-primary .uk-textarea:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus {
  background-color: fadein(hsla(0, 0%, 100%, 0.1), 5%);
  color: hsla(0, 0%, 100%, 0.7);
  border-color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-input::-moz-placeholder,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-input::-moz-placeholder,
.uk-card-secondary.uk-card-body .uk-input::-moz-placeholder,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input::-moz-placeholder,
.uk-light .uk-input::-moz-placeholder,
.uk-overlay-primary .uk-input::-moz-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-input:-ms-input-placeholder,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-input:-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-input:-ms-input-placeholder,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-input:-ms-input-placeholder,
.uk-light .uk-input:-ms-input-placeholder,
.uk-overlay-primary .uk-input:-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-input::placeholder,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-input::placeholder,
.uk-card-secondary.uk-card-body .uk-input::placeholder,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input::placeholder,
.uk-light .uk-input::placeholder,
.uk-overlay-primary .uk-input::placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-textarea::-moz-placeholder,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-textarea::-moz-placeholder,
.uk-card-secondary.uk-card-body .uk-textarea::-moz-placeholder,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-textarea::-moz-placeholder,
.uk-light .uk-textarea::-moz-placeholder,
.uk-overlay-primary .uk-textarea::-moz-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-textarea:-ms-input-placeholder,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-textarea:-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-textarea:-ms-input-placeholder,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-textarea:-ms-input-placeholder,
.uk-light .uk-textarea:-ms-input-placeholder,
.uk-overlay-primary .uk-textarea:-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-textarea:-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-textarea::placeholder,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea::placeholder,
.uk-card-secondary.uk-card-body .uk-textarea::placeholder,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea::placeholder,
.uk-light .uk-textarea::placeholder,
.uk-overlay-primary .uk-textarea::placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-select:not([multiple]):not([size]),
.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-select:not([multiple]):not([size]),
.uk-light .uk-select:not([multiple]):not([size]),
.uk-overlay-primary .uk-select:not([multiple]):not([size]),
.uk-section-primary:not(.uk-preserve-color)
  .uk-select:not([multiple]):not([size]),
.uk-section-secondary:not(.uk-preserve-color)
  .uk-select:not([multiple]):not([size]),
.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-select:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 0.7)' d='M12 1L9 6h6zM12 13L9 8h6z'/%3E%3C/svg%3E");
}
.uk-card-primary.uk-card-body .uk-input[list]:focus,
.uk-card-primary.uk-card-body .uk-input[list]:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-input[list]:focus,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-input[list]:hover,
.uk-card-secondary.uk-card-body .uk-input[list]:focus,
.uk-card-secondary.uk-card-body .uk-input[list]:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input[list]:focus,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input[list]:hover,
.uk-light .uk-input[list]:focus,
.uk-light .uk-input[list]:hover,
.uk-overlay-primary .uk-input[list]:focus,
.uk-overlay-primary .uk-input[list]:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 0.7)' d='M12 12L8 6h8z'/%3E%3C/svg%3E");
}
.uk-card-primary.uk-card-body .uk-checkbox,
.uk-card-primary.uk-card-body .uk-radio,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio,
.uk-card-secondary.uk-card-body .uk-checkbox,
.uk-card-secondary.uk-card-body .uk-radio,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio,
.uk-light .uk-checkbox,
.uk-light .uk-radio,
.uk-overlay-primary .uk-checkbox,
.uk-overlay-primary .uk-radio,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,
.uk-section-primary:not(.uk-preserve-color) .uk-radio,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-checkbox:focus,
.uk-card-primary.uk-card-body .uk-radio:focus,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:focus,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:focus,
.uk-card-secondary.uk-card-body .uk-radio:focus,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:focus,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:focus,
.uk-light .uk-checkbox:focus,
.uk-light .uk-radio:focus,
.uk-overlay-primary .uk-checkbox:focus,
.uk-overlay-primary .uk-radio:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus {
  background-color: fadein(hsla(0, 0%, 100%, 0.1), 5%);
  border-color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-checkbox:checked,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-primary.uk-card-body .uk-radio:checked,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-secondary.uk-card-body .uk-radio:checked,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked,
.uk-light .uk-checkbox:checked,
.uk-light .uk-checkbox:indeterminate,
.uk-light .uk-radio:checked,
.uk-overlay-primary .uk-checkbox:checked,
.uk-overlay-primary .uk-checkbox:indeterminate,
.uk-overlay-primary .uk-radio:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked {
  background-color: #fff;
  border-color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,
.uk-card-primary.uk-card-body .uk-radio:checked:focus,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked:focus,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-checkbox:indeterminate:focus,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,
.uk-card-secondary.uk-card-body .uk-radio:checked:focus,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked:focus,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-checkbox:indeterminate:focus,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked:focus,
.uk-light .uk-checkbox:checked:focus,
.uk-light .uk-checkbox:indeterminate:focus,
.uk-light .uk-radio:checked:focus,
.uk-overlay-primary .uk-checkbox:checked:focus,
.uk-overlay-primary .uk-checkbox:indeterminate:focus,
.uk-overlay-primary .uk-radio:checked:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus {
  background-color: fadein(#fff, 10%);
}
.uk-card-primary.uk-card-body .uk-radio:checked,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked,
.uk-card-secondary.uk-card-body .uk-radio:checked,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked,
.uk-light .uk-radio:checked,
.uk-overlay-primary .uk-radio:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3C/svg%3E");
}
.uk-card-primary.uk-card-body .uk-checkbox:checked,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:checked,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked,
.uk-light .uk-checkbox:checked,
.uk-overlay-primary .uk-checkbox:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1L5 7.5 2 5l-1 .5L5 10l8-8.5z'/%3E%3C/svg%3E");
}
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate,
.uk-light .uk-checkbox:indeterminate,
.uk-overlay-primary .uk-checkbox:indeterminate,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8h10v1H3z'/%3E%3C/svg%3E");
}
.uk-card-primary.uk-card-body .uk-form-label,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-label,
.uk-card-secondary.uk-card-body .uk-form-label,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-label,
.uk-light .uk-form-label,
.uk-overlay-primary .uk-form-label,
.uk-section-primary:not(.uk-preserve-color) .uk-form-label,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label {
  color: #fff;
}
.uk-card-primary.uk-card-body .uk-form-icon,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon,
.uk-card-secondary.uk-card-body .uk-form-icon,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon,
.uk-light .uk-form-icon,
.uk-overlay-primary .uk-form-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-form-icon:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
.uk-card-secondary.uk-card-body .uk-form-icon:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
.uk-light .uk-form-icon:hover,
.uk-overlay-primary .uk-form-icon:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-button-default,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default,
.uk-card-secondary.uk-card-body .uk-button-default,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default,
.uk-light .uk-button-default,
.uk-overlay-primary .uk-button-default,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default {
  background-color: #fff;
  color: #000;
  border-color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-button-default.uk-active,
.uk-card-primary.uk-card-body .uk-button-default:active,
.uk-card-primary.uk-card-body .uk-button-default:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default.uk-active,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:active,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:hover,
.uk-card-secondary.uk-card-body .uk-button-default.uk-active,
.uk-card-secondary.uk-card-body .uk-button-default:active,
.uk-card-secondary.uk-card-body .uk-button-default:hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-button-default.uk-active,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:active,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:hover,
.uk-light .uk-button-default.uk-active,
.uk-light .uk-button-default:active,
.uk-light .uk-button-default:hover,
.uk-overlay-primary .uk-button-default.uk-active,
.uk-overlay-primary .uk-button-default:active,
.uk-overlay-primary .uk-button-default:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover {
  background-color: #000;
  color: #fff;
  border-color: #fff;
}
.uk-card-primary.uk-card-body .uk-button-primary,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary,
.uk-card-secondary.uk-card-body .uk-button-primary,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary,
.uk-light .uk-button-primary,
.uk-overlay-primary .uk-button-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary {
  background-color: #fff;
  color: #000;
}
.uk-card-primary.uk-card-body .uk-button-primary:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:hover,
.uk-card-secondary.uk-card-body .uk-button-primary:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:hover,
.uk-light .uk-button-primary:hover,
.uk-overlay-primary .uk-button-primary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover {
  background-color: #f2f2f2;
  color: #000;
}
.uk-card-primary.uk-card-body .uk-button-primary.uk-active,
.uk-card-primary.uk-card-body .uk-button-primary:active,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary.uk-active,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:active,
.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-primary:active,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-button-primary.uk-active,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:active,
.uk-light .uk-button-primary.uk-active,
.uk-light .uk-button-primary:active,
.uk-overlay-primary .uk-button-primary.uk-active,
.uk-overlay-primary .uk-button-primary:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active {
  background-color: #e6e6e6;
  color: #000;
}
.uk-card-primary.uk-card-body .uk-button-secondary,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary,
.uk-card-secondary.uk-card-body .uk-button-secondary,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary,
.uk-light .uk-button-secondary,
.uk-overlay-primary .uk-button-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary {
  background-color: #fff;
  color: #000;
}
.uk-card-primary.uk-card-body .uk-button-secondary:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary:hover,
.uk-card-secondary.uk-card-body .uk-button-secondary:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary:hover,
.uk-light .uk-button-secondary:hover,
.uk-overlay-primary .uk-button-secondary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover {
  background-color: #f2f2f2;
  color: #000;
}
.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-primary.uk-card-body .uk-button-secondary:active,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-button-secondary.uk-active,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary:active,
.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-secondary:active,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-button-secondary.uk-active,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary:active,
.uk-light .uk-button-secondary.uk-active,
.uk-light .uk-button-secondary:active,
.uk-overlay-primary .uk-button-secondary.uk-active,
.uk-overlay-primary .uk-button-secondary:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active {
  background-color: #e6e6e6;
  color: #000;
}
.uk-card-primary.uk-card-body .uk-button-text,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text,
.uk-card-secondary.uk-card-body .uk-button-text,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text,
.uk-light .uk-button-text,
.uk-overlay-primary .uk-button-text,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text {
  color: #fff;
}
.uk-card-primary.uk-card-body .uk-button-text:before,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:before,
.uk-card-secondary.uk-card-body .uk-button-text:before,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:before,
.uk-light .uk-button-text:before,
.uk-overlay-primary .uk-button-text:before,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:before {
  border-bottom-color: #fff;
}
.uk-card-primary.uk-card-body .uk-button-text:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:hover,
.uk-card-secondary.uk-card-body .uk-button-text:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:hover,
.uk-light .uk-button-text:hover,
.uk-overlay-primary .uk-button-text:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover {
  color: #fff;
}
.uk-card-primary.uk-card-body .uk-button-text:disabled,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:disabled,
.uk-card-secondary.uk-card-body .uk-button-text:disabled,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:disabled,
.uk-light .uk-button-text:disabled,
.uk-overlay-primary .uk-button-text:disabled,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-button-link,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-link,
.uk-card-secondary.uk-card-body .uk-button-link,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-link,
.uk-light .uk-button-link,
.uk-overlay-primary .uk-button-link,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link {
  color: #fff;
}
.uk-card-primary.uk-card-body .uk-button-link:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-link:hover,
.uk-card-secondary.uk-card-body .uk-button-link:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-link:hover,
.uk-light .uk-button-link:hover,
.uk-overlay-primary .uk-button-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column):before,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-grid-divider
  > :not(.uk-first-column):before,
.uk-card-secondary.uk-card-body
  .uk-grid-divider
  > :not(.uk-first-column):before,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-grid-divider
  > :not(.uk-first-column):before,
.uk-light .uk-grid-divider > :not(.uk-first-column):before,
.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column):before,
.uk-section-primary:not(.uk-preserve-color)
  .uk-grid-divider
  > :not(.uk-first-column):before,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-grid-divider
  > :not(.uk-first-column):before,
.uk-tile-primary:not(.uk-preserve-color)
  .uk-grid-divider
  > :not(.uk-first-column):before,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-grid-divider
  > :not(.uk-first-column):before {
  border-left-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body
  .uk-grid-divider.uk-grid-stack
  > .uk-grid-margin:before,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-grid-divider.uk-grid-stack
  > .uk-grid-margin:before,
.uk-card-secondary.uk-card-body
  .uk-grid-divider.uk-grid-stack
  > .uk-grid-margin:before,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-grid-divider.uk-grid-stack
  > .uk-grid-margin:before,
.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before,
.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before,
.uk-section-primary:not(.uk-preserve-color)
  .uk-grid-divider.uk-grid-stack
  > .uk-grid-margin:before,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-grid-divider.uk-grid-stack
  > .uk-grid-margin:before,
.uk-tile-primary:not(.uk-preserve-color)
  .uk-grid-divider.uk-grid-stack
  > .uk-grid-margin:before,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-grid-divider.uk-grid-stack
  > .uk-grid-margin:before {
  border-top-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-close,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-close,
.uk-card-secondary.uk-card-body .uk-close,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-close,
.uk-light .uk-close,
.uk-overlay-primary .uk-close,
.uk-section-primary:not(.uk-preserve-color) .uk-close,
.uk-section-secondary:not(.uk-preserve-color) .uk-close,
.uk-tile-primary:not(.uk-preserve-color) .uk-close,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-close:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-close:hover,
.uk-card-secondary.uk-card-body .uk-close:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-close:hover,
.uk-light .uk-close:hover,
.uk-overlay-primary .uk-close:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-totop,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop,
.uk-card-secondary.uk-card-body .uk-totop,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop,
.uk-light .uk-totop,
.uk-overlay-primary .uk-totop,
.uk-section-primary:not(.uk-preserve-color) .uk-totop,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-totop:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop:hover,
.uk-card-secondary.uk-card-body .uk-totop:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop:hover,
.uk-light .uk-totop:hover,
.uk-overlay-primary .uk-totop:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-totop:active,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop:active,
.uk-card-secondary.uk-card-body .uk-totop:active,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop:active,
.uk-light .uk-totop:active,
.uk-overlay-primary .uk-totop:active,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active {
  color: #fff;
}
.uk-card-primary.uk-card-body .uk-badge,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-badge,
.uk-card-secondary.uk-card-body .uk-badge,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-badge,
.uk-light .uk-badge,
.uk-overlay-primary .uk-badge,
.uk-section-primary:not(.uk-preserve-color) .uk-badge,
.uk-section-secondary:not(.uk-preserve-color) .uk-badge,
.uk-tile-primary:not(.uk-preserve-color) .uk-badge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge {
  background-color: #fff;
  color: #000 !important;
}
.uk-card-primary.uk-card-body .uk-label,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-label,
.uk-card-secondary.uk-card-body .uk-label,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-label,
.uk-light .uk-label,
.uk-overlay-primary .uk-label,
.uk-section-primary:not(.uk-preserve-color) .uk-label,
.uk-section-secondary:not(.uk-preserve-color) .uk-label,
.uk-tile-primary:not(.uk-preserve-color) .uk-label,
.uk-tile-secondary:not(.uk-preserve-color) .uk-label {
  background-color: #fff;
  color: #000;
}
.uk-card-primary.uk-card-body .uk-article-meta,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-article-meta,
.uk-card-secondary.uk-card-body .uk-article-meta,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-article-meta,
.uk-light .uk-article-meta,
.uk-overlay-primary .uk-article-meta,
.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,
.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,
.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,
.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-search-input,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-input,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
.uk-light .uk-search-input,
.uk-overlay-primary .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-search-input:-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-search-input:-ms-input-placeholder,
.uk-light .uk-search-input:-ms-input-placeholder,
.uk-overlay-primary .uk-search-input:-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color)
  .uk-search-input:-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-search-input:-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-search-input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5) !important;
}
.uk-card-primary.uk-card-body .uk-search-input::-moz-placeholder,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-search-input::-moz-placeholder,
.uk-card-secondary.uk-card-body .uk-search-input::-moz-placeholder,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-search-input::-moz-placeholder,
.uk-light .uk-search-input::-moz-placeholder,
.uk-overlay-primary .uk-search-input::-moz-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-search-input::-moz-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-search-input:-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-search-input:-ms-input-placeholder,
.uk-light .uk-search-input:-ms-input-placeholder,
.uk-overlay-primary .uk-search-input:-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color)
  .uk-search-input:-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-search-input:-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-search-input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-search-input::placeholder,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
.uk-card-secondary.uk-card-body .uk-search-input::placeholder,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-search-input::placeholder,
.uk-light .uk-search-input::placeholder,
.uk-overlay-primary .uk-search-input::placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-search .uk-search-icon,
.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-search
  .uk-search-icon:hover,
.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-search
  .uk-search-icon:hover,
.uk-light .uk-search .uk-search-icon,
.uk-light .uk-search .uk-search-icon:hover,
.uk-overlay-primary .uk-search .uk-search-icon,
.uk-overlay-primary .uk-search .uk-search-icon:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-search-default
  .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-search-default
  .uk-search-input,
.uk-light .uk-search-default .uk-search-input,
.uk-overlay-primary .uk-search-default .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-search-default
  .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-search-default
  .uk-search-input:focus,
.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-search-default
  .uk-search-input:focus,
.uk-light .uk-search-default .uk-search-input:focus,
.uk-overlay-primary .uk-search-default .uk-search-input:focus,
.uk-section-primary:not(.uk-preserve-color)
  .uk-search-default
  .uk-search-input:focus,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-search-default
  .uk-search-input:focus,
.uk-tile-primary:not(.uk-preserve-color)
  .uk-search-default
  .uk-search-input:focus,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-search-default
  .uk-search-input:focus {
  background-color: fadein(transparent, 5%);
}
.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-search-large
  .uk-search-input,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-search-navbar
  .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-search-large
  .uk-search-input,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-search-navbar
  .uk-search-input,
.uk-light .uk-search-large .uk-search-input,
.uk-light .uk-search-navbar .uk-search-input,
.uk-overlay-primary .uk-search-large .uk-search-input,
.uk-overlay-primary .uk-search-navbar .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-search-navbar
  .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input {
  background-color: transparent;
}
.uk-card-primary.uk-card-body .uk-search-toggle,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
.uk-card-secondary.uk-card-body .uk-search-toggle,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
.uk-light .uk-search-toggle,
.uk-overlay-primary .uk-search-toggle,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-search-toggle:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
.uk-card-secondary.uk-card-body .uk-search-toggle:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
.uk-light .uk-search-toggle:hover,
.uk-overlay-primary .uk-search-toggle:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a:after,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-parent-icon
  > .uk-parent
  > a:after,
.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a:after,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-parent-icon
  > .uk-parent
  > a:after,
.uk-light .uk-nav-parent-icon > .uk-parent > a:after,
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a:after,
.uk-section-primary:not(.uk-preserve-color)
  .uk-nav-parent-icon
  > .uk-parent
  > a:after,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-nav-parent-icon
  > .uk-parent
  > a:after,
.uk-tile-primary:not(.uk-preserve-color)
  .uk-nav-parent-icon
  > .uk-parent
  > a:after,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-nav-parent-icon
  > .uk-parent
  > a:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='rgba(255, 255, 255, 0.7)' stroke-width='1.1' d='M10 1L4 7l6 6'/%3E%3C/svg%3E");
}
.uk-card-primary.uk-card-body
  .uk-nav-parent-icon
  > .uk-parent.uk-open
  > a:after,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-parent-icon
  > .uk-parent.uk-open
  > a:after,
.uk-card-secondary.uk-card-body
  .uk-nav-parent-icon
  > .uk-parent.uk-open
  > a:after,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-parent-icon
  > .uk-parent.uk-open
  > a:after,
.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a:after,
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a:after,
.uk-section-primary:not(.uk-preserve-color)
  .uk-nav-parent-icon
  > .uk-parent.uk-open
  > a:after,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-nav-parent-icon
  > .uk-parent.uk-open
  > a:after,
.uk-tile-primary:not(.uk-preserve-color)
  .uk-nav-parent-icon
  > .uk-parent.uk-open
  > a:after,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-nav-parent-icon
  > .uk-parent.uk-open
  > a:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='rgba(255, 255, 255, 0.7)' stroke-width='1.1' d='M1 4l6 6 6-6'/%3E%3C/svg%3E");
}
.uk-card-primary.uk-card-body .uk-nav-default > li > a,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default > li > a,
.uk-card-secondary.uk-card-body .uk-nav-default > li > a,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default > li > a,
.uk-light .uk-nav-default > li > a,
.uk-overlay-primary .uk-nav-default > li > a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  > li
  > a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  > li
  > a:hover,
.uk-light .uk-nav-default > li > a:hover,
.uk-overlay-primary .uk-nav-default > li > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,
.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  .uk-nav-header,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  > li.uk-active
  > a,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,
.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  .uk-nav-header,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  > li.uk-active
  > a,
.uk-light .uk-nav-default .uk-nav-header,
.uk-light .uk-nav-default > li.uk-active > a,
.uk-overlay-primary .uk-nav-default .uk-nav-header,
.uk-overlay-primary .uk-nav-default > li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-nav-default
  > li.uk-active
  > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a {
  color: #fff;
}
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  .uk-nav-divider,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  .uk-nav-divider,
.uk-light .uk-nav-default .uk-nav-divider,
.uk-overlay-primary .uk-nav-default .uk-nav-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider {
  border-top-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  .uk-nav-sub
  a,
.uk-light .uk-nav-default .uk-nav-sub a,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  .uk-nav-sub
  a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  .uk-nav-sub
  a:hover,
.uk-light .uk-nav-default .uk-nav-sub a:hover,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-nav-default
  .uk-nav-sub
  a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  .uk-nav-sub
  li.uk-active
  > a,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-default
  .uk-nav-sub
  li.uk-active
  > a,
.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color)
  .uk-nav-default
  .uk-nav-sub
  li.uk-active
  > a,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-nav-default
  .uk-nav-sub
  li.uk-active
  > a,
.uk-tile-primary:not(.uk-preserve-color)
  .uk-nav-default
  .uk-nav-sub
  li.uk-active
  > a,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-nav-default
  .uk-nav-sub
  li.uk-active
  > a {
  color: #fff;
}
.uk-card-primary.uk-card-body .uk-nav-primary > li > a,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a,
.uk-card-secondary.uk-card-body .uk-nav-primary > li > a,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a,
.uk-light .uk-nav-primary > li > a,
.uk-overlay-primary .uk-nav-primary > li > a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  > li
  > a:hover,
.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  > li
  > a:hover,
.uk-light .uk-nav-primary > li > a:hover,
.uk-overlay-primary .uk-nav-primary > li > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,
.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  .uk-nav-header,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  > li.uk-active
  > a,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,
.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  .uk-nav-header,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  > li.uk-active
  > a,
.uk-light .uk-nav-primary .uk-nav-header,
.uk-light .uk-nav-primary > li.uk-active > a,
.uk-overlay-primary .uk-nav-primary .uk-nav-header,
.uk-overlay-primary .uk-nav-primary > li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-nav-primary
  > li.uk-active
  > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a {
  color: #fff;
}
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  .uk-nav-divider,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  .uk-nav-divider,
.uk-light .uk-nav-primary .uk-nav-divider,
.uk-overlay-primary .uk-nav-primary .uk-nav-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider {
  border-top-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  .uk-nav-sub
  a,
.uk-light .uk-nav-primary .uk-nav-sub a,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  .uk-nav-sub
  a:hover,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  .uk-nav-sub
  a:hover,
.uk-light .uk-nav-primary .uk-nav-sub a:hover,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-nav-primary
  .uk-nav-sub
  a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  .uk-nav-sub
  li.uk-active
  > a,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav-primary
  .uk-nav-sub
  li.uk-active
  > a,
.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color)
  .uk-nav-primary
  .uk-nav-sub
  li.uk-active
  > a,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-nav-primary
  .uk-nav-sub
  li.uk-active
  > a,
.uk-tile-primary:not(.uk-preserve-color)
  .uk-nav-primary
  .uk-nav-sub
  li.uk-active
  > a,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-nav-primary
  .uk-nav-sub
  li.uk-active
  > a {
  color: #fff;
}
.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) +,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-nav.uk-nav-divider
  > :not(.uk-nav-divider)
  +,
.uk-card-secondary.uk-card-body
  .uk-nav.uk-nav-divider
  > :not(.uk-nav-divider)
  +,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-nav.uk-nav-divider
  > :not(.uk-nav-divider)
  +,
.uk-light .uk-nav.uk-nav-divider > :not(.uk-nav-divider) +,
.uk-overlay-primary .uk-nav.uk-nav-divider > :not(.uk-nav-divider) +,
.uk-section-primary:not(.uk-preserve-color)
  .uk-nav.uk-nav-divider
  > :not(.uk-nav-divider)
  +,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-nav.uk-nav-divider
  > :not(.uk-nav-divider)
  +,
.uk-tile-primary:not(.uk-preserve-color)
  .uk-nav.uk-nav-divider
  > :not(.uk-nav-divider)
  +,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-nav.uk-nav-divider
  > :not(.uk-nav-divider)
  + {
  border-top-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a,
.uk-light .uk-navbar-nav > li > a,
.uk-overlay-primary .uk-navbar-nav > li > a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"],
.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li:hover > a,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-navbar-nav
  > li
  > a[aria-expanded="true"],
.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"],
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-navbar-nav
  > li:hover
  > a,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-navbar-nav
  > li
  > a[aria-expanded="true"],
.uk-light .uk-navbar-nav > li:hover > a,
.uk-light .uk-navbar-nav > li > a[aria-expanded="true"],
.uk-overlay-primary .uk-navbar-nav > li:hover > a,
.uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded="true"],
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-section-primary:not(.uk-preserve-color)
  .uk-navbar-nav
  > li
  > a[aria-expanded="true"],
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-navbar-nav
  > li
  > a[aria-expanded="true"],
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-tile-primary:not(.uk-preserve-color)
  .uk-navbar-nav
  > li
  > a[aria-expanded="true"],
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-navbar-nav
  > li
  > a[aria-expanded="true"] {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-navbar-nav
  > li.uk-active
  > a,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-navbar-nav
  > li
  > a:active,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-navbar-nav
  > li.uk-active
  > a,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-navbar-nav
  > li
  > a:active,
.uk-light .uk-navbar-nav > li.uk-active > a,
.uk-light .uk-navbar-nav > li > a:active,
.uk-overlay-primary .uk-navbar-nav > li.uk-active > a,
.uk-overlay-primary .uk-navbar-nav > li > a:active,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active {
  color: #fff;
}
.uk-card-primary.uk-card-body .uk-navbar-item,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-item,
.uk-card-secondary.uk-card-body .uk-navbar-item,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-item,
.uk-light .uk-navbar-item,
.uk-overlay-primary .uk-navbar-item,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-navbar-toggle,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle,
.uk-card-secondary.uk-card-body .uk-navbar-toggle,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle,
.uk-light .uk-navbar-toggle,
.uk-overlay-primary .uk-navbar-toggle,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded="true"],
.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle:hover,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-navbar-toggle[aria-expanded="true"],
.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded="true"],
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle:hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-navbar-toggle[aria-expanded="true"],
.uk-light .uk-navbar-toggle:hover,
.uk-light .uk-navbar-toggle[aria-expanded="true"],
.uk-overlay-primary .uk-navbar-toggle:hover,
.uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"],
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-section-primary:not(.uk-preserve-color)
  .uk-navbar-toggle[aria-expanded="true"],
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-navbar-toggle[aria-expanded="true"],
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color)
  .uk-navbar-toggle[aria-expanded="true"],
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-navbar-toggle[aria-expanded="true"] {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-subnav > * > :first-child,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > :first-child,
.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-subnav
  > *
  > :first-child,
.uk-light .uk-subnav > * > :first-child,
.uk-overlay-primary .uk-subnav > * > :first-child,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-subnav > * > a:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover,
.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover,
.uk-light .uk-subnav > * > a:hover,
.uk-overlay-primary .uk-subnav > * > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > .uk-active > a,
.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > .uk-active > a,
.uk-light .uk-subnav > .uk-active > a,
.uk-overlay-primary .uk-subnav > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a {
  color: #fff;
}
.uk-card-primary.uk-card-body
  .uk-subnav-divider
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-subnav-divider
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-card-secondary.uk-card-body
  .uk-subnav-divider
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-subnav-divider
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-light .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column):before,
.uk-overlay-primary
  .uk-subnav-divider
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-section-primary:not(.uk-preserve-color)
  .uk-subnav-divider
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-subnav-divider
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-tile-primary:not(.uk-preserve-color)
  .uk-subnav-divider
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-subnav-divider
  > :nth-child(n + 2):not(.uk-first-column):before {
  border-left-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-subnav-pill
  > *
  > :first-child,
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-subnav-pill
  > *
  > :first-child,
.uk-light .uk-subnav-pill > * > :first-child,
.uk-overlay-primary .uk-subnav-pill > * > :first-child,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-subnav-pill
  > *
  > :first-child,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child {
  background-color: transparent;
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active,
.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-subnav-pill
  > *
  > a:active,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:hover,
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active,
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-subnav-pill
  > *
  > a:active,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-subnav-pill
  > *
  > a:hover,
.uk-light .uk-subnav-pill > * > a:active,
.uk-light .uk-subnav-pill > * > a:hover,
.uk-overlay-primary .uk-subnav-pill > * > a:active,
.uk-overlay-primary .uk-subnav-pill > * > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-subnav-pill
  > .uk-active
  > a,
.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-subnav-pill
  > .uk-active
  > a,
.uk-light .uk-subnav-pill > .uk-active > a,
.uk-overlay-primary .uk-subnav-pill > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a {
  background-color: #fff;
  color: #000;
}
.uk-card-primary.uk-card-body .uk-breadcrumb > * > *,
.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > *,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > .uk-disabled > a,
.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *,
.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > *,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-subnav
  > .uk-disabled
  > a,
.uk-light .uk-breadcrumb > * > *,
.uk-light .uk-subnav > .uk-disabled > a,
.uk-overlay-primary .uk-breadcrumb > * > *,
.uk-overlay-primary .uk-subnav > .uk-disabled > a,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover,
.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :hover,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-breadcrumb
  > :last-child
  > *,
.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover,
.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-breadcrumb
  > :last-child
  > *,
.uk-light .uk-breadcrumb > * > :hover,
.uk-light .uk-breadcrumb > :last-child > *,
.uk-overlay-primary .uk-breadcrumb > * > :hover,
.uk-overlay-primary .uk-breadcrumb > :last-child > *,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > * {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body
  .uk-breadcrumb
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-card-primary.uk-card-body .uk-pagination > * > *,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-breadcrumb
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > * > *,
.uk-card-secondary.uk-card-body
  .uk-breadcrumb
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-card-secondary.uk-card-body .uk-pagination > * > *,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-breadcrumb
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > * > *,
.uk-light .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column):before,
.uk-light .uk-pagination > * > *,
.uk-overlay-primary
  .uk-breadcrumb
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-overlay-primary .uk-pagination > * > *,
.uk-section-primary:not(.uk-preserve-color)
  .uk-breadcrumb
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-breadcrumb
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *,
.uk-tile-primary:not(.uk-preserve-color)
  .uk-breadcrumb
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-breadcrumb
  > :nth-child(n + 2):not(.uk-first-column):before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > * {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-pagination > * > :hover,
.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > * > :hover,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-pagination
  > .uk-active
  > *,
.uk-card-secondary.uk-card-body .uk-pagination > * > :hover,
.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > * > :hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-pagination
  > .uk-active
  > *,
.uk-light .uk-pagination > * > :hover,
.uk-light .uk-pagination > .uk-active > *,
.uk-overlay-primary .uk-pagination > * > :hover,
.uk-overlay-primary .uk-pagination > .uk-active > *,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > * {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-pagination
  > .uk-disabled
  > *,
.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-pagination
  > .uk-disabled
  > *,
.uk-light .uk-pagination > .uk-disabled > *,
.uk-overlay-primary .uk-pagination > .uk-disabled > *,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > * {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-tab:before,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab:before,
.uk-card-secondary.uk-card-body .uk-tab:before,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab:before,
.uk-light .uk-tab:before,
.uk-overlay-primary .uk-tab:before,
.uk-section-primary:not(.uk-preserve-color) .uk-tab:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab:before {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-tab > * > a,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > * > a,
.uk-card-secondary.uk-card-body .uk-tab > * > a,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > * > a,
.uk-light .uk-tab > * > a,
.uk-overlay-primary .uk-tab > * > a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-tab > * > a:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > * > a:hover,
.uk-card-secondary.uk-card-body .uk-tab > * > a:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > * > a:hover,
.uk-light .uk-tab > * > a:hover,
.uk-overlay-primary .uk-tab > * > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-tab > .uk-active > a,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > .uk-active > a,
.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > .uk-active > a,
.uk-light .uk-tab > .uk-active > a,
.uk-overlay-primary .uk-tab > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a {
  color: #fff;
  border-color: #fff;
}
.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > .uk-disabled > a,
.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > .uk-disabled > a,
.uk-light .uk-tab > .uk-disabled > a,
.uk-overlay-primary .uk-tab > .uk-disabled > a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-slidenav,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav,
.uk-card-secondary.uk-card-body .uk-slidenav,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav,
.uk-light .uk-slidenav,
.uk-overlay-primary .uk-slidenav,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-slidenav:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav:hover,
.uk-card-secondary.uk-card-body .uk-slidenav:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav:hover,
.uk-light .uk-slidenav:hover,
.uk-overlay-primary .uk-slidenav:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover {
  color: hsla(0, 0%, 100%, 0.95);
}
.uk-card-primary.uk-card-body .uk-slidenav:active,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav:active,
.uk-card-secondary.uk-card-body .uk-slidenav:active,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav:active,
.uk-light .uk-slidenav:active,
.uk-overlay-primary .uk-slidenav:active,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-dotnav > * > *,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > *,
.uk-card-secondary.uk-card-body .uk-dotnav > * > *,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > *,
.uk-light .uk-dotnav > * > *,
.uk-overlay-primary .uk-dotnav > * > *,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > * {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.9);
}
.uk-card-primary.uk-card-body .uk-dotnav > * > :hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > :hover,
.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > :hover,
.uk-light .uk-dotnav > * > :hover,
.uk-overlay-primary .uk-dotnav > * > :hover,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover {
  background-color: hsla(0, 0%, 100%, 0.9);
  border-color: transparent;
}
.uk-card-primary.uk-card-body .uk-dotnav > * > :active,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > :active,
.uk-card-secondary.uk-card-body .uk-dotnav > * > :active,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > :active,
.uk-light .uk-dotnav > * > :active,
.uk-overlay-primary .uk-dotnav > * > :active,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active {
  background-color: hsla(0, 0%, 100%, 0.5);
  border-color: transparent;
}
.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > .uk-active > *,
.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > .uk-active > *,
.uk-light .uk-dotnav > .uk-active > *,
.uk-overlay-primary .uk-dotnav > .uk-active > *,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > * {
  background-color: hsla(0, 0%, 100%, 0.9);
  border-color: transparent;
}
.uk-card-primary.uk-card-body .uk-accordion-title:before,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title:before,
.uk-card-secondary.uk-card-body .uk-accordion-title:before,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title:before,
.uk-light .uk-accordion-title:before,
.uk-overlay-primary .uk-accordion-title:before,
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 0.7)' d='M0 6h13v1H0z'/%3E%3Cpath fill='rgba(255, 255, 255, 0.7)' d='M6 0h1v13H6z'/%3E%3C/svg%3E");
}
.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title:before,
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-open
  > .uk-accordion-title:before,
.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title:before,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-open
  > .uk-accordion-title:before,
.uk-light .uk-open > .uk-accordion-title:before,
.uk-overlay-primary .uk-open > .uk-accordion-title:before,
.uk-section-primary:not(.uk-preserve-color)
  .uk-open
  > .uk-accordion-title:before,
.uk-section-secondary:not(.uk-preserve-color)
  .uk-open
  > .uk-accordion-title:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title:before,
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-open
  > .uk-accordion-title:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 0.7)' d='M0 6h13v1H0z'/%3E%3C/svg%3E");
}
.uk-card-primary.uk-card-body .uk-iconnav > * > a,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > * > a,
.uk-card-secondary.uk-card-body .uk-iconnav > * > a,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > * > a,
.uk-light .uk-iconnav > * > a,
.uk-overlay-primary .uk-iconnav > * > a,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover,
.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a,
.uk-card-primary.uk-card-body .uk-text-lead,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > * > a:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > .uk-active > a,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-lead,
.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover,
.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a,
.uk-card-secondary.uk-card-body .uk-text-lead,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > * > a:hover,
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-iconnav
  > .uk-active
  > a,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-lead,
.uk-light .uk-iconnav > * > a:hover,
.uk-light .uk-iconnav > .uk-active > a,
.uk-light .uk-text-lead,
.uk-overlay-primary .uk-iconnav > * > a:hover,
.uk-overlay-primary .uk-iconnav > .uk-active > a,
.uk-overlay-primary .uk-text-lead,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead {
  color: hsla(0, 0%, 100%, 0.7);
}
.uk-card-primary.uk-card-body .uk-text-meta,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-meta,
.uk-card-secondary.uk-card-body .uk-text-meta,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-meta,
.uk-light .uk-text-meta,
.uk-overlay-primary .uk-text-meta,
.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta {
  color: hsla(0, 0%, 100%, 0.5);
}
.uk-card-primary.uk-card-body .uk-text-muted,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-muted,
.uk-card-secondary.uk-card-body .uk-text-muted,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-muted,
.uk-light .uk-text-muted,
.uk-overlay-primary .uk-text-muted,
.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted {
  color: hsla(0, 0%, 100%, 0.5) !important;
}
.uk-card-primary.uk-card-body .uk-text-emphasis,
.uk-card-primary.uk-card-body .uk-text-primary,
.uk-card-primary.uk-card-body .uk-text-secondary,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-emphasis,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-primary,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-secondary,
.uk-card-secondary.uk-card-body .uk-text-emphasis,
.uk-card-secondary.uk-card-body .uk-text-primary,
.uk-card-secondary.uk-card-body .uk-text-secondary,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-emphasis,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-primary,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-secondary,
.uk-light .uk-text-emphasis,
.uk-light .uk-text-primary,
.uk-light .uk-text-secondary,
.uk-overlay-primary .uk-text-emphasis,
.uk-overlay-primary .uk-text-primary,
.uk-overlay-primary .uk-text-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary {
  color: #fff !important;
}
.uk-card-primary.uk-card-body .uk-column-divider,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-column-divider,
.uk-card-secondary.uk-card-body .uk-column-divider,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-column-divider,
.uk-light .uk-column-divider,
.uk-overlay-primary .uk-column-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider {
  -moz-column-rule-color: hsla(0, 0%, 100%, 0.2);
  column-rule-color: hsla(0, 0%, 100%, 0.2);
}
.uk-card-primary.uk-card-body .uk-logo,
.uk-card-primary.uk-card-body .uk-logo:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
.uk-card-secondary.uk-card-body .uk-logo,
.uk-card-secondary.uk-card-body .uk-logo:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
.uk-light .uk-logo,
.uk-light .uk-logo:hover,
.uk-overlay-primary .uk-logo,
.uk-overlay-primary .uk-logo:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-logo,
.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover {
  color: #fff;
}
.uk-card-primary.uk-card-body
  .uk-logo
  > :not(.uk-logo-inverse):not(:only-of-type),
.uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-logo
  > :not(.uk-logo-inverse):not(:only-of-type),
.uk-card-secondary.uk-card-body
  .uk-logo
  > :not(.uk-logo-inverse):not(:only-of-type),
.uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-logo
  > :not(.uk-logo-inverse):not(:only-of-type),
.uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
.uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
.uk-section-primary:not(.uk-preserve-color)
  .uk-logo
  > :not(.uk-logo-inverse):not(:only-of-type),
.uk-section-secondary:not(.uk-preserve-color)
  .uk-logo
  > :not(.uk-logo-inverse):not(:only-of-type),
.uk-tile-primary:not(.uk-preserve-color)
  .uk-logo
  > :not(.uk-logo-inverse):not(:only-of-type),
.uk-tile-secondary:not(.uk-preserve-color)
  .uk-logo
  > :not(.uk-logo-inverse):not(:only-of-type) {
  display: none;
}
.uk-card-primary.uk-card-body .uk-logo-inverse,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse,
.uk-card-secondary.uk-card-body .uk-logo-inverse,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse,
.uk-light .uk-logo-inverse,
.uk-overlay-primary .uk-logo-inverse,
.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse {
  display: block;
}
@media print {
  *,
  :after,
  :before {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
[class*="uk-height"] {
  box-sizing: border-box;
}
.uk-height-1-1 {
  height: 100%;
}
.uk-height-viewport {
  min-height: 100vh;
}
.uk-height-small {
  height: 150px;
}
.uk-height-medium {
  height: 300px;
}
.uk-height-large {
  height: 450px;
}
.uk-height-max-small {
  max-height: 150px;
}
.uk-height-max-medium {
  max-height: 300px;
}
.uk-height-max-large {
  max-height: 450px;
}
.uk-grid {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
}
html {
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
}
@media (min-width: 960px) {
  html {
    font-size: 18px;
  }
}
.body--no-overflow {
  overflow: hidden;
  width: 100%;
}
p {
  font-weight: 300;
  margin: 0;
}
input {
  border-radius: 0;
}
button {
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
}
.no-scroll {
  height: 100%;
  position: relative;
}
.no-overflow,
.no-scroll {
  overflow: hidden;
}
.uk-margin-navbar-top {
  margin-top: 10rem;
}
.uk-modal-close-default svg {
  height: 20px;
  width: 20px;
}
.uk-modal-dialog {
  padding-bottom: 50px;
  padding-top: 50px;
}
.modal-body--small {
  max-width: 900px;
  width: 100% !important;
}
.title-decoration--inspire {
  border-bottom: 4px solid #c8d0e5;
  display: inline-block;
  width: 140px;
}
.title-decoration--inspire + * {
  margin-top: 25px !important;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.2;
}
@media (max-width: 959px) {
  .modal-full-mobile {
    background: #fff;
    padding: 0;
  }
  .modal-full-mobile .uk-modal-dialog {
    margin: 0;
  }
  .modal-mobile--centered {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
  }
}
@media (max-width: 639px) {
  .footer-invisible--mobile {
    display: none;
  }
}
.back-to-overview-link {
  font-size: 0.77778rem;
}
.back-to-overview-link:hover {
  text-decoration: none;
}
.back-to-overview-link:hover .back-to-overview-link-text {
  border-bottom-color: #000;
  color: #000;
}
.back-to-overview-link-text {
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
  transition: border-color 0.3s ease-out;
}
.login .alert,
.myaccount .alert {
  margin-bottom: 40px !important;
}
@media (min-width: 960px) {
  .login .alert,
  .myaccount .alert {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 1200px) {
  .login .alert,
  .myaccount .alert {
    margin-bottom: 40px !important;
  }
}
#fbp-image {
  bottom: 0;
  left: 0;
  position: absolute;
}
:focus:not([tabindex^="-"]) {
  outline: none;
}
.uk-h1,
.uk-h2,
.uk-text-hero,
h1,
h2 {
  letter-spacing: -0.01em;
}
.headline--shadow {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.33);
}
.uk-accordion-title {
  cursor: pointer;
  text-align: left;
  width: 100%;
}
.uk-accordion-title:before {
  cursor: pointer;
  height: 20px;
  margin-top: -5px;
  transform: translateY(50%);
  transition: transform 0.15s ease;
  width: 20px;
}
.uk-accordion-title:before,
.uk-open .uk-accordion-title:before {
  background-image: url(/images/icons/artboard/chevrons/dropdown-open.svg);
}
.uk-open .uk-accordion-title:before {
  transform: rotate(-180deg) translateY(-50%);
  transform-origin: center;
}
.alert {
  border: 1px solid #d8d8d8;
  font-size: 0.88889rem;
  line-height: 1.7;
  padding-bottom: 13px;
  padding-right: 40px;
  padding-top: 13px;
  text-align: center;
}
.alert .icon--cart,
.alert .icon--info,
.alert .icon--pw-reset {
  position: relative;
  top: 1px;
}
@media (min-width: 960px) {
  .alert .icon--cart,
  .alert .icon--info,
  .alert .icon--pw-reset {
    top: 3.5px;
  }
}
.alert .icon--cart svg,
.alert .icon--info svg,
.alert .icon--pw-reset svg {
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
}
.alert .uk-alert-close {
  opacity: 1;
  top: 24px;
  transform: translateY(-50%);
}
.alert .uk-alert-close svg {
  fill: #000;
  width: 20px;
}
.alert .uk-alert-close svg:hover {
  fill: #5d5d5d;
}
@media (min-width: 960px) {
  .alert .uk-alert-close {
    top: 27px;
  }
}
.animated-dot__corner-dot {
  left: 0;
  max-width: 110px;
  opacity: 0.9;
  position: fixed;
  top: 0;
  transition: opacity 0.6s ease;
  z-index: 100;
}
.navigation--expanded-mobile + .sb-indexed__body .animated-dot__corner-dot {
  z-index: 1;
}
@media (min-width: 960px) {
  .animated-dot__corner-dot {
    max-width: 168px;
  }
  .navigation--expanded + .sb-indexed__body .animated-dot__corner-dot {
    opacity: 0.5;
    transition: opacity 0.6s ease;
    z-index: 1;
  }
}
.animated-dot {
  height: 0;
}
.animated-dot + .billboard {
  z-index: -2;
}
@media (max-width: 959px) {
  .animated-dot {
    display: none;
  }
}
.animated-dot__beige {
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
}
.animated-dot__beige.animated-dot__beige--visible {
  opacity: 1;
}
@media (max-width: 959px) {
  .animated-dot__beige {
    display: none !important;
  }
}
.animated-dot__image {
  -webkit-animation: animatedDotPulse 2.4s linear infinite;
  animation: animatedDotPulse 2.4s linear infinite;
  transform: scale(0.8);
}
@-webkit-keyframes animatedDotPulse {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(0.8);
  }
}
@keyframes animatedDotPulse {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(0.8);
  }
}
.scrollmagic-pin-spacer {
  overflow: hidden;
  z-index: -1;
}
@media (max-width: 959px) {
  .scrollmagic-pin-spacer {
    display: none !important;
  }
}
.animated-headline__image-wrapper {
  margin: 0 auto;
  max-width: 800px;
  z-index: -2;
}
.animated-headline__image {
  position: absolute;
  top: 0;
}
.animated-headline__image:first-child {
  position: static;
}
.animated-headline__image,
.animated-headline__text {
  opacity: 0;
}
.animated-headline--ready .animated-headline__dot-past {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: appearDisappearPast;
  animation-name: appearDisappearPast;
  will-change: opacity, transform;
}
.animated-headline--ready .animated-headline__dot-present {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-duration: 1.68s;
  animation-duration: 1.68s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: appearDisappearPresent;
  animation-name: appearDisappearPresent;
  will-change: opacity;
}
.animated-headline__image-stay {
  opacity: 1;
}
.animated-headline__image-stay .image-container {
  margin: 0 auto;
  overflow: hidden;
  width: 0;
}
.animated-headline--ready .animated-headline__image-stay .image-container {
  -webkit-animation-delay: 1.68s;
  animation-delay: 1.68s;
  -webkit-animation-duration: 2.1s;
  animation-duration: 2.1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: appearStay;
  animation-name: appearStay;
  will-change: width;
}
.animated-headline__image-stay img {
  max-width: 800px;
  width: auto;
}
.animated-headline__image-fade {
  right: 0;
  top: 0;
}
.animated-headline--ready .animated-headline__image-fade {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: appearStayFade;
  animation-name: appearStayFade;
  will-change: opacity;
}
.animated-headline__text {
  font-weight: 300;
  margin: 40px auto 0;
  max-width: 650px;
  text-align: center;
  transform: translateY(0);
}
.animated-headline--ready + .animated-headline__text {
  -webkit-animation-delay: 4.1s;
  animation-delay: 4.1s;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: animatedHeadlineAppear;
  animation-name: animatedHeadlineAppear;
  will-change: opacity, transform;
}
@-webkit-keyframes appearDisappearPast {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  80%,
  to {
    opacity: 0;
  }
}
@keyframes appearDisappearPast {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  80%,
  to {
    opacity: 0;
  }
}
@-webkit-keyframes appearDisappearPresent {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes appearDisappearPresent {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes appearStay {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes appearStay {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@-webkit-keyframes appearStayFade {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes appearStayFade {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes animatedHeadlineAppear {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animatedHeadlineAppear {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated-lookbook {
  overflow: hidden;
}
.animated-lookbook .swiper-button-prev {
  left: 0;
}
.animated-lookbook .swiper-button-next {
  right: 0;
}
.animated-lookbook .swiper-button-next,
.animated-lookbook .swiper-button-prev {
  background-image: none;
  height: auto;
  outline: none;
  width: auto;
}
.animated-lookbook .swiper-button-next svg,
.animated-lookbook .swiper-button-prev svg {
  transform: scale(0.6);
}
.animated-lookbook .swiper-button-next .uk-icon,
.animated-lookbook .swiper-button-prev .uk-icon {
  background-color: #fff;
  border-radius: 0;
  padding: 30px 0;
}
.animated-lookbook .swiper-container--secondary,
.animated-lookbook .swiper-container--tertiary {
  margin-top: 50px;
}
.animated-lookbook__image-below {
  position: relative;
  z-index: 2;
}
.animated-lookbook__image-above {
  position: relative;
  z-index: 3;
}
.animated-rectangle {
  height: 140px;
  right: 10px;
  top: -40px;
  width: 50%;
  z-index: -1;
}
.animated-rectangle--left {
  bottom: -40px;
  left: 0;
  right: auto;
  top: auto;
  width: 60%;
}
@media (min-width: 640px) {
  .animated-lookbook__secondary-block {
    margin-top: 40px;
  }
}
@media (min-width: 960px) {
  .animated-lookbook__secondary-block {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .animated-lookbook__secondary-block {
    margin-top: -40px;
  }
}
.animated-rectangle--right-bottom {
  bottom: -40px;
  top: auto;
}
.animated-lookbook__tertiary-block {
  margin-top: 60px;
}
.animated-lookbook__aspect-ratio {
  height: 0;
  max-width: 470px;
  padding-bottom: 42.8%;
}
.animated-lookbook__aspect-ratio--small {
  height: 0;
  max-width: 470px;
  padding-bottom: 39.2%;
}
.animated-lookbook__image {
  opacity: 0;
}
.animated-lookbook__image--base {
  background-color: #e1fbfa;
  height: 100%;
  left: 0;
  opacity: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
#atlas hr {
  margin: 25px 0;
}
#atlas .atlas-link--back {
  display: none;
}
#atlas .atlas-app {
  color: #000;
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
}
#atlas .atlas-form {
  font-size: 0.88889rem;
}
#atlas .atlas__app-container {
  min-height: 90vh;
}
#atlas .atlas-map,
#atlas .atlas-map__map {
  min-height: 40vh;
}
@media (min-width: 960px) {
  #atlas .atlas-map,
  #atlas .atlas-map__map {
    min-height: 90vh;
  }
}
#atlas .atlas-sidebar {
  margin-top: 10px;
}
@media (min-width: 960px) {
  #atlas .atlas-sidebar {
    margin-top: 0;
    max-width: 26rem;
    min-height: 90vh;
    opacity: 1;
  }
}
#atlas .atlas-infobox {
  display: none;
}
#atlas .atlas-icon {
  height: 1rem;
  margin-right: 0.5rem;
  width: 1rem;
}
#atlas .atlas-icon-search {
  height: 20px;
  right: 1px;
  top: 10px;
  width: 20px;
}
#atlas .atlas-icon-search svg {
  height: 20px;
  width: 20px;
}
#atlas .atlas-search-input--silhouette {
  font-size: 16px;
  font-weight: 300;
  padding-right: 2.5rem;
}
#atlas
  .atlas-search-input--silhouette:-moz-placeholder-shown:not(:focus)
  + .atlas-search-input__label {
  top: 22px;
}
#atlas
  .atlas-search-input--silhouette:-ms-input-placeholder:not(:focus)
  + .atlas-search-input__label {
  top: 22px;
}
#atlas
  .atlas-search-input--silhouette:placeholder-shown:not(:focus)
  + .atlas-search-input__label {
  top: 22px;
}
#atlas .atlas-search-btn {
  bottom: 0;
  height: 50px;
  padding: 0;
  right: 0;
  top: 0;
}
#atlas .atlas-filters__search-float-label {
  flex-grow: 1;
}
#atlas .atlas-search-input__label {
  font-weight: 300;
  top: -3px;
}
#atlas .atlas__cluster {
  color: #1c1714 !important;
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif !important;
  font-size: 13px !important;
}
#atlas .atlas-filters {
  padding: 0 20px;
}
@media (min-width: 640px) {
  #atlas .atlas-filters {
    padding: 0 30px;
  }
}
#atlas .atlas-filters__cboxes {
  padding-top: 0;
}
#atlas .atlas-filters__cbox {
  align-items: center;
  display: flex;
  line-height: 1.5;
}
#atlas .atlas-filters__cbox + .atlas-filters__cbox {
  margin-top: 10px;
}
#atlas .atlas-filters__cbox svg {
  height: 18px;
  vertical-align: top;
  width: 18px;
}
#atlas .atlas__filter-heading {
  display: flex;
  margin-top: 5px;
  padding-bottom: 25px;
  width: 100%;
}
#atlas .atlas__filter-heading-label {
  flex-grow: 1;
  line-height: 1;
  margin-left: 0;
  position: relative;
  text-transform: uppercase;
  top: 1px;
}
#atlas .atlas-icon-filter {
  height: 20px;
  line-height: 1;
  width: 20px;
}
#atlas .atlas-icon-back-to-overview {
  line-height: 1;
  position: relative;
  top: -1px;
}
#atlas .atlas-accordion-title {
  align-items: center;
  color: #1c1714;
  display: flex;
}
#atlas .atlas-accordion-title:hover {
  text-decoration: none;
}
#atlas .atlas-icon--accordion-toggle {
  line-height: 1;
  transform: scale(0.6) rotate(0);
  transform-origin: center;
}
#atlas .atlas-icon--accordion-toggle svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#atlas .atlas-accordion--opened .atlas-icon--accordion-toggle {
  transform: scale(0.6) rotate(90deg);
  transform-origin: center;
}
#atlas .atlas-accordion-content--shown {
  max-height: 40vh;
  overflow-y: auto;
}
#atlas .atlas__locations-spinner {
  margin: 30px;
}
#atlas .atlas-locations {
  box-shadow: inset 0 2px 14px -2px rgba(0, 0, 0, 0.1);
  padding-top: 10px;
}
#atlas .atlas-locations__nothing-found {
  font-size: 0.88889rem;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}
#atlas .atlas-location {
  border-bottom: 1px solid #d8d8d8;
  font-size: 0.77778rem;
  padding: 25px 20px;
}
@media (min-width: 640px) {
  #atlas .atlas-location {
    padding: 25px 30px;
  }
}
#atlas .atlas-location__name {
  cursor: pointer;
  font-size: 0.88889rem;
  font-weight: 400;
  line-height: 1.7;
  margin: 0;
}
#atlas .atlas-locations__overview .atlas-location__name {
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
  transition: border-color 0.3s ease-out;
}
#atlas .atlas-locations__overview .atlas-location__name:hover {
  border-color: #000;
}
#atlas .atlas-location__categories {
  line-height: 1.4;
}
#atlas .atlas-location__category {
  color: #5d5d5d;
}
#atlas .atlas-location__category:not(:last-child):after {
  content: ", ";
}
#atlas .atlas-location__action-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 20px;
}
@media (min-width: 640px) {
  #atlas .atlas-location__action-column {
    margin-top: 0;
    text-align: right;
  }
}
#atlas .atlas-location-detail {
  position: relative;
  width: 0;
  z-index: 10;
}
@media (min-width: 960px) {
  #atlas .atlas-location-detail {
    z-index: auto;
  }
}
#atlas .atlas-location__detail--active {
  width: 100%;
}
@media (min-width: 960px) {
  #atlas .atlas-location__detail--active {
    width: 26rem;
  }
}
#atlas .atlas-filters__selected-filters {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem 0 1rem;
  padding: 0;
}
#atlas .atlas-filters__selected-filters li {
  display: block;
  list-style: none;
}
#atlas .atlas-tag {
  border: 1px solid #d8d8d8;
  border-radius: 1rem;
  cursor: pointer;
  display: inline-block;
  font-size: 0.66667rem;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0 1.5rem 0 0.5rem;
  position: relative;
  transition: border 0.15s ease;
}
.atlas--atelier #atlas .atlas-tag {
  border-color: #3b3922;
}
#atlas .atlas-tag:after {
  content: "×";
  display: block;
  position: absolute;
  right: 0.7rem;
  top: 0;
  transform: scale(1.5);
}
#atlas .atlas-tag:focus,
#atlas .atlas-tag:hover {
  border-color: #5d5d5d;
}
#atlas .atlas-tag input {
  display: none;
}
#atlas .atlas-autocomplete {
  background-color: #fff;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  left: 0;
  position: absolute;
  right: 0;
  top: 50px;
  z-index: 2;
}
#atlas .atlas-autocomplete__list {
  margin: 5px 0 10px;
  padding-left: 0;
}
#atlas .atlas-autocomplete__list-label {
  border-bottom: 1px solid transparent;
}
#atlas .atlas-required__fields {
  font-size: 0.72222rem;
}
#atlas .atlas-autocomplete__list-item {
  cursor: pointer;
  overflow: hidden;
  padding: 2.5px 15px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#atlas .atlas-autocomplete__list-item:focus,
#atlas .atlas-autocomplete__list-item:hover {
  text-decoration: none;
}
#atlas .atlas-autocomplete__list-item:focus .atlas-autocomplete__list-label,
#atlas .atlas-autocomplete__list-item:hover .atlas-autocomplete__list-label {
  border-color: #000;
}
#atlas .atlas-autocomplete__list-item:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
}
#atlas .uk-margin-small--mobile {
  margin-top: 5px;
}
@media (min-width: 960px) {
  #atlas .uk-margin-small--mobile {
    margin-top: 0;
  }
}
#atlas .uk-text-light,
#atlas .uk-text-nfc-small {
  line-height: 1.7;
}
#atlas .atlas-location-detail__container {
  font-size: 0.77778rem;
}
.atlas--atelier svg g,
.atlas--atelier svg path {
  fill: #fff;
}
.atlas--atelier#atlas .atlas__cluster {
  color: #cdb469 !important;
}
.atlas--atelier .uk-icon--privacy {
  min-width: 20px;
  transform: translateY(-1px);
}
.atlas--atelier .uk-icon--privacy path {
  fill: transparent !important;
  stroke: #cdb469 !important;
}
.atlas--atelier .atlas-filters {
  padding-left: 22px;
}
.atlas--atelier .atlas-location__action-column span {
  color: #cdb469 !important;
}
.atlas--atelier .atlas-location__action-column path {
  fill: #cdb469;
}
.atlas--atelier .atlas-icon-back-to-overview path {
  fill: none;
  stroke: #fff;
}
.atlas--atelier .atlas-sidebar {
  background: #1c1714;
  padding-top: 10px;
}
.atlas--atelier .atlas-accordion-title,
.atlas--atelier .atlas-filters__cbox,
.atlas--atelier .atlas-location,
.atlas--atelier .atlas-location a,
.atlas--atelier .atlas-search-input__label,
.atlas--atelier .atlas-tag {
  color: #d8d8d8 !important;
}
.atlas--atelier .atlas-location__name {
  color: #fff !important;
}
.atlas--atelier .atlas-location {
  padding-left: 22px;
}
.atlas--atelier .atlas-form .uk-input,
.atlas--atelier .atlas-form .uk-textarea,
.atlas--atelier .atlas-location {
  border-bottom-color: #3b3922 !important;
}
.atlas--atelier .atlas-location-detail,
.atlas--atelier .atlas-location-detail a,
.atlas--atelier .atlas-search-input--silhouette {
  background-color: #1c1714;
  color: #d8d8d8 !important;
}
.atlas--atelier .atlas-location-detail .atlas-location__name {
  color: #fff;
}
.atlas--atelier .atlas-location-detail .uk-input,
.atlas--atelier .atlas-location-detail .uk-textarea {
  border-bottom-color: hsla(0, 0%, 100%, 0.5) !important;
}
.atlas--atelier .uk-checkbox--rounded:checked,
.atlas--atelier .uk-checkbox--rounded:focus,
.atlas--atelier .uk-checkbox:checked,
.atlas--atelier .uk-checkbox:focus,
.atlas--atelier .uk-radio:checked,
.atlas--atelier .uk-radio:focus {
  border-color: #fff;
}
.atlas--atelier .uk-checkbox--rounded + label:after {
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-color: #000;
}
.atlas--atelier .uk-checkbox:checked {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOS45NDMuMTc4TDMuNTQ3IDYuNTIgMS4wNTUgNC4wNWEuNjIyLjYyMiAwIDAwLS44NzQuMDAyLjYwOS42MDkgMCAwMC0uMDAzLjg2MmwuMDAzLjAwNCAyLjkzIDIuOTAyYy4xMTYuMTE2LjI3Mi4xOC40MzUuMTgxaC4wMDJjLjE2NCAwIC4zMi0uMDY0LjQzNi0uMTgxbDYuODM0LTYuNzcyYS42MDguNjA4IDAgMDAuMDA5LS44NmwtLjAwOS0uMDA5YS42MjQuNjI0IDAgMDAtLjg3NS0uMDAxeiIvPjwvc3ZnPg==");
}
.atlas--atelier .uk-radio:checked:checked {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSI+PGNpcmNsZSBmaWxsPSIjRkZGIiBzdHJva2U9IiNGRkYiIGN4PSI1LjUiIGN5PSI1LjUiIHI9IjQuNSIvPjwvc3ZnPg==");
}
.atlas--atelier .atlas-location-detail__container {
  padding-left: 1.7rem;
}
.atlas--atelier .atlas-location-detail__container .uk-link-icon:first-child {
  margin-left: -6px;
}
.atlas--atelier .atlas-location-detail__container a {
  color: #fff;
}
.atlas--atelier .atlas-form .uk-input,
.atlas--atelier .atlas-form .uk-textarea {
  background-color: transparent;
  color: #fff;
  font-weight: 400;
}
.atlas--atelier .atlas-form label,
.atlas--atelier .atlas-form small {
  color: #fff !important;
  font-weight: 400;
}
.atlas--atelier .atlas-form .uk-form-danger + label {
  color: #d0021b !important;
}
.atlas--atelier .atlas-search-input--silhouette,
.atlas--atelier .atlas-search-input__label,
.atlas--atelier .uk-text-light,
.atlas--atelier .uk-text-nfc-small {
  font-weight: 400 !important;
}
.atlas--atelier .atlas-location__categories {
  display: none;
}
.atlas--atelier hr {
  border-color: #d1b168;
}
.atlas--atelier .atlas-accordion {
  display: none;
}
.atlas--atelier .atlas-link--back {
  display: flex !important;
}
.atlas--atelier .uk-button--hollow,
.atlas--atelier .uk-button-nfc {
  border-color: #fff;
  color: #fff;
}
.atlas--atelier .uk-button--hollow:hover,
.atlas--atelier .uk-button-nfc:hover {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #1c1714 !important;
}
.atlas--atelier .float-label input {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.5) !important;
}
.atlas--atelier .float-label input:focus {
  border-bottom: 1px solid #fff !important;
}
.atlas-link--back {
  color: #d1b168;
  font-size: 0.8rem;
  margin: 20px 0 20px -8px;
  width: 100%;
}
.atlas-link--back .atlas__filter-heading-label {
  text-transform: none !important;
}
.atlas-link--back:hover {
  color: #d1b168;
  text-decoration: none;
}
.atlas-link--back .atlas-icon {
  line-height: 1;
  margin-right: 0.2rem !important;
}
.atlas-link--back .atlas-icon svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1.111);
}
.atlas-link--back .atlas-icon path {
  fill: none;
  stroke: #d1b168;
}
.atlas-form-message__icon svg {
  width: 30px;
}
.atlas-icon__text {
  margin-left: 8px;
}
.atlas-location__opening-hours {
  margin-left: 30px;
  margin-top: 10px;
}
@media (min-width: 960px) {
  .atlas-location__opening-hours {
    margin-left: 0;
    margin-top: 0;
  }
}
.atlas__load-more-btn {
  margin: 20px auto 25px;
}
.award__contentwrapper {
  margin-top: 0 !important;
}
.award__text {
  width: 80%;
}
.award__text p {
  margin-top: 20px;
}
.award__text p:first-of-type {
  margin-top: 0;
}
.award__logo {
  max-width: 250px;
}
.award__imageright {
  width: 100%;
}
@media (max-width: 639px) {
  .award__contentwrapper {
    flex-direction: column-reverse;
    text-align: center;
  }
  .award__text {
    margin-top: 1.5rem;
    width: 100%;
  }
}
.b2blogin {
  border-bottom: 1px solid #d8d8d8;
  display: none;
  position: relative;
}
.b2blogin__gradient {
  background: #fff;
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0.1),
    rgba(0, 0, 0, 0.1) 90%
  );
  z-index: 2;
}
.b2blogin__image {
  background: #fff;
  z-index: 1;
}
.b2blogin__image img {
  max-width: none;
}
@media (min-width: 1200px) {
  .b2blogin__image img {
    height: 100%;
  }
}
.b2blogin__content {
  z-index: 9;
}
.b2blogin__contentwrapper {
  padding-bottom: 60px;
  padding-top: 60px;
}
.b2blogin__headline,
.b2blogin__text {
  color: #000 !important;
}
.b2blogin__headline {
  margin: 0;
}
.b2blogin__close {
  position: absolute;
  right: 30px;
  top: 20px;
  transform: scale(1.4);
}
.b2blogin__close svg {
  fill: #000;
}
@media (max-width: 1199px) {
  .b2blogin__contentwrapper {
    padding-bottom: 35px;
    padding-top: 35px;
  }
}
@media (max-width: 639px) {
  .b2blogin {
    display: none !important;
  }
}
.background-video {
  height: 100%;
  left: 0;
  min-width: 100%;
  position: fixed;
  top: 0;
  z-index: -1;
}
.background-video__inner {
  background-color: #000;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 100%;
}
.background-video__inner,
.background-video__video {
  background-size: cover;
  min-height: 100%;
  overflow: hidden;
}
.background-video__video {
  height: auto;
  left: 50%;
  max-width: none;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: auto;
}
@media (max-width: 959px) {
  .background-video__video {
    display: none;
  }
}
.bg-video {
  height: 100%;
  left: 0;
  min-width: auto !important;
  min-width: 0 !important;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
.bg-video video {
  display: block;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  width: auto !important;
}
.bg-video__inner,
.bg-video video {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
}
.bg-video__inner {
  background-color: #000;
  height: 100%;
  max-width: 1400px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.bg-video__inner video {
  background-size: cover;
  height: auto;
  left: 50%;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: auto;
}
@media (max-width: 959px) {
  .bg-video video {
    display: none;
  }
}
@media (max-width: 639px) {
  .billboard--animated .billboard__overlay {
    position: absolute;
  }
}
@media (max-width: 639px) {
  .billboard--animated .billboard__content--top {
    bottom: auto;
    left: auto;
    max-width: 30%;
    position: absolute;
    right: 6%;
    top: 25%;
  }
}
.billboard-text-animation {
  opacity: 0;
}
.uk-scrollspy-inview .billboard-text-animation {
  opacity: 1;
}
.billboard__animation-start .billboard-text-animation__left {
  -webkit-animation: billboard-left 1.9s forwards;
  animation: billboard-left 1.9s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1.01);
  animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1.01);
}
.billboard__animation-start .billboard-text-animation__right {
  -webkit-animation: billboard-right 1.9s forwards;
  animation: billboard-right 1.9s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1.01);
  animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1.01);
}
.billboard__animation-start .billboard-text-animation__bottom {
  -webkit-animation: billboard-bottom 1.9s forwards;
  animation: billboard-bottom 1.9s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1.01);
  animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1.01);
}
.billboard__logo-wrapper {
  max-width: 300px;
}
@media (max-width: 959px) {
  .billboard__logo-wrapper {
    max-width: 170px;
  }
}
.billboard__logo-wrapper img {
  height: auto;
  left: 0;
  top: 0;
  width: 100%;
}
@-webkit-keyframes billboard-left {
  0% {
    opacity: 0;
    transform: translateX(-15px);
  }
  90%,
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes billboard-left {
  0% {
    opacity: 0;
    transform: translateX(-15px);
  }
  90%,
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes billboard-right {
  0%,
  2% {
    opacity: 0;
    transform: translateX(15px);
  }
  90%,
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes billboard-right {
  0%,
  2% {
    opacity: 0;
    transform: translateX(15px);
  }
  90%,
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes billboard-bottom {
  0%,
  30% {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes billboard-bottom {
  0%,
  30% {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.billboard-slideshow .swiper-pagination {
  bottom: 0 !important;
}
.billboard-slideshow .swiper-pagination-bullet {
  border: 1px solid #000;
}
.billboard-slideshow .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000;
}
@media (min-width: 640px) {
  .billboard-slideshow .swiper-wrapper {
    padding-bottom: 45px;
  }
}
.billboard-slideshow .swiper-button-prev {
  left: -10px;
  margin-top: -30px !important;
}
.billboard-slideshow .swiper-button-next {
  margin-top: -30px !important;
  right: -10px;
}
.billboard-slideshow .swiper-button-next,
.billboard-slideshow .swiper-button-prev {
  background-image: none;
  height: auto;
  margin-top: -50px;
  outline: none;
  width: auto;
}
.billboard-slideshow .swiper-button-next svg,
.billboard-slideshow .swiper-button-prev svg {
  transform: scale(0.6);
}
.billboard-slideshow .swiper-button-next .uk-icon,
.billboard-slideshow .swiper-button-prev .uk-icon {
  border-radius: 0;
  padding: 30px 0;
}
@media (max-width: 639px) {
  .billboard-slideshow .swiper-slide {
    box-sizing: border-box;
    padding: 0 40px;
  }
}
.billboard-slide__title {
  font-weight: 400;
  margin-bottom: 8px;
  margin-top: 30px;
}
.billboard-slide__text {
  max-width: 690px;
}
.billboard {
  overflow: hidden;
}
@media (min-width: 640px) {
  .billboard {
    min-height: 400px;
  }
  .billboard.billboard__video {
    min-height: auto !important;
  }
}
@media (min-width: 1200px) {
  .billboard {
    min-height: 450px;
  }
}
.billboard.uk-background-white {
  padding-bottom: 2rem;
}
@media screen and (min-width: 640px) {
  .billboard.uk-background-white {
    padding-bottom: 0;
  }
}
.billboard.billboard--margin {
  margin: 0;
}
.billboard.billboard--margin.billboard--narrow-mobile {
  margin: 0 20px;
}
@media screen and (min-width: 960px) {
  .billboard.billboard--margin {
    margin: 0;
  }
}
.billboard.billboard--bg-focus-top {
  background-position: top;
}
.billboard.billboard--bg-focus-right {
  background-position: 100%;
}
.billboard.uk-card-primary.uk-card-body .billboard__button,
.billboard.uk-card-primary.uk-card-body .billboard__subtitle,
.billboard.uk-card-primary.uk-card-body .billboard__textarea,
.billboard.uk-card-primary.uk-card-body .billboard__title,
.billboard.uk-card-secondary.uk-card-body .billboard__button,
.billboard.uk-card-secondary.uk-card-body .billboard__subtitle,
.billboard.uk-card-secondary.uk-card-body .billboard__textarea,
.billboard.uk-card-secondary.uk-card-body .billboard__title,
.billboard.uk-light .billboard__button,
.billboard.uk-light .billboard__subtitle,
.billboard.uk-light .billboard__textarea,
.billboard.uk-light .billboard__title,
.billboard.uk-overlay-primary .billboard__button,
.billboard.uk-overlay-primary .billboard__subtitle,
.billboard.uk-overlay-primary .billboard__textarea,
.billboard.uk-overlay-primary .billboard__title,
.billboard.uk-section-primary:not(.uk-preserve-color) .billboard__button,
.billboard.uk-section-primary:not(.uk-preserve-color) .billboard__subtitle,
.billboard.uk-section-primary:not(.uk-preserve-color) .billboard__textarea,
.billboard.uk-section-primary:not(.uk-preserve-color) .billboard__title,
.billboard.uk-section-secondary:not(.uk-preserve-color) .billboard__button,
.billboard.uk-section-secondary:not(.uk-preserve-color) .billboard__subtitle,
.billboard.uk-section-secondary:not(.uk-preserve-color) .billboard__textarea,
.billboard.uk-section-secondary:not(.uk-preserve-color) .billboard__title,
.billboard.uk-tile-primary:not(.uk-preserve-color) .billboard__button,
.billboard.uk-tile-primary:not(.uk-preserve-color) .billboard__subtitle,
.billboard.uk-tile-primary:not(.uk-preserve-color) .billboard__textarea,
.billboard.uk-tile-primary:not(.uk-preserve-color) .billboard__title,
.billboard.uk-tile-secondary:not(.uk-preserve-color) .billboard__button,
.billboard.uk-tile-secondary:not(.uk-preserve-color) .billboard__subtitle,
.billboard.uk-tile-secondary:not(.uk-preserve-color) .billboard__textarea,
.billboard.uk-tile-secondary:not(.uk-preserve-color) .billboard__title,
.uk-card-primary > .billboard:not([class*="uk-card-media"]) .billboard__button,
.uk-card-primary
  > .billboard:not([class*="uk-card-media"])
  .billboard__subtitle,
.uk-card-primary
  > .billboard:not([class*="uk-card-media"])
  .billboard__textarea,
.uk-card-primary > .billboard:not([class*="uk-card-media"]) .billboard__title,
.uk-card-secondary
  > .billboard:not([class*="uk-card-media"])
  .billboard__button,
.uk-card-secondary
  > .billboard:not([class*="uk-card-media"])
  .billboard__subtitle,
.uk-card-secondary
  > .billboard:not([class*="uk-card-media"])
  .billboard__textarea,
.uk-card-secondary
  > .billboard:not([class*="uk-card-media"])
  .billboard__title {
  color: #000;
}
@media (min-width: 640px) {
  .billboard.uk-card-primary.uk-card-body .billboard__button,
  .billboard.uk-card-primary.uk-card-body .billboard__subtitle,
  .billboard.uk-card-primary.uk-card-body .billboard__textarea,
  .billboard.uk-card-primary.uk-card-body .billboard__title,
  .billboard.uk-card-secondary.uk-card-body .billboard__button,
  .billboard.uk-card-secondary.uk-card-body .billboard__subtitle,
  .billboard.uk-card-secondary.uk-card-body .billboard__textarea,
  .billboard.uk-card-secondary.uk-card-body .billboard__title,
  .billboard.uk-light .billboard__button,
  .billboard.uk-light .billboard__subtitle,
  .billboard.uk-light .billboard__textarea,
  .billboard.uk-light .billboard__title,
  .billboard.uk-overlay-primary .billboard__button,
  .billboard.uk-overlay-primary .billboard__subtitle,
  .billboard.uk-overlay-primary .billboard__textarea,
  .billboard.uk-overlay-primary .billboard__title,
  .billboard.uk-section-primary:not(.uk-preserve-color) .billboard__button,
  .billboard.uk-section-primary:not(.uk-preserve-color) .billboard__subtitle,
  .billboard.uk-section-primary:not(.uk-preserve-color) .billboard__textarea,
  .billboard.uk-section-primary:not(.uk-preserve-color) .billboard__title,
  .billboard.uk-section-secondary:not(.uk-preserve-color) .billboard__button,
  .billboard.uk-section-secondary:not(.uk-preserve-color) .billboard__subtitle,
  .billboard.uk-section-secondary:not(.uk-preserve-color) .billboard__textarea,
  .billboard.uk-section-secondary:not(.uk-preserve-color) .billboard__title,
  .billboard.uk-tile-primary:not(.uk-preserve-color) .billboard__button,
  .billboard.uk-tile-primary:not(.uk-preserve-color) .billboard__subtitle,
  .billboard.uk-tile-primary:not(.uk-preserve-color) .billboard__textarea,
  .billboard.uk-tile-primary:not(.uk-preserve-color) .billboard__title,
  .billboard.uk-tile-secondary:not(.uk-preserve-color) .billboard__button,
  .billboard.uk-tile-secondary:not(.uk-preserve-color) .billboard__subtitle,
  .billboard.uk-tile-secondary:not(.uk-preserve-color) .billboard__textarea,
  .billboard.uk-tile-secondary:not(.uk-preserve-color) .billboard__title,
  .uk-card-primary
    > .billboard:not([class*="uk-card-media"])
    .billboard__button,
  .uk-card-primary
    > .billboard:not([class*="uk-card-media"])
    .billboard__subtitle,
  .uk-card-primary
    > .billboard:not([class*="uk-card-media"])
    .billboard__textarea,
  .uk-card-primary > .billboard:not([class*="uk-card-media"]) .billboard__title,
  .uk-card-secondary
    > .billboard:not([class*="uk-card-media"])
    .billboard__button,
  .uk-card-secondary
    > .billboard:not([class*="uk-card-media"])
    .billboard__subtitle,
  .uk-card-secondary
    > .billboard:not([class*="uk-card-media"])
    .billboard__textarea,
  .uk-card-secondary
    > .billboard:not([class*="uk-card-media"])
    .billboard__title {
    color: #fff;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.33);
  }
}
.billboard.uk-card-primary.uk-card-body .billboard__button,
.billboard.uk-card-secondary.uk-card-body .billboard__button,
.billboard.uk-light .billboard__button,
.billboard.uk-overlay-primary .billboard__button,
.billboard.uk-section-primary:not(.uk-preserve-color) .billboard__button,
.billboard.uk-section-secondary:not(.uk-preserve-color) .billboard__button,
.billboard.uk-tile-primary:not(.uk-preserve-color) .billboard__button,
.billboard.uk-tile-secondary:not(.uk-preserve-color) .billboard__button,
.uk-card-primary > .billboard:not([class*="uk-card-media"]) .billboard__button,
.uk-card-secondary
  > .billboard:not([class*="uk-card-media"])
  .billboard__button {
  border: 1px solid #000;
}
@media (min-width: 640px) {
  .billboard.uk-card-primary.uk-card-body .billboard__button,
  .billboard.uk-card-secondary.uk-card-body .billboard__button,
  .billboard.uk-light .billboard__button,
  .billboard.uk-overlay-primary .billboard__button,
  .billboard.uk-section-primary:not(.uk-preserve-color) .billboard__button,
  .billboard.uk-section-secondary:not(.uk-preserve-color) .billboard__button,
  .billboard.uk-tile-primary:not(.uk-preserve-color) .billboard__button,
  .billboard.uk-tile-secondary:not(.uk-preserve-color) .billboard__button,
  .uk-card-primary
    > .billboard:not([class*="uk-card-media"])
    .billboard__button,
  .uk-card-secondary
    > .billboard:not([class*="uk-card-media"])
    .billboard__button {
    border: 1px solid #fff;
    text-shadow: none;
  }
}
.billboard.uk-card-primary.uk-card-body .billboard__button.uk-button-default,
.billboard.uk-card-secondary.uk-card-body .billboard__button.uk-button-default,
.billboard.uk-light .billboard__button.uk-button-default,
.billboard.uk-overlay-primary .billboard__button.uk-button-default,
.billboard.uk-section-primary:not(.uk-preserve-color)
  .billboard__button.uk-button-default,
.billboard.uk-section-secondary:not(.uk-preserve-color)
  .billboard__button.uk-button-default,
.billboard.uk-tile-primary:not(.uk-preserve-color)
  .billboard__button.uk-button-default,
.billboard.uk-tile-secondary:not(.uk-preserve-color)
  .billboard__button.uk-button-default,
.uk-card-primary
  > .billboard:not([class*="uk-card-media"])
  .billboard__button.uk-button-default,
.uk-card-secondary
  > .billboard:not([class*="uk-card-media"])
  .billboard__button.uk-button-default {
  color: #000;
}
.billboard.uk-card-primary.uk-card-body
  .billboard__button.uk-button-default:hover,
.billboard.uk-card-secondary.uk-card-body
  .billboard__button.uk-button-default:hover,
.billboard.uk-light .billboard__button.uk-button-default:hover,
.billboard.uk-overlay-primary .billboard__button.uk-button-default:hover,
.billboard.uk-section-primary:not(.uk-preserve-color)
  .billboard__button.uk-button-default:hover,
.billboard.uk-section-secondary:not(.uk-preserve-color)
  .billboard__button.uk-button-default:hover,
.billboard.uk-tile-primary:not(.uk-preserve-color)
  .billboard__button.uk-button-default:hover,
.billboard.uk-tile-secondary:not(.uk-preserve-color)
  .billboard__button.uk-button-default:hover,
.uk-card-primary
  > .billboard:not([class*="uk-card-media"])
  .billboard__button.uk-button-default:hover,
.uk-card-secondary
  > .billboard:not([class*="uk-card-media"])
  .billboard__button.uk-button-default:hover {
  color: #fff;
}
.billboard__image {
  max-width: none;
  width: 100%;
}
.billboard__title {
  line-height: 1.1;
  margin: 0;
  max-width: 90%;
}
.billboard__subtitle {
  max-width: 90%;
}
.billboard__title-image {
  margin-bottom: -2rem;
  margin-left: -12px;
  max-width: 120px;
}
@media screen and (min-width: 960px) {
  .billboard__title-image {
    max-width: none;
  }
}
@media (max-width: 639px) {
  .billboard__button.uk-button-default {
    border: 1px solid #000;
  }
}
.billboard__overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 639px) {
  .billboard__overlay {
    padding: 1rem 12px 0;
    position: relative;
  }
}
@media (min-width: 960px) {
  .billboard__overlay {
    padding-left: 8vw;
    padding-right: 8vw;
  }
}
.billboard__subtitle {
  margin: 0.5rem 0 0;
}
.billboard__button {
  margin: 2rem 0 0;
}
.billboard__content {
  align-items: center;
  flex: 1;
  text-align: center;
}
@media (min-width: 640px) {
  .billboard__content--small {
    max-width: 40%;
  }
}
@media (min-width: 640px) {
  .billboard__content--top {
    margin-top: -17%;
    padding-left: 12%;
  }
}
@media (min-width: 960px) {
  .billboard__content--top {
    margin-top: -15%;
    padding-left: 6%;
  }
}
@media (min-width: 640px) {
  .billboard__content--bottom {
    justify-content: flex-end;
  }
}
@media (min-width: 640px) {
  .billboard__content--medium {
    max-width: 60%;
  }
}
@media (min-width: 640px) {
  .billboard__content--left,
  .billboard__content--right {
    align-items: flex-start;
    text-align: left;
  }
}
@media (min-width: 640px) {
  .billboard__content--right,
  .billboard__content--rightcenter {
    margin-left: 50%;
    padding-left: 30px;
  }
}
@media (min-width: 640px) {
  .billboard__content--leftcenter,
  .billboard__content--rightcenter {
    align-items: center;
    text-align: center;
  }
  .billboard__content--leftcenter {
    margin-right: 50%;
    padding-right: 30px;
  }
}
@media (min-width: 640px) {
  .billboard--small {
    min-height: 350px;
  }
}
@media (min-width: 960px) {
  .billboard--medium {
    min-height: 500px;
  }
}
@media (min-width: 960px) {
  .billboard--large {
    min-height: 600px;
  }
  .billboard--large .billboard__title {
    font-size: 3.33333rem;
  }
  .billboard--large.billboard__video {
    max-height: 600px;
    min-height: auto !important;
  }
}
@media (min-width: 640px) {
  .billboard--unify {
    min-height: 600px;
  }
}
.billboard__video .billboard__overlay {
  padding: 0;
}
.billboard__video .uk-position-cover {
  top: 0;
}
@media (min-width: 640px) {
  .billboard__video .billboard__overlay--video {
    padding-left: 8vw;
    padding-right: 8vw;
  }
}
@media (min-width: 640px) {
  .billboard__overlay--video.billboard__content--bottom {
    padding-bottom: 6.5rem;
  }
}
.billboard__video--fullwidth {
  max-width: none;
  width: 100vw;
}
.billboard--subtitle-above-title .billboard__title {
  margin-top: 10px !important;
}
.billboard--subtitle-above-title .billboard__content {
  flex-direction: column-reverse;
}
.billboard--20-years-tma .billboard__overlay {
  display: none;
}
@media (min-width: 640px) {
  .billboard--20-years-tma .billboard__overlay {
    display: flex;
  }
}
.blog-videowall {
  display: flex;
  flex-direction: column;
  margin-top: 1.5em;
}
.blog-videowall a {
  transition: transform 0.3s ease-in-out;
}
.blog-videowall a:hover {
  text-decoration: none;
  transform: scale(1.03);
}
.blog-videowall + .blog-text {
  margin-top: 70px;
}
.blog-videowall + .blog-image {
  margin-top: 1.5em;
}
.blog-videowall__inner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.blog-videowall-modal__video::-internal-media-controls-download-button {
  display: none;
}
.blog-videowall-modal__video::-webkit-media-controls-enclosure {
  overflow: hidden;
}
.blog-videowall-modal__video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}
.blog-videowall-modal .uk-modal-dialog {
  background-color: transparent;
  padding: 0;
}
.blog-videowall__button {
  margin-top: 1.4em;
}
.blog-videowall__button svg {
  height: 80px;
  width: 80px;
}
.atelier .blog-videowall__button svg {
  height: auto;
  width: auto;
}
.blog-videowall__button.uk-icon-button:active,
.no-touchevents .blog-videowall:hover .blog-videowall__button.uk-icon-button,
.uk-active > .blog-videowall__button.uk-icon-button {
  background-color: #000;
  color: #fff;
}
.sil-bonuslist {
  margin-top: 2px;
}
.sil-bonuslist__item {
  font-size: 0.77778rem;
  padding-left: 28px;
  position: relative;
}
.sil-bonuslist__item + .sil-bonuslist__item {
  margin-top: 2px;
}
.sil-bonuslist__item:before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cg%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M15.217%206.357a.453.453%200%2000-.565-.057l-.07.057-6.225%206.225h-.216l-2.413-2.416-.072-.06a.45.45%200%2000-.63.618l.056.07%202.841%202.841.064.055c.051.037.11.063.166.076l.085.01.084-.006a.444.444%200%2000.172-.067l.073-.06%206.642-6.64.054-.064a.447.447%200%2000.01-.514l-.056-.068z%22%2F%3E%3Cpath%20d%3D%22M10%201a9%209%200%20110%2018%209%209%200%20010-18zm0%201a8%208%200%20100%2016%208%208%200%20000-16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 20px;
}
.breadcrumbs {
  background-color: #f4f4f4;
  padding: 10px 0;
}
@media (min-width: 640px) {
  .breadcrumbs {
    margin-top: 20px;
  }
}
.breadcrumb-item svg {
  color: #5d5d5d;
  height: 12px;
}
.breadcrumb-link {
  font-weight: 300;
  padding-bottom: 2px;
}
.uk-button,
.uk-button-nfc {
  font-size: 0.72222rem;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 0 15px;
}
@media (min-width: 1200px) {
  .uk-button,
  .uk-button-nfc {
    font-size: 0.77778rem;
  }
}
.uk-button--hollow,
.uk-button-nfc {
  background: transparent;
  border: 1px solid #000;
  color: #000;
}
.no-touchevents .uk-button--hollow:focus:not(:disabled),
.no-touchevents .uk-button--hollow:hover:not(:disabled),
.no-touchevents .uk-button-nfc:focus:not(:disabled),
.no-touchevents .uk-button-nfc:hover:not(:disabled) {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.uk-card-primary.uk-card-body .uk-button--hollow,
.uk-card-primary.uk-card-body .uk-button-nfc,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button--hollow,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-nfc,
.uk-card-secondary.uk-card-body .uk-button--hollow,
.uk-card-secondary.uk-card-body .uk-button-nfc,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button--hollow,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-nfc,
.uk-light .uk-button--hollow,
.uk-light .uk-button-nfc,
.uk-overlay-primary .uk-button--hollow,
.uk-overlay-primary .uk-button-nfc,
.uk-section-primary:not(.uk-preserve-color) .uk-button--hollow,
.uk-section-primary:not(.uk-preserve-color) .uk-button-nfc,
.uk-section-secondary:not(.uk-preserve-color) .uk-button--hollow,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-nfc,
.uk-tile-primary:not(.uk-preserve-color) .uk-button--hollow,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-nfc,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button--hollow,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-nfc {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.no-touchevents .uk-card-primary.uk-card-body .uk-button--hollow:hover,
.no-touchevents .uk-card-primary.uk-card-body .uk-button-nfc:hover,
.no-touchevents
  .uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-button--hollow:hover,
.no-touchevents
  .uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-button-nfc:hover,
.no-touchevents .uk-card-secondary.uk-card-body .uk-button--hollow:hover,
.no-touchevents .uk-card-secondary.uk-card-body .uk-button-nfc:hover,
.no-touchevents
  .uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-button--hollow:hover,
.no-touchevents
  .uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-button-nfc:hover,
.no-touchevents .uk-light .uk-button--hollow:hover,
.no-touchevents .uk-light .uk-button-nfc:hover,
.no-touchevents .uk-overlay-primary .uk-button--hollow:hover,
.no-touchevents .uk-overlay-primary .uk-button-nfc:hover,
.no-touchevents
  .uk-section-primary:not(.uk-preserve-color)
  .uk-button--hollow:hover,
.no-touchevents
  .uk-section-primary:not(.uk-preserve-color)
  .uk-button-nfc:hover,
.no-touchevents
  .uk-section-secondary:not(.uk-preserve-color)
  .uk-button--hollow:hover,
.no-touchevents
  .uk-section-secondary:not(.uk-preserve-color)
  .uk-button-nfc:hover,
.no-touchevents
  .uk-tile-primary:not(.uk-preserve-color)
  .uk-button--hollow:hover,
.no-touchevents .uk-tile-primary:not(.uk-preserve-color) .uk-button-nfc:hover,
.no-touchevents
  .uk-tile-secondary:not(.uk-preserve-color)
  .uk-button--hollow:hover,
.no-touchevents .uk-tile-secondary:not(.uk-preserve-color) .uk-button-nfc:hover,
.uk-button--primary {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.no-touchevents .uk-button--primary:hover:not(:disabled) {
  background: #333;
  border: 1px solid #333;
  color: #fff;
}
.uk-button--sticky-bottom {
  bottom: 0;
  left: 0;
  line-height: 1;
  padding: 15px 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 95;
}
.no-touchevents .uk-card-primary.uk-card-body .uk-button-default:hover,
.no-touchevents
  .uk-card-primary
  > :not([class*="uk-card-media"])
  .uk-button-default:hover,
.no-touchevents .uk-card-secondary.uk-card-body .uk-button-default:hover,
.no-touchevents
  .uk-card-secondary
  > :not([class*="uk-card-media"])
  .uk-button-default:hover,
.no-touchevents .uk-light .uk-button-default:hover,
.no-touchevents .uk-overlay-primary .uk-button-default:hover,
.no-touchevents
  .uk-section-primary:not(.uk-preserve-color)
  .uk-button-default:hover,
.no-touchevents
  .uk-section-secondary:not(.uk-preserve-color)
  .uk-button-default:hover,
.no-touchevents
  .uk-tile-primary:not(.uk-preserve-color)
  .uk-button-default:hover,
.no-touchevents
  .uk-tile-secondary:not(.uk-preserve-color)
  .uk-button-default:hover {
  border-color: #000;
}
.uk-button--fullwidth {
  width: 100%;
}
.uk-button--primary:disabled {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #fff;
  cursor: not-allowed;
}
.uk-button--hollow:disabled,
.uk-button-nfc:disabled {
  background-color: transparent;
  border-color: #d8d8d8;
  color: #d8d8d8;
}
.button--margin-top {
  margin-top: 30px;
}
.uk-button-default:active {
  color: #fff !important;
}
.uk-button-default:focus {
  border: 1px solid #000 !important;
  color: #fff !important;
}
.tab-link {
  border-bottom: 2px solid #d8d8d8;
  letter-spacing: 0.88px;
  padding-bottom: 3px;
  text-decoration: none;
}
.tab-link:hover {
  border-bottom: 2px solid #000;
  color: #000;
  text-decoration: none;
}
@media (max-width: 639px) {
  .buylocal-delivery-overlay h2 {
    margin-bottom: 20px !important;
  }
  .buylocal-delivery-overlay .uk-grid {
    padding-top: 15px;
  }
  .buylocal-delivery-overlay .buylocal-delivery-overlay__tab {
    padding-top: 0;
  }
  .buylocal-delivery-overlay .buylocal-delivery-overlay__icon-mobile {
    max-width: 30px;
    min-width: 30px;
  }
  .buylocal-delivery-overlay .uk-switcher .panel-box-shadow {
    padding: 30px 0 !important;
  }
}
@media (max-width: 959px) {
  .buylocal-delivery-overlay {
    min-height: 100%;
    padding: 0;
    width: 100% !important;
  }
  .buylocal-delivery-overlay .uk-switcher .panel-box-shadow {
    box-shadow: none;
    padding: 30px 10px !important;
  }
  .buylocal-delivery-overlay .uk-modal-body {
    min-height: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .buylocal-delivery-overlay .uk-grid {
    margin-left: 0;
    padding: 20px;
  }
}
.buylocal-delivery-overlay__icon {
  left: 50%;
  position: absolute;
  top: -16px;
  transform: translateX(-50%);
}
.buylocal-delivery-overlay__bullet-icon {
  min-width: 40px;
}
.buylocal-delivery-overlay__first-column {
  margin-bottom: 40px;
}
@media (min-width: 960px) {
  .buylocal-delivery-overlay__first-column {
    margin-bottom: 0;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .buylocal-deliver-overlay__headline {
    display: none;
  }
}
.buylocal-delivery-overlay__tab {
  border-bottom-color: #d8d8d8 !important;
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 10px !important;
}
.uk-active .buylocal-delivery-overlay__tab {
  border-bottom-color: #000 !important;
}
.buylocal-delivery-overlay__tab h4 {
  font-size: 1rem;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uk-active .buylocal-delivery-overlay__tab h4 {
  font-weight: 400;
}
.buylocal-delivery-overlay__icon-mobile {
  max-width: 20px;
  min-width: 20px;
  padding-right: 10px;
}
.carousel {
  text-align: center;
}
@media (min-width: 960px) {
  .carousel {
    min-height: 431px;
  }
}
.carousel .swiper-button-prev {
  left: 0;
  text-align: left;
}
.carousel .swiper-button-next {
  right: 0;
  text-align: right;
}
.carousel .swiper-button-next,
.carousel .swiper-button-prev {
  background-image: none;
  top: 30px;
  width: auto;
}
.carousel .swiper-button-next .uk-icon,
.carousel .swiper-button-prev .uk-icon {
  display: block;
}
.carousel .swiper-button-next svg,
.carousel .swiper-button-prev svg {
  transform: scale(0.8);
}
@media (min-width: 960px) {
  .carousel.carousel--small-height {
    margin-bottom: -55px;
  }
}
.carousel__inner {
  padding-top: 2em;
}
.carousel__imagewrapper {
  margin: 0 auto;
  position: relative;
  top: 27px;
  transition: all 0.3s ease;
  width: 60%;
}
.carousel__clickable-image {
  display: none;
}
.carousel__image {
  width: 100%;
}
.carousel__name {
  font-weight: 400;
}
.carousel__button,
.carousel__name {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.carousel__button {
  max-width: 235px;
  padding: 0;
  width: 100%;
}
.active .carousel__clickable-image {
  display: block;
}
.active .carousel__nonclickable-image {
  display: none;
}
.active .carousel__imagewrapper {
  top: 0;
  width: 100%;
}
.no-touchevents .active .carousel__imagewrapper:hover {
  transform: scale(1.03);
}
.no-touchevents .carousel__imagewrapper:hover ~ .carousel__button {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.no-touchevents .swiper-slide-next .carousel__imagewrapper:hover,
.no-touchevents .swiper-slide-prev .carousel__imagewrapper:hover {
  transform: scale(1.02);
}
.active .carousel__button,
.active .carousel__name {
  opacity: 1;
}
@media (max-width: 639px) {
  .carousel__imagewrapper {
    top: 0;
    width: 70% !important;
  }
}
@media (min-width: 640px) {
  .carousel .swiper-button-next,
  .carousel .swiper-button-prev {
    top: 60px;
  }
  .carousel .swiper-slide {
    min-height: 230px;
  }
}
@media (min-width: 960px) {
  .carousel .swiper-slide {
    min-height: 250px;
  }
}
.checkout-atlas #atlas .atlas-locations__nothing-found {
  padding: 20px;
}
.checkout-atlas #atlas .atlas__app-container {
  display: block;
  min-height: auto;
}
.checkout-atlas #atlas .atlas-sidebar {
  display: block;
  max-height: 100%;
  max-width: 100%;
  min-height: auto;
}
.checkout-atlas #atlas .atlas-map,
.checkout-atlas #atlas .atlas-map__map {
  min-height: 360px;
}
.checkout-atlas #atlas .atlas-filters {
  padding: 0;
}
.checkout-atlas #atlas .atlas-locations {
  box-shadow: none !important;
  overflow-y: hidden;
  padding-top: 0;
}
.checkout-atlas #atlas .atlas-location {
  padding: 20px;
}
.checkout-atlas #atlas .atlas-search-btn {
  background: transparent;
  left: 0;
  right: auto;
  z-index: 1;
}
.checkout-atlas #atlas .atlas-search-input--silhouette {
  padding-left: 25px;
}
.checkout-atlas #atlas .atlas-locate-me-btn {
  background: transparent;
  bottom: 0;
  cursor: pointer;
  height: 50px;
  left: auto;
  padding: 0;
  right: 0;
  top: 0;
  z-index: 1;
}
.checkout-atlas #atlas .atlas-icon-locate-me {
  display: flex;
  height: 20px;
  right: 1px;
  top: 10px;
  width: 20px;
}
.checkout-atlas #atlas .atlas-icon-locate-me--locating {
  -webkit-animation: spinnerCrosshair 2s ease-in-out infinite;
  animation: spinnerCrosshair 2s ease-in-out infinite;
}
.checkout-atlas #atlas .atlas-location-detail__container {
  padding: 0;
}
.checkout-atlas #atlas .atlas-locations__panel li:last-child .atlas-location {
  border-bottom: transparent;
}
.checkout-atlas
  #atlas
  .atlas-search-input--silhouette
  + .atlas-search-input__label {
  left: 26px;
  top: 0;
}
@-webkit-keyframes spinnerCrosshair {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes spinnerCrosshair {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.checkout-step {
  display: inline-block;
  position: relative;
  width: 100%;
}
.checkout-step__headline {
  margin-left: 55px;
  margin-top: 6px;
}
@media (min-width: 640px) {
  .checkout-step__headline {
    margin-left: 0;
  }
}
@media (min-width: 960px) {
  .checkout-step__headline {
    margin-top: 4px;
  }
}
.checkout-step__overlay {
  background-color: #fff;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.checkout-step--active .checkout-step__overlay {
  display: none;
}
@media (max-width: 639px) {
  .checkout-step__overlay:after,
  .checkout-step__overlay:before {
    background-color: #fff;
    content: " ";
    height: 100%;
    left: -5px;
    position: absolute;
    top: 0;
    width: 5px;
  }
  .checkout-step__overlay:after {
    left: auto;
    right: -5px;
  }
}
.checkout-step__count {
  background-color: #fff;
  border: 2px solid #f4f4f4;
  border-radius: 50%;
  color: #5d5d5d;
  font-size: 1.2rem;
  height: 40px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  transition: color 0.1s ease, border-color 0.1s ease;
  width: 40px;
  z-index: 2;
}
.checkout-step--current .checkout-step__count {
  border-color: #000;
  color: #000;
}
.checkout-step__content {
  margin-bottom: 90px;
  position: relative;
}
@media (min-width: 640px) {
  .checkout-step__content {
    margin-left: 65px;
  }
}
@media (max-width: 375px) {
  .checkout__forgot-pw-link {
    margin-top: 40px;
  }
}
.checkout__forgot-pw-link svg {
  width: 21px;
}
.checkout-option-list {
  font-weight: 300;
  list-style-type: none;
  padding: 0;
}
.checkout-option-list > li + li {
  margin-top: 20px;
}
.checkout-summary-sidebar {
  margin-bottom: 20px;
}
@media (min-width: 960px) {
  .checkout-summary-sidebar {
    min-height: 100%;
  }
}
.checkout-summary-sidebar-wrapper {
  background: #f4f4f4;
  border: 2px solid #d8d8d8;
  padding: 10px 20px;
}
.checkout-summary-sidebar-wrapper.uk-sticky.uk-active {
  z-index: 5;
}
@media (min-width: 960px) {
  .checkout-summary-sidebar-wrapper {
    border: transparent;
    max-height: calc(100% - 50px);
    overflow-y: scroll;
  }
}
@media (max-width: 639px) {
  .checkout-summary-sidebar-wrapper.uk-sticky.uk-active {
    -webkit-animation: slide-down 0.6s linear forwards;
    animation: slide-down 0.6s linear forwards;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    border-color: #f4f4f4;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    left: 0;
    transform: translateY(-200px);
    width: 100% !important;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .checkout-summary-sidebar-wrapper {
    -webkit-animation: none !important;
    animation: none !important;
    position: relative !important;
    top: auto !important;
    width: auto !important;
  }
  .checkout-summary-sidebar-wrapper + .uk-sticky-placeholder {
    display: none;
  }
}
@-webkit-keyframes slide-down {
  0% {
    transform: translateY(-200px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-down {
  0% {
    transform: translateY(-200px);
  }
  to {
    transform: translateY(0);
  }
}
.checkout-summary-details {
  margin-top: 10px;
}
.checkout-summary__headline {
  font-size: 1rem;
  margin: 0;
}
@media (min-width: 640px) {
  .checkout-summary__headline {
    font-size: 1.44444rem;
  }
}
.checkout-summary__collapse {
  cursor: pointer;
}
.checkout-summary__bag-icon svg {
  height: 20px;
  width: 20px;
}
@media (min-width: 640px) {
  .checkout-summary__bag-icon svg {
    height: 30px;
    width: 30px;
  }
}
.checkout-summary-products-wrapper {
  background: #fff;
}
.checkout-summary__products-header {
  border-bottom: 2px solid #d8d8d8;
  padding: 10px;
}
.checkout-summary__products-header-title {
  margin-bottom: 5px;
}
.checkout-summary__products-header svg {
  margin-top: -2px;
}
.checkout-summary__products-header-grey {
  background: #f4f4f4;
  border-bottom: 2px solid #d8d8d8;
  padding: 10px;
}
@media (min-width: 640px) {
  .checkout-summary__products-header-grey {
    align-items: center;
    margin-bottom: 0;
  }
}
.checkout-summary__products-header-grey
  .checkout-summary__products-header-grey-title {
  margin-bottom: 5px;
}
@media (min-width: 640px) {
  .checkout-summary__products-header-grey
    .checkout-summary__products-header-grey-title {
    margin-bottom: 0;
  }
}
.checkout-summary__products-header-grey svg {
  margin-top: -2px;
}
.checkout-summary-mobile {
  height: 0;
  opacity: 0;
  padding: 0;
}
.checkout-summary-mobile.uk-active {
  display: block !important;
  height: auto;
  opacity: 1;
  padding: 10px 20px;
}
.checkout-summary-mobile.uk-active + .uk-sticky-placeholder {
  display: none;
}
.checkout-summary__items {
  margin: 20px 20px 0;
}
.checkout-summary-wrapper {
  padding: 22px 22px 0;
}
.checkout-buy-local-payment {
  border-top: 1px solid #d8d8d8;
  padding: 20px 0;
}
.checkout-mobile-summary .minicart-items__list,
.checkout-summary .minicart-items__list {
  margin: 0;
  padding: 0;
}
.checkout-mobile-summary {
  margin-bottom: 40px;
}
.checkout__credit-card-type {
  position: absolute;
  right: 0;
  top: 10px;
}
@media (min-width: 960px) {
  .checkout-register__wrapper {
    padding-left: 30px;
  }
}
.checkout-register-box {
  background-color: #f4f4f4;
  padding: 20px 5px 20px 0;
}
.checkout .checkout-register-box .uk-flex-center {
  justify-content: left;
}
@media (min-width: 1200px) {
  .checkout-register-box {
    padding: 20px 0;
  }
}
.checkout-register-box:after,
.checkout-register-box:before {
  background-color: #f4f4f4;
  content: " ";
  height: 100%;
  left: 10px;
  position: absolute;
  top: 0;
  width: 20px;
}
@media (min-width: 1200px) {
  .checkout-register-box:after,
  .checkout-register-box:before {
    left: 20px;
    width: 10px;
  }
}
.checkout-register-box:after {
  left: auto;
  right: -15px;
  width: 15px;
}
.checkout-register-box .uk-checkbox--custom + label:before {
  background-color: #fff;
}
.checkout-register-box .uk-checkbox--custom + label:after,
.checkout-register-box .uk-checkbox--custom + label:before {
  margin-top: 0 !important;
}
.checkout-register-box .register-agree-zbk__label,
.checkout-register-box .register-agree-zbk__text {
  font-size: 0.77778rem;
}
.checkout-register-checkbox {
  margin-left: 30px;
}
@media (min-width: 1200px) {
  .checkout-register-checkbox {
    margin-left: 40px;
  }
}
.checkout-register-checkbox-wrapper {
  margin-left: -30px;
}
@media (max-width: 959px) {
  .checkout-summary {
    margin-bottom: 70px !important;
  }
}
@media (max-width: 639px) {
  .checkout-register-box {
    padding: 15px 0;
    position: relative;
  }
  .checkout-register-box .register-agree-zbk__label,
  .checkout-register-box .register-agree-zbk__text {
    font-size: 0.66667rem;
  }
  .checkout-register-box:after,
  .checkout-register-box:before {
    background-color: #f4f4f4;
    content: " ";
    height: 100%;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
  }
  .checkout-register-box:after {
    left: auto;
    right: -15px;
  }
  .checkout-submit {
    margin-top: 20px !important;
    width: 100%;
  }
  .checkout-mobile-summary {
    margin-bottom: 30px;
  }
  .checkout-register-box--open {
    padding-bottom: 20px;
  }
}
.cart-date-picker .vdp-datepicker__calendar {
  border: transparent;
  font-size: 0.77778rem;
  width: 250px;
}
@media (min-width: 640px) {
  .cart-date-picker .vdp-datepicker__calendar {
    max-width: 300px;
    width: 100%;
  }
}
.cart-date-picker .vdp-datepicker__calendar .cell {
  height: 35px;
  line-height: 35px;
}
@media (min-width: 640px) {
  .cart-date-picker .vdp-datepicker__calendar .cell {
    height: 40px;
    line-height: 40px;
  }
}
.checkout-date-picker-wrapper {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
  min-height: 320px;
}
.checkout-date-picker-wrapper .cell.day:hover {
  background: #000;
  border: 1px solid #000 !important;
  border-radius: 50%;
  color: #fff;
}
.checkout-date-picker-wrapper .cell.day.selected {
  background: #000;
  border: 1px solid #000;
  border-radius: 50%;
  color: #fff;
}
.checkout-date-picker-wrapper .day.disabled {
  color: #d8d8d8 !important;
}
.checkout-date-picker-wrapper .day.selected.disabled {
  background: transparent !important;
  border: transparent !important;
  color: #d8d8d8 !important;
}
.checkout-date-picker-wrapper .cell.day.selected:hover {
  background: #000;
}
.checkout-date-picker-wrapper .inactive .cell.day.selected {
  background: transparent;
  border: transparent;
  color: #000;
}
.checkout-date-picker-wrapper .cell.selected {
  background: #fff;
  color: #fff;
}
.checkout-date-picker-wrapper .cell:hover {
  border-color: #000 !important;
}
.checkout-date-picker-wrapper .cell.day-header:hover {
  border: 1px solid transparent !important;
  cursor: default;
}
.checkout-date-picker-wrapper .cell.day.disabled.today {
  border-color: #d8d8d8 !important;
  border-radius: 50%;
}
.checkout-date-picker-wrapper .day__month_btn.up {
  font-size: 0.88889rem;
  pointer-events: none;
}
.checkout-date-picker-wrapper .next,
.checkout-date-picker-wrapper header .prev {
  visibility: hidden;
}
.checkout-time-picker {
  flex-direction: column;
}
@media (min-width: 640px) {
  .checkout-time-picker {
    flex-direction: row;
  }
}
@media (min-width: 640px) {
  .checkout-time-picker .checkout-time-picker-select {
    padding-right: 20px;
  }
}
.checkout-date-picker__arrow {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
  color: #000;
  cursor: pointer;
  line-height: 49px;
  outline: none;
  padding: 0;
  text-align: center;
  width: 49px;
  z-index: 1;
}
.checkout-date-picker__arrow.disabled {
  display: none;
}
.checkout-date-picker__arrow-left {
  margin-left: -10px;
  position: absolute;
  top: 42%;
}
.checkout-date-picker__arrow-right {
  margin-right: -10px;
  position: absolute;
  right: 0;
  top: 42%;
}
.checkout-date-picker__row {
  flex-direction: column;
  padding: 20px;
}
@media (min-width: 640px) {
  .checkout-date-picker__row {
    flex-direction: row;
  }
}
.checkout-retailers-wrapper {
  padding: 16px 20px 20px;
}
.checkout-map-wrapper,
.checkout-retailers-wrapper,
.locations-retailers-wrapper {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.checkout-map-wrapper {
  padding: 0 20px 20px;
}
.checkout-opening-hours {
  background: #f9f9f9;
}
.checkout-find-retailer + .checkout-find-retailer {
  border-top: 1px solid #d8d8d8;
  margin-top: 20px;
  padding-top: 20px;
}
.checkout-customer-data__fill-button {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .checkout-customer-data__fill-button {
    margin-top: 4px;
  }
}
.checkout-customer-data__fill-button-icon {
  position: relative;
  top: -2px;
}
.checkout-atlas-location:hover {
  cursor: pointer;
}
.checkout-appointment-choice {
  background: #f9f9f9;
  border: 2px solid #f4f4f4;
  padding: 20px;
}
.uk-line-height-1-5 {
  line-height: 1.5;
}
.checkout-continue {
  background-color: #fff;
  padding: 20px;
  z-index: 5;
}
.checkout-flipped-dropdown-arrow svg {
  transform: rotate(180deg);
}
.checkout-3ds-info {
  border: 1px solid #d8d8d8;
  padding: 10px;
}
.coupon-button {
  margin-left: 10px;
}
@media (min-width: 960px) {
  .empty-cart,
  .no-shop {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.collage.collage-animated {
  margin-bottom: 0;
}
.collage-animated-item {
  overflow-x: hidden;
}
.collage-animated-item > div {
  -webkit-animation-duration: 2.3s !important;
  animation-duration: 2.3s !important;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@media (min-width: 640px) {
  .collage-animated-item {
    flex-wrap: nowrap;
  }
}
@media (max-width: 959px) {
  .collage-animated-item .collage__text-wrapper {
    padding: 0;
    text-align: center;
  }
  .collage-animated-item .uk-h3 {
    font-size: 1rem;
  }
}
.collage-animated-item__left {
  -webkit-animation: collageanim-left 1.6s forwards;
  animation: collageanim-left 1.6s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1.01);
  animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1.01);
}
.collage-animated-item__right {
  -webkit-animation: collageanim-right 1.6s forwards;
  animation: collageanim-right 1.6s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1.01);
  animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1.01);
}
.collage-animated-item--spacing-bottom {
  margin-bottom: 60px;
}
.collage-animated-item__image-wrapper {
  margin-left: 0;
  margin-right: 20px;
}
@media (min-width: 960px) {
  .collage-animated-item__image-wrapper {
    margin-right: 60px;
  }
}
@media (max-width: 959px) {
  .collage-animated-item__image-wrapper {
    margin-right: 0;
  }
}
.collage-animated-item--image-right {
  margin-left: 20px;
  margin-right: 0;
}
@media (max-width: 959px) {
  .collage-animated-item--image-right {
    margin-left: 0;
  }
}
@media (min-width: 960px) {
  .collage-animated-item--image-right .collage-animated-item__image-wrapper {
    margin-left: 60px;
  }
}
@media (max-width: 959px) {
  .collage-animated-item--image-right .collage-animated-item__image-wrapper {
    margin-left: 0;
  }
}
@-webkit-keyframes collageanim-left {
  0% {
    opacity: 0;
    transform: translateX(-40px);
  }
  90%,
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes collageanim-left {
  0% {
    opacity: 0;
    transform: translateX(-40px);
  }
  90%,
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes collageanim-right {
  0%,
  10% {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes collageanim-right {
  0%,
  10% {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.collage.collage--negative-bottom {
  margin-bottom: -100px;
}
@media (min-width: 960px) {
  .collage {
    margin-bottom: -60px;
  }
}
@media (max-width: 639px) {
  .collage {
    margin-bottom: 0;
  }
  .collage .collage__left {
    padding-right: 20px;
  }
  .collage .collage__right {
    padding-left: 20px;
  }
  .collage .swiper-pagination.swiper-pagination-bullets {
    display: block;
  }
}
.collage__hidden-image {
  height: 1px;
  left: -100%;
  opacity: 0;
  position: absolute;
  top: -100%;
  width: 1px;
}
.collage__text-wrapper {
  margin-top: 2rem;
}
@media (min-width: 640px) {
  .collage__text-wrapper {
    margin-top: 0;
    max-width: 350px;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .collage__text-wrapper {
    margin: 20px;
  }
}
.swiper-container--collage {
  -webkit-animation-duration: 1.2s !important;
  animation-duration: 1.2s !important;
  transform: translate3d(20px, -25px, 0);
  z-index: 1;
}
.collage__left .title-decoration--inspire {
  border-color: #a9cfd0;
}
@media (min-width: 640px) {
  .collage__left .collage__gradient {
    margin: 30px 50px 30px 0;
  }
}
.collage__left .collage__gradient-inner {
  background: #dae9e6;
  background: linear-gradient(90deg, #dae9e6 0, #f5f9fa);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dae9e6",endColorstr="#f5f9fa",GradientType=1);
}
.collage__gradient-inner {
  -webkit-animation-duration: 1.2s !important;
  animation-duration: 1.2s !important;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.collage__right .title-decoration--inspire {
  border-color: #f6bcb0;
}
.collage__right .swiper-container--collage {
  transform: translate3d(-50px, -25px, 0);
}
@media (max-width: 639px) {
  .collage__right .swiper-container--collage {
    transform: translate3d(-20px, -25px, 0);
  }
}
.collage__right .uk-flex-middle.uk-flex-right {
  width: 100%;
}
@media (min-width: 640px) {
  .collage__right .collage__gradient {
    margin: 30px 30px 30px 70px;
  }
}
.collage__right .collage__gradient-inner {
  background: #f2dad8;
  background: linear-gradient(90deg, #f2dad8 0, #fcf8f7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2dad8",endColorstr="#fcf8f7",GradientType=1);
}
@media (min-width: 640px) {
  .collage__right {
    transform: translateY(-100px);
  }
}
@media (max-width: 639px) {
  .collage__right {
    margin-top: 6.5rem !important;
  }
  .collage__right .collage__right-text {
    transform: translateX(-20px);
  }
  .collage__right .uk-flex-right {
    justify-content: flex-start;
  }
  .collage__right .uk-text-right {
    text-align: left !important;
  }
}
.collage__imagewrapper {
  height: 550px;
  margin: 0 auto;
  max-width: 460px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.collage__imagewrapper .collage__image {
  height: 100%;
  transform: scale(1);
  transition: transform 0.3s ease;
  width: 100%;
  will-change: transition;
}
.swiper-pagination--collage
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #989898;
}
.swiper-pagination--collage .swiper-pagination-bullet {
  border-color: #989898;
}
@media (max-width: 959px) {
  .collage__imagewrapper {
    height: 450px;
  }
}
.cs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  margin: 0;
  padding: 0;
  z-index: 2;
}
.cs-grid.hide-overflow {
  overflow-x: hidden;
}
.cs__item {
  background: #fff;
  box-shadow: -10px -10px 20px 0 rgba(30, 30, 30, 0.03),
    10px 10px 20px 0 rgba(30, 30, 30, 0.03);
  cursor: pointer;
  opacity: 1;
  overflow: hidden;
  position: relative;
  transform: scale(1);
  z-index: 2;
}
.cs__item.uk-active .cs__img-container,
.cs__item:hover:after {
  opacity: 1;
}
.cs__item:first-of-type {
  grid-column-start: 1;
  grid-row-end: 2;
  grid-row-start: 1;
}
.cs__item:nth-of-type(2) {
  grid-column-start: 2;
  grid-row-end: 2;
  grid-row-start: 1;
}
.cs__item:nth-of-type(3) {
  grid-column-start: 3;
  grid-row-end: 2;
  grid-row-start: 1;
}
.cs__item:nth-of-type(5) {
  grid-column-start: 1;
  grid-row-end: 3;
  grid-row-start: 2;
}
.cs__item:nth-of-type(7) {
  grid-column-start: 3;
  grid-row-end: 3;
  grid-row-start: 2;
}
.cs__item:nth-of-type(8) {
  grid-column-start: 1;
  grid-row-end: 4;
  grid-row-start: 3;
}
.cs__item:nth-of-type(9) {
  grid-column-start: 3;
  grid-row-end: 4;
  grid-row-start: 3;
}
.cs__item:nth-of-type(10) {
  grid-column-start: 4;
  grid-row-end: 4;
  grid-row-start: 3;
}
.cs__item:nth-of-type(4) {
  grid-column-start: 4;
  grid-row-end: 3;
  grid-row-start: 1;
  -ms-grid-row-span: 2;
}
.cs__item:nth-of-type(6) {
  grid-column-start: 2;
  grid-row-end: 4;
  grid-row-start: 2;
  -ms-grid-row-span: 2;
}
.cs__item:after {
  background-color: #000;
  bottom: 0;
  content: " ";
  display: block;
  height: 2px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.65s ease;
  width: 100%;
}
.cs__img-container {
  min-height: 150px;
  opacity: 0.25;
  position: relative;
  transition: transform 0.65s ease;
}
.cs__item--large .cs__img-container {
  min-height: 300px;
}
@media (min-width: 960px) {
  .cs__img-container {
    min-height: 180px;
  }
  .cs__item--large .cs__img-container {
    min-height: 360px;
  }
}
@media (min-width: 1200px) {
  .cs__img-container {
    min-height: 224px;
  }
  .cs__item--large .cs__img-container {
    min-height: 448px;
  }
}
.cs__img {
  height: 150px;
  max-width: none;
  position: absolute;
  right: 10%;
  top: 10%;
  transition: transform 0.65s ease;
}
.cs__item:hover .cs__img {
  transform: scale(1.05);
}
.cs__item--large .cs__img {
  height: 168px;
  right: 0;
  top: 25%;
}
@media (min-width: 710px) {
  .cs__img {
    height: 180px;
    right: 2%;
    top: 0;
  }
  .cs__item--large .cs__img {
    height: 199.5px;
    right: -5%;
    top: 22%;
  }
}
@media (min-width: 790px) {
  .cs__img {
    height: 210px;
    right: 10%;
    top: 0;
  }
  .cs__item--large .cs__img {
    height: 255px;
    right: 0;
    top: 15%;
  }
}
@media (min-width: 960px) {
  .cs__img {
    height: 216px;
    right: 25%;
    top: 0;
  }
  .cs__item--large .cs__img {
    height: 279px;
    right: 2%;
    top: 16%;
  }
}
@media (min-width: 1200px) {
  .cs__img {
    height: 268.8px;
    right: 18%;
  }
  .cs__item--large .cs__img {
    height: 347.2px;
    right: 0;
    top: 16%;
  }
}
.cs-filter-bar {
  display: flex;
  list-style-type: none;
  margin: 3rem auto 1.5rem;
  opacity: 1;
  width: 90%;
}
.cs-filter-bar.cs-filter-bar--hidden {
  -webkit-animation: csFilterBarHide 2s ease-out forwards;
  animation: csFilterBarHide 2s ease-out forwards;
}
.cs-filter-bar.cs-filter-bar--back {
  -webkit-animation: csFilterBarShow 2s ease-out forwards;
  animation: csFilterBarShow 2s ease-out forwards;
}
@-webkit-keyframes csFilterBarHide {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  25%,
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}
@keyframes csFilterBarHide {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  25%,
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}
@-webkit-keyframes csFilterBarShow {
  0%,
  65% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes csFilterBarShow {
  0%,
  65% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cs-filter-bar__link {
  box-shadow: inset 0 -1px #ccc;
  display: block;
  font-weight: 300;
  padding: 0.8rem 0;
  text-align: center;
  transition: box-shadow 0.15s ease;
}
.cs-filter-bar__item.uk-active .cs-filter-bar__link,
.cs-filter-bar__link:hover {
  box-shadow: inset 0 -2px #000;
  color: #000;
  font-weight: 400;
  text-decoration: none;
}
.cs__showcase {
  background-color: #fff;
  box-sizing: border-box;
  height: 450px;
  margin: 0 auto;
  opacity: 0;
  padding: 0 40px;
  width: 95%;
}
.cs__showcase .product-config-color {
  cursor: pointer;
}
.cs__showcase .product-config-color:last-child {
  margin-right: 0;
}
@media (min-width: 960px) {
  .cs__showcase {
    height: 540px;
  }
}
@media (min-width: 1200px) {
  .cs__showcase {
    height: 672px;
  }
}
.cs__showcase--active {
  opacity: 1;
  z-index: 1;
}
.cs__showcase--active .cs__detail {
  -webkit-animation: csShowcaseActive 2s ease forwards;
  animation: csShowcaseActive 2s ease forwards;
}
@-webkit-keyframes csShowcaseActive {
  0%,
  35% {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes csShowcaseActive {
  0%,
  35% {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.cs__showcase--animate-back .cs__detail {
  -webkit-animation: csShowcaseBack 2s ease forwards;
  animation: csShowcaseBack 2s ease forwards;
}
@-webkit-keyframes csShowcaseBack {
  0%,
  25% {
    opacity: 1;
    transform: scale(1);
  }
  65%,
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
@keyframes csShowcaseBack {
  0%,
  25% {
    opacity: 1;
    transform: scale(1);
  }
  65%,
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
.cs__detail {
  height: 100%;
  padding-left: 0;
  width: 100%;
}
.cs__detail img {
  max-width: 80%;
}
@media (min-width: 960px) {
  .cs__detail img {
    max-width: 80%;
  }
}
@media (min-width: 1200px) {
  .cs__detail img {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .cs__detail {
    transform: translateY(-20px);
  }
}
@media (min-width: 870px) {
  .cs__detail--male,
  .cs__detail--unisex {
    margin-top: -20px;
  }
}
.cs__color-detail .product-config-group-list {
  margin-bottom: 20px !important;
}
@media (min-width: 1200px) {
  .cs__color-detail {
    transform: translateX(-50%) translateY(-70px);
  }
}
.cs__showcase--animate-back .cs__color-detail {
  -webkit-animation: csColorDetailBack 2s linear forwards;
  animation: csColorDetailBack 2s linear forwards;
}
.cs-item--animate-left {
  -webkit-animation: csAnimateLeft 2s linear forwards;
  animation: csAnimateLeft 2s linear forwards;
}
@-webkit-keyframes csAnimateLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(0);
  }
  51%,
  to {
    opacity: 0;
    transform: translateX(-1000px);
  }
}
@keyframes csAnimateLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(0);
  }
  51%,
  to {
    opacity: 0;
    transform: translateX(-1000px);
  }
}
.cs-item--animate-right {
  -webkit-animation: csAnimateRight 2s linear forwards;
  animation: csAnimateRight 2s linear forwards;
}
@-webkit-keyframes csAnimateRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(0);
  }
  51%,
  to {
    opacity: 0;
    transform: translateX(1000px);
  }
}
@keyframes csAnimateRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(0);
  }
  51%,
  to {
    opacity: 0;
    transform: translateX(1000px);
  }
}
.cs-item--animate-back {
  -webkit-animation: csAnimateBack 2s linear forwards;
  animation: csAnimateBack 2s linear forwards;
}
@-webkit-keyframes csAnimateBack {
  0%,
  50% {
    opacity: 0;
    transform: translateX(0);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes csAnimateBack {
  0%,
  50% {
    opacity: 0;
    transform: translateX(0);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.cs-close {
  cursor: pointer;
  padding: 30px;
  right: 40px;
}
.cs-close svg {
  opacity: 0;
  transform: scale(2);
  transition: opacity 0.6s ease-out;
}
.cs-close.cs-close--visible svg {
  -webkit-animation: csColorDetailVisible 2s ease-out forwards;
  animation: csColorDetailVisible 2s ease-out forwards;
}
.cs__showcase--animate-back .cs-close svg {
  -webkit-animation: csColorDetailBack 2s linear forwards;
  animation: csColorDetailBack 2s linear forwards;
}
.cs-color-detail--visible {
  -webkit-animation: csColorDetailVisible 2s linear forwards;
  animation: csColorDetailVisible 2s linear forwards;
}
@-webkit-keyframes csColorDetailVisible {
  0%,
  75% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes csColorDetailVisible {
  0%,
  75% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes csColorDetailBack {
  0% {
    opacity: 1;
  }
  25%,
  to {
    opacity: 0;
  }
}
@keyframes csColorDetailBack {
  0% {
    opacity: 1;
  }
  25%,
  to {
    opacity: 0;
  }
}
.cs__slideshow-item {
  margin: 0 auto;
  max-width: 70%;
  overflow: hidden;
  transform: translateX(20px);
}
.cs__slideshow-image {
  max-width: none;
  transform: translateX(-50%);
  width: 170%;
}
.cs__slideshow-image--male,
.cs__slideshow-image--unisex {
  transform: translateX(-50%) translateY(-15px);
}
.collection-showcase .uk-slideshow,
.collection-showcase .uk-slideshow-items,
.collection-showcase .uk-transition-active {
  outline: none;
}
.collection-showcase .cs__slideshow-button {
  margin-top: 5px;
}
.collection-showcase .cs__slideshow-button svg {
  transform: scale(0.5);
}
.collection-showcase .product-config-color--active .product-config-color__link {
  transform: scale(1.6);
}
.cs__slideshow-wrapper {
  box-shadow: -10px -10px 20px 0 rgba(30, 30, 30, 0.03),
    10px 10px 20px 0 rgba(30, 30, 30, 0.03);
  padding: 20px;
}
.cs__product-config-color {
  cursor: pointer;
  margin: 0 1.5em 0 0;
}
.cs__product-config-color .product-config-color__link {
  height: 1.4rem;
  width: 1.4rem;
}
.cs__product-config-color:hover .product-config-color__link {
  transform: scale(1.6);
}
@media (max-width: 639px) {
  .column + .column {
    margin-top: 25px;
  }
}
@media (max-width: 639px) {
  .uk-flex-column-reverse\@xs {
    flex-direction: column-reverse;
  }
  .uk-flex-column-reverse\@xs .column {
    margin-top: 25px;
  }
  .uk-flex-column-reverse\@xs .column:last-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 640px) {
  .column--margin-top {
    margin-top: 110px;
  }
}
@media screen and (min-width: 640px) {
  .column--spacing-right {
    padding-right: 30px;
  }
}
.contest > .contest__wrapper {
  background-color: #f4f4f4;
}
.contest > .uk-container.uk-container-small {
  background-color: transparent;
}
.contest-radio-input {
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-radius: 50%;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  height: 48px;
  margin-right: 30px;
  position: relative;
  width: 48px;
}
.contest-radio-input.active {
  background-image: url(/images/contest_check.png);
}
.contest-form__label {
  cursor: pointer;
}
@media (max-width: 639px) {
  .contest-form__label {
    justify-content: flex-end;
    width: 100%;
  }
}
@media (max-width: 639px) {
  .contest-answer-name {
    text-align: left;
    width: 50%;
  }
}
.contest__inner {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  margin: 0 auto;
  padding-bottom: 50px;
  padding-top: 50px;
}
@media (min-width: 960px) {
  .contest__inner {
    max-width: 50%;
    padding: 50px 0 100px;
  }
}
.contest__answer-block {
  flex-grow: 1;
}
@media (max-width: 639px) {
  .contest__answer-block {
    justify-content: flex-end;
    margin-bottom: 50px;
  }
  .contest__answer-block:last-child {
    margin-bottom: 20px;
  }
}
@media (max-width: 639px) {
  .contest__answer-wrapper {
    flex-direction: column;
  }
}
.contest--animate-background .contest__wrapper,
.contest--animate-background .motion-squares__background {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: contestbackground;
  animation-name: contestbackground;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes contestbackground {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1%;
  }
}
@keyframes contestbackground {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1%;
  }
}
.corona-silhouette-logo {
  height: 39px;
  margin: 20px auto 40px;
  width: 130px;
}
.corona-entry__date {
  color: #5d5d5d;
  font-weight: 400;
  position: relative;
}
.corona-entry__date:before {
  background-color: #5d5d5d;
  content: " ";
  height: 1px;
  position: absolute;
  top: -6px;
  width: 60px;
}
.cs-teaser {
  padding-top: 2.5rem;
}
.cs-teaser .ken-burns__wrapper {
  z-index: 2;
}
@media (max-width: 639px) {
  .cs-teaser .uk-button,
  .cs-teaser .uk-button-nfc {
    width: 100%;
  }
}
.cs-teaser .cs-teaser__video-easing {
  transition: opacity 0.3s ease-in-out;
}
.cs-teaser .ken-burns__inner {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
@media (min-width: 640px) {
  .cs-teaser {
    padding-top: 8.5rem;
  }
  .cyber-summer--lookbook-2022 .cs-teaser {
    padding-top: 4rem;
  }
}
.cs-teaser__text {
  margin: 0 auto;
  max-width: 60%;
  text-align: left;
  transition: opacity 0.2s ease-in-out;
}
@media (max-width: 639px) {
  .cs-teaser__text {
    margin-top: 20px;
    max-width: 80%;
    text-align: center;
  }
  .cyber-summer--lookbook-2022 .cs-teaser__text {
    margin-top: 40px;
  }
}
.cyber-summer--lookbook-2022 .cs-teaser__text,
.cyber-summer--lookbook-2022 .cs-teaser__text p:last-child {
  font-size: 1rem;
  line-height: 1.5em;
}
.cs__image-wrapper .cs-teaser__description,
.cs__image-wrapper .cs-teaser__image,
.cs__image-wrapper .cs-teaser__image--base,
.cs__image-wrapper .cs-teaser__text {
  opacity: 0;
}
.cyber-summer--ready .cs__image-wrapper .cs-teaser__description,
.cyber-summer--ready .cs__image-wrapper .cs-teaser__image,
.cyber-summer--ready .cs__image-wrapper .cs-teaser__image--base,
.cyber-summer--ready .cs__image-wrapper .cs-teaser__text {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: csElementAppear;
  animation-name: csElementAppear;
  will-change: opacity;
}
.cyber-summer--ready .cs__image-wrapper .cs-teaser__image--base {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}
.cyber-summer--ready .cs__image-wrapper .cs-teaser__image {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
}
.cyber-summer--ready .cs__image-wrapper .cs-teaser__description,
.cyber-summer--ready .cs__image-wrapper .cs-teaser__text {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
@media (max-width: 639px) {
  .cyber-summer--lookbook-2022 .cs__image-additional {
    margin-top: 70px !important;
  }
}
@media (min-width: 1200px) {
  .cyber-summer--lookbook-2022 .cs__image-additional {
    margin-top: 0 !important;
  }
}
.cs-teaser__video-wrapper .cs-teaser__description,
.cs-teaser__video-wrapper .cs-teaser__image,
.cs-teaser__video-wrapper .cs-teaser__image--base,
.cs-teaser__video-wrapper .cs-teaser__videotext-wrapper {
  opacity: 0;
}
.cyber-summer--ready .cs-teaser__video-wrapper .cs-teaser__description,
.cyber-summer--ready .cs-teaser__video-wrapper .cs-teaser__image,
.cyber-summer--ready .cs-teaser__video-wrapper .cs-teaser__image--base,
.cyber-summer--ready .cs-teaser__video-wrapper .cs-teaser__videotext-wrapper {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: csElementAppear;
  animation-name: csElementAppear;
  will-change: opacity;
}
.cyber-summer--ready .cs-teaser__video-wrapper .cs-teaser__image--base {
  -webkit-animation-delay: 3.8s;
  animation-delay: 3.8s;
}
.cyber-summer--ready .cs-teaser__video-wrapper .cs-teaser__image {
  -webkit-animation-delay: 4.1s;
  animation-delay: 4.1s;
}
.cyber-summer--ready .cs-teaser__video-wrapper .cs-teaser__description,
.cyber-summer--ready .cs-teaser__video-wrapper .cs-teaser__videotext-wrapper {
  -webkit-animation-delay: 4.4s;
  animation-delay: 4.4s;
}
.cyber-summer--ready .cs__image-additional .cs-teaser__image--base {
  -webkit-animation-delay: 4.7s;
  animation-delay: 4.7s;
}
.cyber-summer--ready .cs__image-additional .cs-teaser__image {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.cyber-summer--ready .cs__image-additional .cs-teaser__description {
  -webkit-animation-delay: 5.3s;
  animation-delay: 5.3s;
}
@-webkit-keyframes csElementAppear {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes csElementAppear {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.cs-teaser__description {
  color: #5d5d5d;
  font-size: 0.72222rem;
  margin-top: 5px;
  text-align: right;
  transition: opacity 0.2s ease-in-out;
}
@media (max-width: 639px) {
  .cyber-summer--lookbook-2022 .cs-teaser__description {
    text-align: center;
  }
}
@media (min-width: 640px) {
  .cs-teaser__aspect-ratio {
    height: 0;
    margin-bottom: 2rem !important;
    max-width: 720px;
    padding-bottom: 62.4%;
  }
  .cs-teaser__image-twothirds .cs-teaser__aspect-ratio {
    max-width: 794px;
    padding-bottom: 61.9%;
  }
}
@media (min-width: 1200px) {
  .cyber-summer--lookbook-2022
    .cs-teaser__image-twothirds
    .cs-teaser__aspect-ratio {
    padding-bottom: 56.3%;
  }
}
.cs-teaser__image-link {
  display: block;
  max-width: 720px;
  padding-bottom: 62.4%;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.cs-teaser__image-link:hover + .ken-burns__wrapper .ken-burns__inner {
  transform: scale(1.03);
}
@media (min-width: 640px) {
  .cs-teaser__aspect-ratio--additional {
    height: 0;
    margin-bottom: 2rem !important;
    max-width: 792px;
    padding-bottom: 53.1%;
  }
}
.cs-teaser__aspect-ratio--video {
  margin: 0 40px;
}
@media (min-width: 640px) {
  .cs-teaser__aspect-ratio--video {
    height: 0;
    margin: 0 auto !important;
    max-width: 600px;
    padding-bottom: 56%;
  }
}
.cs-teaser__image--base {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.cyber-summer--ready .cs-teaser__image--base {
  background-color: rgba(242, 227, 194, 0.3);
}
@media (max-width: 639px) {
  .cs-img--loaded .cs-teaser__image {
    opacity: 1 !important;
  }
}
@media (max-width: 639px) {
  .cs-img {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  .cs-img.cs-img--loaded {
    opacity: 1;
  }
}
.cs-teaser__videotext-wrapper {
  margin: 0 auto;
  max-width: 80%;
  text-align: center;
}
.cs-teaser__videotext-wrapper .cs-teaser__text {
  max-width: none;
}
@media (min-width: 640px) {
  .cs-teaser__videotext-wrapper {
    max-width: 80%;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .cs-teaser__videotext-wrapper {
    max-width: 70%;
  }
}
.cs-teaser__video-wrapper {
  margin-top: 4rem;
}
@media (min-width: 640px) {
  .cs-teaser__video-wrapper {
    margin-top: 20px;
  }
}
@media (min-width: 960px) {
  .cs-teaser__video-wrapper {
    margin-top: 0;
    transform: translateY(-2.72rem);
  }
}
@media (min-width: 1200px) {
  .cs-teaser__video-wrapper {
    transform: translateY(-5.72rem);
  }
  .cyber-summer--lookbook-2022 .cs-teaser__video-wrapper {
    transform: translateY(-3.72rem);
  }
}
.cyber-summer--ie .cs-teaser__aspect-ratio--video {
  max-width: 99.9%;
}
@media (min-width: 640px) {
  .cyber-summer--ie .cs-teaser__aspect-ratio--video {
    max-width: calc(600px - 1);
  }
}
.cyber-summer--ie .cs-teaser .uk-grid-collapse {
  width: 100%;
}
.cyber-summer--ie .cs-teaser .cs-teaser__video-easing {
  max-width: 99.9%;
}
.cyber-summer {
  overflow: hidden;
  padding-top: 2rem;
}
@media (max-width: 959px) {
  .cyber-summer .navigation-spacer {
    height: 40px;
  }
}
.cyber-summer span {
  display: block;
}
.cyber-summer .uk-text-hero {
  line-height: 2.6rem;
}
@media (min-width: 640px) {
  .cyber-summer .uk-text-hero {
    line-height: 3.6rem;
  }
}
.cyber-summer .uk-animation-fade {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.cyber-summer__title {
  margin: 60px 0;
}
.cyber-summer--lookbook-2022 .cyber-summer__title {
  margin: 0 0 20px;
}
@media (min-width: 960px) {
  .cyber-summer--lookbook-2022 .cyber-summer__title,
  .cyber-summer__title {
    margin: 0 auto;
  }
}
.cyber-summer__headline span {
  opacity: 0;
  transform: scale(0.7);
}
.cyber-summer--mounted .cyber-summer__headline span {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: headlineAppear;
  animation-name: headlineAppear;
  will-change: opacity, transform;
}
.cyber-summer__subheadline span {
  opacity: 0;
  transform: scale(0.7);
}
.cyber-summer--ready .cyber-summer__subheadline span {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: headlineAppear;
  animation-name: headlineAppear;
  will-change: opacity, transform;
}
.cyber-summer__text {
  opacity: 0;
  text-align: center;
  transform: translateY(5px);
}
.cyber-summer--ready .cyber-summer__text {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: subheadlineAppear;
  animation-name: subheadlineAppear;
  will-change: opacity, transform;
}
@-webkit-keyframes headlineAppear {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  60% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes headlineAppear {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  60% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes subheadlineAppear {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes subheadlineAppear {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cyber-summer__obj {
  z-index: -1;
}
.cyber-summer--pearl {
  -webkit-animation: objFloatingPearl 10s linear infinite;
  animation: objFloatingPearl 10s linear infinite;
  opacity: 0;
  transform: translate3d(-2%, -24%, 0);
  transform-origin: top;
  transition-delay: 0.6s;
}
.cyber-summer--ready .cyber-summer--pearl {
  opacity: 1;
  transform-origin: top;
  transition: opacity 0.6s ease-in-out;
  transition-delay: 0.6s;
}
@media (max-width: 959px) {
  .cyber-summer--pearl {
    -webkit-animation: objFloatingPearlMobile 18s linear infinite;
    animation: objFloatingPearlMobile 18s linear infinite;
    transform: translate3d(-18%, -24%, 0) scale(0.75);
  }
}
.cyber-summer--sugar {
  -webkit-animation: objFloatingSugar 16s ease infinite;
  animation: objFloatingSugar 16s ease infinite;
  opacity: 0;
  transform: translate3d(-12%, 2%, 0) scale(1.5);
}
.cyber-summer--ready .cyber-summer--sugar {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}
@media (max-width: 959px) {
  .cyber-summer--sugar {
    -webkit-animation: objFloatingSugarMobile 18s linear infinite;
    animation: objFloatingSugarMobile 18s linear infinite;
    transform: translate3d(-42%, -38%, 0) scale(1);
  }
}
.cyber-summer--moon {
  -webkit-animation: objFloatingMoon 18s linear infinite;
  animation: objFloatingMoon 18s linear infinite;
  opacity: 0;
  transform: translate3d(62%, -30%, 0);
  transition-delay: 1.8s;
}
.cyber-summer--ready .cyber-summer--moon {
  opacity: 1;
  transition: opacity 1.2s ease-in-out;
  transition-delay: 1.8s;
}
@media (max-width: 959px) {
  .cyber-summer--moon {
    -webkit-animation: objFloatingMoonMobile 18s linear infinite;
    animation: objFloatingMoonMobile 18s linear infinite;
    transform: translate3d(55%, -25%, 0) scale(0.75);
  }
}
.cyber-summer--desert {
  -webkit-animation: objFloatingDesert 12s linear infinite;
  animation: objFloatingDesert 12s linear infinite;
  opacity: 0;
  transform: translate3d(36%, 62%, 0);
  transition-delay: 1.2s;
}
.cyber-summer--ready .cyber-summer--desert {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
  transition-delay: 1.2s;
}
@media (max-width: 959px) {
  .cyber-summer--desert {
    -webkit-animation: objFloatingDesertMobile 18s linear infinite;
    animation: objFloatingDesertMobile 18s linear infinite;
    transform: translate3d(78%, -8%, 0) scale(0.75);
  }
}
@-webkit-keyframes objFloatingPearl {
  0% {
    transform: translate3d(-2%, -24%, 0) rotate(0);
  }
  50% {
    transform: translate3d(-2%, -24%, 0) rotate(8deg);
  }
  to {
    transform: translate3d(-2%, -24%, 0) rotate(0);
  }
}
@keyframes objFloatingPearl {
  0% {
    transform: translate3d(-2%, -24%, 0) rotate(0);
  }
  50% {
    transform: translate3d(-2%, -24%, 0) rotate(8deg);
  }
  to {
    transform: translate3d(-2%, -24%, 0) rotate(0);
  }
}
@-webkit-keyframes objFloatingSugar {
  0% {
    transform: translate3d(-12%, 2%, 0) scale(1.5) rotate(0);
  }
  50% {
    transform: translate3d(-12%, 2%, 0) scale(1.5) rotate(16deg);
  }
  to {
    transform: translate3d(-12%, 2%, 0) scale(1.5) rotate(0);
  }
}
@keyframes objFloatingSugar {
  0% {
    transform: translate3d(-12%, 2%, 0) scale(1.5) rotate(0);
  }
  50% {
    transform: translate3d(-12%, 2%, 0) scale(1.5) rotate(16deg);
  }
  to {
    transform: translate3d(-12%, 2%, 0) scale(1.5) rotate(0);
  }
}
@-webkit-keyframes objFloatingMoon {
  0% {
    transform: translate3d(62%, -30%, 0) rotate(0);
  }
  50% {
    transform: translate3d(62%, -22%, 0) rotate(5deg);
  }
  to {
    transform: translate3d(62%, -30%, 0) rotate(0);
  }
}
@keyframes objFloatingMoon {
  0% {
    transform: translate3d(62%, -30%, 0) rotate(0);
  }
  50% {
    transform: translate3d(62%, -22%, 0) rotate(5deg);
  }
  to {
    transform: translate3d(62%, -30%, 0) rotate(0);
  }
}
@-webkit-keyframes objFloatingDesert {
  0% {
    transform: translate3d(36%, 62%, 0) rotate(0);
  }
  50% {
    transform: translate3d(36%, 62%, 0) rotate(8deg);
  }
  to {
    transform: translate3d(36%, 62%, 0) rotate(0);
  }
}
@keyframes objFloatingDesert {
  0% {
    transform: translate3d(36%, 62%, 0) rotate(0);
  }
  50% {
    transform: translate3d(36%, 62%, 0) rotate(8deg);
  }
  to {
    transform: translate3d(36%, 62%, 0) rotate(0);
  }
}
@-webkit-keyframes objFloatingPearlMobile {
  0% {
    transform: translate3d(-18%, -24%, 0) rotate(0) scale(0.75);
  }
  50% {
    transform: translate3d(-18%, -24%, 0) rotate(8deg) scale(0.75);
  }
  to {
    transform: translate3d(-18%, -24%, 0) rotate(0) scale(0.75);
  }
}
@keyframes objFloatingPearlMobile {
  0% {
    transform: translate3d(-18%, -24%, 0) rotate(0) scale(0.75);
  }
  50% {
    transform: translate3d(-18%, -24%, 0) rotate(8deg) scale(0.75);
  }
  to {
    transform: translate3d(-18%, -24%, 0) rotate(0) scale(0.75);
  }
}
@-webkit-keyframes objFloatingSugarMobile {
  0% {
    transform: translate3d(-42%, -38%, 0) scale(1) rotate(0);
  }
  50% {
    transform: translate3d(-42%, -38%, 0) scale(1) rotate(16deg);
  }
  to {
    transform: translate3d(-42%, -38%, 0) scale(1) rotate(0);
  }
}
@keyframes objFloatingSugarMobile {
  0% {
    transform: translate3d(-42%, -38%, 0) scale(1) rotate(0);
  }
  50% {
    transform: translate3d(-42%, -38%, 0) scale(1) rotate(16deg);
  }
  to {
    transform: translate3d(-42%, -38%, 0) scale(1) rotate(0);
  }
}
@-webkit-keyframes objFloatingMoonMobile {
  0% {
    transform: translate3d(55%, -25%, 0) rotate(0) scale(0.75);
  }
  50% {
    transform: translate3d(55%, -25%, 0) rotate(5deg) scale(0.75);
  }
  to {
    transform: translate3d(55%, -25%, 0) rotate(0) scale(0.75);
  }
}
@keyframes objFloatingMoonMobile {
  0% {
    transform: translate3d(55%, -25%, 0) rotate(0) scale(0.75);
  }
  50% {
    transform: translate3d(55%, -25%, 0) rotate(5deg) scale(0.75);
  }
  to {
    transform: translate3d(55%, -25%, 0) rotate(0) scale(0.75);
  }
}
@-webkit-keyframes objFloatingDesertMobile {
  0% {
    transform: translate3d(78%, -8%, 0) rotate(0) scale(0.75);
  }
  50% {
    transform: translate3d(78%, -8%, 0) rotate(8deg) scale(0.75);
  }
  to {
    transform: translate3d(78%, -8%, 0) rotate(0) scale(0.75);
  }
}
@keyframes objFloatingDesertMobile {
  0% {
    transform: translate3d(78%, -8%, 0) rotate(0) scale(0.75);
  }
  50% {
    transform: translate3d(78%, -8%, 0) rotate(8deg) scale(0.75);
  }
  to {
    transform: translate3d(78%, -8%, 0) rotate(0) scale(0.75);
  }
}
h2 {
  scroll-margin-top: 40px;
}
#dr-privacynotice-div p,
.faq-item__content p {
  font-size: 0.88889rem;
}
#dr-privacynotice-div ul,
.faq-item__content ul {
  font-size: 0.88889rem;
  list-style-type: disc;
}
#dr-privacynotice-div ol,
.faq-item__content ol {
  font-size: 0.88889rem;
}
#dr-privacynotice-div li,
.faq-item__content li {
  font-weight: 300;
}
#dr-privacynotice-div a,
.faq-item__content a {
  border-bottom: 1px solid #000;
  font-weight: 300;
  line-height: 1.2;
}
#dr-privacynotice-div a:focus,
#dr-privacynotice-div a:hover,
.faq-item__content a:focus,
.faq-item__content a:hover {
  border-color: #5d5d5d;
  color: #5d5d5d;
  text-decoration: none;
}
#dr-privacynotice-div a:first-child,
.faq-item__content a:first-child {
  display: inline-block;
}
#dr-privacynotice-div table,
.faq-item__content table {
  border-collapse: collapse;
  display: inline-block;
  margin: 20px 0;
  max-width: 100%;
  overflow-x: auto;
}
#dr-privacynotice-div th,
.faq-item__content th {
  font-size: 0.88889rem;
  font-weight: 400;
  padding: 20px;
  text-align: left;
  text-transform: uppercase;
}
#dr-privacynotice-div tr,
.faq-item__content tr {
  border-bottom: 1px solid #d8d8d8;
}
#dr-privacynotice-div tr:first-child,
.faq-item__content tr:first-child {
  border-bottom: 1px solid #000;
}
#dr-privacynotice-div tr:last-child,
.faq-item__content tr:last-child {
  border-bottom: 0;
}
#dr-privacynotice-div td,
.faq-item__content td {
  font-size: 0.88889rem;
  font-weight: 300;
  padding: 20px;
}
.dropdown {
  border: 1px solid #d8d8d8;
  text-align: center;
  transform: translateX(-1rem) translateY(0);
}
.dropdown ul {
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
}
.dropdown li + li {
  margin-top: 0.5rem;
}
.dropdown-content {
  background-color: #fff;
  padding: 0.8rem 0.8rem 0.75rem;
  position: relative;
  z-index: 2;
}
.dropdown-content li + li {
  margin-top: 0.25rem;
}
.dropdown-content .navigation__item a {
  padding: 0.25rem 0;
}
.dropdown-arrow {
  left: 50%;
  position: absolute;
  top: -2px;
  transform: translateX(-25%) translateY(-2px);
  width: 44px;
  z-index: 1;
}
.dynamic-slideshow-swiper-button-next,
.dynamic-slideshow-swiper-button-prev {
  background-image: none;
  margin-top: -18px;
  outline: none;
}
.dynamic-slideshow-swiper-button-next {
  right: 9px;
}
.dynamic-slideshow-swiper-button-prev {
  left: 0;
}
.dynamic-slideshow-swiper-button-next,
.dynamic-slideshow-swiper-button-prev {
  display: block;
}
@media screen and (min-width: 640px) {
  .dynamic-slideshow-swiper-button-next,
  .dynamic-slideshow-swiper-button-prev {
    display: none;
  }
}
.dynamic-slideshow-swiper-button-next .uk-icon path,
.dynamic-slideshow-swiper-button-prev .uk-icon path {
  fill: #fff !important;
}
.dynamic-slideshow-slide {
  height: 50vh;
  max-height: 520px;
  min-height: 350px;
  overflow: hidden;
}
@media screen and (min-width: 640px) {
  .dynamic-slideshow-slide {
    min-height: 300px;
  }
}
@media screen and (min-width: 1200px) {
  .dynamic-slideshow-slide {
    height: calc(100vh - 210px);
  }
}
.dynamic-slideshow-slide .dynamic-slideshow-slide--link-2 div,
.dynamic-slideshow-slide .dynamic-slideshow-slide--link div {
  transition: transform 0.3s ease-in-out;
}
.dynamic-slideshow-slide .dynamic-slideshow-slide--link-2 div:hover,
.dynamic-slideshow-slide .dynamic-slideshow-slide--link div:hover {
  display: block;
  text-decoration: none;
  transform: scale(1.03);
}
.dynamic-slideshow-slide--link,
.dynamic-slideshow-slide--nolink {
  height: calc(50% - 10px);
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 960px) {
  .dynamic-slideshow-slide--link,
  .dynamic-slideshow-slide--nolink {
    height: calc(50% - 15px);
    margin-bottom: 30px;
  }
}
.dynamic-slideshow-slide--link-2,
.dynamic-slideshow-slide--nolink-2 {
  height: calc(50% - 10px);
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 960px) {
  .dynamic-slideshow-slide--link-2,
  .dynamic-slideshow-slide--nolink-2 {
    height: calc(50% - 15px);
  }
}
.dynamic-slideshow-slide--splitted,
.dynamic-slideshow-slide--splitted-2 {
  height: 100%;
}
.uk-width-5-12 {
  width: 41.666%;
}
.dynamic-switcher {
  height: auto;
  overflow-x: hidden;
  padding-bottom: 5rem;
}
@media (max-width: 959px) {
  .dynamic-switcher {
    overflow-y: hidden;
  }
}
.dynamic-switcher .dynamic__background {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.dynamic-switcher .uk-container {
  position: relative;
  z-index: 1;
}
@media (min-width: 960px) {
  .dynamic-switcher .uk-container {
    padding-bottom: 40px;
  }
}
.dynamic-switcher.animate .dynamic-switcher__text-inner,
.dynamic-switcher.animate .dynamic__background,
.dynamic-switcher.animate .glasses__frame,
.dynamic-switcher.animate .glasses__glass,
.dynamic-switcher.animate .glasses__glass-inner,
.dynamic-switcher.animate .glasses__glass-upper,
.dynamic-switcher.animate .glasses__reflection,
.dynamic-switcher.animate .glasses__shadow {
  opacity: 1;
}
.dynamic-switcher .uk-switcher {
  display: block;
  margin-bottom: 40px;
}
.dynamic-switcher.animate.dynamic-switcher--init .dynamic-switcher__title {
  -webkit-animation: dynamic-title 0.6s ease-out forwards;
  animation: dynamic-title 0.6s ease-out forwards;
}
.dynamic-switcher.animate.dynamic-switcher--init .dynamic__background {
  -webkit-animation: dynamic-background 3s ease-out forwards;
  animation: dynamic-background 3s ease-out forwards;
}
.dynamic-switcher.animate.dynamic-switcher--init .glasses__glass {
  -webkit-animation: dynamic-glass 3s forwards;
  animation: dynamic-glass 3s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1);
  animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1);
}
.dynamic-switcher.animate.dynamic-switcher--init .glasses__reflection {
  -webkit-animation: dynamic-reflection 3s forwards;
  animation: dynamic-reflection 3s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1);
  animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1);
}
.dynamic-switcher.animate.dynamic-switcher--init .glasses__glass-inner {
  -webkit-animation: dynamic-glassinner 3s forwards;
  animation: dynamic-glassinner 3s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1);
  animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1);
}
.dynamic-switcher.animate.dynamic-switcher--init .glasses__glass-upper {
  -webkit-animation: dynamic-glassupper 3s forwards;
  animation: dynamic-glassupper 3s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1);
  animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1);
}
.dynamic-switcher.animate.dynamic-switcher--init .glasses__frame {
  -webkit-animation: dynamic-frame 3s forwards;
  animation: dynamic-frame 3s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1);
  animation-timing-function: cubic-bezier(0.17, 0, 0.5, 1);
}
.dynamic-switcher.animate.dynamic-switcher--init .glasses__shadow {
  -webkit-animation: dynamic-shadow 3s forwards;
  animation: dynamic-shadow 3s forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@media (max-width: 959px) {
  .dynamic-switcher.animate.dynamic-switcher--init
    .dynamic-switcher__text-inner {
    -webkit-animation: dynamic-text-small-width 3.3s forwards;
    animation: dynamic-text-small-width 3.3s forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@media (min-width: 960px) {
  .dynamic-switcher.animate.dynamic-switcher--init
    .dynamic-switcher__text-inner {
    -webkit-animation: dynamic-text 3.3s forwards;
    animation: dynamic-text 3.3s forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
.dynamic-switcher__text-inner {
  margin-top: -12px;
}
@media (max-width: 959px) {
  .dynamic-switcher__text-inner {
    left: 0;
    margin-top: 0;
    position: relative !important;
    text-align: center;
    top: 0;
    transform: translate(0);
  }
  .dynamic-switcher__text-inner h3 {
    font-size: 1rem;
  }
  .dynamic-switcher__text-inner p {
    margin-bottom: 50px;
  }
}
.dynamic-switcher__pagination-wrapper {
  bottom: -1.5rem;
  height: 60px;
  position: relative;
  z-index: 3;
}
.dynamic-switcher__pagination-wrapper.animate
  .dynamic-switcher__pagination-description {
  -webkit-animation: dynamic-bullet 0.9s forwards;
  animation: dynamic-bullet 0.9s forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.dynamic-switcher__pagination-wrapper.animate .dynamic__bullet-1 {
  -webkit-animation: dynamic-bullet 1.2s forwards;
  animation: dynamic-bullet 1.2s forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.dynamic-switcher__pagination-wrapper.animate .dynamic__bullet-2 {
  -webkit-animation: dynamic-bullet 1.5s forwards;
  animation: dynamic-bullet 1.5s forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.dynamic-switcher__pagination-wrapper.animate .dynamic__bullet-3 {
  -webkit-animation: dynamic-bullet 1.8s forwards;
  animation: dynamic-bullet 1.8s forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.dynamic-switcher__pagination-wrapper.animate .dynamic__bullet-4 {
  -webkit-animation: dynamic-bullet 2.2s forwards;
  animation: dynamic-bullet 2.2s forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@media (max-width: 959px) {
  .dynamic-switcher__pagination-wrapper {
    text-align: center;
    width: 100%;
  }
}
.dynamic-switcher__pagination-listitem a {
  display: block;
  height: 100%;
  width: 100%;
}
.dynamic-switcher__pagination-description {
  margin-right: 20px;
}
.dynamic-switcher__pagination {
  list-style: none;
  padding-left: 0;
  z-index: 3;
}
@media (max-width: 959px) {
  .dynamic-switcher__pagination {
    bottom: auto;
    height: auto;
    left: auto;
    position: relative !important;
    transform: none;
  }
}
.dynamic-switcher__pagination li {
  display: inline-block;
}
.dynamic-switcher__pagination li:hover {
  cursor: pointer;
}
.dynamic-switcher__item {
  -webkit-animation-duration: 0.25s !important;
  animation-duration: 0.25s !important;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@media (min-width: 960px) {
  .dynamic-switcher__item {
    -webkit-animation-duration: 0.6s !important;
    animation-duration: 0.6s !important;
  }
}
.dynamic-switcher__pagination-item {
  height: auto;
  margin-right: 0;
  padding: 0 18px;
}
.uk-active .dynamic-switcher__pagination-item img {
  -webkit-animation: dynamic-pagination-active 0.3s ease-in-out forwards;
  animation: dynamic-pagination-active 0.3s ease-in-out forwards;
}
.dynamic-switcher__pagination-item img {
  -webkit-animation: dynamic-pagination 0.3s ease-in-out forwards;
  animation: dynamic-pagination 0.3s ease-in-out forwards;
  max-width: 100%;
}
@media (max-width: 959px) {
  .dynamic-switcher__inner {
    flex-wrap: wrap;
  }
}
.dynamic-switcher__glasses {
  max-width: 45%;
}
.dynamic-switcher__glasses img {
  left: 0;
  max-width: 550px;
  perspective: 2000px;
  top: 0;
  transform-style: preserve-3d;
}
@media (max-width: 959px) {
  .dynamic-switcher__glasses {
    margin-left: -15px;
    margin-right: 0;
    max-width: none;
    width: 100%;
  }
  .dynamic-switcher__glasses img {
    width: 100%;
  }
}
.dynamic-switcher__text {
  margin-top: 0;
  min-width: 35%;
  z-index: 1;
}
@media (min-width: 960px) {
  .dynamic-switcher__text {
    margin: 0 80px;
    min-height: 478px;
  }
}
@-webkit-keyframes dynamic-title {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dynamic-title {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes dynamic-pagination-active {
  0% {
    transform: 1;
  }
  to {
    transform: scale(1.7);
  }
}
@keyframes dynamic-pagination-active {
  0% {
    transform: 1;
  }
  to {
    transform: scale(1.7);
  }
}
@-webkit-keyframes dynamic-pagination {
  0% {
    transform: scale(1.7);
  }
  to {
    transform: 1;
  }
}
@keyframes dynamic-pagination {
  0% {
    transform: scale(1.7);
  }
  to {
    transform: 1;
  }
}
@-webkit-keyframes dynamic-glass {
  0% {
    filter: blur(5px);
    opacity: 0;
    transform: translate3d(100px, 0, 0) perspective(40px) scale(0.6);
  }
  40% {
    filter: blur(5px);
  }
  75%,
  to {
    filter: blur(0);
    opacity: 1;
    transform: translateZ(0) perspective(0) scale(1);
  }
}
@keyframes dynamic-glass {
  0% {
    filter: blur(5px);
    opacity: 0;
    transform: translate3d(100px, 0, 0) perspective(40px) scale(0.6);
  }
  40% {
    filter: blur(5px);
  }
  75%,
  to {
    filter: blur(0);
    opacity: 1;
    transform: translateZ(0) perspective(0) scale(1);
  }
}
@-webkit-keyframes dynamic-reflection {
  0% {
    filter: blur(5px);
    opacity: 0;
    transform: translate3d(100px, 0, 0) perspective(40px) scale(0.6);
  }
  40% {
    opacity: 0;
  }
  75%,
  to {
    filter: blur(0);
    opacity: 1;
    transform: translateZ(0) perspective(0) scale(1);
  }
}
@keyframes dynamic-reflection {
  0% {
    filter: blur(5px);
    opacity: 0;
    transform: translate3d(100px, 0, 0) perspective(40px) scale(0.6);
  }
  40% {
    opacity: 0;
  }
  75%,
  to {
    filter: blur(0);
    opacity: 1;
    transform: translateZ(0) perspective(0) scale(1);
  }
}
@-webkit-keyframes dynamic-glassinner {
  0%,
  75% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dynamic-glassinner {
  0%,
  75% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes dynamic-frame {
  0% {
    filter: blur(5px);
    opacity: 0;
    transform: translate3d(-600px, 0, 0) perspective(40px) scale(1.4);
  }
  40% {
    filter: blur(5px);
  }
  75%,
  to {
    filter: blur(0);
    opacity: 1;
    transform: translateZ(0) perspective(0) rotateY(0) scale(1);
  }
}
@keyframes dynamic-frame {
  0% {
    filter: blur(5px);
    opacity: 0;
    transform: translate3d(-600px, 0, 0) perspective(40px) scale(1.4);
  }
  40% {
    filter: blur(5px);
  }
  75%,
  to {
    filter: blur(0);
    opacity: 1;
    transform: translateZ(0) perspective(0) rotateY(0) scale(1);
  }
}
@-webkit-keyframes dynamic-shadow {
  0%,
  90% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dynamic-shadow {
  0%,
  90% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes dynamic-glassupper {
  0%,
  65% {
    opacity: 0;
  }
  90%,
  to {
    opacity: 1;
  }
}
@keyframes dynamic-glassupper {
  0%,
  65% {
    opacity: 0;
  }
  90%,
  to {
    opacity: 1;
  }
}
@-webkit-keyframes dynamic-background {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dynamic-background {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes dynamic-text {
  0%,
  60% {
    opacity: 0;
    transform: translate(-50%, -40%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@keyframes dynamic-text {
  0%,
  60% {
    opacity: 0;
    transform: translate(-50%, -40%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes dynamic-text-small-width {
  0%,
  60% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dynamic-text-small-width {
  0%,
  60% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes dynamic-bullet {
  0%,
  70% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dynamic-bullet {
  0%,
  70% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.elegance-collection-slide {
  list-style-type: none;
  padding-bottom: 40px;
}
.elegance-collection-slide__headline {
  line-height: 1.6;
  margin: 0;
}
@media (min-width: 960px) {
  .elegance-collection-slide__headline {
    margin-top: 20px;
  }
}
@media (min-width: 640px) {
  .elegance-collection-slide__media {
    margin-left: 70px;
  }
}
.elegance-collection-slide__zoom-btn {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  color: #000;
  cursor: pointer;
  height: 40px;
  left: 17%;
  line-height: 16px;
  opacity: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 25%;
  transition: opacity 0.3s ease, background-color 0.15s ease, color 0.15s ease;
  width: 40px;
}
@media (min-width: 450px) {
  .elegance-collection-slide__zoom-btn {
    left: 18%;
    top: 31%;
  }
}
@media (min-width: 640px) {
  .elegance-collection-slide__zoom-btn {
    left: 27%;
    top: 35%;
  }
}
@media (min-width: 960px) {
  .elegance-collection-slide__zoom-btn {
    left: 29%;
    top: 28%;
  }
}
@media (min-width: 1200px) {
  .elegance-collection-slide__zoom-btn {
    left: 30%;
    top: 30%;
  }
}
.elegance-collection-slide__zoom-btn svg {
  fill: currentColor;
}
.elegance-collection-slide__zoom-btn.active {
  background-color: #000;
  color: #fff;
}
.swiper-slide-active .elegance-collection-slide__zoom-btn {
  opacity: 1;
}
.elegance-collection-slide-aspect-ratio {
  height: 0;
  padding-bottom: 41.5%;
}
.elegance-collection-slide__detail-img {
  height: 120px;
  left: 24%;
  opacity: 0;
  position: absolute;
  top: 5%;
  transform: scale(0);
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  width: 120px;
}
@media (min-width: 450px) {
  .elegance-collection-slide__detail-img {
    left: 30%;
    top: 20%;
  }
}
@media (min-width: 640px) {
  .elegance-collection-slide__detail-img {
    height: 200px;
    top: 9%;
    width: 200px;
  }
}
@media (min-width: 960px) {
  .elegance-collection-slide__detail-img {
    height: 120px;
    width: 120px;
  }
}
@media (min-width: 1200px) {
  .elegance-collection-slide__detail-img {
    top: 15%;
  }
}
.elegance-collection-slide__detail-img.active {
  opacity: 1;
  transform: scale(1);
}
.elegance-collection-slide__zoom-open {
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transform: scale(0.7);
}
.elegance-collection-slide__zoom-btn.active
  .elegance-collection-slide__zoom-open {
  opacity: 0;
}
.elegance-collection-slide__zoom-close {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.7);
}
.elegance-collection-slide__zoom-btn.active
  .elegance-collection-slide__zoom-close {
  opacity: 1;
}
[data-vue="EleganceCollectionSlider"] + [data-vue="EleganceCollectionSlider"] {
  margin-top: 70px;
}
@media (min-width: 960px) {
  [data-vue="EleganceCollectionSlider"]
    + [data-vue="EleganceCollectionSlider"] {
    margin-top: 0;
  }
}
.elegance-collection {
  background-color: #f9f9f9;
  padding: 40px 0;
}
@media (min-width: 640px) {
  .elegance-collection {
    padding: 70px 0;
  }
}
.elegance-collection .swiper-pagination-bullet {
  border-color: #000;
  box-sizing: border-box;
  height: 8px;
  margin: 0 3px !important;
  width: 8px;
}
.elegance-collection .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}
.elegance-collection__navigation {
  list-style-type: none;
  padding: 0;
}
a.elegance-collection__navigation-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 1.22222rem;
  font-weight: 300;
  padding: 12px 0;
  transition: border-bottom 0.2s ease;
}
a.elegance-collection__navigation-item:active,
a.elegance-collection__navigation-item:focus,
a.elegance-collection__navigation-item:hover {
  text-decoration: none;
}
.uk-active a.elegance-collection__navigation-item,
a.elegance-collection__navigation-item:hover {
  border-bottom: 1px solid #000;
  font-weight: 400;
}
.elegance-collection--init + .uk-switcher > :not(.uk-active) {
  display: block;
  opacity: 0;
}
.elegance-collection__swiper {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .elegance-collection__swiper {
    margin-top: 0;
  }
}
.elegance-hero {
  height: calc(100vh - 126px);
  margin: 0;
  overflow: hidden;
}
@media screen and (min-width: 640px) {
  .elegance-hero {
    height: calc(100vh - 136px);
  }
}
@media screen and (min-width: 960px) {
  .elegance-hero {
    height: calc(100vh - 210px);
    margin: 0;
  }
}
.elegance-hero__image {
  transition-timing-function: ease-in-out;
}
.elegance-hero__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}
@media screen and (min-width: 640px) {
  .elegance-hero__content--video {
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  }
  .elegance-hero--initial-loading .elegance-hero__content--video,
  .elegance-hero__content--video:hover {
    opacity: 1;
    transform: translateY(0);
  }
}
.elegance-hero__title {
  font-size: 2.5rem;
  margin-bottom: 0;
  max-width: 90%;
  text-align: center;
  text-shadow: 1px 1px 27px rgba(51, 51, 51, 0.5);
}
@media (min-width: 640px) {
  .elegance-hero__title {
    font-size: 3.33333rem;
  }
}
.elegance-hero__subtitle {
  margin-bottom: 0;
  margin-top: 0.5rem;
  max-width: 90%;
  text-align: center;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.33);
}
.elegance-hero__content--no-shadow .elegance-hero__subtitle,
.elegance-hero__content--no-shadow .elegance-hero__title {
  text-shadow: none;
}
.elegance-hero__button {
  margin-top: 1.25rem;
}
@media (min-width: 640px) {
  .elegance-hero__button {
    margin-top: 1.8rem;
  }
}
.elegance-hero__overlay {
  padding: 0 0.5rem 1.625rem;
}
@media screen and (min-width: 640px) {
  .elegance-hero__overlay {
    padding: 2rem 2rem 4rem;
  }
}
.elegance-hero__play-button {
  margin-top: 1.25rem;
  max-width: 40px;
}
@media (min-width: 640px) {
  .elegance-hero__play-button:hover {
    cursor: pointer;
  }
}
.elegance-hero__video {
  background-size: cover;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-25%);
  vertical-align: top;
  width: auto;
}
.elegance-lookbook__item {
  margin-top: 100px !important;
}
.elegance-lookbook__textwrapper {
  margin: 0 auto;
  max-width: 70%;
}
.elegance-lookbook__imagewrapper {
  height: 400px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.elegance-lookbook__imagewrapper .elegance-lookbook__image {
  height: 100%;
  transform: scale(1);
  transition: transform 0.3s ease;
  width: 100%;
  will-change: transition;
}
@media (max-width: 639px) {
  .elegance-lookbook__item {
    margin-bottom: 5em;
  }
  .elegance-lookbook__textwrapper {
    margin-top: 2em;
    max-width: 90%;
  }
}
@media (max-width: 959px) {
  .elegance-lookbook__imagewrapper {
    height: 350px;
  }
}
.elegance-motion-squares img {
  max-width: 100%;
}
@media (min-width: 960px) {
  .elegance-motion-squares {
    padding-bottom: 70px;
  }
}
.elegance-motion-square {
  -webkit-animation-duration: 1.2s !important;
  animation-duration: 1.2s !important;
}
@media (min-width: 960px) {
  .elegance-motion-square.elegance-motion-square--left
    .elegance-motion-square__inner {
    transform: translateY(70px);
  }
}
.elegance-motion-square--center {
  margin-top: 40px;
}
@media (min-width: 640px) {
  .elegance-motion-square--center {
    margin-top: 0;
  }
}
.elegance-motion-square--right {
  margin-top: 40px;
}
.elegance-motion-square--right .uk-h1 {
  color: #000;
  margin-bottom: 40px;
  margin-top: 20px;
}
@media (min-width: 960px) {
  .elegance-motion-square--right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0;
  }
  .elegance-motion-square--right .elegance-motion-square__inner {
    transform: translateX(-40px);
  }
}
.elegance-product-highlight-teaser__image-wrapper {
  margin-top: 60px;
}
.elegance-product-highlight-teaser__image-wrapper .uk-button,
.elegance-product-highlight-teaser__image-wrapper .uk-button-nfc {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}
.elegance-product-highlight-teaser__image-wrapper .uk-button-nfc,
.elegance-product-highlight-teaser__image-wrapper .uk-button.uk-button--hollow {
  background-color: #fff;
}
.elegance-product-highlight-teaser__image-wrapper .uk-h1 {
  color: #000;
}
.elegance-quote {
  overflow: hidden;
  padding: 6.5rem 0;
}
.elegance-quote__line {
  height: 70px;
  margin-bottom: 70px;
  width: 1px;
}
.elegance-quote__line:after {
  background-color: #000;
  content: " ";
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  transition: height 0.5s ease-in;
  width: 1px;
}
.elegance-quote__line.elegance-quote__line--animate:after {
  height: 70px;
}
.elegance-quote__blockquote {
  -webkit-animation-duration: 1.2s !important;
  animation-duration: 1.2s !important;
  color: #000;
  max-width: 80%;
}
.elegance-quote__blockquote p {
  font-weight: 400;
}
@media (max-width: 960px) {
  .elegance-quote__blockquote br {
    display: none;
  }
}
.elegance-quote__footer:before {
  content: " ";
}
.elegance-quote__footer .elegance-quote__author {
  font-weight: 300;
}
.elegance-quote__diamond {
  opacity: 0;
  transition: opacity 0.5s ease-in;
  z-index: -1;
}
.elegance-quote__diamond.lazyloaded {
  opacity: 1;
}
.elegance-quote__diamond--l1 {
  -webkit-animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 90s linear infinite;
  animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 90s linear infinite;
  left: calc(4% + 15px);
  top: 25%;
  width: 33.33333px;
}
@media (min-width: 960px) {
  .elegance-quote__diamond--l1 {
    width: 50px;
  }
}
.elegance-quote__diamond--l2 {
  animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate-translate-left 90s linear infinite reverse;
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
  left: 0;
  top: 35%;
  transform: translateX(-50%);
  transform-origin: left;
  width: 56.66667px;
}
@media (min-width: 960px) {
  .elegance-quote__diamond--l2 {
    width: 85px;
  }
}
.elegance-quote__diamond--l3 {
  -webkit-animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 90s linear infinite;
  animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 90s linear infinite;
  -webkit-animation-delay: 3.05s;
  animation-delay: 3.05s;
  left: calc(8% + 15px);
  top: 40%;
  width: 46.66667px;
}
@media (min-width: 960px) {
  .elegance-quote__diamond--l3 {
    width: 70px;
  }
}
.elegance-quote__diamond--l4 {
  animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 90s linear infinite reverse;
  -webkit-animation-delay: 0.85s;
  animation-delay: 0.85s;
  left: calc(1% + 15px);
  top: 55%;
  width: 33.33333px;
}
@media (min-width: 960px) {
  .elegance-quote__diamond--l4 {
    width: 50px;
  }
}
.elegance-quote__diamond--l5 {
  -webkit-animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 80s linear infinite;
  animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 80s linear infinite;
  -webkit-animation-delay: 4.4s;
  animation-delay: 4.4s;
  bottom: 10%;
  left: calc(3% + 15px);
  width: 24px;
}
@media (min-width: 960px) {
  .elegance-quote__diamond--l5 {
    width: 36px;
  }
}
.elegance-quote__diamond--r1 {
  -webkit-animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 80s linear infinite;
  animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 80s linear infinite;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  right: calc(0.5% + 15px);
  top: 6%;
  width: 14.66667px;
}
@media (min-width: 960px) {
  .elegance-quote__diamond--r1 {
    width: 22px;
  }
}
.elegance-quote__diamond--r2 {
  animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 90s linear infinite reverse;
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
  right: calc(3% + 15px);
  top: 12%;
  width: 24px;
}
@media (min-width: 960px) {
  .elegance-quote__diamond--r2 {
    width: 36px;
  }
}
.elegance-quote__diamond--r3 {
  -webkit-animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate-translate-right 80s linear infinite;
  animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate-translate-right 80s linear infinite;
  -webkit-animation-delay: 3.35s;
  animation-delay: 3.35s;
  right: 0;
  top: 11%;
  transform: translateX(50%);
  transform-origin: right;
  width: 28.66667px;
}
@media (min-width: 960px) {
  .elegance-quote__diamond--r3 {
    width: 43px;
  }
}
.elegance-quote__diamond--r4 {
  -webkit-animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 90s linear infinite;
  animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 90s linear infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
  right: 15px;
  top: 20%;
  width: 13.33333px;
}
@media (min-width: 960px) {
  .elegance-quote__diamond--r4 {
    width: 20px;
  }
}
.elegance-quote__diamond--r5 {
  animation: diamond-fade-out 6s ease-in-out infinite,
    diamond-rotate 80s linear infinite reverse;
  -webkit-animation-delay: 4.9s;
  animation-delay: 4.9s;
  right: calc(2% + 15px);
  top: 37%;
  width: 13.33333px;
}
@media (min-width: 960px) {
  .elegance-quote__diamond--r5 {
    width: 20px;
  }
}
@-webkit-keyframes diamond-fade-out {
  0%,
  40% {
    opacity: 1;
  }
  48%,
  52% {
    opacity: 0;
  }
  70%,
  to {
    opacity: 1;
  }
}
@keyframes diamond-fade-out {
  0%,
  40% {
    opacity: 1;
  }
  48%,
  52% {
    opacity: 0;
  }
  70%,
  to {
    opacity: 1;
  }
}
@-webkit-keyframes diamond-rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes diamond-rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes diamond-rotate-translate-right {
  0% {
    transform: rotate(0) translateX(50%);
  }
  to {
    transform: rotate(1turn) translateX(50%);
  }
}
@keyframes diamond-rotate-translate-right {
  0% {
    transform: rotate(0) translateX(50%);
  }
  to {
    transform: rotate(1turn) translateX(50%);
  }
}
@-webkit-keyframes diamond-rotate-translate-left {
  0% {
    transform: rotate(0) translateX(-50%);
  }
  to {
    transform: rotate(1turn) translateX(-50%);
  }
}
@keyframes diamond-rotate-translate-left {
  0% {
    transform: rotate(0) translateX(-50%);
  }
  to {
    transform: rotate(1turn) translateX(-50%);
  }
}
.elegance-uppercase-preheadline {
  font-size: 0.77778rem;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.error-page {
  margin-top: 6.5rem;
}
.error-page__text-large {
  font-size: 140px;
  font-weight: 300;
}
.error-page__text {
  font-weight: 300;
}
.error-page__icon {
  height: 105px;
  width: 119px;
}
.eyewear-highlights-section {
  margin-top: 100px;
}
.eyewear-highlights-headline {
  margin-bottom: 50px;
}
@media (max-width: 639px) {
  .eyewear-highlights-headline {
    font-size: 28px;
    margin-bottom: 15px;
  }
}
.eyewear-highlights-swiper .swiper-container {
  padding-bottom: 40px;
}
.eyewear-highlights-swiper .swiper-pagination.swiper-pagination-bullets {
  bottom: 0;
}
.eyewear-highlights-swiper
  .swiper-pagination.swiper-pagination-bullets
  .swiper-pagination-bullet {
  border: 1px solid #000;
}
.eyewear-highlights-swiper
  .swiper-pagination.swiper-pagination-bullets
  .swiper-pagination-bullet-active {
  background-color: #000;
}
.eyewear-highlights-swiper__slide {
  display: flex;
  height: 520px;
  justify-content: center;
  position: relative;
}
@media (max-width: 639px) {
  .eyewear-highlights-swiper__slide {
    align-items: center;
    flex-direction: column;
    height: 100%;
    max-height: 657px;
  }
}
.eyewear-highlights-wish-button {
  background-color: #fff;
  border-radius: 999px;
  margin: 10px 10px 0 0;
  padding: 8px;
}
.eyewear-highlights-swiper__slide-wrapper {
  display: flex;
  justify-content: center;
  position: relative;
}
.eyewear-highlights-swiper__slide-overlay {
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 25px 20px;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 640px) {
  .eyewear-highlights-swiper__slide-overlay {
    background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.62));
  }
}
.eyewear-highlights-swiper__slide-image {
  -o-object-fit: cover;
  object-fit: cover;
  width: 550px;
}
.eyewear-highlights-picture img {
  height: 100%;
}
@media (max-width: 639px) {
  .eyewear-highlights-picture img {
    height: 240px;
  }
}
.eyewear-highlights-swiper__slide-overlay-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  width: 100%;
}
.eyewear-highlights-swiper__slide-title {
  color: #fff;
  margin: 0 0 10px;
}
.eyewear-highlights-swiper__slide-text-wrapper {
  color: #000;
  margin-bottom: 60px;
  text-align: center;
}
.eyewear-highlights-product {
  background: #f9f9f9;
  height: 360px;
}
@media (max-width: 639px) {
  .eyewear-highlights-product {
    height: 417px;
    width: 100%;
  }
  .eyewear-highlights-product img {
    width: 400px;
  }
}
@media (min-width: 640px) {
  .eyewear-highlights-product {
    height: 100%;
  }
}
.eyewear-highlights-product .eyewear-highlights-swiper__slide-product-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
@media (max-width: 639px) {
  .eyewear-highlights-product
    .eyewear-highlights-swiper__slide-product-wrapper {
    justify-content: flex-start;
  }
}
.eyewear-highlights-swiper__slide-product-image-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.eyewear-highlights-swiper__slide-product-title {
  color: #000;
  margin: 0;
}
.eyewear-highlights-swiper__slide-product-price {
  color: #000;
  margin-top: 5px;
}
.eyewear-highlights-swiper__slide-link-wrapper {
  align-items: center;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  height: 80px;
  justify-content: center;
  position: absolute;
}
@media (min-width: 640px) {
  .eyewear-highlights-swiper__slide-link-wrapper {
    align-items: flex-end;
    bottom: 40px;
    flex-direction: row;
  }
}
.eyewear-highlights-swiper__slide-link {
  border-bottom: 2px solid #d8d8d8;
  letter-spacing: 0.88px;
  padding-bottom: 3px;
  text-decoration: none;
}
.eyewear-highlights-swiper__slide-link:hover {
  border-bottom: 2px solid #000;
  color: #000;
  text-decoration: none;
}
.eyewear-highlights-swiper__slide-link--try-on {
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  .eyewear-highlights-swiper__slide-link--try-on {
    margin-bottom: 0;
    margin-right: 30px;
  }
}
.faq__arrow {
  transform: translateY(-50%) rotate(0deg);
  width: 10px;
  z-index: -1;
}
.faq__arrow,
.is-active .faq__arrow {
  transition: transform 0.2s ease-in-out;
}
.is-active .faq__arrow {
  transform: translateY(-50%) rotate(90deg);
}
.faq .highlight {
  background-color: #f4f4f4;
  font-weight: 400;
}
.faq__site-heading {
  margin-top: 40px;
}
@media (min-width: 960px) {
  .faq__site-heading {
    margin-top: 20px;
  }
}
.faq__content-container {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .faq__content-container {
    margin-top: 70px;
  }
}
.faq__filter-wrapper {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
  margin: 40px -20px 0;
  padding: 30px 20px 40px;
}
.faq__filter-wrapper .search-form {
  margin-top: 0;
}
@media (min-width: 640px) {
  .faq__filter-wrapper {
    margin: 40px -30px 0;
    padding: 30px 30px 40px;
  }
}
@media (min-width: 960px) {
  .faq__filter-wrapper {
    box-shadow: none;
    margin: 0;
    padding: 0;
  }
}
.faq__toc-heading {
  margin-top: 35px;
}
.faq__toc-item {
  margin-top: 5px;
}
.faq__not-found {
  margin-top: 40px;
}
@media (min-width: 640px) {
  .faq__not-found {
    margin-top: 20px;
  }
}
@media (min-width: 960px) {
  .faq__not-found {
    margin-left: 60px;
    margin-top: 30px;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .faq__not-found {
    margin-left: 70px;
  }
}
.faq-item {
  border-bottom: 1px solid #d8d8d8;
}
.faq-item,
.faq-item + .faq-item {
  margin-top: 30px;
}
.faq-item__headline {
  margin-bottom: 30px;
}
.faq-item__content {
  margin-top: 0;
  padding-bottom: 30px;
}
.favorites {
  padding: 0 12px;
}
.favorites .uk-h2 {
  line-height: 1.8rem;
}
.favorites-item {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
}
@media (max-width: 959px) {
  .favorites-item {
    flex-direction: column;
  }
}
.favorites-item__color {
  border-radius: 100px;
  display: inline-block;
  height: 18px;
}
.favorites-item__color,
.favorites-item__shape svg {
  margin-right: 15px;
  width: 18px;
}
.favorites-item__image {
  padding-right: 100px;
  position: relative;
}
.favorites-item__image img {
  padding-right: 0;
  width: 350px;
}
@media (max-width: 959px) {
  .favorites-item__image {
    padding-right: 0;
    width: 100%;
  }
  .favorites-item__image > div {
    position: relative;
  }
}
.favorites-item__close {
  position: absolute;
  right: 0;
  top: 0;
}
.favorites-item__close button {
  background: none;
  border: transparent;
  cursor: pointer;
  opacity: 0.5;
  outline: none;
  padding-right: 0;
  transform: scale(1.2);
}
.favorites-item__text {
  flex-grow: 1;
}
.favorites-item__prop-label {
  font-size: 0.9rem;
  margin-bottom: 4px;
}
.product-favorites .split-selection {
  margin-top: 2.2rem;
}
.product-favorites__remove {
  background: none;
  border-color: transparent;
  cursor: pointer;
  font-size: 0.88889rem;
  outline: 0;
  padding: 0;
}
.product-favorites__remove svg {
  margin-top: -2px;
  width: 20px;
}
.product-favorites__heart-large {
  padding: 30px 0;
}
@media (max-width: 959px) {
  .product-favorites__remove-wrapper {
    justify-content: flex-start;
  }
}
.product-favorites__remove-label {
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
}
.product-favorites--empty + .product-favorites__empty-teaser {
  display: block !important;
}
.favorites-item__price-wrapper {
  margin-bottom: 5px;
}
@media (min-width: 960px) {
  .favorites-item__price-wrapper {
    border-top: 1px solid #d8d8d8;
  }
}
.favorites-item__badge--try-on {
  cursor: pointer;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .favorites-item__button {
    max-width: 280px;
  }
}
.features-counter .features-counter__separator {
  margin: 10px 20px 0;
}
.features-counter .features-counter__number {
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px;
}
.features-counter .features-counter__label {
  line-height: 1;
}
@media (max-width: 959px) {
  .features-counter .features-counter__headline {
    font-size: 1.44444rem;
  }
  .features-counter .features-counter__number {
    font-size: 25px;
    margin-bottom: 5px;
  }
}
.find-retailer-link {
  cursor: pointer;
}
.find-retailer-overlay__retailer {
  margin: 0 auto;
  max-width: 500px;
}
.find-retailer-overlay__retailer + .find-retailer-overlay__retailer {
  border-top: 1px solid #d8d8d8;
  margin-top: 20px;
  padding-top: 20px;
}
@media (min-width: 959px) {
  .icon-us-retailer {
    background: url(../images/icons/artboard/buylocal/clickcollect-us.svg)
      no-repeat 50% / contain;
    display: inline-block;
    height: 20px;
    margin-bottom: -1px;
    vertical-align: sub;
    width: 20px;
  }
}
@media (min-width: 959px) {
  .product-preview__badge--text.with-icon-us-retailer {
    display: none;
  }
}
@media (max-width: 959px) {
  .product-preview__badge--text.with-icon-us-retailer {
    background: #f4f4f4
      url(../images/icons/artboard/buylocal/clickcollect-us.svg) no-repeat
      0.4rem/16px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0.5rem;
    margin-top: 0.4rem;
    padding: 0.25rem 0.4rem 0.25rem 1.6rem;
  }
}
.checkout-step .atlas-location .uk-button,
.checkout-step .atlas-location .uk-button-nfc,
.uk-modal .isUS .uk-radio {
  display: none;
}
@media (max-width: 959px) {
  .atlas-location__opening-hours {
    margin-left: 0;
  }
}
.icon-flag-ad {
  background-position: 0 0;
}
.icon-flag-ad,
.icon-flag-ae {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ae {
  background-position: -16px 0;
}
.icon-flag-af {
  background-position: 0 -12px;
}
.icon-flag-af,
.icon-flag-ag {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ag {
  background-position: -16px -12px;
}
.icon-flag-ai {
  background-position: -32px 0;
}
.icon-flag-ai,
.icon-flag-al {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-al {
  background-position: -32px -12px;
}
.icon-flag-am {
  background-position: 0 -24px;
}
.icon-flag-am,
.icon-flag-an {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-an {
  background-position: -16px -24px;
}
.icon-flag-ao {
  background-position: -32px -24px;
}
.icon-flag-ao,
.icon-flag-aq {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-aq {
  background-position: 0 -36px;
}
.icon-flag-ar {
  background-position: -16px -36px;
}
.icon-flag-ar,
.icon-flag-as {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-as {
  background-position: -32px -36px;
}
.icon-flag-at {
  background-position: -48px 0;
}
.icon-flag-at,
.icon-flag-au {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-au {
  background-position: -48px -12px;
}
.icon-flag-aw {
  background-position: -48px -24px;
}
.icon-flag-aw,
.icon-flag-ax {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ax {
  background-position: -48px -36px;
}
.icon-flag-az {
  background-position: 0 -48px;
}
.icon-flag-az,
.icon-flag-ba {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ba {
  background-position: -16px -48px;
}
.icon-flag-bb {
  background-position: -32px -48px;
}
.icon-flag-bb,
.icon-flag-bd {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-bd {
  background-position: -48px -48px;
}
.icon-flag-be {
  background-position: -64px 0;
}
.icon-flag-be,
.icon-flag-bf {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-bf {
  background-position: -64px -12px;
}
.icon-flag-bg {
  background-position: -64px -24px;
}
.icon-flag-bg,
.icon-flag-bh {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-bh {
  background-position: -64px -36px;
}
.icon-flag-bi {
  background-position: -64px -48px;
}
.icon-flag-bi,
.icon-flag-bj {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-bj {
  background-position: 0 -60px;
}
.icon-flag-bl {
  background-position: -16px -60px;
}
.icon-flag-bl,
.icon-flag-bm {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-bm {
  background-position: -32px -60px;
}
.icon-flag-bn {
  background-position: -48px -60px;
}
.icon-flag-bn,
.icon-flag-bo {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-bo {
  background-position: -64px -60px;
}
.icon-flag-bq {
  background-position: -80px 0;
}
.icon-flag-bq,
.icon-flag-br {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-br {
  background-position: -80px -12px;
}
.icon-flag-bs {
  background-position: -80px -24px;
}
.icon-flag-bs,
.icon-flag-bt {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-bt {
  background-position: -80px -36px;
}
.icon-flag-bv {
  background-position: -80px -48px;
}
.icon-flag-bv,
.icon-flag-bw {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-bw {
  background-position: -80px -60px;
}
.icon-flag-by {
  background-position: 0 -72px;
}
.icon-flag-by,
.icon-flag-bz {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-bz {
  background-position: -16px -72px;
}
.icon-flag-ca {
  background-position: -32px -72px;
}
.icon-flag-ca,
.icon-flag-cc {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-cc {
  background-position: -48px -72px;
}
.icon-flag-cd {
  background-position: -64px -72px;
}
.icon-flag-cd,
.icon-flag-cf {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-cf {
  background-position: -80px -72px;
}
.icon-flag-cg {
  background-position: 0 -84px;
}
.icon-flag-cg,
.icon-flag-ch {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ch {
  background-position: -16px -84px;
}
.icon-flag-ci {
  background-position: -32px -84px;
}
.icon-flag-ci,
.icon-flag-ck {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ck {
  background-position: -48px -84px;
}
.icon-flag-cl {
  background-position: -64px -84px;
}
.icon-flag-cl,
.icon-flag-cm {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-cm {
  background-position: -80px -84px;
}
.icon-flag-cn {
  background-position: -96px 0;
}
.icon-flag-cn,
.icon-flag-co {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-co {
  background-position: -96px -12px;
}
.icon-flag-cr {
  background-position: -96px -24px;
}
.icon-flag-cr,
.icon-flag-cu {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-cu {
  background-position: -96px -36px;
}
.icon-flag-cv {
  background-position: -96px -48px;
}
.icon-flag-cv,
.icon-flag-cw {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-cw {
  background-position: -96px -60px;
}
.icon-flag-cx {
  background-position: -96px -72px;
}
.icon-flag-cx,
.icon-flag-cy {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-cy {
  background-position: -96px -84px;
}
.icon-flag-cz {
  background-position: 0 -96px;
}
.icon-flag-cz,
.icon-flag-de {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-de {
  background-position: -16px -96px;
}
.icon-flag-dj {
  background-position: -32px -96px;
}
.icon-flag-dj,
.icon-flag-dk {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-dk {
  background-position: -48px -96px;
}
.icon-flag-dm {
  background-position: -64px -96px;
}
.icon-flag-dm,
.icon-flag-do {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-do {
  background-position: -80px -96px;
}
.icon-flag-dz {
  background-position: -96px -96px;
}
.icon-flag-dz,
.icon-flag-ec {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ec {
  background-position: -112px 0;
}
.icon-flag-ee {
  background-position: -112px -12px;
}
.icon-flag-ee,
.icon-flag-eg {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-eg {
  background-position: -112px -24px;
}
.icon-flag-eh {
  background-position: -112px -36px;
}
.icon-flag-eh,
.icon-flag-er {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-er {
  background-position: -112px -48px;
}
.icon-flag-es {
  background-position: -112px -60px;
}
.icon-flag-es,
.icon-flag-et {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-et {
  background-position: -112px -72px;
}
.icon-flag-eu {
  background-position: -112px -84px;
}
.icon-flag-eu,
.icon-flag-fi {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-fi {
  background-position: -112px -96px;
}
.icon-flag-fj {
  background-position: 0 -108px;
}
.icon-flag-fj,
.icon-flag-fk {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-fk {
  background-position: -16px -108px;
}
.icon-flag-fm {
  background-position: -32px -108px;
}
.icon-flag-fm,
.icon-flag-fo {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-fo {
  background-position: -48px -108px;
}
.icon-flag-fr {
  background-position: -64px -108px;
}
.icon-flag-fr,
.icon-flag-ga {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ga {
  background-position: -80px -108px;
}
.icon-flag-gb {
  background-position: -96px -108px;
}
.icon-flag-gb,
.icon-flag-gb_eng {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-gb_eng {
  background-position: -112px -108px;
}
.icon-flag-gb_nir {
  background-position: -128px 0;
}
.icon-flag-gb_nir,
.icon-flag-gb_sct {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-gb_sct {
  background-position: -128px -12px;
}
.icon-flag-gb_wls {
  background-position: -128px -24px;
}
.icon-flag-gb_wls,
.icon-flag-gd {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-gd {
  background-position: -128px -36px;
}
.icon-flag-ge {
  background-position: -128px -48px;
}
.icon-flag-ge,
.icon-flag-gf {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-gf {
  background-position: -128px -60px;
}
.icon-flag-gg {
  background-position: -128px -72px;
}
.icon-flag-gg,
.icon-flag-gh {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-gh {
  background-position: -128px -84px;
}
.icon-flag-gi {
  background-position: -128px -96px;
}
.icon-flag-gi,
.icon-flag-gl {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-gl {
  background-position: -128px -108px;
}
.icon-flag-gm {
  background-position: 0 -120px;
}
.icon-flag-gm,
.icon-flag-gn {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-gn {
  background-position: -16px -120px;
}
.icon-flag-gp {
  background-position: -32px -120px;
}
.icon-flag-gp,
.icon-flag-gq {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-gq {
  background-position: -48px -120px;
}
.icon-flag-gr {
  background-position: -64px -120px;
}
.icon-flag-gr,
.icon-flag-gs {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-gs {
  background-position: -80px -120px;
}
.icon-flag-gt {
  background-position: -96px -120px;
}
.icon-flag-gt,
.icon-flag-gu {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-gu {
  background-position: -112px -120px;
}
.icon-flag-gw {
  background-position: -128px -120px;
}
.icon-flag-gw,
.icon-flag-gy {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-gy {
  background-position: 0 -132px;
}
.icon-flag-hk {
  background-position: -16px -132px;
}
.icon-flag-hk,
.icon-flag-hm {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-hm {
  background-position: -32px -132px;
}
.icon-flag-hn {
  background-position: -48px -132px;
}
.icon-flag-hn,
.icon-flag-hr {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-hr {
  background-position: -64px -132px;
}
.icon-flag-ht {
  background-position: -80px -132px;
}
.icon-flag-ht,
.icon-flag-hu {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-hu {
  background-position: -96px -132px;
}
.icon-flag-ic {
  background-position: -112px -132px;
}
.icon-flag-ic,
.icon-flag-id {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-id {
  background-position: -128px -132px;
}
.icon-flag-ie {
  background-position: -144px 0;
}
.icon-flag-ie,
.icon-flag-il {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-il {
  background-position: -144px -12px;
}
.icon-flag-im {
  background-position: -144px -24px;
}
.icon-flag-im,
.icon-flag-in {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-in {
  background-position: -144px -36px;
}
.icon-flag-io {
  background-position: -144px -48px;
}
.icon-flag-io,
.icon-flag-iq {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-iq {
  background-position: -144px -60px;
}
.icon-flag-ir {
  background-position: -144px -72px;
}
.icon-flag-ir,
.icon-flag-is {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-is {
  background-position: -144px -84px;
}
.icon-flag-it {
  background-position: -144px -96px;
}
.icon-flag-it,
.icon-flag-je {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-je {
  background-position: -144px -108px;
}
.icon-flag-jm {
  background-position: -144px -120px;
}
.icon-flag-jm,
.icon-flag-jo {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-jo {
  background-position: -144px -132px;
}
.icon-flag-jp {
  background-position: 0 -144px;
}
.icon-flag-jp,
.icon-flag-ke {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ke {
  background-position: -16px -144px;
}
.icon-flag-kg {
  background-position: -32px -144px;
}
.icon-flag-kg,
.icon-flag-kh {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-kh {
  background-position: -48px -144px;
}
.icon-flag-ki {
  background-position: -64px -144px;
}
.icon-flag-ki,
.icon-flag-km {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-km {
  background-position: -80px -144px;
}
.icon-flag-kn {
  background-position: -96px -144px;
}
.icon-flag-kn,
.icon-flag-ko {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ko {
  background-position: -112px -144px;
}
.icon-flag-kp {
  background-position: -128px -144px;
}
.icon-flag-kp,
.icon-flag-kr {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-kr {
  background-position: -144px -144px;
}
.icon-flag-kw {
  background-position: -160px 0;
}
.icon-flag-kw,
.icon-flag-ky {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ky {
  background-position: -160px -12px;
}
.icon-flag-kz {
  background-position: -160px -24px;
}
.icon-flag-kz,
.icon-flag-la {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-la {
  background-position: -160px -36px;
}
.icon-flag-lb {
  background-position: -160px -48px;
}
.icon-flag-lb,
.icon-flag-lc {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-lc {
  background-position: -160px -60px;
}
.icon-flag-li {
  background-position: -160px -72px;
}
.icon-flag-li,
.icon-flag-lk {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-lk {
  background-position: -160px -84px;
}
.icon-flag-lr {
  background-position: -160px -96px;
}
.icon-flag-lr,
.icon-flag-ls {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ls {
  background-position: -160px -108px;
}
.icon-flag-lt {
  background-position: -160px -120px;
}
.icon-flag-lt,
.icon-flag-lu {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-lu {
  background-position: -160px -132px;
}
.icon-flag-lv {
  background-position: -160px -144px;
}
.icon-flag-lv,
.icon-flag-ly {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ly {
  background-position: 0 -156px;
}
.icon-flag-ma {
  background-position: -16px -156px;
}
.icon-flag-ma,
.icon-flag-mc {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-mc {
  background-position: -32px -156px;
}
.icon-flag-md {
  background-position: -48px -156px;
}
.icon-flag-md,
.icon-flag-me {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-me {
  background-position: -64px -156px;
}
.icon-flag-mf {
  background-position: -80px -156px;
}
.icon-flag-mf,
.icon-flag-mg {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-mg {
  background-position: -96px -156px;
}
.icon-flag-mh {
  background-position: -112px -156px;
}
.icon-flag-mh,
.icon-flag-mk {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-mk {
  background-position: -128px -156px;
}
.icon-flag-ml {
  background-position: -144px -156px;
}
.icon-flag-ml,
.icon-flag-mm {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-mm {
  background-position: -160px -156px;
}
.icon-flag-mn {
  background-position: -176px 0;
}
.icon-flag-mn,
.icon-flag-mo {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-mo {
  background-position: -176px -12px;
}
.icon-flag-mp {
  background-position: -176px -24px;
}
.icon-flag-mp,
.icon-flag-mq {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-mq {
  background-position: -176px -36px;
}
.icon-flag-mr {
  background-position: -176px -48px;
}
.icon-flag-mr,
.icon-flag-ms {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ms {
  background-position: -176px -60px;
}
.icon-flag-mt {
  background-position: -176px -72px;
}
.icon-flag-mt,
.icon-flag-mu {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-mu {
  background-position: -176px -84px;
}
.icon-flag-mv {
  background-position: -176px -96px;
}
.icon-flag-mv,
.icon-flag-mw {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-mw {
  background-position: -176px -108px;
}
.icon-flag-mx {
  background-position: -176px -120px;
}
.icon-flag-mx,
.icon-flag-my {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-my {
  background-position: -176px -132px;
}
.icon-flag-mz {
  background-position: -176px -144px;
}
.icon-flag-mz,
.icon-flag-na {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-na {
  background-position: -176px -156px;
}
.icon-flag-nc {
  background-position: 0 -168px;
}
.icon-flag-nc,
.icon-flag-ne {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ne {
  background-position: -16px -168px;
}
.icon-flag-nf {
  background-position: -32px -168px;
}
.icon-flag-nf,
.icon-flag-ng {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ng {
  background-position: -48px -168px;
}
.icon-flag-ni {
  background-position: -64px -168px;
}
.icon-flag-ni,
.icon-flag-nl {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-nl {
  background-position: -80px -168px;
}
.icon-flag-no {
  background-position: -96px -168px;
}
.icon-flag-no,
.icon-flag-np {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-np {
  background-position: -112px -168px;
}
.icon-flag-nr {
  background-position: -128px -168px;
}
.icon-flag-nr,
.icon-flag-nu {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-nu {
  background-position: -144px -168px;
}
.icon-flag-nz {
  background-position: -160px -168px;
}
.icon-flag-nz,
.icon-flag-om {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-om {
  background-position: -176px -168px;
}
.icon-flag-pa {
  background-position: 0 -180px;
}
.icon-flag-pa,
.icon-flag-pe {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-pe {
  background-position: -16px -180px;
}
.icon-flag-pf {
  background-position: -32px -180px;
}
.icon-flag-pf,
.icon-flag-pg {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-pg {
  background-position: -48px -180px;
}
.icon-flag-ph {
  background-position: -64px -180px;
}
.icon-flag-ph,
.icon-flag-pk {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-pk {
  background-position: -80px -180px;
}
.icon-flag-pl {
  background-position: -96px -180px;
}
.icon-flag-pl,
.icon-flag-pm {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-pm {
  background-position: -112px -180px;
}
.icon-flag-pn {
  background-position: -128px -180px;
}
.icon-flag-pn,
.icon-flag-pr {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-pr {
  background-position: -144px -180px;
}
.icon-flag-ps {
  background-position: -160px -180px;
}
.icon-flag-ps,
.icon-flag-pt {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-pt {
  background-position: -176px -180px;
}
.icon-flag-pw {
  background-position: -192px 0;
}
.icon-flag-pw,
.icon-flag-py {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-py {
  background-position: -192px -12px;
}
.icon-flag-qa {
  background-position: -192px -24px;
}
.icon-flag-qa,
.icon-flag-re {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-re {
  background-position: -192px -36px;
}
.icon-flag-ro {
  background-position: -192px -48px;
}
.icon-flag-ro,
.icon-flag-rs {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-rs {
  background-position: -192px -60px;
}
.icon-flag-ru {
  background-position: -192px -72px;
}
.icon-flag-ru,
.icon-flag-rw {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-rw {
  background-position: -192px -84px;
}
.icon-flag-sa {
  background-position: -192px -96px;
}
.icon-flag-sa,
.icon-flag-sb {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-sb {
  background-position: -192px -108px;
}
.icon-flag-sc {
  background-position: -192px -120px;
}
.icon-flag-sc,
.icon-flag-sd {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-sd {
  background-position: -192px -132px;
}
.icon-flag-se {
  background-position: -192px -144px;
}
.icon-flag-se,
.icon-flag-sg {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-sg {
  background-position: -192px -156px;
}
.icon-flag-sh {
  background-position: -192px -168px;
}
.icon-flag-sh,
.icon-flag-si {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-si {
  background-position: -192px -180px;
}
.icon-flag-sj {
  background-position: 0 -192px;
}
.icon-flag-sj,
.icon-flag-sk {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-sk {
  background-position: -16px -192px;
}
.icon-flag-sl {
  background-position: -32px -192px;
}
.icon-flag-sl,
.icon-flag-sm {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-sm {
  background-position: -48px -192px;
}
.icon-flag-sn {
  background-position: -64px -192px;
}
.icon-flag-sn,
.icon-flag-so {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-so {
  background-position: -80px -192px;
}
.icon-flag-sr {
  background-position: -96px -192px;
}
.icon-flag-sr,
.icon-flag-ss {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ss {
  background-position: -112px -192px;
}
.icon-flag-st {
  background-position: -128px -192px;
}
.icon-flag-st,
.icon-flag-sv {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-sv {
  background-position: -144px -192px;
}
.icon-flag-sx {
  background-position: -160px -192px;
}
.icon-flag-sx,
.icon-flag-sy {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-sy {
  background-position: -176px -192px;
}
.icon-flag-sz {
  background-position: -192px -192px;
}
.icon-flag-sz,
.icon-flag-tc {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-tc {
  background-position: -208px 0;
}
.icon-flag-td {
  background-position: -208px -12px;
}
.icon-flag-td,
.icon-flag-tf {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-tf {
  background-position: -208px -24px;
}
.icon-flag-tg {
  background-position: -208px -36px;
}
.icon-flag-tg,
.icon-flag-th {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-th {
  background-position: -208px -48px;
}
.icon-flag-tj {
  background-position: -208px -60px;
}
.icon-flag-tj,
.icon-flag-tk {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-tk {
  background-position: -208px -72px;
}
.icon-flag-tl {
  background-position: -208px -84px;
}
.icon-flag-tl,
.icon-flag-tm {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-tm {
  background-position: -208px -96px;
}
.icon-flag-tn {
  background-position: -208px -108px;
}
.icon-flag-tn,
.icon-flag-to {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-to {
  background-position: -208px -120px;
}
.icon-flag-tr {
  background-position: -208px -132px;
}
.icon-flag-tr,
.icon-flag-tt {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-tt {
  background-position: -208px -144px;
}
.icon-flag-tv {
  background-position: -208px -156px;
}
.icon-flag-tv,
.icon-flag-tw {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-tw {
  background-position: -208px -168px;
}
.icon-flag-tz {
  background-position: -208px -180px;
}
.icon-flag-tz,
.icon-flag-ua {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ua {
  background-position: -208px -192px;
}
.icon-flag-ug {
  background-position: 0 -204px;
}
.icon-flag-ug,
.icon-flag-uk {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-uk {
  background-position: -16px -204px;
}
.icon-flag-um {
  background-position: -32px -204px;
}
.icon-flag-um,
.icon-flag-un {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-un {
  background-position: -48px -204px;
}
.icon-flag-us {
  background-position: -64px -204px;
}
.icon-flag-us,
.icon-flag-uy {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-uy {
  background-position: -80px -204px;
}
.icon-flag-uz {
  background-position: -96px -204px;
}
.icon-flag-uz,
.icon-flag-va {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-va {
  background-position: -112px -204px;
}
.icon-flag-vc {
  background-position: -128px -204px;
}
.icon-flag-vc,
.icon-flag-ve {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ve {
  background-position: -144px -204px;
}
.icon-flag-vg {
  background-position: -160px -204px;
}
.icon-flag-vg,
.icon-flag-vi {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-vi {
  background-position: -176px -204px;
}
.icon-flag-vn {
  background-position: -192px -204px;
}
.icon-flag-vn,
.icon-flag-vu {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-vu {
  background-position: -208px -204px;
}
.icon-flag-wf {
  background-position: -224px 0;
}
.icon-flag-wf,
.icon-flag-ws {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-ws {
  background-position: -224px -12px;
}
.icon-flag-ye {
  background-position: -224px -24px;
}
.icon-flag-ye,
.icon-flag-yt {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-yt {
  background-position: -224px -36px;
}
.icon-flag-za {
  background-position: -224px -48px;
}
.icon-flag-za,
.icon-flag-zm {
  background-image: url(/images/flags.jpg);
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag-zm {
  background-position: -224px -60px;
}
.icon-flag-zw {
  background-image: url(/images/flags.jpg);
  background-position: -224px -72px;
  background-size: 240px 216px;
  width: 16px;
  height: 12px;
}
.icon-flag {
  display: inline-block;
}
.footer {
  font-weight: 300;
  margin-bottom: 0;
}
.footer a {
  color: #000;
}
.footer a:hover {
  text-decoration: none;
}
@media (min-width: 640px) {
  .footer {
    font-size: 0.88889rem;
  }
}
@media (min-width: 960px) {
  .footer {
    font-size: 0.77778rem;
  }
}
.footer__scroll-top svg {
  color: #5d5d5d;
  transition: color 0.1s ease;
  width: 50px;
}
.no-touchevents .footer__scroll-top svg:hover {
  color: #000;
}
.footer-line {
  border-top: 1px solid #d8d8d8;
}
.footer-top {
  background-color: #f9f9f9;
  padding-bottom: 40px;
  padding-top: 40px;
}
@media (min-width: 640px) {
  .footer-top {
    background: #fff;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.footer-top__linkitem {
  justify-content: center;
}
@media (min-width: 640px) {
  .footer-top__linkitem {
    margin: 44px 0;
  }
}
.footer-languageswitch {
  justify-content: center;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: right;
}
@media (min-width: 640px) {
  .footer-languageswitch {
    display: flex;
    padding-bottom: 0;
    padding-top: 0.5rem;
  }
}
.footer-bottom {
  background-color: #f4f4f4;
  font-size: 0.88889rem;
  margin-top: 0;
  padding-bottom: 40px;
  padding-top: 40px;
}
@media (min-width: 640px) {
  .footer-bottom {
    background-color: #fff;
    margin-top: 20px;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 960px) {
  .footer-bottom {
    font-size: 0.77778rem;
  }
}
.footer-bottom__linklist {
  list-style-type: none;
  padding: 0;
}
.footer-bottom__linkitem {
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 640px) {
  .footer-bottom__linkitem {
    padding-top: 0.5rem;
  }
}
.footer-languageswitch-country svg {
  position: relative;
  top: -1px;
}
.footer-languageswitch-arrow {
  height: 5px;
  margin-left: 0.4rem;
  width: 12px;
}
.footer-languageswitch-countryname {
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
  transition: border-color 0.3s ease-out;
}
.no-touchevents
  .footer-languageswitch-country:hover
  .footer-languageswitch-countryname {
  border-color: #000;
}
.footer-bottom__link,
.footer-top__link {
  display: inline-block;
  padding-bottom: 10px;
  padding-top: 10px;
}
.footer-bottom__link:hover,
.footer-top__link:hover {
  text-decoration: none;
}
@media (min-width: 640px) {
  .footer-bottom__link,
  .footer-top__link {
    border-bottom: 1px solid transparent;
    padding-bottom: 0;
    padding-top: 0;
    transition: border-color 0.3s ease-out;
  }
  .footer-bottom__link:hover,
  .footer-top__link:hover {
    border-color: #000;
  }
}
form {
  font-size: 0.88889rem;
  font-weight: 300;
}
input:disabled,
select:disabled,
textarea:disabled {
  cursor: not-allowed;
}
.uk-input,
.uk-select {
  padding: 0 0.8em;
}
.float-label {
  position: relative;
}
.float-label input {
  font-size: 0.88889rem;
  height: 50px;
  padding-bottom: 2px;
  padding-top: 25px;
}
.float-label textarea {
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  height: 8em;
  line-height: 1.44444rem;
  margin-top: 25px;
  padding-left: 0;
  padding-top: 0;
  transition: height 0.3s;
}
.float-label textarea::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.float-label textarea:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}
.float-label textarea:-moz-placeholder-shown:not(:focus) {
  height: 2em;
}
.float-label textarea:-ms-input-placeholder:not(:focus) {
  height: 2em;
}
.float-label textarea:placeholder-shown:not(:focus) {
  height: 2em;
}
.float-label textarea:-moz-placeholder-shown:not(:focus) + label {
  color: #000;
  font-size: 0.88889rem;
  top: 29px;
}
.float-label textarea:-ms-input-placeholder:not(:focus) + label {
  color: #000;
  font-size: 0.88889rem;
  top: 29px;
}
.float-label textarea:placeholder-shown:not(:focus) + label {
  color: #000;
  font-size: 0.88889rem;
  top: 29px;
}
.float-label textarea:focus {
  border-bottom: 1px solid #000;
}
.float-label input {
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  padding-left: 0;
}
.float-label input::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.float-label input:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}
.float-label input:-moz-placeholder-shown:not(:focus) + label {
  color: #000;
  font-size: 0.88889rem;
  top: 22px;
}
.float-label input:-ms-input-placeholder:not(:focus) + label {
  color: #000;
  font-size: 0.88889rem;
  top: 22px;
}
.float-label input:placeholder-shown:not(:focus) + label {
  color: #000;
  font-size: 0.88889rem;
  top: 22px;
}
.float-label input:focus {
  border-bottom: 1px solid #000;
}
.float-label label {
  color: #5d5d5d;
  font-size: 0.72222rem;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s;
}
.float-label label:hover {
  cursor: text;
}
.float-label select {
  background-color: transparent !important;
  background-image: none !important;
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  cursor: pointer;
  font-size: 0.88889rem;
  padding-left: 0;
  padding-right: 30px !important;
}
.float-label select:focus {
  border-bottom-color: #000;
}
.float-label .select-wrapper {
  display: inline-block;
  margin-top: 25px;
  position: relative;
  width: 100%;
}
//newly added
.float-label .select-wrapper-language{
  display: inline-block;
  margin-top: 5px;
  position: relative;
  width: 100%;
}
//newly added
.float-label .select-wrapper-country{
  display: inline-block;
  margin-top: 5px;
  position: relative;
  width: 100%;
}

.float-label .select-arrow {
  line-height: 1;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.float-label .select-arrow svg {
  width: 14px;
}
.float-label .uk-form-danger {
  border-color: #d0021b !important;
}
.float-label--with-icon .uk-input {
  padding-right: 30px;
}
.float-label__icon {
  bottom: 4px;
  position: absolute;
  right: 2px;
}
@media (max-width: 959px) {
  .float-label input:-moz-placeholder-shown:not(:focus) + label {
    font-size: 0.88889rem;
    line-height: 1.7;
  }
  .float-label input:-ms-input-placeholder:not(:focus) + label {
    font-size: 0.88889rem;
    line-height: 1.7;
  }
  .float-label input,
  .float-label input:placeholder-shown:not(:focus) + label,
  .float-label select,
  .uk-checkbox + label,
  .uk-radio + label {
    font-size: 0.88889rem;
    line-height: 1.7;
  }
}
@media (max-width: 639px) {
  .uk-checkbox,
  .uk-radio {
    margin-top: 0 !important;
  }
}
.uk-radio {
  margin-left: 40px !important;
}
.uk-radio:first-of-type {
  margin-left: 0 !important;
}
.uk-checkbox,
.uk-radio {
  border: 1px solid #d8d8d8;
  margin: 0.15em 10px 0 0;
  min-width: 21px;
}
.uk-checkbox + label,
.uk-radio + label {
  cursor: pointer;
}
.uk-radio:active,
.uk-radio:checked,
.uk-radio:focus {
  background-color: transparent !important;
  border-color: #000;
}
.uk-radio:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(.5 .5)' stroke='%23000' fill='none' fill-rule='evenodd'%3E%3Ccircle cx='10' cy='10' r='10'/%3E%3Ccircle fill='%23000' cx='10' cy='10' r='4.286'/%3E%3C/g%3E%3C/svg%3E");
}
.uk-checkbox:active,
.uk-checkbox:checked,
.uk-checkbox:focus {
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-size: 100%;
  border-color: #000;
}
.uk-checkbox:active.uk-checkbox--rounded + label:after,
.uk-checkbox:checked.uk-checkbox--rounded + label:after,
.uk-checkbox:focus.uk-checkbox--rounded + label:after {
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
}
.uk-checkbox--custom {
  opacity: 0;
}
.register-agree-zbk__wrapper .uk-checkbox--custom {
  display: none;
}
.uk-checkbox--custom:disabled + label:before {
  background-color: #f4f4f4;
  border-color: #d8d8d8;
  cursor: default;
}
.uk-checkbox--custom + label:before {
  border: 1px solid #5d5d5d;
  content: " ";
  display: inline-block;
  height: 21px;
  left: 0;
  margin: 0 10px 0 0;
  min-width: 21px;
  position: absolute;
  top: 0;
  width: 21px;
}
.uk-grid .uk-checkbox--custom + label:before {
  left: 30px;
}
@media (min-width: 1200px) {
  .uk-grid .uk-checkbox--custom + label:before {
    left: 40px;
  }
}
.uk-checkbox--custom:checked + label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M9.943.178L3.547 6.52 1.055 4.05a.622.622 0 00-.874.002.61.61 0 000 .866l2.93 2.903a.627.627 0 00.435.18h.002a.618.618 0 00.436-.18l6.834-6.773a.608.608 0 000-.869.623.623 0 00-.875 0z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60%;
  border: 1px solid #000;
  content: " ";
  display: inline-block;
  height: 21px;
  left: 0;
  margin: 0 10px 0 0;
  position: absolute;
  top: 0;
  width: 21px;
}
.uk-grid .uk-checkbox--custom:checked + label:after {
  left: 30px;
}
@media (min-width: 1200px) {
  .uk-grid .uk-checkbox--custom:checked + label:after {
    left: 40px;
  }
}
.uk-checkbox:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M9.943.178L3.547 6.52 1.055 4.05a.622.622 0 00-.874.002.61.61 0 000 .866l2.93 2.903a.627.627 0 00.435.18h.002a.618.618 0 00.436-.18l6.834-6.773a.608.608 0 000-.869.623.623 0 00-.875 0z'/%3E%3C/svg%3E");
  background-size: 12px;
}
.uk-checkbox--rounded {
  border-radius: 50%;
  margin-top: 0;
  opacity: 0;
}
.uk-checkbox--rounded:checked + label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.438 6.743L.248 4.492A.894.894 0 01.25 3.254a.838.838 0 011.201.002L3.04 4.887 7.55.253a.838.838 0 011.2.002.893.893 0 010 1.238l-5.108 5.25A.84.84 0 013.04 7a.844.844 0 01-.602-.257z' fill='%23fff'/%3E%3C/svg%3E");
  background-color: #000 !important;
  background-size: 50%;
}
.uk-checkbox--rounded + label:before {
  border: 1px solid #d8d8d8;
}
.uk-checkbox--rounded + label:after {
  border: 1px solid transparent;
}
.uk-checkbox--rounded + label:after,
.uk-checkbox--rounded + label:before {
  border-radius: 50%;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.uk-checkbox.uk-checkbox--color {
  border-radius: 50%;
  margin-top: 0;
  position: relative;
}
.uk-checkbox.uk-checkbox--color:active,
.uk-checkbox.uk-checkbox--color:checked,
.uk-checkbox.uk-checkbox--color:focus {
  background-color: transparent !important;
  background-size: 100%;
  border-color: #000;
}
.uk-checkbox.uk-checkbox--color:checked + .uk-checkbox--color-label {
  border-color: #000;
}
.uk-checkbox.uk-checkbox--color:checked + .uk-checkbox--color-label:after,
.uk-checkbox.uk-checkbox--color:checked:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.438 6.743L.248 4.492A.894.894 0 01.25 3.254a.838.838 0 011.201.002L3.04 4.887 7.55.253a.838.838 0 011.2.002.893.893 0 010 1.238l-5.108 5.25A.84.84 0 013.04 7a.844.844 0 01-.602-.257z' fill='%23fff'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  bottom: 0;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.uk-checkbox.uk-checkbox--color.bgcolor-10 + .uk-checkbox--color-label:after,
.uk-checkbox.uk-checkbox--color.bgcolor-10:checked:after,
.uk-checkbox.uk-checkbox--color.bgcolor-15 + .uk-checkbox--color-label:after,
.uk-checkbox.uk-checkbox--color.bgcolor-15:checked:after,
.uk-checkbox.uk-checkbox--color.bgcolor-70 + .uk-checkbox--color-label:after,
.uk-checkbox.uk-checkbox--color.bgcolor-70:checked:after,
.uk-checkbox.uk-checkbox--color.bgcolor-85 + .uk-checkbox--color-label:after,
.uk-checkbox.uk-checkbox--color.bgcolor-85:checked:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.438 6.743L.248 4.492A.894.894 0 01.25 3.254a.838.838 0 011.201.002L3.04 4.887 7.55.253a.838.838 0 011.2.002.893.893 0 010 1.238l-5.108 5.25A.84.84 0 013.04 7a.844.844 0 01-.602-.257z'/%3E%3C/svg%3E");
}
.sil-range {
  -webkit-appearance: none;
  width: 100%;
  padding: 9px 0;
}
.sil-range:focus {
  outline: none;
}
.sil-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
  background: hsla(0, 0%, 77.6%, 0.78);
  border-radius: 1.3px;
  border: 0 solid #010101;
}
.sil-range::-webkit-slider-thumb {
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
  border: 1px solid #c6c6c6;
  height: 20px;
  width: 20px;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9px;
}
.sil-range:focus::-webkit-slider-runnable-track {
  background: hsla(0, 0%, 77.6%, 0.78);
}
.sil-range::-moz-range-track {
  width: 100%;
  height: 2px;
  background: hsla(0, 0%, 77.6%, 0.78);
  border-radius: 1.3px;
  border: 0 solid #010101;
}
.sil-range::-moz-range-thumb,
.sil-range::-moz-range-track {
  cursor: pointer;
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
}
.sil-range::-moz-range-thumb {
  border: 1px solid #c6c6c6;
  height: 20px;
  width: 20px;
  border-radius: 12px;
  background: #fff;
}
.sil-range::-ms-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAeCAYAAAALvL+DAAAKrmlDQ1BJQ0MgUHJvZmlsZQAASImVlgdUU2kWx7/3XnqBQEIoUkLvvQWQXgMovdoICZBQYgwEBTsyOIJjQUUElQEdqoJjAWQUEQsWBsWGfUAGBXUcLNhQmQcsYWf37O7Zf87N9zs33/u/+768e84FgHKXKxanwzQAMkRZknB/L1ZsXDwLPwAQoARIQA+QuLxMsWdoaDBANbP+Xe/vAGhyvWk+6fXvv/9XKfCTMnkAQKEoJ/IzeRkoH0ejnSeWZAGAoAF0l2eJJ7kUZYYELRDlQ5OcMs0dk5w4zbem9kSGe6M8DACBwuVKUgAgv0PzrGxeCupDYaBsJeILRSj7oOzGE3D5KOejbJaRsXSSj6BslPhPPil/80yUeXK5KTKefpYpEXyEmeJ0bs7/eRz/Wxnp0pl76KBBEUgCwtGViZ5ZbdrSIBmLEueHzLCQP7V/igXSgKgZ5mV6x88wn+sTNMPStCjPGeZKZq8VZnEiZ1iyNFzmL0qfHyzzT+LIOCnTN2KGk4V+nBnOFUTGzHC2MHr+DGemRQTN7vGW5SXScFnNyRI/2TNmZM7WxuPO3itLEBkwW0OsrB5+ko+vLC+Kku0XZ3nJPMXpobP1p/vL8pnZEbJrs9AXbIZTuYGhsz6hsvMBPsAXBKMfFggFNsAWWAM7gFaVlbRi8p0G3kvFORJhiiCL5Yl2TRKLI+JZmLFsrKwdAZjswem/+O3dqd6CmITZXNIxAOys0CRtNifgAtCGBYBWNJsz6kTb6woAZ4t5Ukn2dA4z+YVFO1seMIAq0AS6wAiYo/U5ABfggVYcCEJAJIgDiwEPCEAGkIDlYBVYDwpAEdgGdoEyUAEOgFpwGBwFLeAUOAsugqvgOrgNHoB+MARegFHwHoxDEISHqBAdUoW0IH3IFLKB2JAb5AsFQ+FQHJQApUAiSAqtgjZARVAxVAZVQnXQz9BJ6Cx0GeqF7kED0Aj0BvoMIzAFZsAasAFsCbNhTzgIjoQXwSnwMjgXzoe3wKVwFXwIbobPwlfh23A//AIeQwBCRpiINmKOsBFvJASJR5IRCbIGKURKkCqkEWlDupCbSD/yEvmEwWHoGBbGHOOCCcBEYXiYZZg1mM2YMkwtphlzHnMTM4AZxXzDUrHqWFOsM5aDjcWmYJdjC7Al2GrsCewF7G3sEPY9Dodj4gxxjrgAXBwuFbcStxm3D9eE68D14gZxY3g8XhVvinfFh+C5+Cx8AX4P/hD+DP4Gfgj/kUAmaBFsCH6EeIKIkEcoIdQT2gk3CM8I40QaUZ/oTAwh8ok5xK3Eg8Q24jXiEHGcpEAyJLmSIkmppPWkUlIj6QLpIektmUzWITuRw8hC8jpyKfkI+RJ5gPyJokgxoXhTFlKklC2UGkoH5R7lLZVKNaB6UOOpWdQt1DrqOepj6kc5upyFHEeOL7dWrlyuWe6G3Ct5ory+vKf8Yvlc+RL5Y/LX5F/SiDQDmjeNS1tDK6edpPXRxhToCtYKIQoZCpsV6hUuKwwr4hUNFH0V+Yr5igcUzykO0hG6Lt2bzqNvoB+kX6APMXAMQwaHkcooYhxm9DBGlRSV7JSilVYolSudVupnIkwDJoeZztzKPMq8w/ysrKHsqZykvEm5UfmG8geVOSoeKkkqhSpNKrdVPquyVH1V01S3q7aoPlLDqJmohaktV9uvdkHt5RzGHJc5vDmFc47Oua8Oq5uoh6uvVD+g3q0+pqGp4a8h1tijcU7jpSZT00MzVXOnZrvmiBZdy01LqLVT64zWc5YSy5OVziplnWeNaqtrB2hLtSu1e7THdQx1onTydJp0HumSdNm6ybo7dTt1R/W09ObprdJr0LuvT9Rn6wv0d+t36X8wMDSIMdho0GIwbKhiyDHMNWwwfGhENXI3WmZUZXTLGGfMNk4z3md83QQ2sTcRmJSbXDOFTR1Mhab7THvNsGZOZiKzKrM+c4q5p3m2eYP5gAXTItgiz6LF4pWlnmW85XbLLstvVvZW6VYHrR5YK1oHWudZt1m/sTGx4dmU29yypdr62a61bbV9bWdql2S33+6uPd1+nv1G+077rw6ODhKHRocRRz3HBMe9jn1sBjuUvZl9yQnr5OW01umU0ydnB+cs56POf7qYu6S51LsMzzWcmzT34NxBVx1Xrmula78byy3B7Ue3fndtd657lfsTD10Pvke1xzNPY89Uz0Oer7ysvCReJ7w+eDt7r/bu8EF8/H0KfXp8FX2jfMt8H/vp+KX4NfiN+tv7r/TvCMAGBAVsD+jjaHB4nDrOaKBj4OrA80GUoIigsqAnwSbBkuC2efC8wHk75j2crz9fNL8lBIRwQnaEPAo1DF0W+ksYLiw0rDzsabh1+Krwrgh6xJKI+oj3kV6RWyMfRBlFSaM6o+WjF0bXRX+I8YkpjumPtYxdHXs1Ti1OGNcaj4+Pjq+OH1vgu2DXgqGF9gsLFt5ZZLhoxaLLi9UWpy8+vUR+CXfJsQRsQkxCfcIXbgi3ijuWyEncmzjK8+bt5r3ge/B38keSXJOKk54luyYXJw+nuKbsSBkRuAtKBC+F3sIy4evUgNSK1A9pIWk1aRPpMelNGYSMhIyTIkVRmuj8Us2lK5b2ik3FBeL+Zc7Ldi0blQRJqjOhzEWZrVkMdNjplhpJv5MOZLtll2d/XB69/NgKhRWiFd05Jjmbcp7l+uX+tBKzkreyc5X2qvWrBlZ7rq5cA61JXNO5Vndt/tqhdf7rateT1qet/zXPKq84792GmA1t+Rr56/IHv/P/rqFArkBS0LfRZWPF95jvhd/3bLLdtGfTt0J+4ZUiq6KSoi+beZuv/GD9Q+kPE1uSt/Rsddi6fxtum2jbne3u22uLFYpziwd3zNvRvJO1s3Dnu11Ldl0usSup2E3aLd3dXxpc2rpHb8+2PV/KBGW3y73Km/aq792098M+/r4b+z32N1ZoVBRVfP5R+OPdSv/K5iqDqpIDuAPZB54ejD7Y9RP7p7pqteqi6q81opr+2vDa83WOdXX16vVbG+AGacPIoYWHrh/2OdzaaN5Y2cRsKjoCjkiPPP854ec7R4OOdh5jH2s8rn987wn6icJmqDmnebRF0NLfGtfaezLwZGebS9uJXyx+qTmlfar8tNLpre2k9vz2iTO5Z8Y6xB0vz6acHexc0vngXOy5W+fDzvdcCLpw6aLfxXNdnl1nLrleOnXZ+fLJK+wrLVcdrjZ323ef+NX+1xM9Dj3N1xyvtV53ut7WO7e3/Yb7jbM3fW5evMW5dfX2/Nu9d6Lu3O1b2Nd/l393+F76vdf3s++PP1j3EPuw8BHtUclj9cdVvxn/1tTv0H96wGeg+0nEkweDvMEXv2f+/mUo/yn1ackzrWd1wzbDp0b8Rq4/X/B86IX4xfjLgj8U/tj7yujV8T89/uwejR0dei15PfFm81vVtzXv7N51joWOPX6f8X78Q+FH1Y+1n9ifuj7HfH42vvwL/kvpV+Ovbd+Cvj2cyJiYEHMl3KlRAEEDTk4G4E0NANQ4AOjXASDJTc/IU4Km5/opAv+Jp+foKTkAUN0BQPQ6AMI9ANiHhiHKNHQNRSPSA8C2trL4hzKTbW2mvcgt6GhSMjHxFp0N8cYAfO2bmBhvmZj4Wo0Wex+AjvfTs/mkaOj871Hq78sO7s0pAf+qvwDvsAWPn3GvOwAAAZppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+NDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4zMDwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgou6YvqAAAAJ0lEQVQYGWP8DwQMSIAJiQ1m0keA5cqVKyg2Y1jLOEhciuGwISwAAANVCrFsRUyaAAAAAElFTkSuQmCC")
    0 0 repeat-x;
  border-color: transparent;
  color: transparent;
}
.sil-range::-ms-fill-lower,
.sil-range::-ms-fill-upper {
  background: transparent;
  border: 0 solid #010101;
  border-radius: 2.6px;
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
}
.sil-range::-ms-thumb {
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(13, 13, 13, 0);
  border: 1px solid #c6c6c6;
  width: 20px;
  border-radius: 20px;
  background: #fff;
  cursor: pointer;
  height: 20px;
}
.sil-range:focus::-ms-fill-lower,
.sil-range:focus::-ms-fill-upper {
  background: transparent;
}
.form--dimmed {
  opacity: 0.4;
}
.form--transparent .uk-input,
.form--transparent .uk-textarea {
  background: transparent;
}
.uk-form-success,
.uk-form-success:focus {
  color: initial;
}
.uk-form-danger + label {
  color: #d0021b !important;
}
.uk-form-danger + label a {
  border-color: #d0021b !important;
  color: #d0021b !important;
}
.uk-form-danger .uk-checkbox,
.uk-form-danger .uk-radio {
  border-color: #d0021b;
}
//changed
.select-wrapper.uk-form-danger .uk-select .select-wrapper-language .select-wrapper-country{
  color: #d0021b;
}
.uk-form-danger .uk-select {
  border-color: #d0021b;
}
.form-message__headline {
  margin-top: 0.88889rem;
  text-align: center;
}
.form-error__link {
  color: #000;
  font-weight: 700;
}
.form-error__link:hover {
  color: #000;
}
.quantity-input-float-label {
  width: 4rem;
}
.quantity-input {
  outline: none;
  padding: 5px;
  text-align: center;
  width: 50px;
}
@media (min-width: 640px) {
  .gradient {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0,
      hsla(0, 0%, 100%, 0)
    );
  }
}
.gradient-small {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0, hsla(0, 0%, 100%, 0));
}
.gradient-xsmall {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.02));
}
.header-video {
  height: auto !important;
  overflow: hidden;
}
@media (min-width: 640px) {
  .header-video {
    height: 485px !important;
  }
}
.highlight-tabs {
  margin-bottom: 6.5rem;
  min-height: 280px;
}
.highlight-tabs .swiper-button-next,
.highlight-tabs .swiper-button-prev {
  background-image: none;
  outline: none;
  top: 35%;
}
.highlight-tabs .swiper-button-next svg,
.highlight-tabs .swiper-button-prev svg {
  transform: scale(0.6);
}
.highlight-tabs .swiper-button-disabled {
  display: none;
}
.highlight-tabs .swiper-button-prev {
  left: 0;
  text-align: left;
}
.highlight-tabs .swiper-button-next {
  right: 8px;
  text-align: right;
}
@media (min-width: 960px) {
  .highlight-tabs {
    margin-bottom: 6.1111rem;
  }
}
.ht__switcher {
  min-height: 280px;
}
.ht__item {
  margin: 0 auto;
  max-width: 400px;
  min-height: 120px;
  padding-top: 50px;
  position: relative;
}
@media (min-width: 640px) and (max-width: 959px) {
  .ht__item {
    max-width: 300px;
    min-height: 100px;
  }
}
.ht__navigation {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-left: 0;
  padding: 0;
  position: relative;
}
.ht__navigation-item {
  border-bottom: 1px solid #d8d8d8 !important;
  display: block;
  font-size: 1.22222rem !important;
  font-weight: 300 !important;
  line-height: 1.5em;
  padding: 20px 10px !important;
  text-align: center;
  text-transform: none !important;
  transition: color 0.1s ease-in-out;
}
.uk-active .ht__navigation-item {
  border-bottom-color: #000 !important;
  border-bottom-width: 1px !important;
  font-weight: 400 !important;
}
.ht__navigation-item:hover {
  border-bottom-width: 1px !important;
  color: #000;
  text-decoration: none;
}
@media (min-width: 640px) {
  .ht__navigation-item {
    font-size: 1.22222rem !important;
  }
}
.ht__slide-title {
  color: #333;
}
.ht__slide-subtitle {
  padding-top: 10px;
}
.swiper-container--highlight-tabs {
  margin: 0 auto;
  max-width: calc(100% - 40px);
  padding: 10px 0 0;
}
@media (min-width: 640px) {
  .swiper-container--highlight-tabs {
    padding: 10px 35px 0;
  }
  .ht-container-wrapper .swiper-container--highlight-tabs {
    padding: 20px 35px 0;
  }
}
@media (min-width: 960px) {
  .no-touchevents .ht__button,
  .no-touchevents .ht__slide-text {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
  }
}
.ht__image {
  bottom: 0;
  padding: 0 50px;
  position: absolute;
  transform: scale(1);
  transition: transform 0.25s ease-in-out;
  width: 100%;
}
.ht__image--full-height {
  position: relative;
}
@media (min-width: 960px) {
  .ht__swiper-slide .product-preview__badges {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
  }
}
@media (min-width: 960px) {
  .ht__swiper-slide:hover .ht__image {
    transform: scale(1.2);
  }
  .ht__swiper-slide:hover .ht__button,
  .ht__swiper-slide:hover .ht__slide-text,
  .ht__swiper-slide:hover .product-preview__badges {
    opacity: 1;
  }
}
.ht__swiper-slide--smaller {
  box-sizing: border-box;
}
.ht__swiper-slide--smaller .ht__image {
  box-sizing: unset;
  margin: 0 auto;
  position: static;
  width: calc(100% - 100px);
}
.ht-container-wrapper {
  margin-top: 3.5rem;
}
@media (min-width: 960px) {
  .ht-container-wrapper {
    margin-top: 6rem;
  }
}
.ds-main .ht-container-wrapper {
  margin-top: 0 !important;
}
.ds-main .highlight-tabs {
  margin-bottom: 0;
}
.iconlistitem {
  font-size: 18px;
  font-weight: 300;
  list-style: none;
  position: relative;
}
.iconlistitem i {
  border: 1px solid #fff;
  border-radius: 60px;
  display: inline-block;
  font-size: 35px;
  margin-right: 30px;
  padding: 10px;
  vertical-align: middle;
}
.iconlistitem .iconlistitem__left {
  box-sizing: border-box;
  display: inline-block;
  max-width: 110px;
  width: 25%;
}
@media (max-width: 959px) {
  .iconlistitem .iconlistitem__left {
    width: 30%;
  }
}
.iconlistitem .iconlistitem__right {
  box-sizing: border-box;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 74%;
}
@media (max-width: 959px) {
  .iconlistitem .iconlistitem__right {
    width: 69%;
  }
}
@media (max-width: 640px) {
  .iconlistitem .iconlistitem__right {
    font-size: 14px;
  }
}
.iconlistitem .icon-shape_tinted {
  position: relative;
}
.iconlistitem .icon-shape_tinted .path2:before {
  left: 10px;
  margin-left: 0;
  position: absolute;
  top: 10px;
}
.iconlistitem:first-child .iconlistitem__divider:first-child div,
.iconlistitem:last-child .iconlistitem__divider:last-child div {
  border-color: transparent;
}
.iconlistitem--large i {
  font-size: 64px;
  margin-left: -15px;
}
.iconlistitem.uk-contrast .iconlistitem__divider div,
.iconlistitem.uk-contrast i {
  border-color: #fff;
}
.iconlist {
  padding-left: 0;
  padding-right: 30px;
}
.iconlistitem__divider {
  height: 15px;
}
.uk-icon {
  transition: color 0.1s ease-out, background-color 0.1s ease-out;
}
.uk-icon.uk-icon--rotate-180 {
  transform: rotate(180deg);
}
.uk-icon--privacy {
  line-height: 1.2em;
}
.uk-icon-rotate {
  color: #5d5d5d;
  line-height: 1;
  margin-right: 0.5em;
  transform: scaleX(-1) rotate(35deg);
}
.iframe--full-size {
  height: 100vh;
  width: 100vw;
}
.body--iframe .navigation,
.iframe--full-size ~ section {
  display: none;
}
.iframe--full-body {
  height: 500px;
  width: 100%;
}
.iframe--full-height {
  background: url(../images/icons/retailersearch/ajax-loader-big.gif) no-repeat
    50%;
  height: 80vh;
  width: 100%;
}
.image-container {
  position: relative;
}
.img--force-full-width {
  max-width: none;
  width: 100%;
}
@media (min-width: 960px) {
  .img--width-auto\@m {
    max-width: 100%;
    width: auto;
  }
}
.sil-infobox {
  padding: 15px;
}
.sil-infobox--large {
  padding: 20px;
}
.instant-retailersearch {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 7em 0;
}
.instant-retailersearch__headline {
  color: #fff;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}
.instant-retailersearch__input {
  border: 0;
  border-radius: 0;
  color: #5d5d5d;
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
  font-size: 22px;
  font-weight: 300;
  margin: 0;
  max-width: calc(100% - 60px);
  padding: 20px 30px;
  text-align: center;
}
.instant-retailersearch__input:focus {
  outline: none;
}
.instant-retailersearch__input:focus::-webkit-input-placeholder {
  color: transparent;
}
.instant-retailersearch__input:focus::-moz-placeholder {
  color: transparent;
}
.instant-retailersearch__input:focus:-ms-input-placeholder {
  color: transparent;
}
.uk-background-white .instant-retailersearch {
  margin-top: 0;
}
@media (max-width: 639px) {
  .instant-retailersearch {
    padding: 2em 0;
  }
  .instant-retailersearch__input {
    font-size: 20px;
    text-align: left;
    width: calc(100% - 60px);
  }
}
@media (min-width: 640px) {
  .instant-retailersearch__input {
    width: 580px;
  }
}
.interview {
  margin-top: 70px;
}
@media (min-width: 640px) {
  .interview {
    margin-top: 140px;
  }
}
.interview a {
  border-bottom: 1px solid #000;
}
.interview a:hover {
  border-color: #5d5d5d;
  color: #5d5d5d;
  text-decoration: none;
}
.interview__separator {
  border-color: #5d5d5d;
  width: 6rem;
}
.interview-question {
  line-height: 1.675;
}
.interview-question__question {
  margin-bottom: 10px;
}
.issuu-journal {
  margin: 6.5rem auto;
}
@media (min-width: 1200px) {
  .issuu-journal .issuuembed {
    height: 570px !important;
  }
}
[v-cloak] {
  display: none;
}
.ls-hero {
  box-sizing: border-box;
}
.ls-hero,
.ls-hero .uk-position-bottom-center {
  padding-left: 30px;
  padding-right: 30px;
}
.ls-hero .uk-card-primary.uk-card-body,
.ls-hero .uk-card-primary > :not([class*="uk-card-media"]),
.ls-hero .uk-card-secondary.uk-card-body,
.ls-hero .uk-card-secondary > :not([class*="uk-card-media"]),
.ls-hero .uk-light,
.ls-hero .uk-overlay-primary,
.ls-hero .uk-section-primary:not(.uk-preserve-color),
.ls-hero .uk-section-secondary:not(.uk-preserve-color),
.ls-hero .uk-tile-primary:not(.uk-preserve-color),
.ls-hero .uk-tile-secondary:not(.uk-preserve-color) {
  color: #fff;
}
@media (max-width: 639px) {
  .ls-hero h1 {
    font-size: 2.5rem;
  }
  .ls-hero .uk-button,
  .ls-hero .uk-button-nfc {
    margin-top: 15px;
    width: 100%;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .ls-hero .uk-button,
  .ls-hero .uk-button-nfc {
    margin-top: 15px;
  }
}
.ls-hero__content {
  bottom: 0;
  min-width: 100%;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
}
@media (max-width: 639px) {
  .ls-hero__content {
    margin-bottom: 1rem !important;
  }
}
.ls-hero__continue-btn {
  min-height: 38px;
}
@media (min-width: 640px) {
  .ls-hero__continue-btn {
    margin-right: 20px;
    min-width: 252px;
  }
  .ls-hero__language-buttons .ls-hero__continue-btn {
    min-width: 140px;
  }
}
.ls-hero__language-buttons {
  opacity: 0;
  position: absolute;
  transform: translateY(5px);
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-out;
  transition-delay: 0.1s;
  width: 0;
}
.ls-hero__language-buttons--visible {
  opacity: 1;
  position: relative;
  transform: translateY(0);
  width: 100%;
}
@media (min-width: 640px) {
  .ls-hero__language-buttons--visible {
    width: auto;
  }
}
.ls-continents-button {
  margin-bottom: 40px;
}
@media (min-width: 640px) {
  .ls-continents-button {
    margin-bottom: 0;
  }
}
.languageswitch-container {
  margin: 0 auto;
  max-width: 1024px;
  padding: 0 40px;
}
.languageswitch-select {
  max-width: 300px;
}
.languageswitch-section {
  border-top: 1px solid #d8d8d8;
  margin-top: 70px;
  padding-top: 30px;
}
.continents-wrapper {
  align-content: space-between;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 30px;
}
@media (min-width: 640px) {
  .continents-wrapper {
    margin-top: 50px;
    min-height: 350px;
    padding-bottom: 0;
  }
}
.languageswitch-countrylist {
  -moz-column-count: 1;
  column-count: 1;
  display: none;
  list-style-type: none;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-top: -10px;
  max-width: 1000px;
}
@media (min-width: 640px) {
  .languageswitch-countrylist {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 5px;
  }
}
.languageswitch-countrylist.active {
  display: block;
}
.languageswitch-countrylist li {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  min-height: 1em;
  page-break-inside: avoid;
}
.languageswitch-countrylist.continent-europe {
  -moz-column-count: 1;
  column-count: 1;
}
.languageswitch-countrylist.continent-int {
  display: none;
}
@media (min-width: 960px) {
  .languageswitch-countrylist.continent-europe {
    -moz-column-gap: 30px;
    column-gap: 30px;
    -moz-column-count: 2;
    column-count: 2;
  }
}
.languageswitch-cart__icon {
  margin-left: -30px;
  position: absolute;
  top: -5px;
}
@media (min-width: 960px) {
  .languageswitch-cart__icon {
    padding-right: 9px;
  }
}
.languageswitch-select--gray,
.languageswitch-select--gray:focus {
  color: #5d5d5d;
}
.languageswitch-countrylist__name {
  font-size: 16px;
  font-weight: 300;
  line-height: 35px;
  padding-bottom: 1px;
}
@media (min-width: 640px) {
  .languageswitch-countrylist__name {
    font-size: 0.77778rem;
    font-weight: 400;
    line-height: 30px;
  }
}
.languageswitch-languagelist__link {
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 2px;
}
@media (min-width: 640px) {
  .languageswitch-languagelist__link {
    line-height: 24px;
    padding-bottom: 0;
  }
}
.languageswitch-countrylist__name,
.languageswitch-languagelist__link {
  border-bottom: 1px solid transparent;
  color: #000;
  transition: border-color 0.3s ease-out;
}
.languageswitch-countrylist__name:hover,
.languageswitch-languagelist__link:hover {
  color: #000;
  text-decoration: none;
}
.no-touchevents .languageswitch-countrylist__name:hover,
.no-touchevents .languageswitch-languagelist__link:hover {
  border-color: #000;
}
.languageswitch-countrylist__link.active .languageswitch-countrylist__name,
.languageswitch-countrylist__link.active .languageswitch-languagelist__link,
.languageswitch-countrylist__name.active,
.languageswitch-languagelist__link.active {
  border-color: #000;
  font-weight: 400;
}
.languageswitch-countrylist__link:hover {
  text-decoration: none;
}
.no-touchevents
  .languageswitch-countrylist__link:hover
  .languageswitch-countrylist__name {
  border-color: #000;
}
.languageswitch-languagelist {
  display: none;
  font-size: 0.66667rem;
  margin-left: 27px;
}
.languageswitch-languagelist span:not(:last-child) {
  display: block;
}
.languageswitch-countrylist__flag {
  margin-right: 0.4rem;
  top: -2px;
}
.languageswitch-languagelist__separator {
  font-weight: 300;
  margin: 0 3px 0 2px;
}
.languageswitch-countrylist__link {
  margin-bottom: 10px;
  position: relative;
}
.languageswitch-countrylist__link.active {
  margin-bottom: 5px;
}
@media (min-width: 959px) {
  .languageswitch-countrylist__link {
    min-width: 160px;
  }
}
.languageswitch-countrylist__link.active + .languageswitch-languagelist {
  display: block;
}
@media (max-width: 639px) {
  .languageswitch-continent-content--desktop {
    display: none;
  }
}
@media (min-width: 640px) {
  .languageswitch-continent-content--mobile,
  .languageswitch-languageselect--mobile,
  .languageswitch__button {
    display: none;
  }
}
.footer-languageswitch__flag {
  margin-right: 0.4rem;
}
.languageswitch-continent-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
@media (min-width: 640px) {
  .languageswitch-continent-wrapper {
    margin-left: 25px;
    padding-right: 10px;
    width: auto;
  }
}
@media (min-width: 959px) {
  .languageswitch-continent-wrapper {
    padding-right: 40px;
    width: auto;
  }
}
.languageswitch-continent-wrapper.continent-wrapper-international {
  margin-left: 0;
  padding-right: 0;
}
.languageswitch-continent-content__url {
  color: #000;
  display: block;
  padding-bottom: 20px;
}
.languageswitch-continent-content__url:hover {
  color: #000;
  text-decoration: none;
}
@media (min-width: 640px) {
  .languageswitch-continent-content__url {
    padding-bottom: 0;
  }
}
.languageswitch-continent__name {
  font-size: 0.88889rem;
  line-height: 26px;
  text-align: left;
}
.languageswitch-continent__icon-globe {
  margin-left: 0;
}
@media (min-width: 640px) {
  .languageswitch-continent__icon-globe {
    margin-left: -25px;
    position: absolute;
  }
  .languageswitch-continent__icon-globe svg {
    margin-top: -1px;
  }
}
.languageswitch-continent__icon-dropdown {
  float: right;
  padding-left: 5px;
}
@media (min-width: 640px) {
  .languageswitch-continent__icon-dropdown {
    display: none;
  }
}
.languageswitch-continent__icon-dropdown-international {
  display: block;
}
.languageswitch-languagelist__international {
  display: block;
  margin-left: 0;
}
.continent-international,
.continent-international .international {
  display: none;
}
.languageswitch-cart__icon svg {
  margin-top: -5px;
}
.languageswitch-countrylist__item-cn {
  min-width: 115px;
}
@media (min-width: 960px) {
  .languageswitch-countrylist__item-cn {
    min-width: 125px;
  }
}
@media (min-width: 960px) {
  .languageswitch-continent-content {
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  .languageswitch-continent-wrapper-europe .languageswitch-countrylist-wrapper {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
  }
  .languageswitch-continent-wrapper-europe
    .languageswitch-countrylist-wrapper:nth-of-type(8) {
    -moz-column-break-after: column;
    break-after: column;
    display: block;
  }
}
.uk-lightbox-toolbar {
  background: transparent;
}
.uk-lightbox-toolbar-icon {
  background-color: hsla(0, 0%, 100%, 0.7);
  border-radius: 50%;
  height: 50px;
  width: 50px;
}
.uk-lightbox-toolbar-icon svg {
  color: #000;
}
.uk-lightbox-button {
  background-color: hsla(0, 0%, 100%, 0.7);
  color: #000;
  height: 90px;
  width: 60px;
}
.uk-lightbox-button svg {
  color: #000;
  fill: #000;
}
.uk-lightbox-button > svg:nth-child(2) {
  display: none;
}
.login__forgot-pw-link svg {
  width: 20px;
}
.login__register-wrapper {
  margin-top: 40px;
}
@media (min-width: 960px) {
  .login__register-wrapper {
    margin-top: 0;
  }
}
.lookbook__progress-container {
  background-color: #d8d8d8;
  bottom: 18.5px;
  height: 1px;
  left: 50%;
  margin-left: -120px;
  padding-right: 60px;
  position: fixed;
  transform: translateY(-54px);
  width: 180px;
  z-index: 2000;
}
@media (min-width: 1600px) {
  .lookbook__progress-container {
    right: 60px;
  }
}
@media (max-width: 639px) {
  .lookbook__progress-container {
    display: none;
  }
}
.lookbook__progress-bar {
  background-color: #000;
  height: 3px;
  left: 0;
  position: relative;
  top: -1px;
  transition: top 0.3s linear;
  width: 60px;
}
@media (max-width: 639px) {
  .lookbook__progress-bar {
    display: none;
  }
}
.refined-nature--ie .lookbook__progress-container {
  display: none;
}
.uk-sticky-fixed .refined-nature--ie .lookbook__progress-container {
  display: block;
}
.lookbook__item {
  margin-bottom: 10px;
}
.lookbook__item:last-of-type {
  margin-bottom: 0;
}
.lookbook__textwrapper {
  margin: 0 auto;
  max-width: 70%;
}
.lookbook__imagewrapper {
  height: 450px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.lookbook__imagewrapper .lookbook__image {
  height: 100%;
  transform: scale(1);
  transition: transform 0.3s ease;
  width: 100%;
  will-change: transition;
}
.lookbook__imagewrapper-kenburns:hover .lookbook__image {
  transform: scale(1.03);
}
@media (max-width: 639px) {
  .lookbook__item {
    margin-bottom: 5em;
  }
  .lookbook__textwrapper {
    margin-top: 2em;
    max-width: 90%;
  }
}
@media (max-width: 959px) {
  .lookbook__imagewrapper {
    height: 350px;
  }
}
.lookbook__award {
  padding: 20px;
}
.lookbook__award-image {
  max-width: 160px;
}
@media (min-width: 640px) {
  .uk-margin-large-right\@s {
    margin-right: 70px;
  }
}
.minicart-items-small__wrapper {
  border: 2px solid #f4f4f4;
  padding: 0 20px 20px;
}
.minicart-items-small__wrapper .uk-icon {
  height: 20px;
  width: 20px;
}
.minicart-items-small__image {
  max-height: 60px;
}
@media (max-width: 639px) {
  .minicart-items-small__price,
  .minicart-items-small__quantity {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}
.minicart {
  background-color: #fff;
  color: #000;
  padding: 0;
  width: 100%;
}
@media (min-width: 640px) {
  .minicart {
    width: 425px;
  }
}
.minicart__close-icon {
  padding: 10px;
  right: 16px;
  top: 22px;
}
.minicart__close-icon svg {
  width: 22px;
}
.minicart__close-icon:active,
.minicart__close-icon:focus,
.minicart__close-icon:hover {
  color: #000;
}
@media (max-width: 959px) {
  .minicart__close-icon {
    right: 14px;
    top: 20px;
  }
  .minicart__close-icon svg {
    width: 20px;
  }
}
.minicart__wrapper {
  height: 100%;
}
.minicart__empty {
  height: 100%;
  padding: 20px;
}
.minicart__items {
  background: #fff;
}
.minicart__items ul {
  margin: 0;
  padding: 0;
}
.minicart__summary {
  background: #fff;
  bottom: 0;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  max-width: 100%;
  padding: 0 20px 20px;
  position: fixed;
  width: 100%;
}
@media (min-width: 640px) {
  .minicart__summary {
    max-width: none;
    width: 425px;
  }
}
.minicart__summary .minicart__max-info-text {
  margin-left: 8px;
}
.minicart__summary svg {
  margin-top: -1px;
}
.minicart-items__list {
  padding: 0;
}
.minicart__item-wraper {
  list-style-type: none;
  margin-top: 0 !important;
}
.minicart__item-wraper:not(:last-of-type) {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
.minicart__item-wraper:last-of-type {
  padding-bottom: 5px;
}
.minicart__item-wraper.steptwo {
  margin: 0 10px;
  padding: 0;
}
.minicart__item-wraper.steptwo.edit-mode {
  border: 0;
  margin: 10px;
}
.minicart__item-wraper.steptwo.edit-mode .step-two-items {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.minicart__item-wraper .uk-icon {
  height: 20px;
  width: 20px;
}
.minicart__item {
  list-style-type: none;
  margin-top: 0 !important;
}
.minicart__item.step-two-items {
  box-shadow: none;
  margin: 0;
  padding: 20px;
}
@media (min-width: 640px) {
  .minicart__item .minicart__step-two-image {
    align-items: center;
  }
}
.minicart__item-image-link {
  margin: 0 auto;
  max-width: 400px;
}
.minicart__item-image {
  width: 100%;
}
.minicart__item-edit-mode {
  margin-bottom: 20px;
  margin-top: 10px;
}
.minicart__item-edit-mode .minicart__item-change-button {
  margin-right: 30px;
}
.minicart__quantity-wrapper {
  border: 1px solid #d8d8d8;
  margin-top: 5px;
  padding: 2px 8px;
}
.minicart__quantity-wrapper.edit-mode {
  height: auto;
}
@media (min-width: 640px) {
  .minicart__quantity-wrapper.edit-mode {
    height: 100%;
  }
}
@media (min-width: 640px) {
  .minicart__quantity-wrapper.step-two {
    display: none;
  }
}
.minicart__quantity-wrapper.not-edit-mode {
  display: none;
}
@media (min-width: 640px) {
  .minicart__change-buttons-wrapper.step-two {
    display: none;
  }
}
.minicart__change-buttons-wrapper.not-edit-mode {
  display: none;
}
.minicart__quantity-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  padding: 0;
}
.minicart__quantity-btn.maximum-reached {
  cursor: not-allowed;
  opacity: 0.3;
}
.minicart__quantity-value {
  font-size: 1rem;
  text-align: center;
  width: 45px;
}
.minicart__item-cta-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-size: 0.77778rem;
  outline: none;
  padding: 0;
}
.minicart__item-cta-btn svg {
  height: 20px;
  position: relative;
  top: -1px;
  width: 20px;
}
.minicart__item-cta-btn-disabled .uk-link-icon-text {
  border-bottom: 1px solid transparent;
  color: #d8d8d8;
  cursor: not-allowed;
  padding-bottom: 1px;
}
.minicart__item-cta-btn-disabled .uk-link-icon-text:hover {
  color: #d8d8d8;
}
.minicart__item-cta-btn-disabled svg {
  fill: #d8d8d8;
}
.minicart__item-cta-btn-disabled:hover {
  cursor: not-allowed;
}
.minicart__maxreached-info span {
  min-width: 18px;
}
.minicart__item-cta-btn-small svg {
  position: relative;
  top: -1px;
  width: 20px;
}
.minicart__subtotal {
  border-top: 1px solid #d8d8d8;
  padding-top: 20px;
}
.minicart__total-sum {
  border-top: 1px solid #d8d8d8;
  font-size: 18px;
  margin-top: 20px;
  padding: 20px 0;
}
.minicart__max-info {
  border-top: 1px solid #000;
  padding-top: 20px;
}
.minicart__max-info svg {
  min-height: 1rem;
  min-width: 1rem;
}
.shake-animation {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: minicartShake;
  animation-name: minicartShake;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes minicartShake {
  0%,
  to {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-8px);
  }
  20% {
    transform: translateX(7px);
  }
  30% {
    transform: translateX(-6px);
  }
  40% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-4px);
  }
  60% {
    transform: translateX(3px);
  }
  70% {
    transform: translateX(-2px);
  }
  80% {
    transform: translateX(1px);
  }
  90% {
    transform: translateX(-1px);
  }
}
@keyframes minicartShake {
  0%,
  to {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-8px);
  }
  20% {
    transform: translateX(7px);
  }
  30% {
    transform: translateX(-6px);
  }
  40% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-4px);
  }
  60% {
    transform: translateX(3px);
  }
  70% {
    transform: translateX(-2px);
  }
  80% {
    transform: translateX(1px);
  }
  90% {
    transform: translateX(-1px);
  }
}
.minicart__max-info-text,
.minicart__security-text,
.minicart__total-meta-text {
  line-height: 1.4;
}
.minicart__security {
  border-top: 1px solid #000;
  padding: 20px 0;
}
.minicart__security-wrapper {
  padding: 0 22px;
}
.minicart__security-link-list,
.minicart__security-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.minicart__security-link-list {
  background-color: #f4f4f4;
  padding: 20px 22px 22px;
}
.minicart__security-check-icon svg {
  margin-top: 6px;
  min-height: 20px;
  min-width: 20px;
}
@media (max-width: 959px) {
  .minicart__security-check-icon svg {
    margin-top: 3px;
  }
}
.minicart__item--unavailable .minicart__item-image {
  opacity: 0.4;
}
.minicart-preview__badges.minicart-preview__badges--right > * {
  margin-top: 8px;
}
@media (min-width: 640px) {
  .minicart-preview__badges.minicart-preview__badges--right > * {
    padding-right: 10px;
  }
}
.minicart__bag-icon svg {
  height: 30px;
  width: 30px;
}
.minicart__all-products.sidebar {
  height: auto;
  padding-bottom: 200px;
}
.minicart__delivered-products {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
  margin: 0 20px 20px;
}
.minicart__delivered-products .minicart__delivered-products-header {
  background: #f4f4f4;
  border-bottom: 2px solid #d8d8d8;
  padding: 10px;
}
.minicart__delivered-products .minicart__delivered-products-items {
  padding: 10px;
}
.minicart__delivered-products .minicart__delivered-products-items.edit-mode {
  padding: 0;
}
.minicart__delivered-products.step-two-products {
  border: 2px solid #f4f4f4;
  box-shadow: none;
  margin: 0;
}
.minicart__delivered-products.step-two-products
  .minicart__delivered-products-items {
  padding: 0;
}
.minicart__delivered-products.step-two-products.edit-mode {
  border: 0;
}
.minicart__header {
  padding: 25px 20px;
}
.minicart__icon {
  min-height: 20px;
  min-width: 20px;
}
.item-discounted {
  color: #5d5d5d;
  font-weight: 300;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  text-decoration-thickness: 1px;
}
.discounted-amount {
  margin-right: 10px;
}
.minicart__image {
  flex-shrink: 0;
}
.discount-number-container {
  position: relative;
}
.discount-number-container .discount-number {
  left: -7px;
  position: absolute;
}
.uk-modal-container .uk-modal-dialog--small {
  width: 40rem !important;
}
.uk-modal-dialog.uk-modal-dialog--extra-small {
  width: 24rem !important;
}
[data-uk-close] > svg,
[uk-close] > svg {
  display: none;
}
.uk-modal-dialog .uk-close {
  color: #000;
}
.uk-modal-dialog .uk-close:hover {
  color: #5d5d5d;
}
.uk-modal-dialog--dark .uk-close {
  color: #fff;
}
.uk-modal-dialog--dark .uk-close:hover {
  color: #d8d8d8;
}
.uk-modal-full .uk-close {
  right: 15px;
  top: 15px;
}
@media (min-width: 960px) {
  .uk-modal-full .uk-close {
    right: 12px;
    top: 13px;
  }
}
.uk-modal-full .uk-modal-dialog {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
.uk-modal-dialog.uk-modal-dialog--center {
  margin: 25vh auto;
  padding: 40px 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 640px) {
  .uk-modal-dialog.uk-modal-dialog--center > div {
    min-width: 300px;
  }
}
@media (max-width: 640px) {
  .uk-modal-dialog.uk-modal-dialog--center {
    padding: 30px;
    width: auto;
  }
}
.uk-modal-dialog.uk-modal-dialog--center div {
  text-align: left !important;
}
.motion-squares--text.motion-squares {
  background-color: #fff;
}
@media (min-width: 640px) {
  .motion-squares--text.motion-squares .motion-square--center,
  .motion-squares--text.motion-squares .motion-square--right {
    margin-top: 0;
  }
}
@media (min-width: 640px) {
  .motion-squares--text.motion-squares .uk-grid {
    padding: 0;
  }
}
.motion-squares--text.motion-squares .motion-squares__wrapper {
  margin-left: -30px;
  transform: translateY(20px);
}
.motion-squares--text.motion-squares .motion-square__inner,
.motion-squares--text.motion-squares .motion-squares__text-descr {
  padding: 0;
}
.motion-squares__text-descr {
  font-size: 0.88889rem;
  font-weight: 300;
  line-height: 1.7;
  margin: 0;
  padding: 0 15px;
}
.motion-squares__text-title {
  font-size: 1.22222rem;
  margin: 20px 0 10px;
}
@media (min-width: 640px) {
  .slide-bottom-small {
    -webkit-animation: slidebottomsmall 0.9s ease-in-out forwards;
    animation: slidebottomsmall 0.9s ease-in-out forwards;
  }
  .slide-bottom-medium {
    -webkit-animation: slidebottommedium 0.9s ease-in-out forwards;
    animation: slidebottommedium 0.9s ease-in-out forwards;
  }
  .slide-bottom-large {
    -webkit-animation: slidebottomlarge 0.9s ease-in-out forwards;
    animation: slidebottomlarge 0.9s ease-in-out forwards;
  }
  .slide-bottom-large .motion-squares__text-descr,
  .slide-bottom-large .motion-squares__text-title,
  .slide-bottom-medium .motion-squares__text-descr,
  .slide-bottom-medium .motion-squares__text-title,
  .slide-bottom-small .motion-squares__text-descr,
  .slide-bottom-small .motion-squares__text-title {
    -webkit-animation: fadeinsmall 1.8s ease-in-out forwards;
    animation: fadeinsmall 1.8s ease-in-out forwards;
  }
}
@-webkit-keyframes fadeinsmall {
  0%,
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeinsmall {
  0%,
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slidebottomsmall {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slidebottomsmall {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slidebottommedium {
  0% {
    opacity: 0;
    transform: translateY(35px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slidebottommedium {
  0% {
    opacity: 0;
    transform: translateY(35px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slidebottomlarge {
  0% {
    opacity: 0;
    transform: translateY(55px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slidebottomlarge {
  0% {
    opacity: 0;
    transform: translateY(55px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.motion-squares {
  min-height: 400px;
}
.motion-squares img {
  max-width: 100%;
}
@media (min-width: 960px) {
  .motion-squares {
    min-height: 500px;
  }
}
@media (min-width: 640px) {
  .motion-squares .uk-grid {
    padding: 0 60px;
  }
}
@media (min-width: 640px) {
  .motion-squares__negative-margin {
    margin-top: -50px;
  }
}
.motion-squares__wrapper {
  margin: 0 auto;
}
.motion-squares--linear .motion-squares__wrapper {
  z-index: 1;
}
@media (min-width: 640px) {
  .motion-squares__wrapper {
    transform: translateY(-60px);
  }
  .motion-squares--linear .motion-squares__wrapper {
    transform: translateY(50px);
  }
}
@media (max-width: 639px) {
  .motion-squares__wrapper {
    display: block;
  }
}
.motion-square {
  -webkit-animation-duration: 1.2s !important;
  animation-duration: 1.2s !important;
  position: relative;
}
@media (max-width: 639px) {
  .motion-square {
    margin-top: 25px;
    transform: none !important;
  }
  .motion-square:first-child {
    margin-top: 0;
  }
}
.motion-square__inner {
  padding: 5px;
}
@media (min-width: 640px) {
  .motion-square--center {
    margin-top: 40px;
  }
}
@media (min-width: 640px) {
  .motion-square--right {
    margin-top: 90px;
  }
}
.motion-squares--linear {
  min-height: auto;
}
.motion-squares--linear .motion-square {
  -webkit-animation-duration: 2.5s !important;
  animation-duration: 2.5s !important;
}
.motion-squares--linear > .uk-container {
  padding-bottom: 15px;
}
.motion-squares__background {
  background-color: #f4f4f4;
  bottom: -2px;
  box-sizing: border-box;
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.myaccount__edit-account-btn,
.myaccount__edit-address-btn {
  position: absolute;
  right: 0;
  top: 2px;
}
.myaccount__actionlinks svg {
  color: #000;
}
.myaccount__change-icon,
.myaccount__change-icon svg,
.myaccount__delete-icon,
.myaccount__delete-icon svg {
  width: 20px;
}
.myaccount__orderhistory-empty-text,
.myaccount__orderhistory-headline {
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 1200px) {
  .myaccount__orderhistory-empty-text,
  .myaccount__orderhistory-headline {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.myaccount__orderhistory-header {
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  text-transform: uppercase;
}
@media (min-width: 960px) {
  .myaccount-tile-spacing--left {
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .myaccount-tile-spacing--left {
    padding-left: 40px;
  }
}
.myaccount__orderhistory-order {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.myaccount__orderhistory-order:not(:last-of-type) {
  border-bottom: 1px solid #d8d8d8;
}
.myaccount__orderhistory-statusicon svg path {
  fill: #5d5d5d;
}
.myaccount__orderhistory-pagination {
  margin-top: 30px;
}
@media (max-width: 959px) {
  .myaccount__ship-address {
    margin-top: 40px;
  }
  .myaccount__orderhistory-header {
    display: none;
  }
  .myaccount__orderhistory-order:not(:last-of-type) {
    margin-bottom: 20px;
  }
  .myaccount__orderhistory-order {
    padding-left: 30px;
    padding-right: 30px;
  }
  .myaccount__orderhistory-detail-link,
  .myaccount__orderhistory-status {
    margin-top: 10px;
  }
}
@media (min-width: 960px) {
  .myaccount__account-information-spacing {
    margin-bottom: 20px;
  }
  .myaccount__orderhistory-ordernumber span {
    display: none;
  }
}
@media (min-width: 1200px) {
  .myaccount__orderhistory-pagination {
    margin-top: 40px;
  }
}
.navigation__meta {
  transition: opacity 0.5s ease-out;
}
@media (min-width: 960px) {
  .navigation__meta {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.navigation__meta-list {
  display: flex;
}
@media (min-width: 960px) {
  .navigation__meta-list {
    margin: 0;
    padding: 0;
  }
}
.navigation--expanded-mobile .navigation__meta-list {
  border-top: 2px solid #f4f4f4;
  flex-direction: column;
  margin-top: 27px;
  padding: 27px 0 0;
}
.navigation__meta .navigation__item {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  padding: 0 15px 0 0;
}
.navigation__meta .navigation__item a {
  font-size: 0.77778rem;
  line-height: 1rem;
}
.navigation__meta .navigation__item a:hover {
  text-decoration: none;
}
@media (min-width: 960px) {
  .navigation__meta .navigation__item {
    padding-right: 0;
    position: relative;
  }
  .navigation__meta .navigation__item svg {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 959px) {
  .navigation__meta .navigation__item {
    display: block;
    height: 45px;
    min-width: 35px;
    opacity: 1;
    padding: 0;
    position: relative;
    text-align: left;
  }
  .navigation__meta .navigation__item a {
    font-size: 16px;
    padding-left: 35px;
  }
  .navigation__meta .navigation__item svg {
    left: 0;
    position: absolute;
    top: 40%;
    transform: translateY(-100%);
  }
}
@media (max-width: 959px) {
  .navigation__meta .navigation__retailersearch {
    display: none;
    width: 100%;
  }
  .navigation--expanded-mobile .navigation__meta .navigation__retailersearch {
    box-sizing: content-box;
    display: block;
  }
}
@media (min-width: 960px) {
  .navigation__meta .navigation__retailersearch {
    line-height: 1rem;
    padding-left: 0;
  }
}
@media (max-width: 959px) {
  .navigation__meta .navigation__retailersearch svg {
    transform: translateY(-85%);
  }
}
@media (min-width: 960px) {
  .navigation__meta .navigation__retailersearch svg {
    position: relative;
    top: auto;
    transform: scale(1) translateY(0);
  }
}
@media (min-width: 960px) {
  .navigation__meta-search.navigation__meta {
    margin-left: 5px;
  }
  .navigation__meta-search.navigation__meta .navigation__item {
    padding-left: 20px;
    padding-right: 0;
  }
}
.navigation__meta-search.navigation__meta .navigation__item--hamburger {
  padding-left: 0;
}
.navigation-general__hamburger-inner .navigation__item-icon {
  left: auto !important;
  padding: 0 10px;
  position: relative !important;
}
.dropdown--collapsed-navi {
  left: 40px;
}
.navigation-account__hamburger-inner {
  left: 25px;
  position: absolute;
  top: 7px;
}
.navigation-account__hamburger-inner .navigation__item-icon {
  left: -15px !important;
  padding: 0 10px;
  position: relative !important;
}
.navigation-account__hamburger-inner .navigation__retailersearch {
  display: block;
  min-width: 38px;
  position: relative;
}
@media (min-width: 960px) {
  .has-favourites + .navigation__item-text {
    padding-left: 20px;
  }
}
@media (max-width: 959px) {
  .navigation--expanded-mobile .navigation__meta-list li:nth-child(7) {
    order: 100;
  }
  .navigation--expanded-mobile .navigation__meta-list li:first-child {
    order: 110;
  }
  .navigation--expanded-mobile .navigation__meta-list li:nth-child(5) {
    order: 120;
  }
  .navigation--expanded-mobile .navigation__meta-list li:nth-child(6) {
    order: 130;
  }
  .navigation--expanded-mobile .navigation__meta-list li:nth-child(2) {
    order: 140;
  }
  .navigation--expanded-mobile .navigation__meta-list li:nth-child(3) {
    order: 150;
  }
  .navigation--expanded-mobile .navigation__meta-list li:nth-child(4) {
    order: 160;
  }
}
@media (max-width: 959px) {
  .navigation--expanded-mobile .navigation__meta-search {
    border-top: 2px solid #f4f4f4;
    margin-top: 27px;
    padding: 27px 27px 0;
    position: static !important;
  }
  .navigation--expanded-mobile .navigation__meta-search li:nth-child(2) {
    order: 102;
  }
}
@media (max-width: 959px) {
  .navigation--expanded-mobile .navigation__meta-account {
    border-top: transparent;
    margin-top: 0;
    padding: 0 20px 27px;
    position: static !important;
  }
}
.navigation--expanded-mobile
  .navigation__meta-account
  .navigation__item.uk-hidden {
  display: none !important;
}
@media (max-width: 959px) {
  .navigation--expanded-mobile .navigation__badge {
    bottom: -2px;
    right: -6px;
  }
  .navigation--expanded-mobile .navigation__meta-account .navigation__item-icon,
  .navigation--expanded-mobile .navigation__retailersearch svg {
    text-align: center;
    width: 20px;
  }
  .navigation--expanded-mobile .navigation__input-icon {
    background-position: top;
    background-size: 20px;
    text-align: center;
    width: 20px;
  }
}
.navigation__meta-account .navigation__item-icon svg,
.navigation__meta-search .navigation__item-icon svg {
  width: 20px;
}
.navigation-spacer {
  height: 85px;
}
.navigation-spacer.navigation-spacer--xsmall {
  height: 29px;
}
.navigation-spacer.navigation-spacer--small {
  height: 49px;
}
.navigation-spacer.navigation-spacer--medium {
  height: 134px;
}
@media (max-width: 959px) {
  .navigation-spacer {
    height: 42px;
  }
  .navigation-spacer.navigation-spacer--small {
    height: 40px;
  }
  .navigation-spacer.navigation-spacer--medium {
    height: 60px;
  }
}
.navigation {
  transform: translateZ(0);
  transition: padding 0.6s ease-in-out, background-color 0.35s ease-in-out;
  width: 100%;
  z-index: 100;
}
.navigation.navigation--expanded-mobile,
.navigation.navigation--expanded:hover,
.navigation.navigation--initial:hover,
.navigation.navigation--white,
.navigation.navigation__search-expand,
.navigation.navigation__search-expanded,
.navigation:not(.navigation--expanded):not(.navigation--initial) {
  background-color: #fff;
}
.navigation.navigation--expanded-mobile .navigation__item--span:after,
.navigation.navigation--expanded-mobile
  .navigation__item
  .navigation__item-icon,
.navigation.navigation--expanded-mobile .navigation__logo,
.navigation.navigation--expanded:hover .navigation__item--span:after,
.navigation.navigation--expanded:hover .navigation__item .navigation__item-icon,
.navigation.navigation--expanded:hover .navigation__logo,
.navigation.navigation--initial:hover .navigation__item--span:after,
.navigation.navigation--initial:hover .navigation__item .navigation__item-icon,
.navigation.navigation--initial:hover .navigation__logo,
.navigation.navigation--white .navigation__item--span:after,
.navigation.navigation--white .navigation__item .navigation__item-icon,
.navigation.navigation--white .navigation__logo,
.navigation.navigation__search-expand .navigation__item--span:after,
.navigation.navigation__search-expand .navigation__item .navigation__item-icon,
.navigation.navigation__search-expand .navigation__logo,
.navigation.navigation__search-expanded .navigation__item--span:after,
.navigation.navigation__search-expanded
  .navigation__item
  .navigation__item-icon,
.navigation.navigation__search-expanded .navigation__logo,
.navigation:not(.navigation--expanded):not(.navigation--initial)
  .navigation__item--span:after,
.navigation:not(.navigation--expanded):not(.navigation--initial)
  .navigation__item
  .navigation__item-icon,
.navigation:not(.navigation--expanded):not(.navigation--initial)
  .navigation__logo {
  color: #000;
}
.navigation.navigation--expanded-mobile .hamburger-inner,
.navigation.navigation--expanded-mobile .hamburger-inner:after,
.navigation.navigation--expanded-mobile .hamburger-inner:before,
.navigation.navigation--expanded:hover .hamburger-inner,
.navigation.navigation--expanded:hover .hamburger-inner:after,
.navigation.navigation--expanded:hover .hamburger-inner:before,
.navigation.navigation--initial:hover .hamburger-inner,
.navigation.navigation--initial:hover .hamburger-inner:after,
.navigation.navigation--initial:hover .hamburger-inner:before,
.navigation.navigation--white .hamburger-inner,
.navigation.navigation--white .hamburger-inner:after,
.navigation.navigation--white .hamburger-inner:before,
.navigation.navigation__search-expand .hamburger-inner,
.navigation.navigation__search-expand .hamburger-inner:after,
.navigation.navigation__search-expand .hamburger-inner:before,
.navigation.navigation__search-expanded .hamburger-inner,
.navigation.navigation__search-expanded .hamburger-inner:after,
.navigation.navigation__search-expanded .hamburger-inner:before,
.navigation:not(.navigation--expanded):not(.navigation--initial)
  .hamburger-inner,
.navigation:not(.navigation--expanded):not(.navigation--initial)
  .hamburger-inner:after,
.navigation:not(.navigation--expanded):not(.navigation--initial)
  .hamburger-inner:before {
  border-bottom-color: #000;
}
@media (min-width: 960px) {
  .navigation.navigation--expanded .navigation__inner {
    padding: 0;
    transition: padding 0.6s ease-in-out;
  }
}
@media (max-width: 959px) {
  .navigation {
    -webkit-animation: initial;
    animation: initial;
    transition: height 0.15s ease-in-out, background-color 0.35s ease-in-out;
  }
  .navigation.navigation--collapsed-mobile {
    height: 100%;
    transition: height 0.15s ease-in-out;
  }
}
.navigation--gradient {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), transparent);
  height: 150px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.navigation-search-btn {
  cursor: pointer;
}
.navigation-search {
  display: none;
  opacity: 0;
  transform: translateX(10px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.navigation-search input {
  border: 0;
  border-bottom: 1px solid #000;
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
  font-size: 0.88889rem;
  font-weight: 300;
  padding: 4px 30px;
  width: 560px;
}
.navigation-search .navigation-search__close-btn,
.navigation-search .navigation-search__search-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.navigation-search .navigation-search__search-icon {
  left: 0;
  pointer-events: none;
}
.navigation-search .navigation-search__close-btn {
  cursor: pointer;
  display: flex;
  padding: 5px;
  right: 0;
}
@media (min-width: 960px) {
  .navigation__search-expand .navigation__item--main,
  .navigation__search-expand .navigation__meta {
    opacity: 0;
  }
  .navigation__search-expand .navigation-search {
    display: block;
  }
  .navigation__search-expanded .navigation__item--main,
  .navigation__search-expanded .navigation__meta {
    display: none;
  }
  .navigation__search-expanded .navigation-search {
    display: block;
    opacity: 1;
    transform: translateX(0);
  }
}
.navigation__item-search {
  margin-top: 1px;
}
.navigation__item-search .btn-search {
  cursor: pointer;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 5px;
  z-index: 999;
}
@media (min-width: 960px) {
  .navigation__item-search .btn-search {
    left: 30px;
    top: 15px;
  }
}
.navigation__inner {
  position: relative;
  transition: padding 0.6s ease-in-out;
}
@media (max-width: 959px) {
  .navigation__inner {
    -webkit-animation: initial;
    animation: initial;
    height: 40px;
    -webkit-overflow-scrolling: touch;
    padding-top: 0 !important;
    transition: height 0.15s ease-in-out;
  }
  .navigation--expanded-mobile .navigation__inner {
    background-color: #fff;
    font-weight: 400;
    height: 100vh;
    overflow-x: hidden;
    transition: height 0.15s ease-in-out;
    width: 100%;
  }
}
.navigation__retailershadow {
  bottom: 3px;
  left: 36px;
  position: absolute;
}
@media (min-width: 960px) {
  .navigation__retailershadow svg {
    left: -10px !important;
  }
}
@media (min-width: 960px) {
  .navigation__retailericon.animationstart svg {
    -webkit-animation: retailericon 2s infinite;
    animation: retailericon 2s infinite;
  }
}
@-webkit-keyframes retailericon {
  0%,
  20%,
  50%,
  80%,
  to {
    transform: translateY(0) scale(1);
  }
  40% {
    transform: translateY(-10px) scale(1);
  }
  60% {
    transform: translateY(-4px) scale(1);
  }
}
@keyframes retailericon {
  0%,
  20%,
  50%,
  80%,
  to {
    transform: translateY(0) scale(1);
  }
  40% {
    transform: translateY(-10px) scale(1);
  }
  60% {
    transform: translateY(-4px) scale(1);
  }
}
@-webkit-keyframes retailerpopup {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
    visibility: hidden;
  }
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg);
    visibility: visible;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    opacity: 1;
    transform: perspective(400px);
    visibility: visible;
  }
}
@keyframes retailerpopup {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
    visibility: hidden;
  }
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg);
    visibility: visible;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    opacity: 1;
    transform: perspective(400px);
    visibility: visible;
  }
}
@media (min-width: 960px) {
  .navigation__retailer-information.animationstart {
    -webkit-animation: retailerpopup 0.75s forwards;
    animation: retailerpopup 0.75s forwards;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
  }
}
.navigation__retailer-information {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  font-size: 0.77778rem;
  font-weight: 300;
  min-width: 100px;
  opacity: 0;
  padding: 10px 12px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 50px;
  visibility: hidden;
}
.navigation__arrow {
  background-color: #fff;
  border-right: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  height: 8px;
  position: absolute;
  right: 31px;
  top: -5px;
  transform: rotate(-45deg);
  width: 8px;
}
.uk-navbar-nav > li > a,
.uk-navbar-nav > li > div > a {
  align-items: center;
  display: flex;
  font-size: 16px;
  height: 100%;
  text-transform: uppercase;
}
.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li > div > a:hover {
  color: #000;
  text-decoration: none;
}
.uk-navbar-nav {
  -webkit-animation: menuCollapsed 0.6s ease-in-out 1 normal both;
  animation: menuCollapsed 0.6s ease-in-out 1 normal both;
}
@media (min-width: 960px) {
  .navigation--expanded .uk-navbar-nav {
    -webkit-animation: menuExpanded 0.6s ease-in-out 1 normal both;
    animation: menuExpanded 0.6s ease-in-out 1 normal both;
  }
}
@media (max-width: 959px) {
  .uk-navbar-nav {
    -webkit-animation: initial;
    animation: initial;
    height: 0;
    overflow: hidden;
  }
  .navigation--expanded-mobile .uk-navbar-nav {
    -webkit-animation: initial;
    animation: initial;
    display: block;
    height: auto;
    overflow: visible;
    padding-top: 1rem;
  }
}
.navigation-cart--mobile .navigation__item-icon {
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}
.navigation-cart--mobile .navigation__badge {
  bottom: -4px !important;
  right: -6px !important;
}
.navigation--expanded-mobile .navigation-cart--mobile {
  display: none;
}
.navigation__item--line {
  background-color: #000;
  bottom: 0;
  height: 2px;
  left: 0;
  margin: 0 14px;
  opacity: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
.navigation__item--main {
  transition: opacity 0.5s ease-out;
}
@media (min-width: 960px) {
  .navigation__item--main {
    height: 100%;
  }
  .navigation__item--main a {
    padding: 0 14px !important;
  }
  .navigation__item--main .navigation__item--span {
    color: transparent;
    display: inline-block;
    position: relative;
    white-space: nowrap;
  }
  .navigation__item--main:hover .navigation__item--line {
    opacity: 1;
  }
  .navigation__item--main .navigation__item--span:after {
    color: #fff;
    content: attr(data-title);
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: color 0.35s ease-in-out;
  }
  .navigation__item--main:hover .navigation__item--span:after {
    font-weight: 700;
  }
  .navigation__item--main:hover:not(.navigation__item--active)
    .navigation__item--span:after {
    padding-bottom: 1px;
  }
}
@media (max-width: 959px) {
  .navigation--expanded-mobile .navigation__item--main a {
    display: block;
    justify-content: flex-start;
    line-height: 1rem;
    padding: 15px 20px;
    text-align: left;
  }
  .navigation__item--main .subnavigation__item--filter,
  .navigation__item--main .subnavigation__item a {
    font-weight: 400;
    line-height: 1rem;
  }
  .navigation__item--main .subnavigation__item a {
    padding: 15px 25px 15px 0 !important;
  }
  .navigation__item--main .subnavigation__item--filter a {
    padding: 0 25px 0 0 !important;
  }
  .navigation__item--main .subnavigation__item--filter {
    padding: 15px 0 !important;
  }
}
.navigation__item--main.navigation__item--active {
  font-weight: 700;
}
@media (min-width: 960px) {
  .navigation__item--main-arrow,
  .navigation__item--main-arrow svg {
    display: none;
  }
}
@media (max-width: 959px) {
  .navigation__item--main-arrow {
    display: initial;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 22px;
    transform: translateY(-50%) rotate(0deg);
    width: 18px;
  }
  .navigation__item--subnav
    > .subnavigation-wrapper
    > .navigation__item--main-arrow {
    box-sizing: border-box;
    text-align: right;
    width: 100vw;
  }
  .navigation__item--main-arrow svg {
    transform: rotate(-90deg);
  }
  .subnavigation-wrapper .navigation__item--main-arrow {
    z-index: 2;
  }
}
@-webkit-keyframes menuExpanded {
  0% {
    height: 42px;
    opacity: 0;
    overflow: hidden;
    transform: scale(0.9);
  }
  to {
    height: 85px;
    opacity: 1;
    overflow: visible;
    transform: scale(1);
  }
}
@keyframes menuExpanded {
  0% {
    height: 42px;
    opacity: 0;
    overflow: hidden;
    transform: scale(0.9);
  }
  to {
    height: 85px;
    opacity: 1;
    overflow: visible;
    transform: scale(1);
  }
}
@-webkit-keyframes menuCollapsed {
  0% {
    height: 85px;
    opacity: 1;
    overflow: visible;
    transform: scale(1);
  }
  99% {
    height: 42px;
    opacity: 0;
    overflow: hidden;
    transform: scale(0.9);
  }
  to {
    height: 42px;
    opacity: 0;
    overflow: hidden;
    transform: scale(0);
  }
}
@keyframes menuCollapsed {
  0% {
    height: 85px;
    opacity: 1;
    overflow: visible;
    transform: scale(1);
  }
  99% {
    height: 42px;
    opacity: 0;
    overflow: hidden;
    transform: scale(0.9);
  }
  to {
    height: 42px;
    opacity: 0;
    overflow: hidden;
    transform: scale(0);
  }
}
.navigation__logo {
  color: #fff;
  display: block;
  transition: width 0.6s ease-in-out, transform 0.6s ease-in-out,
    color 0.35s ease-in-out;
}
@media (min-width: 960px) {
  .navigation__logo {
    left: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    z-index: 10;
  }
  .navigation--expanded .navigation__logo {
    transform: translateY(-60%);
  }
}
@media (max-width: 959px) {
  .navigation__logo {
    margin-left: 18px;
    padding-top: 6px;
  }
}
.navigation__logo {
  width: 130px;
}
@media (min-width: 960px) {
  .navigation__logo {
    transform: translateY(-55%) scale(0.6154);
    transform-origin: left center;
  }
  .navigation--expanded .navigation__logo,
  .navigation--initial .navigation__logo {
    transform: translateY(-60%) scale(1);
  }
}
@media (max-width: 959px) {
  .navigation__logo {
    -webkit-animation: initial;
    animation: initial;
    opacity: 1;
    width: 74px;
  }
}
.navigation__item-icon--badge .navigation__badge {
  padding-left: 4px;
  padding-right: 4px;
}
.navigation__item .navigation__item-icon {
  color: #fff;
  transition: color 0.35s ease-in-out;
}
@media (min-width: 960px) {
  .navigation__item .navigation__item-icon svg {
    left: auto;
    position: static;
    right: auto;
    top: auto;
    transform: none;
  }
  .navigation__item .navigation__item-icon.navigation__item-icon--badge {
    left: -14px;
  }
}
@media (max-width: 959px) {
  .navigation__item .navigation__item-icon {
    left: 0;
    position: absolute;
    top: 42%;
    transform: translateY(-100%);
  }
  .navigation__item .navigation__item-icon svg {
    left: auto;
    position: static;
    right: auto;
    top: auto;
    transform: none;
  }
}
.navigation--expanded-mobile .navigation__item .navigation__item-icon {
  top: 48%;
}
.navigation__item-spacing {
  padding: 0 10px;
}
.navigation-general__hamburger-inner
  .navigation__item-link
  .navigation__item-icon {
  left: 0 !important;
  position: relative !important;
  top: -1px !important;
  transform: none !important;
}
.navigation__badge {
  background: #000;
  border-radius: 40px;
  bottom: 7px;
  color: #fff;
  display: table;
  font-size: 10px;
  height: 14px;
  line-height: 1;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  right: 4px;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}
.navigation__badge span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.navigation__item--hamburger .navigation__badge {
  bottom: -2px;
  right: 3px;
}
.navigation--expanded-mobile .navigation__badge,
.navigation--expanded:hover .navigation__badge,
.navigation--initial:hover .navigation__badge,
.navigation--white .navigation__badge {
  background: #000 !important;
  color: #fff !important;
}
.navigation--expanded .navigation__badge,
.navigation--initial .navigation__badge {
  background: #fff;
  color: #000;
}
.navigation__item svg {
  height: 20px;
}
.navigation__item .uk-icon {
  height: 20px;
  width: 20px;
}
.navigation__item a:hover .navigation__item-text,
.navigation__item a:hover .navigation__retailertext-desktop {
  color: #5d5d5d;
}
.navigation__search-border {
  background-color: #5d5d5d;
  bottom: 0;
  height: 1px;
  left: 35px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease-in-out;
  width: calc(100% - 25px);
}
@media (min-width: 960px) {
  .navigation__search-border {
    left: 25px;
  }
}
.navigation__input {
  background-color: transparent;
  border: transparent;
  box-sizing: border-box;
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
  font-size: 0.77778rem;
  font-weight: 400;
  margin-left: 20px;
  outline: none;
  padding: 0 0 5px;
  width: 100%;
}
.navigation__input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.navigation__input:-ms-input-placeholder {
  color: #000;
  opacity: 1;
}
.navigation__input::placeholder {
  color: #000;
  opacity: 1;
}
.navigation__input:focus + .navigation__search-border {
  opacity: 1;
}
@media (max-width: 959px) {
  .navigation__input {
    font-size: 16px;
  }
}
@media (min-width: 960px) {
  .navigation__input {
    background-position: 100% 50%;
    font-weight: 400;
    margin-left: 25px;
    opacity: 0;
    padding: 1px 0 0;
    transition: opacity 0.25s ease-in-out;
    vertical-align: text-top;
    width: 100px;
  }
  .navigation__input.visible {
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
  }
}
.navigation__input-wrapper {
  position: relative;
}
@media (max-width: 959px) {
  .navigation__input-wrapper {
    margin-right: 25px;
    padding-left: 15px;
  }
}
.navigation__input-icon {
  background-image: url(/images/icons/artboard/meta/search.svg);
  background-repeat: no-repeat;
  height: 20px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 20px;
}
@media (max-width: 959px) {
  .navigation__input-icon {
    left: 0;
    margin-top: 0;
    pointer-events: none;
    right: auto;
  }
}
.navigation__item.navigation__item--hamburger {
  align-items: center;
  -webkit-animation: hamburgerExpanded 0.6s ease-in-out 1 normal both;
  animation: hamburgerExpanded 0.6s ease-in-out 1 normal both;
  display: flex;
  height: 40px;
}
.navigation__item.navigation__item--hamburger a {
  outline: none;
}
.navigation__item.navigation__item--hamburger .navigation__retailershadow {
  bottom: -3px;
  left: 14px;
}
@media (max-width: 959px) {
  .navigation__item.navigation__item--hamburger .navigation__retailershadow {
    right: 34px;
    top: 12px;
  }
}
.navigation__item.navigation__item--hamburger
  .navigation__retailer-information {
  right: 70px;
  top: 28px;
}
@media (max-width: 959px) {
  .navigation__item.navigation__item--hamburger
    .navigation__retailer-information {
    right: 28px;
    top: 44px;
  }
}
@media (min-width: 960px) {
  .navigation--expanded .navigation__item.navigation__item--hamburger {
    -webkit-animation: hamburgerCollapsed 0.35s ease-in-out 1 normal both;
    animation: hamburgerCollapsed 0.35s ease-in-out 1 normal both;
  }
}
@media (max-width: 959px) {
  .navigation__item.navigation__item--hamburger {
    position: absolute;
    right: 18px;
    top: 0;
  }
  .navigation__item.navigation__item--hamburger .navigation__retailersearch {
    display: inline-block;
    position: relative;
    right: 0;
    top: -2px;
  }
  .navigation__item.navigation__item--hamburger
    .navigation__retailersearch
    svg {
    display: inline-block;
    top: -8px;
  }
}
@media (max-width: 959px) {
  .navigation__retailericon--hamburger svg {
    transform: translateY(0) scale(1) !important;
  }
  .navigation__retailericon--hamburger + .navigation__retailershadow svg {
    transform: translateY(0) scale(1);
  }
}
@-webkit-keyframes hamburgerExpanded {
  0% {
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes hamburgerExpanded {
  0% {
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes hamburgerCollapsed {
  0% {
    opacity: 1;
    width: auto;
  }
  to {
    opacity: 0;
    overflow: hidden;
    padding: 0;
    width: 0;
  }
}
@keyframes hamburgerCollapsed {
  0% {
    opacity: 1;
    width: auto;
  }
  to {
    opacity: 0;
    overflow: hidden;
    padding: 0;
    width: 0;
  }
}
.navigation__item--expanded {
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity 0.35s ease-in-out;
}
@media (min-width: 960px) {
  .navigation--initial .navigation__item--expanded {
    transform: translateY(0);
  }
  .navigation--expanded .navigation__item--expanded {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.6s ease-in-out;
  }
}
@media (max-width: 959px) {
  .navigation__item--expanded {
    display: none !important;
    transform: translateY(0);
    width: 100%;
  }
  .navigation--expanded-mobile .navigation__item--expanded {
    box-sizing: content-box;
    display: block !important;
    padding: 5px 0;
  }
  .navigation__item--expanded .navigation__retailershadow {
    bottom: 12px;
    left: 1px;
  }
}

/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: none;
  overflow: visible;
  padding: 7px 0 7px 20px;
  text-transform: none;
  transition-duration: 0.15s;
  transition-property: opacity, filter;
  transition-timing-function: linear;
}
.no-touchevents .hamburger:hover {
  opacity: 0.7;
}
.hamburger-box {
  display: inline-block;
  height: 16px;
  position: relative;
  width: 20px;
}
.hamburger-inner {
  display: block;
  margin-top: 0;
  top: 50%;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  background-color: transparent;
  border-bottom: 1px solid #fff;
  border-radius: 4px;
  height: 0;
  position: absolute;
  transition: transform 0.15s ease, border-color 0.35s ease-in-out;
  width: 20px;
}
.hamburger-inner:after,
.hamburger-inner:before {
  content: "";
  display: block;
}
.hamburger-inner:before {
  top: -5px;
}
.hamburger-inner:after {
  bottom: -6px;
}
@media (max-width: 959px) {
  .navigation--expanded-mobile .hamburger-inner {
    bottom: 0;
    top: auto;
    transition-delay: 0.15s;
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
}
@media (max-width: 959px) {
  .navigation--expanded-mobile .hamburger-box {
    height: 24px;
  }
  .navigation--expanded-mobile .hamburger-inner:after {
    top: -12px;
    transition: top 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s,
      opacity 0.1s linear;
  }
  .navigation--expanded-mobile .hamburger-inner:before {
    transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s,
      transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .navigation--expanded-mobile .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.32s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .navigation--expanded-mobile .hamburger-inner:after {
    opacity: 0;
    top: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
      opacity 0.1s linear 0.27s;
  }
  .navigation--expanded-mobile .hamburger-inner:before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.18s,
      transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s;
  }
}
@media (min-width: 960px) {
  .navigation.navigation--initial-no-anim,
  .navigation.navigation--initial-no-anim .navigation__logo {
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
  }
  .navigation.navigation--initial-no-anim .uk-navbar-nav {
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    left: -100%;
    position: absolute;
  }
  .navigation--initial .navigation__logo {
    -webkit-animation: none;
    animation: none;
    width: 130px;
  }
  .navigation--initial .navigation__item--hamburger {
    -webkit-animation: none;
    animation: none;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    transform: rotateY(180deg);
    width: 0;
  }
  .navigation--initial .navigation__item--expanded {
    opacity: 1;
  }
  .navigation--initial .uk-navbar-nav {
    -webkit-animation: none;
    animation: none;
    height: 85px;
    opacity: 1;
    overflow: visible;
    transform: scale(1);
    transition: none;
  }
  .navigation--initial .navigation__inner {
    padding: 0;
    transition: none;
  }
}
@media (min-width: 960px) {
  .navigation .hamburger {
    margin-right: 0;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .slideshow-slide__content--video {
    opacity: 1;
  }
}
.blog-videowall + .newsroom-text {
  margin-top: 70px;
}
.blog-videowall + .newsroom-image {
  margin-top: 1.5em;
}
.uk-text-nfc,
.uk-text-nfc ol,
.uk-text-nfc p,
.uk-text-nfc ul {
  font-size: 1.125rem;
  font-weight: 500;
}
.uk-text-nfc ol {
  list-style-position: inside;
  padding-left: 0;
}
.uk-text-nfc li {
  margin: 0;
  padding: 0;
}
.uk-text-nfc-small {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.8;
}
.uk-modal-close-left {
  left: 5px;
  right: auto;
  top: 3px;
}
.uk-modal-close-left svg {
  height: 22px;
  width: 22px;
}
.uk-input-transparent {
  background: transparent !important;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.max-width-medium {
  margin-left: auto;
  margin-right: auto;
  max-width: 37rem;
}
.max-width-small {
  margin-left: auto;
  margin-right: auto;
  max-width: 14rem;
}
.nfc-detail__medium-padding {
  padding: 0 20px;
}
.nfc-detail__medium-margin {
  margin-top: 25px;
}
@media (max-width: 639px) {
  .nfc-detail__privacy-double {
    transform: scale(1.5);
  }
}
.uk-notification {
  width: 450px;
}
.uk-notification-top-center {
  margin-left: -225px;
}
.uk-notification-message {
  font-size: 1rem;
  text-align: center;
}
.uk-notification-message-success {
  background: #e9fad1 !important;
}
@media (max-width: 639px) {
  .uk-notification {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: auto;
  }
}
.one-column-text {
  max-width: 800px;
}
.one-column-text h1,
.one-column-text h2,
.one-column-text h3,
.one-column-text h4 {
  border-bottom: 2px solid #f4f4f4;
  padding-bottom: 10px;
}
.one-column-text p {
  margin-bottom: 1rem;
}
.one-column-text ol,
.one-column-text p,
.one-column-text ul {
  font-size: 0.88889rem;
}
.one-column-text a {
  border-bottom: 1px solid #000;
}
.one-column-text a:hover {
  border-color: #5d5d5d;
  color: #5d5d5d;
  text-decoration: none;
}
.orderdetail__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.orderdetail__subheadline {
  margin-bottom: 10px;
}
.orderdetail__revoke-link svg {
  color: #000;
}
.orderdetail__status-icon svg path {
  fill: #5d5d5d;
}
.orderdetail__revoke-link svg {
  margin-top: -2px;
  width: 20px;
}
.orderdetail__orderhistory-headline {
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 1200px) {
  .orderdetail__orderhistory-headline {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 960px) {
  .orderdetail-tile-spacing--left {
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .orderdetail-tile-spacing--left {
    padding-left: 40px;
  }
}
@media (min-width: 960px) {
  .orderdetail-tile-spacing--right {
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .orderdetail-tile-spacing--right {
    padding-right: 40px;
  }
}
.orderdetail__orderitems-header {
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.orderdetail__orderitem:not(:last-of-type) .orderdetail__orderitem-wrapper {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.orderdetail__summary-line {
  border-top: 1px solid #d8d8d8;
  margin-top: 10px !important;
  padding-top: 10px;
}
.orderdetail__orderitem-name {
  color: #000;
  margin-top: 10px;
}
@media (min-width: 960px) {
  .orderdetail__orderitem-name {
    margin-top: 0;
  }
}
.orderdetail__orderitem-image {
  max-width: 150px;
  width: 100%;
}
.orderdetail-total-text {
  display: inline-block;
  min-width: 120px;
  padding-right: 30px;
}
@media (min-width: 1200px) {
  .orderdetail-total-text {
    padding-right: 40px;
  }
}
@media (max-width: 959px) {
  .orderdetail__header {
    display: block;
  }
  .orderdetail__ordernumber {
    margin-bottom: 0;
  }
  .orderdetail__status {
    margin-bottom: 20px;
  }
  .orderdetail__spacing-top-mobile {
    margin-top: 40px;
  }
  .orderdetail__orderitems-header {
    display: none;
  }
  .orderdetail__orderitem-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
  .orderdetail-total-sum {
    padding-left: 30px;
  }
}
@media (min-width: 960px) {
  .orderdetail__orderitem .label {
    display: none;
  }
  .orderdetail__orderitem-quantity,
  .orderdetail__orderitem-size {
    text-align: center;
  }
  .orderdetail__orderitem-total {
    text-align: right;
  }
}
.form-message__icon svg {
  width: 60px;
}
@media (min-width: 960px) {
  .orderdetail-summary-text {
    padding: 0;
  }
}
.order-confirmation .uk-checkbox--custom + label {
  text-align: left;
}
.order-confirmation .uk-checkbox--custom + label:before {
  background-color: #fff;
}
.order-confirmation .order-confirmation__icon svg {
  width: 60px;
}
.order-confirmation .order-confirmation__icon-mobile svg {
  width: 40px;
}
.order-confirmation__order-box {
  border: 2px solid #f4f4f4;
  flex-direction: column;
  padding: 20px;
}
@media (min-width: 640px) {
  .order-confirmation__order-box {
    flex-direction: row;
  }
}
.order-confirmation__order-box--danger {
  border-color: rgba(208, 2, 27, 0.15);
}
.order-confirmation__buy-local-header {
  background: #f4f4f4;
  flex-direction: column;
  padding: 10px 20px;
}
@media (min-width: 640px) {
  .order-confirmation__buy-local-header {
    flex-direction: row;
  }
}
.order-confirmation__buy-local-delivery {
  font-size: 0.88889rem;
  font-weight: 300;
  margin-top: 2px;
  text-align: left;
}
@media (min-width: 640px) {
  .order-confirmation__buy-local-delivery {
    font-size: inherit;
    font-weight: 400;
    text-align: right;
  }
}
.order-confirmation__buy-local-icon {
  margin: 0 6px;
}
.order-confirmation__buy-local-icon svg {
  height: 20px;
  width: 20px;
}
@media (min-width: 640px) {
  .order-confirmation__buy-local-icon svg {
    height: 30px;
    width: 30px;
  }
}
.order-confirmation__buy-local-items {
  flex-direction: column;
}
@media (min-width: 640px) {
  .order-confirmation__buy-local-items {
    flex-direction: row;
  }
}
.order-confirmation__buy-local-items-product {
  border: 2px solid #f4f4f4;
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  .order-confirmation__buy-local-items-product {
    margin-bottom: 0;
    margin-right: 10px;
  }
}
.order-confirmation__buy-local-item {
  margin: 0 10px;
}
.order-confirmation__buy-local-item:not(:last-of-type) {
  border-bottom: 2px solid #f4f4f4;
}
.order-confirmation__buy-local-items-info {
  border: 2px solid #f4f4f4;
}
@media (min-width: 640px) {
  .order-confirmation__buy-local-items-info {
    margin-left: 10px;
  }
}
.order-confirmation__buy-local-message {
  border-top: 2px solid #f4f4f4;
}
.order-confirmation__buy-local-message svg {
  min-height: 20px;
  min-width: 20px;
}
.order-confirmation__registration-success {
  font-size: 0.88889rem;
}
@media (max-width: 639px) {
  .order-confirmation .uk-h2 {
    font-size: 18px;
    margin-bottom: 25px !important;
    margin-top: 15px !important;
  }
  .order-confirmation .uk-h4 {
    margin-bottom: 0 !important;
    margin-top: 25px;
  }
  .order-confirmation h3 {
    font-size: 1.22222rem;
  }
  .order-confirmation p {
    font-size: 0.88889rem;
  }
  .order-confirmation .uk-container {
    padding-left: 25px;
    padding-right: 25px;
  }
  .order-confirmation .order-confirmation__sent-email {
    margin-bottom: 25px !important;
    margin-top: 25px !important;
    padding: 0 20px;
  }
  .order-confirmation .register-agree-zbk__label,
  .order-confirmation .register-agree-zbk__text {
    font-size: 12px;
  }
  .order-confirmation__registration-success {
    font-size: 0.88889rem;
  }
  .order-confirmation__inner {
    margin-top: 20px !important;
  }
  .order-confirmation__inner .uk-button,
  .order-confirmation__inner .uk-button-nfc {
    margin-bottom: 20px;
  }
  .order-confirmation__registration-box {
    margin-bottom: 30px !important;
  }
}
.order-confirmation__order-box-number {
  margin-left: 30px;
  margin-top: 10px;
}
@media (min-width: 640px) {
  .order-confirmation__order-box-number {
    margin-left: 0;
    margin-top: 0;
  }
}
.overlay__close-btn svg {
  display: none;
}
.size-overlay__inner {
  margin: 0 auto;
  max-width: 620px;
}
@media (max-width: 639px) {
  .uk-modal--no-padding {
    padding: 0;
  }
}
.size-overlay__column svg {
  flex-grow: 1;
}
@media (max-width: 639px) {
  .size-overlay__column {
    align-items: center;
    margin-bottom: 40px;
  }
  .size-overlay__column svg {
    min-height: 160px;
  }
  .size-overlay__column:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 639px) {
  .size-overlay__image-wrapper {
    flex-direction: column;
  }
}
@media (max-width: 639px) {
  .size-overlay__column-description {
    min-width: 60%;
  }
}
.size-overlay__column-description:before {
  background-color: #d8d8d8;
  content: " ";
  display: block;
  height: 1px;
  left: 10%;
  margin-bottom: 10px;
  position: relative;
  top: 0;
  width: 80%;
}
.size-overlay__column-description--small:before {
  left: 30%;
  width: 40%;
}
.size-overlay__column-description--large:before {
  left: 0;
  width: 100%;
}
.uk-padding-top {
  padding-top: 20px !important;
}
.uk-padding-bottom {
  padding-bottom: 20px !important;
}
.uk-padding-left {
  padding-left: 20px !important;
}
.uk-padding-right {
  padding-right: 20px !important;
}
.uk-padding-small {
  padding-bottom: 10px;
}
* + .uk-padding-small,
.uk-padding-small-top {
  padding-top: 10px !important;
}
.uk-padding-small-bottom {
  padding-bottom: 10px !important;
}
.uk-padding-small-left {
  padding-left: 10px !important;
}
.uk-padding-small-right {
  padding-right: 10px !important;
}
.uk-padding-medium {
  padding-bottom: 40px;
}
* + .uk-padding-medium,
.uk-padding-medium-top {
  padding-top: 40px !important;
}
.uk-padding-medium-bottom {
  padding-bottom: 40px !important;
}
.uk-padding-medium-left {
  padding-left: 40px !important;
}
.uk-padding-medium-right {
  padding-right: 40px !important;
}
.uk-padding-large {
  padding-bottom: 40px;
}
* + .uk-padding-large,
.uk-padding-large-top {
  padding-top: 40px !important;
}
.uk-padding-large-bottom {
  padding-bottom: 40px !important;
}
.uk-padding-large-left {
  padding-left: 40px !important;
}
.uk-padding-large-right {
  padding-right: 40px !important;
}
@media (min-width: 1200px) {
  .uk-padding-large {
    padding-bottom: 70px;
  }
  * + .uk-padding-large,
  .uk-padding-large-top {
    padding-top: 70px !important;
  }
  .uk-padding-large-bottom {
    padding-bottom: 70px !important;
  }
  .uk-padding-large-left {
    padding-left: 70px !important;
  }
  .uk-padding-large-right {
    padding-right: 70px !important;
  }
}
.uk-padding-xlarge {
  padding-bottom: 70px;
}
* + .uk-padding-xlarge,
.uk-padding-xlarge-top {
  padding-top: 70px !important;
}
.uk-padding-xlarge-bottom {
  padding-bottom: 70px !important;
}
.uk-padding-xlarge-left {
  padding-left: 70px !important;
}
.uk-padding-xlarge-right {
  padding-right: 70px !important;
}
@media (min-width: 1200px) {
  .uk-padding-xlarge {
    padding-bottom: 140px;
  }
  * + .uk-padding-xlarge,
  .uk-padding-xlarge-top {
    padding-top: 140px !important;
  }
  .uk-padding-xlarge-bottom {
    padding-bottom: 140px !important;
  }
  .uk-padding-xlarge-left {
    padding-left: 140px !important;
  }
  .uk-padding-xlarge-right {
    padding-right: 140px !important;
  }
}
.password-field__container {
  z-index: 10;
}
.password-field__strength-indicator {
  bottom: -1px;
  height: 3px;
  left: 0;
  position: absolute;
  transition: width 0.5s, background-color 0.5s;
}
.password-field__text-box {
  align-items: center;
  display: flex;
  margin-top: 10px;
}
.password-field__text-box--weak {
  -webkit-animation: slidedown 0.5s ease-out;
  animation: slidedown 0.5s ease-out;
}
.password-field__icon {
  flex: 0 0 20px;
  height: 20px;
  margin-right: 5px;
  width: 20px;
}
.password-field__icon--weak-color {
  color: #d0021b;
}
.password-field__icon--medium-color {
  color: #ffa202;
}
.password-field__icon--strong-color {
  color: #38b57b;
}
.password-field__strength-indicator--weak {
  background-color: #d0021b;
  width: 25%;
}
.password-field__strength-indicator--medium {
  background-color: #ffa202;
  width: 50%;
}
.password-field__strength-indicator--strong {
  background-color: #38b57b;
  width: 100%;
}
@-webkit-keyframes slidedown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slidedown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 640px) {
  .payment-failed-overlay .uk-modal-body {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.product-highlight__image-link {
  min-height: 160px;
}
@media (min-width: 640px) {
  .product-highlight__image-link {
    min-height: 240px;
  }
}
@media (min-width: 960px) {
  .product-highlight__image-link {
    min-height: 320px;
  }
}
.product-highlight__price {
  color: #5d5d5d;
  font-size: 0.88889rem;
  font-weight: 400;
}
.products-unavailable-overlay__separator {
  display: none;
  margin-top: 20px;
}
@media (min-width: 640px) {
  .products-unavailable-overlay__separator {
    margin-bottom: 20px;
  }
}
@media (min-width: 960px) {
  .products-unavailable-overlay__separator {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .products-unavailable-overlay__separator {
    margin-top: 0;
  }
}
.products-unavailable-overlay__product
  + .products-unavailable-overlay__product
  .products-unavailable-overlay__separator {
  display: block;
}
.product-image--unavailable {
  opacity: 0.4;
}
.product-unavailable-note {
  max-width: 280px;
}
.product-detail__description .product-unavailable-note {
  margin-left: 5px;
}
.product-detail__reel-wrapper .product-unavailable-note {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0 !important;
}
@media (min-width: 960px) {
  .product-detail__reel-wrapper .product-unavailable-note {
    max-width: 100%;
  }
}
.product-unavailable-note__text {
  margin-top: -1px;
}
.product-detail__description .product-unavailable-note__text {
  margin-left: 6px;
}
.product-unavailable-note--small {
  color: #000;
  font-size: 0.66667rem;
}
.product-unavailable-note--small svg {
  height: 0.8rem;
  width: 0.8rem;
}
.quote__blockquote {
  max-width: 80%;
}
.quote__blockquote p {
  font-weight: 400;
}
@media (max-width: 960px) {
  .quote__blockquote br {
    display: none;
  }
}
@media (max-width: 640px) {
  .quote__blockquote h1 {
    font-size: 28px;
  }
}
.quote__footer:before {
  content: " ";
}
.quote__footer .quote__author {
  font-weight: 300;
  line-height: 1.5em;
}
.refined-nature {
  overflow: hidden;
}
.refined-nature .uk-animation-fade {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.rn-swiper {
  overflow: hidden;
}
.rn-swiper .swiper-button-prev {
  left: -10px;
}
.rn-swiper .swiper-button-next {
  right: -10px;
}
.rn-swiper .swiper-button-next,
.rn-swiper .swiper-button-prev {
  background-image: none;
  height: auto;
  margin-top: -50px;
  outline: none;
  width: auto;
}
.rn-swiper .swiper-button-next svg,
.rn-swiper .swiper-button-prev svg {
  transform: scale(0.6);
}
.rn-swiper .swiper-button-next .uk-icon,
.rn-swiper .swiper-button-prev .uk-icon {
  border-radius: 0;
  padding: 30px 0;
}
.rn-swiper .swiper-slide {
  padding: 0 40px;
}
@media (min-width: 640px) {
  .rn-swiper .swiper-slide:last-child {
    padding-right: 0;
  }
}
.rn-swiper .uk-button,
.rn-swiper .uk-button-nfc {
  width: 100%;
}
.rn-swiper .refined-nature__description {
  bottom: -5px;
  transform: translateY(100%);
}
.rn__slide-inner {
  margin-bottom: 40px;
}
.rn-scroll {
  margin-bottom: 100px;
}
.rn-scroll .swiper-slide {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  transition-delay: 0.6s;
}
.rn-scroll .swiper-slide .refined-nature__description {
  opacity: 0;
  transition-delay: 1.5s;
}
.uk-scrollspy-inview .rn-scroll .swiper-slide {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}
.uk-scrollspy-inview .rn-scroll .swiper-slide .refined-nature__description {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
@media (min-width: 640px) {
  .rn-scroll .swiper-slide {
    padding-right: 70px;
  }
}
.rn-scroll .swiper-slide:nth-child(2n) {
  transition-delay: 1.8s;
}
.rn-scroll .swiper-slide:nth-child(2n) .refined-nature__description {
  transition-delay: 2.4s;
}
.rn-scroll .swiper-slide:nth-child(3n) {
  transition-delay: 2.7s;
}
.rn-scroll .swiper-slide:nth-child(3n) .refined-nature__description {
  transition-delay: 3.3s;
}
.rn-scroll .swiper-slide:nth-child(4n) {
  transition-delay: 3.6s;
}
.rn-scroll .swiper-slide:nth-child(4n) .refined-nature__description {
  transition-delay: 4.2s;
}
.rn-scroll .swiper-slide:nth-child(5n) {
  transition-delay: 4.5s;
}
.rn-scroll .swiper-slide:nth-child(5n) .refined-nature__description {
  transition-delay: 5.1s;
}
@media (min-width: 640px) {
  .rn-scroll .swiper-slide:last-child {
    padding-right: 0;
  }
}
.rn-scroll__inner {
  max-width: calc(100% - 80px);
  z-index: 2;
}
.rn-scroll__inner.uk-sticky-fixed {
  left: 50%;
  padding: 0;
  transform: translate(-50%);
}
@media (min-width: 1280px) {
  .rn-scroll__inner {
    max-width: 1200px;
  }
}
.swiper-wrapper--refined-nature {
  transition: transform ease-in-out;
}
@media (min-width: 640px) {
  .refined-nature__image {
    box-sizing: content-box;
    max-width: 589px;
  }
}
@media (min-width: 640px) {
  .refined-nature__image--small {
    box-sizing: content-box;
    max-width: 360px;
  }
}
@media (min-width: 640px) {
  .refined-nature__image--medium {
    box-sizing: content-box;
    max-width: 442px;
  }
}
@media (min-width: 640px) {
  .refined-nature__image--xlarge {
    box-sizing: content-box;
    max-width: 900px;
  }
}
@media (min-width: 640px) {
  .refined-nature__video {
    max-width: 515px;
  }
}
@media (min-width: 640px) {
  .refined-nature__text {
    max-width: 355px;
  }
}
.refined-nature__description {
  color: #5d5d5d;
  font-size: 0.72222rem;
  margin-top: 5px;
  text-align: right;
}
@media (max-width: 639px) {
  .refined-nature--lookbook-2022 .refined-nature__description {
    text-align: center;
    width: 100%;
  }
}
.refined-nature__link {
  bottom: -100px;
}
.refined-nature__obj {
  left: auto !important;
  top: auto !important;
  z-index: -1;
}
@media (min-width: 640px) {
  .refined-nature__obj {
    bottom: auto !important;
    left: auto !important;
    top: 270px !important;
  }
}
.uk-active .refined-nature__obj {
  bottom: 0 !important;
  left: auto !important;
  top: auto !important;
}
.refined-nature--gerbera {
  -webkit-animation: objGerbera 18s linear infinite;
  animation: objGerbera 18s linear infinite;
  opacity: 0;
  transform: translate3d(124%, 30%, 0) scale(1) rotate(0);
  transition: opacity 0.6s ease-in-out;
}
.uk-scrollspy-inview .refined-nature--gerbera {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
  transition-delay: 0.6s;
}
@media (max-width: 639px) {
  .refined-nature--gerbera {
    -webkit-animation: objGerberaMobile 18s linear infinite;
    animation: objGerberaMobile 18s linear infinite;
    opacity: 1;
    transform: translate3d(24%, 30%, 0) scale(1) rotate(0);
  }
}
.refined-nature--lemon {
  -webkit-animation: objLemon 18s linear infinite;
  animation: objLemon 18s linear infinite;
  opacity: 0;
  transform: translate3d(100%, 30%, 0) scale(1) rotate(0);
  transition: opacity 0.6s ease-in-out;
}
.uk-scrollspy-inview .refined-nature--lemon {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}
@media (max-width: 639px) {
  .refined-nature--lemon {
    -webkit-animation: objLemonMobile 18s linear infinite;
    animation: objLemonMobile 18s linear infinite;
    opacity: 1;
    transform: translate3d(-10%, 20%, 0) scale(1) rotate(0);
  }
}
.refined-nature--satin {
  -webkit-animation: objSatin 20s linear infinite;
  animation: objSatin 20s linear infinite;
  opacity: 0;
  transform: translate3d(120%, -70%, 0);
  transition: opacity 0.6s ease-in-out;
}
.uk-scrollspy-inview .refined-nature--satin {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
  transition-delay: 0.6s;
}
.refined-nature--corn {
  -webkit-animation: objCorn 24s linear infinite;
  animation: objCorn 24s linear infinite;
  opacity: 0;
  transform: translate3d(-75%, 0, 0) rotate(0);
  transition: opacity 0.6s ease-in-out;
}
.uk-scrollspy-inview .refined-nature--corn {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}
.refined-nature--daisy {
  -webkit-animation: objDaisy 24s linear infinite;
  animation: objDaisy 24s linear infinite;
  opacity: 0;
  transform: translate3d(12%, 0, 0) rotate(105deg);
  transition: opacity 0.6s ease-in-out;
}
.uk-scrollspy-inview .refined-nature--daisy {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
  transition-delay: 0.6s;
}
@-webkit-keyframes objGerbera {
  0% {
    transform: translate3d(124%, 30%, 0) scale(1) rotate(0);
  }
  25% {
    transform: translate3d(272%, 10%, 0) scale(1.2) rotate(52deg);
  }
  50% {
    transform: translate3d(420%, -80%, 0) scale(1.4) rotate(105deg);
  }
  75% {
    transform: translate3d(272%, 10%, 0) scale(1.2) rotate(52deg);
  }
  to {
    transform: translate3d(124%, 30%, 0) scale(1) rotate(0);
  }
}
@keyframes objGerbera {
  0% {
    transform: translate3d(124%, 30%, 0) scale(1) rotate(0);
  }
  25% {
    transform: translate3d(272%, 10%, 0) scale(1.2) rotate(52deg);
  }
  50% {
    transform: translate3d(420%, -80%, 0) scale(1.4) rotate(105deg);
  }
  75% {
    transform: translate3d(272%, 10%, 0) scale(1.2) rotate(52deg);
  }
  to {
    transform: translate3d(124%, 30%, 0) scale(1) rotate(0);
  }
}
@-webkit-keyframes objLemon {
  0% {
    transform: translate3d(100%, 30%, 0) scale(1) rotate(0);
  }
  50% {
    transform: translate3d(144%, 0, 0) scale(1.1) rotate(70deg);
  }
  to {
    transform: translate3d(100%, 30%, 0) scale(1) rotate(0);
  }
}
@keyframes objLemon {
  0% {
    transform: translate3d(100%, 30%, 0) scale(1) rotate(0);
  }
  50% {
    transform: translate3d(144%, 0, 0) scale(1.1) rotate(70deg);
  }
  to {
    transform: translate3d(100%, 30%, 0) scale(1) rotate(0);
  }
}
@-webkit-keyframes objSatin {
  0% {
    transform: translate3d(120%, -70%, 0) scale(1) rotate(0);
  }
  50% {
    transform: translate3d(165%, -90%, 0) scale(0.8) rotate(95deg);
  }
  to {
    transform: translate3d(120%, -70%, 0) scale(1) rotate(0);
  }
}
@keyframes objSatin {
  0% {
    transform: translate3d(120%, -70%, 0) scale(1) rotate(0);
  }
  50% {
    transform: translate3d(165%, -90%, 0) scale(0.8) rotate(95deg);
  }
  to {
    transform: translate3d(120%, -70%, 0) scale(1) rotate(0);
  }
}
@-webkit-keyframes objCorn {
  0% {
    transform: translate3d(-75%, 0, 0) scale(1) rotate(0);
  }
  50% {
    transform: translate3d(-35%, 0, 0) scale(1.1) rotate(70deg);
  }
  to {
    transform: translate3d(-75%, 0, 0) scale(1) rotate(0);
  }
}
@keyframes objCorn {
  0% {
    transform: translate3d(-75%, 0, 0) scale(1) rotate(0);
  }
  50% {
    transform: translate3d(-35%, 0, 0) scale(1.1) rotate(70deg);
  }
  to {
    transform: translate3d(-75%, 0, 0) scale(1) rotate(0);
  }
}
@-webkit-keyframes objDaisy {
  0% {
    transform: translate3d(12%, 0, 0) scale(1) rotate(105deg);
  }
  50% {
    transform: translate3d(-12%, 0, 0) scale(1.2) rotate(0);
  }
  to {
    transform: translate3d(12%, 0, 0) scale(1) rotate(105deg);
  }
}
@keyframes objDaisy {
  0% {
    transform: translate3d(12%, 0, 0) scale(1) rotate(105deg);
  }
  50% {
    transform: translate3d(-12%, 0, 0) scale(1.2) rotate(0);
  }
  to {
    transform: translate3d(12%, 0, 0) scale(1) rotate(105deg);
  }
}
@-webkit-keyframes objGerberaMobile {
  0% {
    transform: translate3d(24%, 30%, 0) scale(1) rotate(0);
  }
  25% {
    transform: translate3d(95%, 0, 0) scale(1.2) rotate(52deg);
  }
  50% {
    transform: translate3d(244%, -80%, 0) scale(1.4) rotate(105deg);
  }
  75% {
    transform: translate3d(95%, 0, 0) scale(1.2) rotate(52deg);
  }
  to {
    transform: translate3d(24%, 30%, 0) scale(1) rotate(0);
  }
}
@keyframes objGerberaMobile {
  0% {
    transform: translate3d(24%, 30%, 0) scale(1) rotate(0);
  }
  25% {
    transform: translate3d(95%, 0, 0) scale(1.2) rotate(52deg);
  }
  50% {
    transform: translate3d(244%, -80%, 0) scale(1.4) rotate(105deg);
  }
  75% {
    transform: translate3d(95%, 0, 0) scale(1.2) rotate(52deg);
  }
  to {
    transform: translate3d(24%, 30%, 0) scale(1) rotate(0);
  }
}
@-webkit-keyframes objLemonMobile {
  0% {
    transform: translate3d(-10%, 20%, 0) scale(1) rotate(0);
  }
  50% {
    transform: translate3d(50%, -20%, 0) scale(1.1) rotate(70deg);
  }
  to {
    transform: translate3d(-10%, 20%, 0) scale(1) rotate(0);
  }
}
@keyframes objLemonMobile {
  0% {
    transform: translate3d(-10%, 20%, 0) scale(1) rotate(0);
  }
  50% {
    transform: translate3d(50%, -20%, 0) scale(1.1) rotate(70deg);
  }
  to {
    transform: translate3d(-10%, 20%, 0) scale(1) rotate(0);
  }
}
.refined-nature--cheddar {
  -webkit-animation: objCheddar 6s linear infinite;
  animation: objCheddar 6s linear infinite;
  transform: translate3d(-40%, 40%, 0) scale(1);
}
.uk-active .refined-nature--cheddar {
  transition-delay: 0.2s;
}
@media (max-width: 639px) {
  .refined-nature--cheddar {
    -webkit-animation: objCheddarMobile 6s linear infinite;
    animation: objCheddarMobile 6s linear infinite;
    opacity: 1;
    transform: translate3d(40%, -30%, 0) scale(1);
  }
}
.refined-nature--sun {
  -webkit-animation: objSun 6s linear infinite;
  animation: objSun 6s linear infinite;
  transform: translate3d(30%, 0, 0) scale(1);
}
.uk-active .refined-nature--sun {
  transition-delay: 0.2s;
}
.refined-nature--sunbeam {
  -webkit-animation: objSunbeam 6s linear infinite;
  animation: objSunbeam 6s linear infinite;
  transform: translate3d(40%, -10%, 0) scale(1);
}
.uk-active .refined-nature--sunbeam {
  transition-delay: 0.2s;
}
@-webkit-keyframes objCheddar {
  0% {
    opacity: 0.4;
    transform: translate3d(-50%, 40%, 0) scale(1);
  }
  25% {
    opacity: 1;
    transform: translate3d(-50%, 40%, 0) scale(1.2);
  }
  50%,
  to {
    opacity: 0.4;
    transform: translate3d(-50%, 40%, 0) scale(1);
  }
}
@keyframes objCheddar {
  0% {
    opacity: 0.4;
    transform: translate3d(-50%, 40%, 0) scale(1);
  }
  25% {
    opacity: 1;
    transform: translate3d(-50%, 40%, 0) scale(1.2);
  }
  50%,
  to {
    opacity: 0.4;
    transform: translate3d(-50%, 40%, 0) scale(1);
  }
}
@-webkit-keyframes objSun {
  0%,
  50% {
    opacity: 0.4;
    transform: translate3d(30%, 0, 0) scale(1);
  }
  75% {
    opacity: 1;
    transform: translate3d(30%, 0, 0) scale(1.3);
  }
  to {
    opacity: 0.4;
    transform: translate3d(30%, 0, 0) scale(1);
  }
}
@keyframes objSun {
  0%,
  50% {
    opacity: 0.4;
    transform: translate3d(30%, 0, 0) scale(1);
  }
  75% {
    opacity: 1;
    transform: translate3d(30%, 0, 0) scale(1.3);
  }
  to {
    opacity: 0.4;
    transform: translate3d(30%, 0, 0) scale(1);
  }
}
@-webkit-keyframes objSunbeam {
  0%,
  25% {
    opacity: 0.4;
    transform: translate3d(40%, -10%, 0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate3d(40%, -10%, 0) scale(1.2);
  }
  75%,
  to {
    opacity: 0.4;
    transform: translate3d(40%, -10%, 0) scale(1);
  }
}
@keyframes objSunbeam {
  0%,
  25% {
    opacity: 0.4;
    transform: translate3d(40%, -10%, 0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate3d(40%, -10%, 0) scale(1.2);
  }
  75%,
  to {
    opacity: 0.4;
    transform: translate3d(40%, -10%, 0) scale(1);
  }
}
@-webkit-keyframes objCheddarMobile {
  0% {
    opacity: 0.4;
    transform: translate3d(40%, -30%, 0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate3d(40%, -30%, 0) scale(1.2);
  }
  to {
    opacity: 0.4;
    transform: translate3d(40%, -30%, 0) scale(1);
  }
}
@keyframes objCheddarMobile {
  0% {
    opacity: 0.4;
    transform: translate3d(40%, -30%, 0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate3d(40%, -30%, 0) scale(1.2);
  }
  to {
    opacity: 0.4;
    transform: translate3d(40%, -30%, 0) scale(1);
  }
}
.refined-nature--ie .rn__video-element {
  max-width: 455px;
}
.refined-nature--curve {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
.rn-scroll__inner.uk-sticky-fixed .refined-nature--curve {
  -webkit-animation: objCurve 8s ease-in-out forwards !important;
  animation: objCurve 8s ease-in-out forwards !important;
  transition: opacity 0.6s ease-in-out;
  transition-delay: 0.6s;
}
@-webkit-keyframes objCurve {
  0% {
    opacity: 0;
  }
  30%,
  70% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes objCurve {
  0% {
    opacity: 0;
  }
  30%,
  70% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.register label a {
  border-bottom: 1px solid #000;
}
.register label a:hover {
  border-color: #5d5d5d;
  color: #5d5d5d !important;
}
.register-agree-zbk__label {
  cursor: pointer;
}
.register-agree-zbk__link:hover {
  color: #000;
}
.uk-form-danger + .register-agree-zbk__link {
  color: #d0021b;
}
.register-agree-zbk__wrapper {
  padding-left: 32px;
  width: 100%;
}
.register-agree-zbk__wrapper .register-agree-zbk__show-more {
  display: none;
}
.register-agree-zbk__wrapper .register-agree-zbk__options-toggler-arrow {
  margin-left: 2px;
}
.register-agree-zbk__wrapper .register-agree-zbk__options-toggler-arrow svg {
  transform: rotate(-180deg);
}
@media (max-width: 639px) {
  .register-agree-zbk__text {
    box-shadow: inset 0 -9px 6px -4px rgba(0, 0, 0, 0.06);
    max-height: 110px;
    overflow-y: scroll;
  }
  .register-agree-zbk__text.register-agree-zbk__text-bottom {
    box-shadow: unset;
  }
}
.uk-margin-left-30 {
  margin-left: 30px;
}
.register-marketing-consent {
  border: unset !important;
}
.related-articles-swiper {
  margin-top: 140px;
}
@media (min-width: 640px) {
  .related-articles-swiper {
    padding-left: 75px;
    padding-right: 75px;
  }
}
.related-articles-swiper__slide {
  cursor: pointer;
  display: flex;
  height: 520px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.related-articles-swiper__slide-picture {
  display: flex;
  height: 100%;
  width: 100%;
}
.related-articles-swiper__slide-img {
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}
.related-articles-swiper__slide:hover .related-articles-swiper__slide-img {
  transform: scale(1.03);
}
.related-articles-swiper-button-next,
.related-articles-swiper-button-prev {
  align-items: center;
  background-color: #fff;
  background-image: none;
  display: flex;
  height: 100px;
  justify-content: center;
  margin-top: 210px;
  outline: none;
  top: 100%;
  width: 40px;
  z-index: 150;
}
.related-articles-swiper-button-next svg,
.related-articles-swiper-button-prev svg {
  fill: currentColor;
  width: 40px;
}
.related-articles-swiper-button-next.swiper-button-disabled,
.related-articles-swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.related-articles-swiper-button-next.swiper-button-disabled svg,
.related-articles-swiper-button-prev.swiper-button-disabled svg {
  color: #d8d8d8;
}
.related-articles-swiper-button-next {
  right: -5px;
}
@media (min-width: 960px) {
  .related-articles-swiper-button-next {
    transform: translate(100%);
  }
}
.related-articles-swiper-button-prev {
  left: -5px;
}
@media (min-width: 960px) {
  .related-articles-swiper-button-prev {
    transform: translate(-100%);
  }
}
.related-article-swiper__slide-overlay {
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 30px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
.related-article-swiper__slide-overlay-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  width: 100%;
}
.related-article-swiper__slide-overlay-headline {
  color: #fff;
  margin-bottom: 5px;
}
.related-article-swiper__slide-title {
  color: #fff;
  margin: 0 0 -8px;
}
.related-articles-swiper__slide-gradient {
  background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.62));
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 90;
}
.retailer-newsletter-teaser {
  background-color: #f4f4f4;
  position: relative;
}
.retailer-newsletter-teaser__teaser {
  padding-bottom: 40px;
  padding-top: 40px;
}
.retailer-newsletter-teaser__icon {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}
.retailer-newsletter-teaser--right .retailer-newsletter-teaser__icon {
  top: 0.25rem;
}
@media (min-width: 960px) {
  .retailer-newsletter-teaser--right .retailer-newsletter-teaser__icon {
    top: 0;
  }
}
.retailer-newsletter-teaser__icon svg {
  height: 35px;
  width: 35px;
}
@media (min-width: 960px) {
  .retailer-newsletter-teaser__icon svg {
    height: 45px;
    width: 45px;
  }
}
.retailer-newsletter-teaser__input {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid rgba(51, 51, 51, 0.8);
  box-shadow: none;
  color: #000;
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  height: 30px;
  line-height: 30px;
  margin-top: 0;
  max-width: 80%;
  outline: none;
  text-align: center;
  width: 100%;
}
@media (min-width: 640px) {
  .retailer-newsletter-teaser__input {
    margin-top: 20px;
    max-width: 20rem;
  }
}
.retailer-newsletter-teaser__button {
  min-width: 15rem;
}
.retailer-newsletter-teaser--right {
  margin-top: 40px;
}
@media (min-width: 960px) {
  .retailer-newsletter-teaser--right {
    margin-top: 0;
  }
}
.retailer-newsletter-teaser__headline {
  padding: 0 1rem;
}
@media (min-width: 960px) {
  .retailer-newsletter-teaser__headline {
    margin-top: 10px;
  }
}
.scroll-to-top-btn {
  bottom: 0;
  cursor: pointer;
  opacity: 0;
  outline: none;
  padding: 14px 19px;
  position: fixed;
  right: 0;
  visibility: hidden;
  z-index: 1;
}
.scroll-to-top-btn .footer__scroll-top {
  background-color: #fff;
}
@media (min-width: 640px) {
  .scroll-to-top-btn {
    bottom: 25px;
    left: auto;
    right: 25px;
  }
}
.footer__scroll-top--small svg {
  width: 30px;
}
.scroll-to-top-btn--hidden {
  -webkit-animation: scrollToTopButtonHidden 0.3s ease 1 forwards;
  animation: scrollToTopButtonHidden 0.3s ease 1 forwards;
}
.scroll-to-top-btn--visible {
  -webkit-animation: scrollToTopButtonVisible 0.3s ease 1 forwards;
  animation: scrollToTopButtonVisible 0.3s ease 1 forwards;
}
@-webkit-keyframes scrollToTopButtonHidden {
  0% {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes scrollToTopButtonHidden {
  0% {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes scrollToTopButtonVisible {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes scrollToTopButtonVisible {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
.search em {
  background-color: #f4f4f4;
  color: #000;
  font-style: normal;
  font-weight: 400;
}
.search__headline {
  margin-top: 40px;
}
@media (min-width: 960px) {
  .search__headline {
    margin-top: 20px;
  }
}
.search-form {
  margin: 40px auto 0;
}
@media (min-width: 960px) {
  .search-form {
    margin-top: 20px;
  }
}
.searchform__query-icon {
  bottom: 10px;
  height: 20px;
  position: absolute;
  right: 0;
  width: 20px;
}
.search__icon-large,
.search__results-wrapper {
  padding: 30px 0;
}
.search__more-button-icon {
  display: inline-block;
  padding-left: 10px;
  width: 6px;
}
.search__more-button {
  font-size: 16px;
  font-weight: 300;
  margin-top: 10px;
}
.search__more-button .search__more-button-text {
  border-bottom: 1px solid transparent;
}
.search__more-button:hover {
  color: #000;
  text-decoration: none;
}
.search__more-button:hover .search__more-button-text {
  border-bottom-color: #000;
}
.searchblok__result-title {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
}
.searchblok__result-excerpt {
  font-size: 16px;
}
.search__load-more .search__load-more-text {
  font-size: 16px;
  margin-left: 10px;
}
.search__load-more:hover {
  color: #000;
  text-decoration: none;
}
.search__load-more:hover .search__load-more-text {
  border-bottom-color: #000;
}
.secondary-topics-section {
  margin-top: 100px;
}
.secondary-topics-swiper {
  position: relative;
}
.secondary-topics-slider-headline {
  margin-bottom: 10px;
}
.secondary-topics-slider__slide {
  height: 320px;
  overflow: hidden;
}
@media (min-width: 960px) {
  .secondary-topics-slider__slide {
    max-width: 400px;
  }
}
.secondary-topics-slider__slide:hover {
  color: #000;
  text-decoration: none;
}
.secondary-topics-slider__slide-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.secondary-topics-slider__slide-picture {
  cursor: pointer;
  height: 256px;
  overflow: hidden;
}
.secondary-topics-slider__slide-image {
  height: 256px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}
.secondary-topics-slider__slide-picture:hover
  .secondary-topics-slider__slide-image {
  transform: scale(1.03);
}
.secondary-topics-slider__slide-description {
  margin-top: 10px;
}
.secondary-topics-slider-button-next,
.secondary-topics-slider-button-prev {
  align-items: center;
  background-color: #fff;
  background-image: none;
  display: flex;
  height: 50px;
  justify-content: center;
  margin-top: 112px;
  outline: none;
  top: 100%;
  width: 28px;
  z-index: 20;
}
.secondary-topics-slider-button-next .secondary-topics-slider__icon,
.secondary-topics-slider-button-prev .secondary-topics-slider__icon {
  height: 24px;
  width: 11px;
}
.secondary-topics-slider-button-next.swiper-button-disabled,
.secondary-topics-slider-button-prev.swiper-button-disabled {
  opacity: 1;
}
.secondary-topics-slider-button-next.swiper-button-disabled svg,
.secondary-topics-slider-button-prev.swiper-button-disabled svg {
  color: #d8d8d8;
}
.secondary-topics-slider-button-next {
  right: -5px;
}
@media (min-width: 960px) {
  .secondary-topics-slider-button-next {
    transform: translate(100%);
  }
}
.secondary-topics-slider-button-prev {
  left: -5px;
}
@media (min-width: 960px) {
  .secondary-topics-slider-button-prev {
    transform: translate(-100%);
  }
}
.faq + .contactform,
.twocolumntext + .videowall {
  margin-top: 5rem;
}
@media (min-width: 640px) {
  .slideshow + .section {
    margin-top: 4px;
  }
}
.award + .instant-retailersearch,
.billboard + .award,
.billboard + .carousel,
.billboard + .quote,
.carousel + .award,
.carousel + .quote,
.carousel + .videowall,
.collage + .videowall,
.collection-showcase,
.collection-showcase + .carousel,
.dynamic-switcher + .quote,
.instant-retailersearch,
.lookbook + .award,
.lookbook + .billboard,
.lookbook + .carousel,
.motion-squares + .collage,
.quote + .collage-animated,
.quote + .lookbook,
.quote + .motion-squares,
.quote + .newsletter,
.quote + .section,
.quote + .slide-compare,
.quote + .videowall,
.seb--accent-shades + .carousel,
.section + .award,
.section + .quote,
.section--margin-top-large,
.slide-compare + .quote,
.twocolumntext + .billboard,
.videowall + .carousel,
.videowall + .lookbook,
.videowall + .quote {
  margin-top: 6.5rem;
}
.section--padding-top {
  padding-top: 2.2rem;
}
.section--padding-top-large {
  padding-top: 3.5rem;
}
@media screen and (min-width: 640px) {
  .section--padding-top-large {
    padding-top: 6.5rem;
  }
}
.billboard + .quote.quote--parallax,
.carousel + .quote.quote--parallax,
.section + .quote.quote--parallax,
.videowall + .quote.quote--parallax {
  padding-bottom: 6.5rem;
}
.animated-headline + .refined-nature,
.animateddot-trigger + .animated-headline,
.billboard + .animated-headline,
.billboard + .quote.quote--parallax,
.carousel + .quote.quote--parallax,
.cyber-summer + .urban-tropical,
.dynamic-switcher + .quote.quote--parallax,
.quote + .animated-lookbook,
.quote.quote--parallax + .lookbook,
.quote.quote--parallax + .motion-squares,
.quote.quote--parallax + .newsletter,
.quote.quote--parallax + .section,
.quote.quote--parallax + .videowall,
.refined-nature + .issuu-journal,
.refined-nature + .quote,
.refined-nature + .urban-tropical,
.section + .quote.quote--parallax,
.videowall + .quote.quote--parallax,
section + .dynamic-switcher {
  margin-top: 0;
  padding-top: 6.5rem;
}
.urban-tropical {
  padding-bottom: 6.5rem;
}
.billboard + .billboard,
.billboard + .contactform,
.billboard + .twocolumntext,
.carousel + .section,
.favorites,
.favorites + .instant-retailersearch,
.header-video + section,
.navigation-spacer + .contactform,
.one-column-text,
.search + .instant-retailersearch {
  margin-top: 2.2rem;
}
.navigation-spacer + .dynamic-switcher {
  margin-top: 0;
  padding-top: 4.5rem;
}
.carousel + .section--lookbook {
  margin-top: 4rem !important;
}
.elegance-collection + .elegance-product-highlight-teaser {
  margin-top: 6.5rem;
}
@media (max-width: 959px) {
  .quote + .seb--accent-shades {
    margin-top: 4.5rem;
  }
  .seb--accent-shades + .carousel {
    margin-top: 4rem;
  }
  .section--mainteaser + .quote {
    margin-top: 3.5rem;
  }
  .section--mainteaser + .quote.quote.quote--parallax {
    margin-top: 0;
    padding-top: 3.5rem;
  }
  .billboard + .billboard,
  .elegance-motion-squares + .elegance-collection {
    margin-top: 6.5rem;
  }
}
@media (max-width: 639px) {
  .motion-squares + .collage {
    margin-top: 8.5rem;
  }
  .quote + .motion-squares {
    margin-top: 6.5rem;
  }
  .quote.quote--parallax + .motion-squares {
    margin-top: 0;
    padding-top: 6.5rem;
  }
}
.uk-container--large {
  max-width: 1300px;
}
.uk-container--medium {
  max-width: 1058px;
}
.uk-container--small {
  max-width: 908px;
}
.section--framed {
  margin: 0;
}
@media screen and (min-width: 960px) {
  .section--framed {
    margin: 0;
  }
}
.section--framed .uk-container {
  padding-left: 0;
  padding-right: 0;
}
.section--framed-top {
  margin-top: 20px;
}
@media screen and (max-width: 959px) {
  .section--framed-top {
    margin-top: 20px;
  }
}
.uk-seo-section a {
  border-bottom: 1px solid #000 !important;
  padding-bottom: 1px !important;
}
.uk-seo-section a:hover {
  border-color: #5d5d5d !important;
  color: #5d5d5d;
  text-decoration: none;
}
.uk-seo-section p {
  font-size: 0.77778rem;
  margin-top: 20px;
}
.uk-seo-section li {
  font-size: 0.77778rem;
  font-weight: 300;
  margin-top: 10px;
}
.uk-seo-section ul ::marker {
  font-size: 0.66667rem;
}
.uk-seo-section h1 {
  font-size: 1.77778rem;
}
.uk-seo-section h2 {
  font-size: 1.22222rem;
}
.uk-seo-section h3 {
  font-size: 0.88889rem;
}
.uk-seo-section h4 {
  font-size: 0.77778rem;
}
.uk-seo-remove-heading-spaces h1,
.uk-seo-remove-heading-spaces h2,
.uk-seo-remove-heading-spaces h3,
.uk-seo-remove-heading-spaces h4,
.uk-seo-remove-heading-spaces h5 {
  line-height: inherit;
  margin: 0;
}
.shippingfooter {
  margin-bottom: 6.5rem;
  margin-top: 6.5rem;
}
.social-footer + .shippingfooter {
  margin-top: 4rem;
}
.shippingfooter__inner {
  margin: 0 30px;
}
.sf__icon {
  margin-bottom: 10px;
  width: 3.34rem;
}
@media (min-width: 960px) {
  .sf__icon {
    margin-bottom: 20px;
  }
}
.sf__headline {
  display: block;
  font-size: 0.88889rem;
}
.sf__text {
  font-size: 0.77778rem;
  line-height: 1.7;
  margin-top: 10px;
}
@media (min-width: 960px) {
  .sf__text {
    margin-top: 20px;
  }
}
.sf__payment-block {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.sf__payment-icon + .sf__payment-icon {
  margin-left: 8px;
}
.sf__grid-item {
  margin-bottom: 50px;
}
.sf__grid-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 960px) {
  .sf__grid-item {
    margin-bottom: 0;
  }
}
.sf__icon-post svg {
  width: 35px;
}
.slide-compare {
  margin-bottom: 120px;
}
.slide-compare .uk-dotnav {
  padding-bottom: 20px;
  padding-top: 40px;
}
.slide-compare .uk-button,
.slide-compare .uk-button-nfc {
  padding: 10px 70px !important;
}
.slide-compare .uk-button--primary:hover {
  background-color: #333;
  color: #fff;
}
.slide-compare__inner {
  height: 0;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.4%;
  position: relative;
}
@media (min-width: 640px) {
  .slide-compare__inner {
    padding-bottom: 55.4%;
  }
}
@media (min-width: 860px) {
  .slide-compare__inner {
    padding-bottom: 54.4%;
  }
  .slide-compare__inner img {
    border: 20px solid transparent;
  }
}
.slide-compare__inner img {
  border: 15px solid transparent;
  transform: scale(1.1);
}
.slide-compare__inner.swiper-wrapper {
  overflow: visible !important;
  visibility: visible !important;
}
.slide-compare__base {
  background-color: #f7edd9;
  bottom: 0;
  height: 0;
  position: absolute;
  transition: height 1.5s ease-in-out;
  width: 100%;
}
.slide-compare__inner--visible .slide-compare__base {
  height: 100%;
}
.slide-compare__stage {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 110%;
  bottom: 0;
  height: 0;
  position: absolute;
  transition: height 1.5s ease-in-out;
  width: 100%;
}
.slide-compare__inner--visible .slide-compare__stage {
  height: 100%;
}
@media (min-width: 860px) {
  .slide-compare__stage {
    background-size: 105%;
  }
}
.slide-compare__item {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.slide-compare__inner--visible
  .slide-compare__item.slide-compare__item--active {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: showCompareSlideMobile;
  animation-name: showCompareSlideMobile;
  will-change: opacity, transform;
  z-index: 12;
}
@media (min-width: 860px) {
  .slide-compare__inner--visible
    .slide-compare__item.slide-compare__item--active {
    -webkit-animation-name: showCompareSlide;
    animation-name: showCompareSlide;
  }
}
.slide-compare__inner--visible
  .slide-compare__item.slide-compare__item--active.slide-compare__item--first {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: showFirstSlideMobile;
  animation-name: showFirstSlideMobile;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  will-change: opacity;
  z-index: 12;
}
@media (min-width: 860px) {
  .slide-compare__inner--visible
    .slide-compare__item.slide-compare__item--active.slide-compare__item--first {
    -webkit-animation-name: showFirstSlide;
    animation-name: showFirstSlide;
  }
}
.slide-compare__inner--visible
  .slide-compare__item.slide-compare__item--disappear,
.slide-compare__inner--visible
  .slide-compare__item.slide-compare__item--first.slide-compare__item--disappear {
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important;
  -webkit-animation-duration: 0.6s !important;
  animation-duration: 0.6s !important;
  -webkit-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
  -webkit-animation-name: slideAwayCompareMobile !important;
  animation-name: slideAwayCompareMobile !important;
  -webkit-animation-timing-function: cubic-bezier(0.71, 0.13, 0.35, 1);
  animation-timing-function: cubic-bezier(0.71, 0.13, 0.35, 1);
  opacity: 1;
  will-change: opacity, transform !important;
}
@media (min-width: 860px) {
  .slide-compare__inner--visible
    .slide-compare__item.slide-compare__item--disappear,
  .slide-compare__inner--visible
    .slide-compare__item.slide-compare__item--first.slide-compare__item--disappear {
    -webkit-animation-name: slideAwayCompare !important;
    animation-name: slideAwayCompare !important;
  }
}
.slide-compare__item.slide-compare__item--mobile {
  -webkit-animation: none !important;
  animation: none !important;
  opacity: 1;
  position: relative;
}
@-webkit-keyframes showFirstSlide {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes showFirstSlide {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes showFirstSlideMobile {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1.1);
  }
}
@keyframes showFirstSlideMobile {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1.1);
  }
}
@-webkit-keyframes showCompareSlide {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  60%,
  80% {
    opacity: 1;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes showCompareSlide {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  60%,
  80% {
    opacity: 1;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes slideAwayCompare {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  to {
    opacity: 1;
    transform: translateX(-120%) scale(1);
  }
}
@keyframes slideAwayCompare {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  to {
    opacity: 1;
    transform: translateX(-120%) scale(1);
  }
}
@-webkit-keyframes showCompareSlideMobile {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  60%,
  80% {
    opacity: 1;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1.1);
  }
}
@keyframes showCompareSlideMobile {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  60%,
  80% {
    opacity: 1;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1.1);
  }
}
@-webkit-keyframes slideAwayCompareMobile {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1.1);
  }
  to {
    opacity: 1;
    transform: translateX(-120%) scale(1.1);
  }
}
@keyframes slideAwayCompareMobile {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1.1);
  }
  to {
    opacity: 1;
    transform: translateX(-120%) scale(1.1);
  }
}
.slide-compare__dot {
  border: inherit;
  cursor: pointer;
  height: 14px;
  width: 14px;
}
.slide-compare__dot-li {
  cursor: pointer;
  padding: 0 12px;
}
.slide-compare__dot-li:before {
  border: 1px solid transparent;
  border-radius: 50%;
  content: " ";
  cursor: pointer;
  display: block;
  height: 36px;
  left: 0;
  position: absolute;
  top: -12px;
  transition: border-color 0.3s ease;
  width: 36px;
  z-index: -1;
}
.slide-compare__dot-li--active:before {
  border-color: #000;
}
.dotnav__dot--futura {
  background-image: url(/images/dots/futura-mixed-dot.svg);
}
.slideshow-slide {
  max-height: 100vh;
  max-height: calc(var(--vh) * 100);
  height: 100vh;
  overflow: hidden;
}
.slideshow-slide__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}
@media screen and (min-width: 1199px) {
  .slideshow-slide__content--video {
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  }
  .slideshow--initial-loading .slideshow-slide__content--video,
  .slideshow-slide__content--video:hover {
    opacity: 1;
    transform: translateY(0);
  }
}
.slideshow-slide__title {
  font-size: 2.5rem;
  margin-bottom: 0;
  max-width: 90%;
  text-align: center;
  text-shadow: 1px 1px 27px rgba(51, 51, 51, 0.5);
}
@media (min-width: 640px) {
  .slideshow-slide__title {
    font-size: 3.33333rem;
  }
}
@media (max-height: 600px) {
  .slideshow-slide__title {
    font-size: 2.5rem;
  }
}
.slideshow-slide__subtitle {
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0.5rem;
  max-width: 90%;
  text-align: center;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.33);
}
.slideshow-slide__button {
  margin-top: 1.25rem;
}
.slideshow-slide__overlay {
  padding: 0 0.5rem 4rem;
}
@media screen and (min-width: 640px) {
  .slideshow-slide__overlay {
    padding: 2rem 2rem 4rem;
  }
}
.slideshow-slide__play-button {
  margin-top: 1.25rem;
  max-width: 40px;
}
@media (min-width: 640px) {
  .slideshow-slide__play-button:hover {
    cursor: pointer;
  }
}
.slideshow-slide__video {
  background-size: cover;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-25%);
  vertical-align: top;
  width: auto;
}
.slideshow-slide__bottom-spacing {
  height: 3.5rem;
}
.scroll-indicator {
  bottom: 1rem;
  height: 20px;
  position: absolute;
  right: 50%;
  transform: translate(50%, -25%);
  width: 20px;
  z-index: 1;
}
.diamond {
  height: 20px;
  line-height: 20px;
  position: relative;
  text-align: center;
  width: 20px;
}
.diamond:before {
  background-color: #d8d8d8;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  width: 100%;
}
.scroll-indicator--icon {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  display: flex;
  height: 10px;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  width: 10px;
}
.swiper-pagination-bullet {
  background: transparent;
  border: 1px solid #fff;
  box-sizing: border-box;
  height: 10px;
  opacity: 1;
  width: 10px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 6px;
  outline: none;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}
.homeslider-pagination {
  bottom: 5rem !important;
}
.swiper-pagination.swiper-pagination-bullets {
  bottom: 1.25rem;
  display: block;
}
@media (min-width: 640px) {
  .social-footer__icons {
    position: absolute;
    right: 0;
    top: 0.25rem;
  }
}
.social-footer__icon {
  margin: 0 20px !important;
}
@media (min-width: 640px) {
  .social-footer__icon {
    margin: 0 10px !important;
  }
}
.social-footer__icon svg {
  height: 24px;
  width: 24px;
}
.social-footer__icon:hover {
  color: #5d5d5d;
}
.social-footer__img-container {
  margin-top: 15px;
}
.social-footer-image__overlay {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.no-touchevents .social-footer-image:hover .social-footer-image__overlay {
  opacity: 0.3;
}
.spinner {
  -webkit-animation: rotation 0.8s ease infinite;
  animation: rotation 0.8s ease infinite;
  border-radius: 50%;
  border: 3px solid #d8d8d8;
  border-top-color: #333;
  box-sizing: border-box;
  height: 2rem;
  width: 2rem;
}
@-webkit-keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.spinner-button-spacing {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}
.spinner-button-wrapper {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(-130%, -50%);
}
.spinner-button-wrapper,
.spinner-button-wrapper .spinner {
  height: 1.5rem;
  width: 1.5rem;
}
.spinner-button-wrapper-centered {
  height: 1.5rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
}
.spinner-button-wrapper-centered .spinner {
  height: 1.5rem;
  width: 1.5rem;
}
.split-exploreblock--active .split-exploreblock__name {
  font-weight: 400 !important;
  line-height: 1.5em;
}
.split-exploreblock--active.split-exploreblock--gold
  .split-exploreblock__wrapper:after {
  background-color: #000;
  content: " ";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.split-exploreblock--active.split-exploreblock--gold
  .split-exploreblock__wrapper {
  background-image: linear-gradient(
    180deg,
    rgba(253, 247, 227, 0) 0,
    #e7cf96
  ) !important;
}
.split-exploreblock--active.split-exploreblock--silver
  .split-exploreblock__wrapper:after {
  background-color: #000;
  content: " ";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.split-exploreblock--active.split-exploreblock--silver
  .split-exploreblock__wrapper {
  background-image: linear-gradient(
    180deg,
    hsla(0, 0%, 97.3%, 0) 0,
    #d0d0d3
  ) !important;
}
.split-exploreblock--gold .split-exploreblock__wrapper {
  background: linear-gradient(180deg, #fdf7e3 0, #f0e1bd);
}
.split-exploreblock--gold
  .split-exploreblock__wrapper
  .split-exploreblock__hover-image {
  background-image: linear-gradient(180deg, rgba(253, 247, 227, 0) 0, #e7cf96);
}
.split-exploreblock--silver .split-exploreblock__wrapper {
  background: linear-gradient(180deg, #f8f8f8 0, #dcdcdc);
}
.split-exploreblock--silver
  .split-exploreblock__wrapper
  .split-exploreblock__hover-image {
  background-image: linear-gradient(180deg, hsla(0, 0%, 97.3%, 0) 0, #d0d0d3);
}
.seb--20-years .split-exploreblock__name {
  font-weight: 300;
}
@media (min-width: 960px) {
  .seb--20-years .split-exploreblock__container {
    margin: 0;
    width: 100%;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .seb--20-years .split-exploreblock__text-inner {
    max-width: 40%;
    padding-right: 4%;
  }
}
@media (min-width: 1200px) {
  .seb--20-years .split-exploreblock__text-inner {
    max-width: 48%;
    padding-right: 8%;
  }
}
@media (min-width: 960px) {
  .seb--20-years .split-exploreblock {
    width: 25%;
  }
}
@media (max-width: 959px) {
  .seb--20-years .split-exploreblock__text {
    margin-bottom: -30px;
  }
}
@media (max-width: 959px) {
  .seb--20-years .split-exploreblock__text-content {
    margin: 0 auto;
    max-width: 460px;
  }
}
@media (min-width: 960px) {
  .seb--20-years.split-exploreblocks > .uk-flex {
    height: 550px;
  }
}
.seb--20-years .split-exploreblock__image {
  top: 10%;
}
@media (max-width: 599px) {
  .seb--20-years .split-exploreblock__image {
    transform: translate3d(-47%, 0, 0);
    width: 430px;
  }
}
.seb--20-years .split-exploreblock__colors {
  display: none;
}
@media (max-width: 599px) {
  .seb--20-years.split-exploreblock--push-aside.split-exploreblock--push-back
    .split-exploreblock--normalize
    .split-exploreblock__image {
    -webkit-animation: blockImageNormalize20yearsXsmall 0.9s ease-in-out
      forwards;
    animation: blockImageNormalize20yearsXsmall 0.9s ease-in-out forwards;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .seb--20-years.split-exploreblock--push-aside.split-exploreblock--push-back
    .split-exploreblock--normalize
    .split-exploreblock__image {
    -webkit-animation: normalizeImageMobile20years 0.9s ease-out forwards;
    animation: normalizeImageMobile20years 0.9s ease-out forwards;
  }
}
@media (min-width: 960px) {
  .seb--20-years .split-exploreblock--maximize {
    -webkit-animation: blockMaximize20years 2.2s ease-in-out forwards;
    animation: blockMaximize20years 2.2s ease-in-out forwards;
  }
  .seb--20-years .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalize20years 0.9s ease-in-out forwards;
    animation: blockMaxiNormalize20years 0.9s ease-in-out forwards;
  }
}
@media (max-width: 599px) {
  .seb--20-years .split-exploreblock--maximize .split-exploreblock__image {
    -webkit-animation: blockImageMaximize20yearsXsmall 2.2s ease-in-out forwards;
    animation: blockImageMaximize20yearsXsmall 2.2s ease-in-out forwards;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .seb--20-years .split-exploreblock--maximize .split-exploreblock__image {
    -webkit-animation: blockImageMaximize20years 2.2s ease-in-out forwards;
    animation: blockImageMaximize20years 2.2s ease-in-out forwards;
  }
}
@media (max-width: 599px) {
  .seb--20-years .split-exploreblock--maximize {
    -webkit-animation: blockMaximizeMobile20years 1.6s ease-in-out forwards;
    animation: blockMaximizeMobile20years 1.6s ease-in-out forwards;
  }
  .seb--20-years .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalizeMobile20years 0.9s ease-in-out forwards;
    animation: blockMaxiNormalizeMobile20years 0.9s ease-in-out forwards;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .seb--20-years .split-exploreblock--maximize {
    -webkit-animation: blockMaximizeTablet20years 1.6s ease-in-out forwards;
    animation: blockMaximizeTablet20years 1.6s ease-in-out forwards;
  }
  .seb--20-years .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalizeTablet20years 0.9s ease-in-out forwards;
    animation: blockMaxiNormalizeTablet20years 0.9s ease-in-out forwards;
  }
}
@media (min-width: 960px) {
  .seb--20-years .split-exploreblock--minimize {
    -webkit-animation: blockMinimize20years 2.2s ease-in-out forwards;
    animation: blockMinimize20years 2.2s ease-in-out forwards;
  }
  .seb--20-years .split-exploreblock--minimize.split-exploreblock--normalize {
    -webkit-animation: blockMiniNormalize20years 0.9s ease-in-out forwards;
    animation: blockMiniNormalize20years 0.9s ease-in-out forwards;
  }
}
.product-config-color__glossy--caramel {
  background-color: #e2c3b2;
}
.product-config-color__glossy--gold-mirror-8530 {
  background-color: #d5b586;
}
.product-config-color__classic--brown-gradient-8640 {
  background-color: #605448;
}
.product-config-color__slm--pol-grey-6500 {
  background-color: #4c4c4c;
}
.product-config-color__mint-rose--mirror {
  background-color: #e0bfca;
}
.product-config-color__glossy--gold-mirror-9040 {
  background-color: #d5b586;
}
.product-config-color__slm--pol-grey-9040 {
  background-color: #4c4c4c;
}
.product-config-color__slm--brown {
  background-color: #5c473d;
}
.product-config-color__classic--brown-gradient-8540 {
  background-color: #605448;
}
.product-config-color__glossy--gold-mirror-9140 {
  background-color: #d5b586;
}
.product-config-color__classic--grey-gradient {
  background-color: #59636f;
}
.product-config-color__slm--green {
  background-color: #444c42;
}
.product-config-color__slm--pol-brown {
  background-color: #5c473d;
}
.product-config-color__slm--pol-grey-9140 {
  background-color: #4c4c4c;
}
.seb--accent-shades .split-exploreblock__wrapper {
  background: linear-gradient(180deg, #fff 0, #e6e6e6);
}
.seb--accent-shades
  .split-exploreblock__wrapper
  .split-exploreblock__hover-image {
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #e0e0e0);
}
@media (min-width: 960px) {
  .seb--accent-shades .split-exploreblock {
    width: 20%;
  }
}
@media (min-width: 960px) {
  .seb--accent-shades .split-exploreblock__container {
    width: 100%;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .seb--accent-shades .split-exploreblock__text-inner {
    max-width: 40%;
    padding-right: 4%;
  }
}
@media (min-width: 1200px) {
  .seb--accent-shades .split-exploreblock__text-inner {
    max-width: 48%;
    padding-right: 8%;
  }
}
@media (min-width: 960px) {
  .seb--accent-shades .split-exploreblock {
    width: 25%;
  }
}
@media (max-width: 959px) {
  .seb--accent-shades .split-exploreblock__text {
    margin-bottom: -30px;
  }
}
.seb--accent-shades .split-exploreblock__image {
  top: 10%;
}
@media (max-width: 440px) {
  .seb--accent-shades .split-exploreblock__image {
    top: 2%;
  }
}
@media (min-width: 441px) and (max-width: 480px) {
  .seb--accent-shades .split-exploreblock__image {
    top: -5%;
  }
}
@media (min-width: 481px) and (max-width: 559px) {
  .seb--accent-shades .split-exploreblock__image {
    top: -5.5%;
  }
}
@media (min-width: 560px) and (max-width: 639px) {
  .seb--accent-shades .split-exploreblock__image {
    top: 13%;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .seb--accent-shades .split-exploreblock__image {
    top: 4%;
  }
}
@media (max-width: 559px) {
  .seb--accent-shades .split-exploreblock__image {
    transform: translate3d(-47%, 0, 0);
    width: 430px;
  }
}
@media (max-width: 559px) {
  .seb--accent-shades.split-exploreblock--push-aside.split-exploreblock--push-back
    .split-exploreblock--normalize
    .split-exploreblock__image {
    -webkit-animation: blockImageNormalizeAccentShadesXsmall 0.9s ease-in-out
      forwards;
    animation: blockImageNormalizeAccentShadesXsmall 0.9s ease-in-out forwards;
  }
}
@media (min-width: 560px) and (max-width: 959px) {
  .seb--accent-shades.split-exploreblock--push-aside.split-exploreblock--push-back
    .split-exploreblock--normalize
    .split-exploreblock__image {
    -webkit-animation: normalizeImageMobileAccentShades 0.9s ease-out forwards;
    animation: normalizeImageMobileAccentShades 0.9s ease-out forwards;
  }
}
@media (min-width: 960px) {
  .seb--accent-shades .split-exploreblock--maximize {
    -webkit-animation: blockMaximizeAccentShades 2.2s ease-in-out forwards;
    animation: blockMaximizeAccentShades 2.2s ease-in-out forwards;
  }
  .seb--accent-shades
    .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalizeAccentShades 0.9s ease-in-out forwards;
    animation: blockMaxiNormalizeAccentShades 0.9s ease-in-out forwards;
  }
}
@media (max-width: 559px) {
  .seb--accent-shades .split-exploreblock--maximize .split-exploreblock__image {
    -webkit-animation: blockImageMaximizeAccentShadesXsmall 2.2s ease-in-out
      forwards;
    animation: blockImageMaximizeAccentShadesXsmall 2.2s ease-in-out forwards;
  }
}
@media (min-width: 560px) and (max-width: 959px) {
  .seb--accent-shades .split-exploreblock--maximize .split-exploreblock__image {
    -webkit-animation: blockImageMaximizeAccentShades 2.2s ease-in-out forwards;
    animation: blockImageMaximizeAccentShades 2.2s ease-in-out forwards;
  }
}
@media (max-width: 559px) {
  .seb--accent-shades .split-exploreblock--maximize {
    -webkit-animation: blockMaximizeMobileAccentShades 1.6s ease-in-out forwards;
    animation: blockMaximizeMobileAccentShades 1.6s ease-in-out forwards;
  }
  .seb--accent-shades
    .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalizeMobileAccentShades 0.9s ease-in-out
      forwards;
    animation: blockMaxiNormalizeMobileAccentShades 0.9s ease-in-out forwards;
  }
}
@media (min-width: 560px) and (max-width: 959px) {
  .seb--accent-shades .split-exploreblock--maximize {
    -webkit-animation: blockMaximizeTabletAccentShades 1.6s ease-in-out forwards;
    animation: blockMaximizeTabletAccentShades 1.6s ease-in-out forwards;
  }
  .seb--accent-shades
    .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalizeTabletAccentShades 0.9s ease-in-out
      forwards;
    animation: blockMaxiNormalizeTabletAccentShades 0.9s ease-in-out forwards;
  }
}
@media (min-width: 960px) {
  .seb--accent-shades .split-exploreblock--minimize {
    -webkit-animation: blockMinimizeAccentShades 2.2s ease-in-out forwards;
    animation: blockMinimizeAccentShades 2.2s ease-in-out forwards;
  }
  .seb--accent-shades
    .split-exploreblock--minimize.split-exploreblock--normalize {
    -webkit-animation: blockMiniNormalizeAccentShades 0.9s ease-in-out forwards;
    animation: blockMiniNormalizeAccentShades 0.9s ease-in-out forwards;
  }
}
@-webkit-keyframes blockMaximizeAccentShades {
  0% {
    width: 20%;
  }
  50%,
  to {
    width: 100%;
  }
}
@keyframes blockMaximizeAccentShades {
  0% {
    width: 20%;
  }
  50%,
  to {
    width: 100%;
  }
}
@-webkit-keyframes blockMaxiNormalizeAccentShades {
  0% {
    width: 100%;
  }
  70%,
  to {
    width: 20%;
  }
}
@keyframes blockMaxiNormalizeAccentShades {
  0% {
    width: 100%;
  }
  70%,
  to {
    width: 20%;
  }
}
@-webkit-keyframes blockMinimizeAccentShades {
  0% {
    width: 20%;
  }
  50%,
  to {
    width: 0;
  }
}
@keyframes blockMinimizeAccentShades {
  0% {
    width: 20%;
  }
  50%,
  to {
    width: 0;
  }
}
@-webkit-keyframes blockMiniNormalizeAccentShades {
  0% {
    width: 0;
  }
  70%,
  to {
    width: 20%;
  }
}
@keyframes blockMiniNormalizeAccentShades {
  0% {
    width: 0;
  }
  70%,
  to {
    width: 20%;
  }
}
@-webkit-keyframes blockImageMaximizeAccentShades {
  0% {
    transform: translate3d(-50%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes blockImageMaximizeAccentShades {
  0% {
    transform: translate3d(-50%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@-webkit-keyframes blockImageMaximizeAccentShadesXsmall {
  0% {
    width: 430px;
  }
  to {
    width: 180%;
  }
}
@keyframes blockImageMaximizeAccentShadesXsmall {
  0% {
    width: 430px;
  }
  to {
    width: 180%;
  }
}
@-webkit-keyframes blockImageNormalizeAccentShadesXsmall {
  0% {
    width: 180%;
  }
  to {
    width: 430px;
  }
}
@keyframes blockImageNormalizeAccentShadesXsmall {
  0% {
    width: 180%;
  }
  to {
    width: 430px;
  }
}
@-webkit-keyframes normalizeImageMobileAccentShades {
  0% {
    transform: translateZ(0);
    width: 100%;
  }
  to {
    transform: translate3d(-50%, 0, 0);
    width: 100%;
  }
}
@keyframes normalizeImageMobileAccentShades {
  0% {
    transform: translateZ(0);
    width: 100%;
  }
  to {
    transform: translate3d(-50%, 0, 0);
    width: 100%;
  }
}
@-webkit-keyframes blockMaximizeMobileAccentShades {
  0% {
    height: 125px;
    width: 100%;
  }
  to {
    height: 680px;
    width: 100%;
  }
}
@keyframes blockMaximizeMobileAccentShades {
  0% {
    height: 125px;
    width: 100%;
  }
  to {
    height: 680px;
    width: 100%;
  }
}
@-webkit-keyframes blockMaxiNormalizeMobileAccentShades {
  0% {
    height: 680px;
    width: 100%;
  }
  to {
    height: 125px;
    width: 100%;
  }
}
@keyframes blockMaxiNormalizeMobileAccentShades {
  0% {
    height: 680px;
    width: 100%;
  }
  to {
    height: 125px;
    width: 100%;
  }
}
@-webkit-keyframes blockMaximizeTabletAccentShades {
  0% {
    height: 185px;
    width: 100%;
  }
  to {
    height: 770px;
    width: 100%;
  }
}
@keyframes blockMaximizeTabletAccentShades {
  0% {
    height: 185px;
    width: 100%;
  }
  to {
    height: 770px;
    width: 100%;
  }
}
@-webkit-keyframes blockMaxiNormalizeTabletAccentShades {
  0% {
    height: 770px;
    width: 100%;
  }
  to {
    height: 185px;
    width: 100%;
  }
}
@keyframes blockMaxiNormalizeTabletAccentShades {
  0% {
    height: 770px;
    width: 100%;
  }
  to {
    height: 185px;
    width: 100%;
  }
}
.seb--special-edition .split-exploreblock__name {
  font-weight: 400;
  line-height: 1.5em;
}
@media (min-width: 960px) {
  .seb--special-edition .split-exploreblock__container {
    width: 100%;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .seb--special-edition .split-exploreblock__text-inner {
    max-width: 40%;
    padding-right: 4%;
  }
}
@media (min-width: 1200px) {
  .seb--special-edition .split-exploreblock__text-inner {
    max-width: 48%;
    padding-right: 8%;
  }
}
@media (min-width: 960px) {
  .seb--special-edition .split-exploreblock {
    width: 25%;
  }
}
@media (max-width: 959px) {
  .seb--special-edition .split-exploreblock__text {
    margin-bottom: -30px;
  }
}
@media (min-width: 960px) {
  .seb--special-edition.split-exploreblocks > .uk-flex {
    height: 550px;
  }
}
.seb--special-edition .split-exploreblock__image {
  top: 0;
}
@media (max-width: 440px) {
  .seb--special-edition .split-exploreblock__image {
    top: 2%;
  }
}
@media (min-width: 441px) and (max-width: 480px) {
  .seb--special-edition .split-exploreblock__image {
    top: -5%;
  }
}
@media (min-width: 481px) and (max-width: 559px) {
  .seb--special-edition .split-exploreblock__image {
    top: -8.5%;
  }
}
@media (min-width: 560px) and (max-width: 639px) {
  .seb--special-edition .split-exploreblock__image {
    top: 13%;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .seb--special-edition .split-exploreblock__image {
    top: 4%;
  }
}
@media (max-width: 559px) {
  .seb--special-edition .split-exploreblock__image {
    transform: translate3d(-47%, 0, 0);
    width: 430px;
  }
}
.seb--special-edition .split-exploreblock__colors {
  display: none;
}
@media (min-width: 960px) {
  .seb--special-edition.split-exploreblock--push-aside
    .split-exploreblock__image {
    -webkit-animation: imagePushAsideSpecialEdition 1.6s
      cubic-bezier(0.62, 0.04, 0.32, 1.01) forwards;
    animation: imagePushAsideSpecialEdition 1.6s
      cubic-bezier(0.62, 0.04, 0.32, 1.01) forwards;
  }
}
@media (max-width: 559px) {
  .seb--special-edition.split-exploreblock--push-aside.split-exploreblock--push-back
    .split-exploreblock--normalize
    .split-exploreblock__image {
    -webkit-animation: blockImageNormalizeSpecialEditionXsmall 0.9s ease-in-out
      forwards;
    animation: blockImageNormalizeSpecialEditionXsmall 0.9s ease-in-out forwards;
  }
}
@media (min-width: 560px) and (max-width: 959px) {
  .seb--special-edition.split-exploreblock--push-aside.split-exploreblock--push-back
    .split-exploreblock--normalize
    .split-exploreblock__image {
    -webkit-animation: normalizeImageMobileSpecialEdition 0.9s ease-out forwards;
    animation: normalizeImageMobileSpecialEdition 0.9s ease-out forwards;
  }
}
@media (min-width: 960px) {
  .seb--special-edition.split-exploreblock--push-aside.split-exploreblock--push-back
    .split-exploreblock--normalize
    .split-exploreblock__image {
    -webkit-animation: imagePushBackSpecialEdition 0.9s ease-out forwards;
    animation: imagePushBackSpecialEdition 0.9s ease-out forwards;
  }
}
@media (min-width: 960px) {
  .seb--special-edition .split-exploreblock--maximize {
    -webkit-animation: blockMaximizeSpecialEdition 2.2s ease-in-out forwards;
    animation: blockMaximizeSpecialEdition 2.2s ease-in-out forwards;
  }
  .seb--special-edition
    .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalizeSpecialEdition 0.9s ease-in-out
      forwards;
    animation: blockMaxiNormalizeSpecialEdition 0.9s ease-in-out forwards;
  }
}
@media (max-width: 559px) {
  .seb--special-edition
    .split-exploreblock--maximize
    .split-exploreblock__image {
    -webkit-animation: blockImageMaximizeSpecialEditionXsmall 2.2s ease-in-out
      forwards;
    animation: blockImageMaximizeSpecialEditionXsmall 2.2s ease-in-out forwards;
  }
}
@media (min-width: 560px) and (max-width: 959px) {
  .seb--special-edition
    .split-exploreblock--maximize
    .split-exploreblock__image {
    -webkit-animation: blockImageMaximizeSpecialEdition 2.2s ease-in-out
      forwards;
    animation: blockImageMaximizeSpecialEdition 2.2s ease-in-out forwards;
  }
}
@media (max-width: 559px) {
  .seb--special-edition .split-exploreblock--maximize {
    -webkit-animation: blockMaximizeMobileSpecialEdition 1.6s ease-in-out
      forwards;
    animation: blockMaximizeMobileSpecialEdition 1.6s ease-in-out forwards;
  }
  .seb--special-edition
    .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalizeMobileSpecialEdition 0.9s ease-in-out
      forwards;
    animation: blockMaxiNormalizeMobileSpecialEdition 0.9s ease-in-out forwards;
  }
}
@media (min-width: 560px) and (max-width: 959px) {
  .seb--special-edition .split-exploreblock--maximize {
    -webkit-animation: blockMaximizeTabletSpecialEdition 1.6s ease-in-out
      forwards;
    animation: blockMaximizeTabletSpecialEdition 1.6s ease-in-out forwards;
  }
  .seb--special-edition
    .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalizeTabletSpecialEdition 0.9s ease-in-out
      forwards;
    animation: blockMaxiNormalizeTabletSpecialEdition 0.9s ease-in-out forwards;
  }
}
@media (min-width: 960px) {
  .seb--special-edition .split-exploreblock--minimize {
    -webkit-animation: blockMinimizeSpecialEdition 2.2s ease-in-out forwards;
    animation: blockMinimizeSpecialEdition 2.2s ease-in-out forwards;
  }
  .seb--special-edition
    .split-exploreblock--minimize.split-exploreblock--normalize {
    -webkit-animation: blockMiniNormalizeSpecialEdition 0.9s ease-in-out
      forwards;
    animation: blockMiniNormalizeSpecialEdition 0.9s ease-in-out forwards;
  }
}
.seb--special-edition .split-exploreblock .split-exploreblock__hover-image {
  display: none;
}
.split-exploreblock__gradient-bg {
  height: 100%;
  opacity: 1;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out, opacity 0.8s ease-in-out;
  width: 100%;
}
.split-exploreblock--maximize .split-exploreblock__gradient-bg,
.split-exploreblock:hover .split-exploreblock__gradient-bg {
  opacity: 1;
  transform: translateX(0);
}
.split-exploreblock__shine {
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0) 0,
    hsla(0, 0%, 100%, 0.7) 50%,
    hsla(0, 0%, 100%, 0)
  );
  height: 100%;
  transform: translateX(-100%);
  width: 40%;
}
.split-exploreblock:hover .split-exploreblock__shine {
  -webkit-animation: shineTransition 1.2s cubic-bezier(1, 0, 0.26, 0.99);
  animation: shineTransition 1.2s cubic-bezier(1, 0, 0.26, 0.99);
}
.split-exploreblock__shine2 {
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0) 0,
    hsla(0, 0%, 100%, 0.9) 50%,
    hsla(0, 0%, 100%, 0)
  );
  height: 100%;
  transform: translateX(-100%);
  width: 40%;
}
.split-exploreblock:hover .split-exploreblock__shine2 {
  -webkit-animation: shineTransition2 1.8s cubic-bezier(0.04, 0.3, 0.87, 0.15);
  animation: shineTransition2 1.8s cubic-bezier(0.04, 0.3, 0.87, 0.15);
}
@-webkit-keyframes shineTransition {
  0%,
  15% {
    opacity: 0;
    transform: translateX(-100%);
  }
  35% {
    opacity: 0.4;
  }
  45% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.9;
  }
  55% {
    opacity: 0.9;
  }
  65% {
    opacity: 0.4;
  }
  to {
    opacity: 0.4;
    transform: translateX(240%);
  }
}
@keyframes shineTransition {
  0%,
  15% {
    opacity: 0;
    transform: translateX(-100%);
  }
  35% {
    opacity: 0.4;
  }
  45% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.9;
  }
  55% {
    opacity: 0.9;
  }
  65% {
    opacity: 0.4;
  }
  to {
    opacity: 0.4;
    transform: translateX(240%);
  }
}
@-webkit-keyframes shineTransition2 {
  55% {
    opacity: 0;
    transform: translateX(-100%);
  }
  65% {
    opacity: 0.2;
  }
  75% {
    opacity: 0.2;
  }
  80% {
    opacity: 0.5;
  }
  85% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.2;
  }
  to {
    opacity: 0.2;
    transform: translateX(240%);
  }
}
@keyframes shineTransition2 {
  55% {
    opacity: 0;
    transform: translateX(-100%);
  }
  65% {
    opacity: 0.2;
  }
  75% {
    opacity: 0.2;
  }
  80% {
    opacity: 0.5;
  }
  85% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.2;
  }
  to {
    opacity: 0.2;
    transform: translateX(240%);
  }
}
.split-exploreblock--rainbow--blue-pink,
.split-exploreblock--rainbow--gold,
.split-exploreblock--rainbow--green-purple,
.split-exploreblock--rainbow--silver {
  background: linear-gradient(90deg, #f6f7f6, #fdfdfd);
}
.split-exploreblock--rainbow--green-purple .split-exploreblock__gradient-bg {
  background: linear-gradient(
    35deg,
    rgba(234, 235, 199, 0.4),
    rgba(246, 249, 214, 0.4) 28%,
    rgba(244, 230, 245, 0.4)
  );
}
.split-exploreblock--rainbow--blue-pink .split-exploreblock__gradient-bg {
  background: linear-gradient(
    35deg,
    rgba(230, 236, 251, 0.4),
    rgba(220, 232, 253, 0.4) 4%,
    rgba(249, 245, 234, 0.4) 57%,
    rgba(244, 230, 245, 0.4)
  );
}
.split-exploreblock--rainbow--gold .split-exploreblock__gradient-bg {
  background: linear-gradient(
    35deg,
    rgba(243, 235, 208, 0.4),
    rgba(244, 240, 229, 0.4)
  );
}
.split-exploreblock--rainbow--silver .split-exploreblock__gradient-bg {
  background: linear-gradient(
    0deg,
    hsla(0, 0%, 82.4%, 0.4) 0,
    hsla(0, 0%, 97.3%, 0.4)
  );
}
@-webkit-keyframes normalizeImageMobileSpecialEdition {
  0% {
    transform: translateZ(0);
    width: 100%;
  }
  to {
    transform: translate3d(-50%, 0, 0);
    width: 100%;
  }
}
@keyframes normalizeImageMobileSpecialEdition {
  0% {
    transform: translateZ(0);
    width: 100%;
  }
  to {
    transform: translate3d(-50%, 0, 0);
    width: 100%;
  }
}
@-webkit-keyframes blockMaximizeMobileSpecialEdition {
  0% {
    height: 125px;
    width: 100%;
  }
  to {
    height: 620px;
    width: 100%;
  }
}
@keyframes blockMaximizeMobileSpecialEdition {
  0% {
    height: 125px;
    width: 100%;
  }
  to {
    height: 620px;
    width: 100%;
  }
}
@-webkit-keyframes blockMaxiNormalizeMobileSpecialEdition {
  0% {
    height: 620px;
    width: 100%;
  }
  to {
    height: 125px;
    width: 100%;
  }
}
@keyframes blockMaxiNormalizeMobileSpecialEdition {
  0% {
    height: 620px;
    width: 100%;
  }
  to {
    height: 125px;
    width: 100%;
  }
}
@-webkit-keyframes blockMaximizeTabletSpecialEdition {
  0% {
    height: 185px;
    width: 100%;
  }
  to {
    height: 620px;
    width: 100%;
  }
}
@keyframes blockMaximizeTabletSpecialEdition {
  0% {
    height: 185px;
    width: 100%;
  }
  to {
    height: 620px;
    width: 100%;
  }
}
@-webkit-keyframes blockMaxiNormalizeTabletSpecialEdition {
  0% {
    height: 620px;
    width: 100%;
  }
  to {
    height: 185px;
    width: 100%;
  }
}
@keyframes blockMaxiNormalizeTabletSpecialEdition {
  0% {
    height: 620px;
    width: 100%;
  }
  to {
    height: 185px;
    width: 100%;
  }
}
@-webkit-keyframes blockImageMaximizeSpecialEditionXsmall {
  0% {
    width: 430px;
  }
  to {
    width: 200%;
  }
}
@keyframes blockImageMaximizeSpecialEditionXsmall {
  0% {
    width: 430px;
  }
  to {
    width: 200%;
  }
}
@-webkit-keyframes blockImageNormalizeSpecialEditionXsmall {
  0% {
    width: 200%;
  }
  to {
    width: 430px;
  }
}
@keyframes blockImageNormalizeSpecialEditionXsmall {
  0% {
    width: 200%;
  }
  to {
    width: 430px;
  }
}
@-webkit-keyframes blockImageMaximizeSpecialEdition {
  0% {
    transform: translate3d(-50%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes blockImageMaximizeSpecialEdition {
  0% {
    transform: translate3d(-50%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@-webkit-keyframes blockMaximizeSpecialEdition {
  0% {
    width: 25%;
  }
  50%,
  to {
    width: 100%;
  }
}
@keyframes blockMaximizeSpecialEdition {
  0% {
    width: 25%;
  }
  50%,
  to {
    width: 100%;
  }
}
@-webkit-keyframes blockMaxiNormalizeSpecialEdition {
  0% {
    width: 100%;
  }
  70%,
  to {
    width: 25%;
  }
}
@keyframes blockMaxiNormalizeSpecialEdition {
  0% {
    width: 100%;
  }
  70%,
  to {
    width: 25%;
  }
}
@-webkit-keyframes blockMinimizeSpecialEdition {
  0% {
    width: 25%;
  }
  50%,
  to {
    width: 0;
  }
}
@keyframes blockMinimizeSpecialEdition {
  0% {
    width: 25%;
  }
  50%,
  to {
    width: 0;
  }
}
@-webkit-keyframes blockMiniNormalizeSpecialEdition {
  0% {
    width: 0;
  }
  70%,
  to {
    width: 25%;
  }
}
@keyframes blockMiniNormalizeSpecialEdition {
  0% {
    width: 0;
  }
  70%,
  to {
    width: 25%;
  }
}
@-webkit-keyframes imagePushAsideSpecialEdition {
  0% {
    left: 0;
    top: 0;
    transform: translateX(0);
    width: 100%;
  }
  to {
    left: 0;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
  }
}
@keyframes imagePushAsideSpecialEdition {
  0% {
    left: 0;
    top: 0;
    transform: translateX(0);
    width: 100%;
  }
  to {
    left: 0;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
  }
}
@-webkit-keyframes imagePushBackSpecialEdition {
  0% {
    left: 0;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
  }
  30%,
  to {
    left: 0;
    top: 0;
    transform: translateX(0);
    width: 100%;
  }
}
@keyframes imagePushBackSpecialEdition {
  0% {
    left: 0;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
  }
  30%,
  to {
    left: 0;
    top: 0;
    transform: translateX(0);
    width: 100%;
  }
}
.seb--titan-accent-shades .split-exploreblock__wrapper {
  background: linear-gradient(180deg, #fff 0, #e6e6e6);
  font-size: 0.88889rem;
}
@media (min-width: 640px) {
  .seb--titan-accent-shades .split-exploreblock__wrapper {
    font-size: 1.22222rem;
  }
}
.seb--titan-accent-shades
  .split-exploreblock__wrapper
  .split-exploreblock__hover-image {
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #e0e0e0);
}
.seb--titan-accent-shades .split-exploreblock__name {
  font-weight: 400;
  max-width: 135px;
}
@media (min-width: 640px) {
  .seb--titan-accent-shades .split-exploreblock__name {
    max-width: 100%;
  }
}
@media (min-width: 960px) {
  .seb--titan-accent-shades .split-exploreblock__container {
    margin: 0;
    width: 100%;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .seb--titan-accent-shades .split-exploreblock__text-inner {
    max-width: 40%;
    padding-right: 4%;
  }
}
@media (min-width: 1200px) {
  .seb--titan-accent-shades .split-exploreblock__text-inner {
    max-width: 48%;
    padding-right: 8%;
  }
}
@media (min-width: 960px) {
  .seb--titan-accent-shades .split-exploreblock {
    width: 33.33%;
  }
}
@media (max-width: 959px) {
  .seb--titan-accent-shades .split-exploreblock__text {
    margin-bottom: -30px;
  }
}
@media (max-width: 959px) {
  .seb--titan-accent-shades .split-exploreblock__text-content {
    margin: 0 auto;
    max-width: 460px;
  }
}
@media (max-width: 599px) {
  .seb--titan-accent-shades .split-exploreblock__image {
    transform: translate3d(-50%, 0, 0);
    width: 430px;
  }
}
@media (max-width: 599px) {
  .seb--titan-accent-shades.split-exploreblock--push-aside.split-exploreblock--push-back
    .split-exploreblock--normalize
    .split-exploreblock__image {
    -webkit-animation: blockImageNormalize20yearsXsmall 0.9s ease-in-out
      forwards;
    animation: blockImageNormalize20yearsXsmall 0.9s ease-in-out forwards;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .seb--titan-accent-shades.split-exploreblock--push-aside.split-exploreblock--push-back
    .split-exploreblock--normalize
    .split-exploreblock__image {
    -webkit-animation: normalizeImageMobile20years 0.9s ease-out forwards;
    animation: normalizeImageMobile20years 0.9s ease-out forwards;
  }
}
@media (min-width: 960px) {
  .seb--titan-accent-shades .split-exploreblock--maximize {
    -webkit-animation: blockMaximize20years 2.2s ease-in-out forwards;
    animation: blockMaximize20years 2.2s ease-in-out forwards;
  }
  .seb--titan-accent-shades
    .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalize20years 0.9s ease-in-out forwards;
    animation: blockMaxiNormalize20years 0.9s ease-in-out forwards;
  }
}
@media (max-width: 599px) {
  .seb--titan-accent-shades
    .split-exploreblock--maximize
    .split-exploreblock__image {
    -webkit-animation: blockImageMaximize20yearsXsmall 2.2s ease-in-out forwards;
    animation: blockImageMaximize20yearsXsmall 2.2s ease-in-out forwards;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .seb--titan-accent-shades
    .split-exploreblock--maximize
    .split-exploreblock__image {
    -webkit-animation: blockImageMaximize20years 2.2s ease-in-out forwards;
    animation: blockImageMaximize20years 2.2s ease-in-out forwards;
  }
}
@media (max-width: 599px) {
  .seb--titan-accent-shades .split-exploreblock--maximize {
    -webkit-animation: blockMaximizeMobile20years 1.6s ease-in-out forwards;
    animation: blockMaximizeMobile20years 1.6s ease-in-out forwards;
  }
  .seb--titan-accent-shades
    .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalizeMobile20years 0.9s ease-in-out forwards;
    animation: blockMaxiNormalizeMobile20years 0.9s ease-in-out forwards;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .seb--titan-accent-shades .split-exploreblock--maximize {
    -webkit-animation: blockMaximizeTablet20years 1.6s ease-in-out forwards;
    animation: blockMaximizeTablet20years 1.6s ease-in-out forwards;
  }
  .seb--titan-accent-shades
    .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalizeTablet20years 0.9s ease-in-out forwards;
    animation: blockMaxiNormalizeTablet20years 0.9s ease-in-out forwards;
  }
}
@media (min-width: 960px) {
  .seb--titan-accent-shades .split-exploreblock--minimize {
    -webkit-animation: blockMinimize20years 2.2s ease-in-out forwards;
    animation: blockMinimize20years 2.2s ease-in-out forwards;
  }
  .seb--titan-accent-shades
    .split-exploreblock--minimize.split-exploreblock--normalize {
    -webkit-animation: blockMiniNormalize20years 0.9s ease-in-out forwards;
    animation: blockMiniNormalize20years 0.9s ease-in-out forwards;
  }
}
@-webkit-keyframes normalizeImageMobile20years {
  0% {
    transform: translateZ(0);
    width: 100%;
  }
  to {
    transform: translate3d(-50%, 0, 0);
    width: 100%;
  }
}
@keyframes normalizeImageMobile20years {
  0% {
    transform: translateZ(0);
    width: 100%;
  }
  to {
    transform: translate3d(-50%, 0, 0);
    width: 100%;
  }
}
@-webkit-keyframes blockMaximizeMobile20years {
  0% {
    height: 125px;
    width: 100%;
  }
  to {
    height: 670px;
    width: 100%;
  }
}
@keyframes blockMaximizeMobile20years {
  0% {
    height: 125px;
    width: 100%;
  }
  to {
    height: 670px;
    width: 100%;
  }
}
@-webkit-keyframes blockMaxiNormalizeMobile20years {
  0% {
    height: 670px;
    width: 100%;
  }
  to {
    height: 125px;
    width: 100%;
  }
}
@keyframes blockMaxiNormalizeMobile20years {
  0% {
    height: 670px;
    width: 100%;
  }
  to {
    height: 125px;
    width: 100%;
  }
}
@-webkit-keyframes blockMaximizeTablet20years {
  0% {
    height: 185px;
    width: 100%;
  }
  to {
    height: 670px;
    width: 100%;
  }
}
@keyframes blockMaximizeTablet20years {
  0% {
    height: 185px;
    width: 100%;
  }
  to {
    height: 670px;
    width: 100%;
  }
}
@-webkit-keyframes blockMaxiNormalizeTablet20years {
  0% {
    height: 670px;
    width: 100%;
  }
  to {
    height: 185px;
    width: 100%;
  }
}
@keyframes blockMaxiNormalizeTablet20years {
  0% {
    height: 670px;
    width: 100%;
  }
  to {
    height: 185px;
    width: 100%;
  }
}
@-webkit-keyframes blockImageMaximize20yearsXsmall {
  0% {
    width: 430px;
  }
  to {
    width: 200%;
  }
}
@keyframes blockImageMaximize20yearsXsmall {
  0% {
    width: 430px;
  }
  to {
    width: 200%;
  }
}
@-webkit-keyframes blockImageNormalize20yearsXsmall {
  0% {
    width: 200%;
  }
  to {
    width: 430px;
  }
}
@keyframes blockImageNormalize20yearsXsmall {
  0% {
    width: 200%;
  }
  to {
    width: 430px;
  }
}
@-webkit-keyframes blockImageMaximize20years {
  0% {
    transform: translate3d(-50%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes blockImageMaximize20years {
  0% {
    transform: translate3d(-50%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@-webkit-keyframes blockMaximize20years {
  0% {
    width: 33.33%;
  }
  50%,
  to {
    width: 100%;
  }
}
@keyframes blockMaximize20years {
  0% {
    width: 33.33%;
  }
  50%,
  to {
    width: 100%;
  }
}
@-webkit-keyframes blockMaxiNormalize20years {
  0% {
    width: 100%;
  }
  70%,
  to {
    width: 33.33%;
  }
}
@keyframes blockMaxiNormalize20years {
  0% {
    width: 100%;
  }
  70%,
  to {
    width: 33.33%;
  }
}
@-webkit-keyframes blockMinimize20years {
  0% {
    width: 33.33%;
  }
  50%,
  to {
    width: 0;
  }
}
@keyframes blockMinimize20years {
  0% {
    width: 33.33%;
  }
  50%,
  to {
    width: 0;
  }
}
@-webkit-keyframes blockMiniNormalize20years {
  0% {
    width: 0;
  }
  70%,
  to {
    width: 33.33%;
  }
}
@keyframes blockMiniNormalize20years {
  0% {
    width: 0;
  }
  70%,
  to {
    width: 33.33%;
  }
}
.product-config-color__tricolor-lavender-7000 {
  background-image: url("//img3.storyblok.com/60x0/filters:no_upscale()/https://sil-media.storyblok.com/products/colors/8173/7000_lens.png");
}
.product-config-color__slm-grey-3630 {
  background-color: #4c4c4c;
}
.product-config-color__classic-brown-gradient-7530 {
  background-image: url("//img3.storyblok.com/60x0/filters:no_upscale()/https://sil-media.storyblok.com/products/colors/8173/7530_lens.png");
}
.product-config-color__tricolor--green-3630 {
  background-image: url("//img3.storyblok.com/60x0/filters:no_upscale()/https://sil-media.storyblok.com/products/colors/8174/3630_lens.png");
}
.product-config-color__slm-grey-7000 {
  background-color: #4c4c4c;
}
.product-config-color__slm-glossy-rose-mirror-3530 {
  background-color: #edd0e0;
}
.product-config-color__slm-glossy-gold-mirror-9140 {
  background-color: #d5b586;
}
.product-config-color__tricolor-green-9040 {
  background-image: url("//img3.storyblok.com/60x0/filters:no_upscale()/https://sil-media.storyblok.com/products/colors/8718/9040_lens.png");
}
.split-exploreblock--salmon .split-exploreblock__wrapper {
  background: linear-gradient(180deg, #faede9 0, #e6d4cf);
}
.split-exploreblock--salmon
  .split-exploreblock__wrapper
  .split-exploreblock__hover-image {
  background-image: url(../images/hover-salmon.png);
}
.split-exploreblock--teal .split-exploreblock__wrapper {
  background: linear-gradient(180deg, #daeded 0, #bed5d5);
}
.split-exploreblock--teal
  .split-exploreblock__wrapper
  .split-exploreblock__hover-image {
  background-image: url(../images/hover-teal.png);
}
.split-exploreblock--amethyst .split-exploreblock__wrapper {
  background: linear-gradient(180deg, #e0cde8 0, #c8add0);
}
.split-exploreblock--amethyst
  .split-exploreblock__wrapper
  .split-exploreblock__hover-image {
  background-image: url(../images/hover-amethyst.png);
}
.split-exploreblock--crystal .split-exploreblock__wrapper {
  background: linear-gradient(180deg, #efebeb 0, #dad3d3);
}
.split-exploreblock--crystal
  .split-exploreblock__wrapper
  .split-exploreblock__hover-image {
  background-image: url(../images/hover-crystal.png);
}
.split-exploreblock--black .split-exploreblock__wrapper {
  background: linear-gradient(180deg, #c9c8c8 0, #a9a7a7);
}
.split-exploreblock--black
  .split-exploreblock__wrapper
  .split-exploreblock__hover-image {
  background-image: url(../images/hover-black.png);
}
.split-exploreblock--denim .split-exploreblock__wrapper {
  background: linear-gradient(180deg, #dbdce0 0, #c0c0c5);
}
.split-exploreblock--denim
  .split-exploreblock__wrapper
  .split-exploreblock__hover-image {
  background-image: url(../images/hover-denim.png);
}
.product-config-color__teal {
  background-color: #179898;
}
.product-config-color__salmon {
  background-color: #eebcac;
}
.product-config-color__crystal {
  background-color: #f2f2f2;
}
.product-config-color__denim {
  background-color: #677085;
}
.product-config-color__black {
  background-color: #1f1f1f;
}
.product-config-color__amethyst {
  background-color: #a03fca;
}
@media (min-width: 960px) {
  .split-exploreblocks > .uk-flex {
    height: 647px;
    text-align: center;
  }
}
@media (max-width: 959px) {
  .split-exploreblocks > .uk-flex {
    flex-direction: column;
  }
}
.split-exploreblock__wrapper {
  box-sizing: border-box;
  color: #000;
  font-size: 1.22222rem;
  height: 100%;
}
@media (max-width: 959px) {
  .split-exploreblock__wrapper {
    overflow: hidden;
    position: relative;
  }
}
@media (min-width: 960px) {
  .split-exploreblock__container {
    padding: 15px;
  }
}
@media (max-width: 959px) {
  .split-exploreblock__container {
    box-sizing: border-box;
    width: 100%;
  }
}
.split-exploreblock__container--narrow {
  overflow-x: hidden;
}
@media (min-width: 960px) {
  .split-exploreblock__container--narrow {
    height: 100%;
    position: relative;
  }
}
@media (max-width: 959px) {
  .split-exploreblock__container--narrow {
    overflow-y: hidden;
  }
}
.split-exploreblock {
  width: 16.66%;
}
.split-exploreblock:first-child .split-exploreblock__wrapper {
  border-left: 0;
  border-top: 0;
}
@media (max-width: 639px) {
  .split-exploreblock {
    height: 125px;
    width: 100%;
  }
  .split-exploreblock .split-exploreblock__wrapper {
    border-top: 2px solid #fff;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .split-exploreblock {
    height: 125px;
    width: 100%;
  }
  .split-exploreblock .split-exploreblock__wrapper {
    border-top: 2px solid #fff;
  }
}
@media (min-width: 960px) {
  .split-exploreblock {
    overflow: hidden;
  }
  .split-exploreblock:hover {
    cursor: pointer;
  }
  .split-exploreblock .split-exploreblock__wrapper {
    border-left: 2px solid #fff;
  }
}
.split-exploreblock__text {
  opacity: 0;
  text-align: left;
}
@media (max-width: 959px) {
  .split-exploreblock__text {
    margin: 0 20px;
    text-align: center;
  }
}
.split-exploreblock__text-inner {
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 960px) {
  .split-exploreblock__text-inner {
    float: right;
    max-width: 50%;
    padding-right: 25px;
    top: 200px;
    transform: translateY(-100px);
  }
}
.split-exploreblock__image {
  left: 0;
  top: 10%;
  width: 100%;
}
@media (max-width: 959px) {
  .split-exploreblock__image {
    top: 0;
    transform: translate3d(-50%, 0, 0);
  }
}
@media (min-width: 960px) {
  .split-exploreblock__image img {
    max-width: none;
  }
}
.split-exploreblock__inner {
  -webkit-animation: fadeInElementBottom 0.6s ease-out forwards;
  animation: fadeInElementBottom 0.6s ease-out forwards;
  transform: translateY(0);
  transition: transform 0.3s ease-in-out;
}
@media (min-width: 960px) {
  .split-exploreblock__inner {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .split-exploreblock__inner {
    padding: 30px 15px;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .split-exploreblock__inner {
    padding: 50px 15px;
  }
}
@media (max-width: 959px) {
  .split-exploreblock__inner {
    box-sizing: border-box;
    text-align: right;
    width: 100%;
  }
}
@media (min-width: 960px) {
  .split-exploreblock:hover
    .split-exploreblock__inner
    .split-exploreblock__more,
  .split-exploreblock:hover
    .split-exploreblock__inner
    .split-exploreblock__name {
    transform: translateY(-10px);
    transition: transform 0.3s ease-in-out;
  }
}
.split-exploreblock__hover-image {
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  left: 2px;
  transition: height 0.3s ease-in-out;
}
@media (min-width: 960px) {
  .split-exploreblock:hover .split-exploreblock__hover-image {
    height: 100%;
    transition: height 0.3s ease-in-out;
  }
}
.split-exploreblock__inner--shrink {
  height: 20px;
}
.split-exploreblock__name {
  display: inline-block;
  line-height: 1.5em;
}
.split-exploreblock__more,
.split-exploreblock__name {
  transform: translateY(0);
  transition: transform 0.3s ease-in-out;
}
.split-exploreblock__more {
  -webkit-animation: fadeInElement 0.6s ease-in-out forwards;
  animation: fadeInElement 0.6s ease-in-out forwards;
  padding: 15px 0 35px;
}
@media (max-width: 959px) {
  .split-exploreblock__more {
    padding: 5px 0 0;
  }
}
.split-exploreblock__colors {
  padding-left: 0;
}
@media (min-width: 960px) {
  .split-exploreblock__colors {
    justify-content: left;
  }
}
.split-exploreblock__colors .product-config-color {
  opacity: 0;
}
.split-exploreblock__colors .product-config-color__link {
  height: 1.4rem;
  transition-duration: 0.3s;
  width: 1.4rem;
}
.split-exploreblock__colors
  .product-config-color--active
  .product-config-color__link,
.split-exploreblock__colors .product-config-color__link:hover {
  transform: scale(1.6);
}
.split-exploreblock__colors li:last-child {
  margin-right: 0;
}
.split-exploreblock__text-color {
  font-weight: 400;
}
.split-exploreblock__color-label,
.split-exploreblock__text-color,
.split-exploreblock__text-content {
  font-size: 0.88889rem;
}
@media (max-width: 959px) {
  .split-exploreblock__text-color,
  .split-exploreblock__text-content,
  .split-exploreblock__text-title {
    font-size: 16px;
  }
}
.split-exploreblock__text-content br {
  display: none;
}
@media (min-width: 640px) {
  .split-exploreblock__text-content br {
    display: inline-block;
  }
}
.split-exploreblock__button,
.split-exploreblock__text-color,
.split-exploreblock__text-content,
.split-exploreblock__text-title,
.split-exploreblocks__close svg {
  opacity: 0;
  transform: translateY(10px);
}
.split-exploreblocks__close {
  cursor: pointer;
  padding: 30px;
  z-index: 2;
}
.split-exploreblocks__close svg {
  transform: scale(2);
}
.split-exploreblock--minimize {
  -webkit-animation-timing-function: cubic-bezier(0.19, 0.01, 0.26, 1.02);
  animation-timing-function: cubic-bezier(0.19, 0.01, 0.26, 1.02);
  width: 0;
}
.split-exploreblock--minimize.split-exploreblock--normalize {
  -webkit-animation-timing-function: cubic-bezier(0.2, 0.72, 0.44, 0.92);
  animation-timing-function: cubic-bezier(0.2, 0.72, 0.44, 0.92);
}
@media (max-width: 639px) {
  .split-exploreblock--minimize {
    -webkit-animation: blockMinimizeMobile 1.6s ease-in-out forwards;
    animation: blockMinimizeMobile 1.6s ease-in-out forwards;
  }
  .split-exploreblock--minimize.split-exploreblock--normalize {
    -webkit-animation: blockMiniNormalizeMobile 0.9s ease-in-out forwards;
    animation: blockMiniNormalizeMobile 0.9s ease-in-out forwards;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .split-exploreblock--minimize {
    -webkit-animation: blockMinimizeTablet 1.6s ease-in-out forwards;
    animation: blockMinimizeTablet 1.6s ease-in-out forwards;
  }
  .split-exploreblock--minimize.split-exploreblock--normalize {
    -webkit-animation: blockMiniNormalizeTablet 0.9s ease-in-out forwards;
    animation: blockMiniNormalizeTablet 0.9s ease-in-out forwards;
  }
}
@media (min-width: 960px) {
  .split-exploreblock--minimize {
    -webkit-animation: blockMinimize 2.2s ease-in-out forwards;
    animation: blockMinimize 2.2s ease-in-out forwards;
  }
  .split-exploreblock--minimize .split-exploreblock__more {
    -webkit-animation: fadeOutElement 0.6s ease-in-out forwards;
    animation: fadeOutElement 0.6s ease-in-out forwards;
  }
  .split-exploreblock--minimize.split-exploreblock--normalize {
    -webkit-animation: blockMiniNormalize 0.9s ease-in-out forwards;
    animation: blockMiniNormalize 0.9s ease-in-out forwards;
  }
}
@media (max-width: 959px) {
  .split-exploreblock--minimize .split-exploreblock__inner {
    -webkit-animation: fadeOutElementBottom 0.6s ease-in-out forwards;
    animation: fadeOutElementBottom 0.6s ease-in-out forwards;
  }
}
.split-exploreblock--maximize {
  -webkit-animation-timing-function: cubic-bezier(0.19, 0.01, 0.26, 1.02);
  animation-timing-function: cubic-bezier(0.19, 0.01, 0.26, 1.02);
}
.split-exploreblock--maximize,
.split-exploreblock--maximize ~ .split-exploreblock {
  border-color: transparent !important;
}
.split-exploreblock--maximize.split-exploreblock--normalize {
  -webkit-animation-timing-function: cubic-bezier(0.2, 0.72, 0.44, 0.92);
  animation-timing-function: cubic-bezier(0.2, 0.72, 0.44, 0.92);
}
.split-exploreblock--maximize .split-exploreblock__hover-image {
  height: 0;
  transition: height 0.3s ease-in-out;
}
@media (min-width: 960px) {
  .split-exploreblock--maximize {
    -webkit-animation: blockMaximize 2.2s ease-in-out forwards;
    animation: blockMaximize 2.2s ease-in-out forwards;
  }
  .split-exploreblock--maximize:hover .split-exploreblock__hover-image {
    height: 0;
    transition: height 0.3s ease-in-out;
  }
  .split-exploreblock--maximize .split-exploreblock__more {
    -webkit-animation: fadeOutElement 0.6s ease-in-out forwards;
    animation: fadeOutElement 0.6s ease-in-out forwards;
  }
  .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalize 0.9s ease-in-out forwards;
    animation: blockMaxiNormalize 0.9s ease-in-out forwards;
  }
}
@media (max-width: 599px) {
  .split-exploreblock--maximize .split-exploreblock__image {
    -webkit-animation: maximizeImageMobile 1.6s ease-in-out forwards;
    animation: maximizeImageMobile 1.6s ease-in-out forwards;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
}
@media (max-width: 639px) {
  .split-exploreblock--maximize {
    -webkit-animation: blockMaximizeMobile 1.6s ease-in-out forwards;
    animation: blockMaximizeMobile 1.6s ease-in-out forwards;
  }
  .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalizeMobile 0.9s ease-in-out forwards;
    animation: blockMaxiNormalizeMobile 0.9s ease-in-out forwards;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .split-exploreblock--maximize {
    -webkit-animation: blockMaximizeTablet 1.6s ease-in-out forwards;
    animation: blockMaximizeTablet 1.6s ease-in-out forwards;
  }
  .split-exploreblock--maximize.split-exploreblock--normalize {
    -webkit-animation: blockMaxiNormalizeTablet 0.9s ease-in-out forwards;
    animation: blockMaxiNormalizeTablet 0.9s ease-in-out forwards;
  }
}
@media (max-width: 959px) {
  .split-exploreblock--maximize {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  .split-exploreblock--maximize.split-exploreblock--normalize
    .split-exploreblock__container {
    -webkit-animation: reduceContainer 0.9s linear forwards;
    animation: reduceContainer 0.9s linear forwards;
  }
  .split-exploreblock--maximize .split-exploreblock__inner {
    -webkit-animation: fadeOutElementBottom 0.6s ease-in-out forwards;
    animation: fadeOutElementBottom 0.6s ease-in-out forwards;
  }
}
.split-exploreblock--push-aside .split-exploreblock__text {
  -webkit-animation: textFadeIn 3.2s ease-out forwards;
  animation: textFadeIn 3.2s ease-out forwards;
}
@media (min-width: 960px) {
  .split-exploreblock--push-aside .split-exploreblock__image {
    -webkit-animation: imagePushAside 1.6s cubic-bezier(0.62, 0.04, 0.32, 1.01)
      forwards;
    animation: imagePushAside 1.6s cubic-bezier(0.62, 0.04, 0.32, 1.01) forwards;
  }
}
@media (min-width: 960px) {
  .split-exploreblock--hide-name .split-exploreblock__inner {
    -webkit-animation: fadeOutElementBottom 0.3s ease-out forwards;
    animation: fadeOutElementBottom 0.3s ease-out forwards;
  }
}
.split-exploreblock--show-content .split-exploreblock__more {
  display: none;
}
.split-exploreblock--show-content .split-exploreblock__text-title {
  -webkit-animation: contentFadeIn 0.6s ease-out forwards;
  animation: contentFadeIn 0.6s ease-out forwards;
}
.split-exploreblock--show-content .split-exploreblock__text-content {
  -webkit-animation: contentFadeIn 0.6s ease-out forwards;
  animation: contentFadeIn 0.6s ease-out forwards;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.split-exploreblock--show-content .split-exploreblock__text-color {
  -webkit-animation: contentFadeIn 0.6s ease-out forwards;
  animation: contentFadeIn 0.6s ease-out forwards;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.split-exploreblock--show-content .product-config-color:first-child {
  -webkit-animation: contentFadeIn 0.3s ease-out forwards;
  animation: contentFadeIn 0.3s ease-out forwards;
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.split-exploreblock--show-content .product-config-color:nth-child(2) {
  -webkit-animation: contentFadeIn 0.3s ease-out forwards;
  animation: contentFadeIn 0.3s ease-out forwards;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.split-exploreblock--show-content .product-config-color:nth-child(3) {
  -webkit-animation: contentFadeIn 0.3s ease-out forwards;
  animation: contentFadeIn 0.3s ease-out forwards;
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}
.split-exploreblock--show-content .product-config-color:nth-child(4) {
  -webkit-animation: contentFadeIn 0.3s ease-out forwards;
  animation: contentFadeIn 0.3s ease-out forwards;
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.split-exploreblock--show-content .product-config-color:nth-child(5) {
  -webkit-animation: contentFadeIn 0.3s ease-out forwards;
  animation: contentFadeIn 0.3s ease-out forwards;
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}
.split-exploreblock--show-content .product-config-color:nth-child(6) {
  -webkit-animation: contentFadeIn 0.3s ease-out forwards;
  animation: contentFadeIn 0.3s ease-out forwards;
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
}
.split-exploreblock--show-content .split-exploreblock__button {
  -webkit-animation: contentFadeIn 0.6s ease-out forwards;
  animation: contentFadeIn 0.6s ease-out forwards;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.split-exploreblock--show-content .split-exploreblocks__close svg {
  -webkit-animation: showCloseButton 0.6s ease-out forwards;
  animation: showCloseButton 0.6s ease-out forwards;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.split-exploreblock--push-back .split-exploreblock__text {
  -webkit-animation: textFadeOut 0.6s linear forwards;
  animation: textFadeOut 0.6s linear forwards;
}
.split-exploreblock--push-back .split-exploreblocks__close svg {
  -webkit-animation: hideCloseButton 0.6s linear forwards;
  animation: hideCloseButton 0.6s linear forwards;
}
@media (max-width: 959px) {
  .split-exploreblock--push-aside.split-exploreblock--push-back
    .split-exploreblock--normalize
    .split-exploreblock__image {
    -webkit-animation: normalizeImageMobile 0.9s ease-out forwards;
    animation: normalizeImageMobile 0.9s ease-out forwards;
  }
}
@media (min-width: 960px) {
  .split-exploreblock--push-aside.split-exploreblock--push-back
    .split-exploreblock--normalize
    .split-exploreblock__image {
    -webkit-animation: imagePushBack 0.9s ease-out forwards;
    animation: imagePushBack 0.9s ease-out forwards;
  }
}
.split-exploreblock--pause-animation .split-exploreblock__inner {
  left: -200%;
  position: relative;
}
.split-exploreblock--reposition-text .split-exploreblock__text-inner {
  -webkit-animation: repositionTextInner 0.68s ease-out forwards;
  animation: repositionTextInner 0.68s ease-out forwards;
  -webkit-animation-delay: 0.22s;
  animation-delay: 0.22s;
}
.split-exploreblock--reposition-text .split-exploreblock__text-title {
  width: 960px;
}
.split-exploreblock--reposition-text .split-exploreblock__text-title ~ p,
.split-exploreblock--reposition-text .split-exploreblock__text-title ~ ul {
  -webkit-animation: repositionTextAfterTitle 0.68s ease-out forwards;
  animation: repositionTextAfterTitle 0.68s ease-out forwards;
  -webkit-animation-delay: 0.22s;
  animation-delay: 0.22s;
}
@-webkit-keyframes repositionTextAfterTitle {
  0%,
  to {
    position: absolute;
  }
}
@keyframes repositionTextAfterTitle {
  0%,
  to {
    position: absolute;
  }
}
@-webkit-keyframes repositionTextInner {
  0%,
  to {
    max-height: 100%;
    overflow: hidden;
  }
}
@keyframes repositionTextInner {
  0%,
  to {
    max-height: 100%;
    overflow: hidden;
  }
}
@-webkit-keyframes normalizeImageMobile {
  0% {
    width: 200%;
  }
  to {
    width: 100%;
  }
}
@keyframes normalizeImageMobile {
  0% {
    width: 200%;
  }
  to {
    width: 100%;
  }
}
@-webkit-keyframes maximizeImageMobile {
  0% {
    width: 100%;
  }
  to {
    width: 200%;
  }
}
@keyframes maximizeImageMobile {
  0% {
    width: 100%;
  }
  to {
    width: 200%;
  }
}
@-webkit-keyframes showCloseButton {
  0% {
    opacity: 0;
    transform: scale(2) rotate(90deg);
  }
  to {
    opacity: 1;
    transform: scale(2) rotate(0deg);
  }
}
@keyframes showCloseButton {
  0% {
    opacity: 0;
    transform: scale(2) rotate(90deg);
  }
  to {
    opacity: 1;
    transform: scale(2) rotate(0deg);
  }
}
@-webkit-keyframes hideCloseButton {
  0% {
    opacity: 1;
    transform: scale(2) rotate(0deg);
  }
  to {
    opacity: 0;
    transform: scale(2) rotate(90deg);
  }
}
@keyframes hideCloseButton {
  0% {
    opacity: 1;
    transform: scale(2) rotate(0deg);
  }
  to {
    opacity: 0;
    transform: scale(2) rotate(90deg);
  }
}
@-webkit-keyframes widenContainer {
  0%,
  to {
    height: 100%;
    overflow-x: hidden;
    position: relative;
  }
}
@keyframes widenContainer {
  0%,
  to {
    height: 100%;
    overflow-x: hidden;
    position: relative;
  }
}
@-webkit-keyframes reduceContainer {
  0%,
  31% {
    height: 100%;
    overflow-x: hidden;
    position: relative;
  }
  to {
    height: auto;
  }
}
@keyframes reduceContainer {
  0%,
  31% {
    height: 100%;
    overflow-x: hidden;
    position: relative;
  }
  to {
    height: auto;
  }
}
@-webkit-keyframes contentFadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes contentFadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes contentFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}
@keyframes contentFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}
@-webkit-keyframes textFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
    z-index: 1;
  }
  50%,
  55% {
    opacity: 0;
    transform: translateY(20px);
    z-index: 2;
  }
  70%,
  to {
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
  }
}
@keyframes textFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
    z-index: 1;
  }
  50%,
  55% {
    opacity: 0;
    transform: translateY(20px);
    z-index: 2;
  }
  70%,
  to {
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
  }
}
@-webkit-keyframes textFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
  }
  30% {
    opacity: 0;
    transform: translateY(-20px);
    z-index: 2;
  }
  to {
    opacity: 0;
    top: 200px;
    transform: translateY(-100px);
    z-index: 1;
  }
}
@keyframes textFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
  }
  30% {
    opacity: 0;
    transform: translateY(-20px);
    z-index: 2;
  }
  to {
    opacity: 0;
    top: 200px;
    transform: translateY(-100px);
    z-index: 1;
  }
}
@-webkit-keyframes imagePushAside {
  0% {
    left: 0;
    top: 10%;
    transform: translateX(0);
    width: 100%;
  }
  to {
    left: 0;
    top: 10%;
    transform: translateX(-50%);
    width: 100%;
  }
}
@keyframes imagePushAside {
  0% {
    left: 0;
    top: 10%;
    transform: translateX(0);
    width: 100%;
  }
  to {
    left: 0;
    top: 10%;
    transform: translateX(-50%);
    width: 100%;
  }
}
@-webkit-keyframes imagePushBack {
  0% {
    left: 0;
    top: 10%;
    transform: translateX(-50%);
    width: 100%;
  }
  30%,
  to {
    left: 0;
    top: 10%;
    transform: translateX(0);
    width: 100%;
  }
}
@keyframes imagePushBack {
  0% {
    left: 0;
    top: 10%;
    transform: translateX(-50%);
    width: 100%;
  }
  30%,
  to {
    left: 0;
    top: 10%;
    transform: translateX(0);
    width: 100%;
  }
}
@-webkit-keyframes fadeOutElement {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOutElement {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeInElement {
  0%,
  90% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInElement {
  0%,
  90% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutElementBottom {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}
@keyframes fadeOutElementBottom {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}
@-webkit-keyframes fadeInElementBottom {
  0%,
  80% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInElementBottom {
  0%,
  80% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes blockMaximize {
  0% {
    width: 16.66%;
  }
  50%,
  to {
    width: 100%;
  }
}
@keyframes blockMaximize {
  0% {
    width: 16.66%;
  }
  50%,
  to {
    width: 100%;
  }
}
@-webkit-keyframes blockMaxiNormalize {
  0% {
    width: 100%;
  }
  70%,
  to {
    width: 16.66%;
  }
}
@keyframes blockMaxiNormalize {
  0% {
    width: 100%;
  }
  70%,
  to {
    width: 16.66%;
  }
}
@-webkit-keyframes blockMinimize {
  0% {
    width: 16.66%;
  }
  50%,
  to {
    width: 0;
  }
}
@keyframes blockMinimize {
  0% {
    width: 16.66%;
  }
  50%,
  to {
    width: 0;
  }
}
@-webkit-keyframes blockMiniNormalize {
  0% {
    width: 0;
  }
  70%,
  to {
    width: 16.66%;
  }
}
@keyframes blockMiniNormalize {
  0% {
    width: 0;
  }
  70%,
  to {
    width: 16.66%;
  }
}
@-webkit-keyframes blockMaximizeMobile {
  0% {
    height: 125px;
    width: 100%;
  }
  to {
    height: 760px;
    width: 100%;
  }
}
@keyframes blockMaximizeMobile {
  0% {
    height: 125px;
    width: 100%;
  }
  to {
    height: 760px;
    width: 100%;
  }
}
@-webkit-keyframes blockMaxiNormalizeMobile {
  0% {
    height: 760px;
    width: 100%;
  }
  to {
    height: 125px;
    width: 100%;
  }
}
@keyframes blockMaxiNormalizeMobile {
  0% {
    height: 760px;
    width: 100%;
  }
  to {
    height: 125px;
    width: 100%;
  }
}
@-webkit-keyframes blockMinimizeMobile {
  0%,
  66% {
    height: 125px;
    width: 100%;
  }
  to {
    height: 0;
    width: 100%;
  }
}
@keyframes blockMinimizeMobile {
  0%,
  66% {
    height: 125px;
    width: 100%;
  }
  to {
    height: 0;
    width: 100%;
  }
}
@-webkit-keyframes blockMiniNormalizeMobile {
  0% {
    height: 0;
    width: 100%;
  }
  to {
    height: 125px;
    width: 100%;
  }
}
@keyframes blockMiniNormalizeMobile {
  0% {
    height: 0;
    width: 100%;
  }
  to {
    height: 125px;
    width: 100%;
  }
}
@-webkit-keyframes blockMaximizeTablet {
  0% {
    height: 185px;
    width: 100%;
  }
  to {
    height: 760px;
    width: 100%;
  }
}
@keyframes blockMaximizeTablet {
  0% {
    height: 185px;
    width: 100%;
  }
  to {
    height: 760px;
    width: 100%;
  }
}
@-webkit-keyframes blockMaxiNormalizeTablet {
  0% {
    height: 760px;
    width: 100%;
  }
  to {
    height: 185px;
    width: 100%;
  }
}
@keyframes blockMaxiNormalizeTablet {
  0% {
    height: 760px;
    width: 100%;
  }
  to {
    height: 185px;
    width: 100%;
  }
}
@-webkit-keyframes blockMinimizeTablet {
  0%,
  66% {
    height: 185px;
    width: 100%;
  }
  to {
    height: 0;
    width: 100%;
  }
}
@keyframes blockMinimizeTablet {
  0%,
  66% {
    height: 185px;
    width: 100%;
  }
  to {
    height: 0;
    width: 100%;
  }
}
@-webkit-keyframes blockMiniNormalizeTablet {
  0% {
    height: 0;
    width: 100%;
  }
  to {
    height: 185px;
    width: 100%;
  }
}
@keyframes blockMiniNormalizeTablet {
  0% {
    height: 0;
    width: 100%;
  }
  to {
    height: 185px;
    width: 100%;
  }
}
.split-header-slider .swiper-pagination.swiper-pagination-bullets {
  bottom: 1.25rem;
}
.split-header-slider-navigation {
  bottom: 20px;
  left: 15%;
  margin-left: 10px;
  position: absolute;
  text-align: center;
  z-index: 99;
}
.split-header-slide {
  height: 75vh;
}
.split-header-slide a {
  text-decoration: none;
}
@media (min-width: 960px) {
  .split-header-slide {
    width: 70% !important;
  }
}
@media (min-width: 1200px) {
  .split-header-slide {
    height: 66.5vh;
  }
}
.split-header-slide__video {
  background-size: cover;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
}
.split-header-slide__picture {
  display: flex;
  height: 100%;
  width: 100%;
}
.split-header-slider__icon:hover {
  cursor: pointer;
}
.split-header-slide__img {
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}
.split-header-slide:hover .split-header-slide__img {
  transform: scale(1.03);
}
.split-header-slide__headline {
  margin-bottom: 0;
}
.split-header-slide__subheadline {
  margin-top: 0.5rem;
}
.split-header-slide__slide-gradient {
  background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.62));
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 90;
}
.split-header-slide__text-container {
  padding-bottom: 80px;
  z-index: 100;
}
.split-selection-products {
  width: 100%;
}
.split-selection-products-container {
  min-height: 300px;
}
@media (min-width: 960px) {
  .split-selection-products-container {
    min-height: 600px;
  }
}
.split-selection-products-item {
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  width: 55%;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .split-selection-products-item {
    width: 49.7%;
  }
}
.no-touchevents
  .split-selection-products-item:hover
  .split-selection-products-img,
.no-touchevents
  .split-selection-products-item:hover
  .split-selection-products-item__inner,
.split-selection-products-item.split-selection-products-item--active
  .split-selection-products-img,
.split-selection-products-item.split-selection-products-item--active
  .split-selection-products-item__inner {
  transform: scale(1.03);
}
.split-selection-products-item,
_:-ms-lang(x) {
  width: 49.7%;
}
.split-selection-products-item__inner {
  background-color: #fff;
  background-position: 50%;
  background-size: cover;
  height: 100%;
  transition: all 0.3s ease;
  width: 100%;
}
.split-selection-products-item__inner :before {
  background-color: rgba(52, 73, 94, 0.75);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.split-selection-products-button {
  background: hsla(0, 0%, 100%, 0.3) !important;
  border: 0 !important;
  border-color: transparent !important;
  padding: 0.8em;
  width: 100%;
}
@media (min-width: 640px) {
  .split-selection-products-button {
    padding: 1em;
  }
}
.split-selection-products-item--first .split-selection-products-button {
  padding: 0.8em 1.2em 0.8em 0;
}
@media (min-width: 640px) {
  .split-selection-products-item--first .split-selection-products-button {
    padding: 1em 5em 1em 1em;
  }
}
.split-selection-products-item--active .split-selection-products-button {
  background: #000 !important;
  color: #fff !important;
}
.split-selection-products-overlay {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0;
  transition: opacity 0.3s ease;
}
.split-selection-products-overlay.uk-overlay-primary {
  opacity: 1;
}
.split-selection-products-item--active
  .split-selection-products-overlay.uk-overlay-primary,
.split-selection-products-item:hover
  .split-selection-products-overlay.uk-overlay-primary {
  opacity: 0;
}
.split-selection-products-item--first {
  -webkit-clip-path: url(#mask-right);
  clip-path: url(#mask-right);
  -webkit-clip-path: polygon(0 100%, 0 0, 96% 0, 82% 100%);
  clip-path: polygon(0 100%, 0 0, 96% 0, 82% 100%);
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.split-selection-products-item--second {
  -webkit-clip-path: url(#mask-left);
  clip-path: url(#mask-left);
  -webkit-clip-path: polygon(1% 100%, 15% 0, 100% 0, 100% 100%);
  clip-path: polygon(1% 100%, 15% 0, 100% 0, 100% 100%);
  position: absolute;
  right: 0;
  top: 0;
}
.section--split-selection + .billboard {
  margin-top: 2.2rem;
}
.split-selection-container {
  min-height: 300px;
}
@media (min-width: 960px) {
  .split-selection-container {
    min-height: 400px;
  }
}
.split-selection-item {
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  width: 55%;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .split-selection-item {
    width: 49.7%;
  }
}
.split-selection-item .uk-overlay-primary {
  opacity: 0;
}
.no-touchevents .split-selection-item:hover .split-selection-img,
.split-selection-item.split-selection-item--active .split-selection-img {
  transform: scale(1.03);
}
.no-touchevents .split-selection-item:hover .split-selection-button,
.split-selection-item.split-selection-item--active .split-selection-button {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.no-touchevents .split-selection-item:hover .split-selection-item__inner,
.split-selection-item.split-selection-item--active
  .split-selection-item__inner {
  transform: scale(1.03);
}
.split-selection-item,
_:-ms-lang(x) {
  width: 49.7%;
}
@media (max-width: 639px) {
  .split-selection-button {
    padding: 0 1em;
  }
}
.split-selection-item__inner {
  background-color: #fff;
  background-position: 50%;
  background-size: cover;
  cursor: pointer;
  height: 100%;
  transition: transform 0.3s ease;
  width: 100%;
}
.split-selection-item__inner :before {
  background-color: rgba(52, 73, 94, 0.75);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.split-selection-overlay {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2em;
}
@media (max-width: 639px) {
  .split-selection-overlay {
    padding: 2em 1em;
  }
}
.split-selection-item--first {
  -webkit-clip-path: url(#mask-right);
  clip-path: url(#mask-right);
  -webkit-clip-path: polygon(0 100%, 0 0, 96% 0, 82% 100%);
  clip-path: polygon(0 100%, 0 0, 96% 0, 82% 100%);
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.split-selection-item--second {
  -webkit-clip-path: url(#mask-left);
  clip-path: url(#mask-left);
  -webkit-clip-path: polygon(1% 100%, 15% 0, 100% 0, 100% 100%);
  clip-path: polygon(1% 100%, 15% 0, 100% 0, 100% 100%);
  position: absolute;
  right: 0;
  top: 0;
}
.stories-overview__category-wrapper {
  flex-direction: column;
}
@media (min-width: 640px) {
  .stories-overview__category-wrapper {
    flex-direction: row;
  }
}
.stories-overview__category-btn {
  cursor: pointer;
  font-size: 0.88889rem;
  padding: 15px;
  text-transform: uppercase;
}
.stories-overview__category-btn:hover {
  color: #5d5d5d;
}
.stories-overview__tagbar {
  min-height: 3rem;
}
@media (min-width: 640px) {
  .stories-overview__grid-col:first-of-type {
    margin-right: 20px;
  }
}
.stories-overview__grid-item {
  margin-bottom: 70px;
}
.stories-overview__grid-item a {
  align-items: start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.stories-overview__grid-item a:hover {
  color: #000;
  text-decoration: none;
}
.stories-overview__grid-item a:not(:first-child) {
  margin-top: 70px;
}
.stories-overview__grid-item a:hover .stories-overview-image {
  transform: scale(1.03);
}
.stories-overview__imagewrapper {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.stories-overview__videowrapper {
  height: 400px;
  position: relative;
  width: 100%;
}
.stories-overview__video {
  background-size: cover;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-25%);
  vertical-align: top;
  width: auto;
}
.stories-overview-image {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}
.stories-overview__btn-tag,
.stories-overview__btn-wrapper {
  margin-right: 10px;
  margin-top: 10px;
}
.stories-overview__btn-tag {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 9999px;
  cursor: pointer;
  display: flex;
  font-size: 0.66667rem;
  padding: 7px 12px;
}
.stories-overview__btn-tag.stories-overview__btn-tag--grey {
  color: #5d5d5d;
}
.stories-overview__btn-tag svg {
  margin-left: 10px;
  width: 10px;
}
.stories-overview__btn-reset {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.stories-overview__title {
  color: #000;
}
.stories-overview__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.stories-overview__tags {
  left: -2px;
  position: relative;
}
.stories-overview__stories-indicator {
  background-color: #d8d8d8;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.stories-overview__stories-indicator span {
  background-color: #000;
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
}
.stories-overview__reading-time {
  align-items: center;
  color: #000;
  display: flex;
}
.story-detail-breadcrumbs {
  margin-top: 20px;
}
.story-detail-breadcrumb-item {
  padding-bottom: 10px;
}
.story-detail-breadcrumb-item svg {
  height: 12px;
}
.story-detail-breadcrumb-link {
  font-size: 14px;
  padding-bottom: 2px;
}
.story-detail-text {
  line-height: 1.675;
  max-width: 700px;
}
.story-detail-text a {
  border-bottom: 1px solid #000;
}
.story-detail-text a:hover {
  border-color: #5d5d5d;
  color: #5d5d5d;
  text-decoration: none;
}
.story-detail-text--large-margin {
  margin-top: 70px;
}
.story-detail-videowall {
  height: 75vh;
  margin-top: 40px;
  min-height: 350px;
  overflow: hidden;
}
@media (min-width: 640px) {
  .story-detail-videowall {
    margin-top: 140px;
  }
}
.story-detail-videowall__video {
  background-size: cover;
  height: auto;
  min-height: 101%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-25%);
  vertical-align: top;
  width: auto;
}
.story-detail-videowall__navigation {
  bottom: 10px;
  left: 10px;
  position: absolute;
  z-index: 10;
}
.story-detail-videowall__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.story-detail-videowall__headline {
  font-size: 28px;
  font-weight: 400;
  margin-top: 70px;
  text-align: center;
  z-index: 10;
}
@media (min-width: 640px) {
  .story-detail-videowall__headline {
    font-size: 40px;
    width: 70%;
  }
}
.story-detail-videowall__subheadline {
  font-size: 20px;
  font-weight: 300;
  margin: 5px 0 0;
  z-index: 10;
}
@media (min-width: 640px) {
  .story-detail-videowall__subheadline {
    font-size: 1.4rem;
  }
}
.story-highlights-section {
  margin-top: 70px;
}
@media (max-width: 639px) {
  .story-highlights-section {
    margin-top: 20px;
  }
}
.story-highlights-swiper__slide {
  cursor: pointer;
  display: flex;
  height: 520px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.story-highlights-swiper__slide-picture {
  display: flex;
  height: 100%;
  width: 100%;
}
.story-highlights-swiper__slide-img {
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}
.story-highlights-swiper__slide:hover .story-highlights-swiper__slide-img {
  transform: scale(1.03);
}
.story-highlights-swiper-button-next,
.story-highlights-swiper-button-prev {
  align-items: center;
  background-color: #fff;
  background-image: none;
  display: flex;
  height: 50px;
  margin-top: 0;
  outline: none;
  transform: translateY(-50%);
  width: 20px;
}
.story-highlights-swiper-button-next svg,
.story-highlights-swiper-button-prev svg {
  fill: currentColor;
}
.story-highlights-swiper-button-next .story-highlights-icon,
.story-highlights-swiper-button-prev .story-highlights-icon {
  height: 24px;
  width: 11px;
}
.story-highlights-swiper-button-next.swiper-button-disabled,
.story-highlights-swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.story-highlights-swiper-button-next.swiper-button-disabled svg,
.story-highlights-swiper-button-prev.swiper-button-disabled svg {
  color: #d8d8d8;
}
.story-highlights-swiper-button-next {
  justify-content: end;
  right: 0;
}
.story-highlights-swiper-button-prev {
  justify-content: start;
  left: 0;
}
.story-highlight-swiper__slide-overlay {
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 30px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
.story-highlight-swiper__slide-overlay-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  width: 100%;
}
.story-highlight-swiper__slide-overlay-headline {
  color: #fff;
  margin-bottom: 5px;
}
.story-highlight-swiper__slide-title {
  color: #fff;
  margin: 0 0 -8px;
}
.story-highlights-swiper__slide-gradient {
  background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.62));
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 90;
}
.subnavigation {
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: 300;
  padding-top: 10px;
}
@media (max-width: 959px) {
  .subnavigation {
    background-color: #fff;
    height: 100vh;
    max-height: none;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: fixed !important;
    top: 40px;
    transform: translate(100%);
    transition: transform 0.6s ease;
    width: 100vw;
    z-index: 3;
  }
  .subnavigation,
  .subnavigation .uk-flex {
    flex-direction: column;
  }
  .navigation__item--main-arrow.active + .subnavigation {
    opacity: 1;
    transform: translate(0);
  }
  .navigation__item--main-arrow.active.slide-right + .subnavigation {
    opacity: 1;
    transform: translate(100%);
  }
  .subnavigation .subnavigation__item--global {
    font-weight: 400 !important;
  }
  .subnavigation ul {
    margin-bottom: 0;
    padding: 0 0 0 20px;
  }
  .subnavigation .subnavigation__tryon .navigation__item--main-arrow {
    top: 8px;
  }
}
@media (min-width: 960px) {
  .no-touchevents .navigation__item--subnav:hover .subnavigation {
    -webkit-animation: showSubnavigation 0.6s ease-in-out forwards;
    animation: showSubnavigation 0.6s ease-in-out forwards;
  }
  .subnavigation a:hover {
    color: #000;
    font-weight: 400;
    text-decoration: none;
  }
  .subnavigation .subnavigation__item--global {
    font-weight: 500 !important;
  }
  .subnavigation .subnavigation__tryon-desktop {
    margin-top: 35px;
  }
}
@media (min-width: 960px) {
  .subnavigation {
    font-size: 0.77778rem;
    font-weight: 400;
    left: 0;
    max-width: none;
    opacity: 0;
    padding-left: 14px;
    padding-top: 21px;
    top: 85px;
    transform: translateY(-200px);
    z-index: -1;
  }
  .subnavigation ul {
    padding-left: 0;
  }
}
.subnavigation ul {
  list-style: none;
  margin-top: 0;
}
.subnavigation-background {
  opacity: 0;
  transform: translateY(-200px);
  z-index: -1;
}
@media (min-width: 960px) {
  .no-touchevents .navigation__item--subnav:hover .subnavigation-background {
    -webkit-animation: showSubnavigationBackground 0.6s ease-in-out forwards;
    animation: showSubnavigationBackground 0.6s ease-in-out forwards;
  }
  .navigation--expanded .subnavigation-background,
  .navigation--initial .subnavigation-background {
    background-color: hsla(0, 0%, 100%, 0.95);
    border-bottom: transparent;
    box-shadow: 0 10px 30px -9px hsla(0, 0%, 84.7%, 0.5);
    height: 65px;
    left: 0;
    top: 85px;
    width: 100vw;
  }
}
.subnavigation__item {
  margin: 0 20px 0 0 !important;
}
.subnavigation__item span {
  display: inline-block;
}
.subnavigation__item a {
  padding: 0 !important;
  white-space: nowrap;
}
@media screen and (min-width: 960px) {
  .subnavigation__item:last-child {
    margin-right: 0 !important;
  }
  .subnavigation__item :hover span {
    color: #5d5d5d;
    font-weight: 400;
  }
  .subnavigation__item span:after {
    color: transparent;
    content: attr(title);
    display: block;
    font-weight: 400;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
  }
  .subnavigation__item.subnavigation__item--repeat-mainnav {
    display: none;
    margin-right: 0;
  }
}
@media (max-width: 959px) {
  .subnavigation__item:first-child {
    padding-top: 0;
  }
  .subnavigation__item:last-child {
    padding-bottom: 10px;
  }
}
@media (max-width: 959px) {
  .subnavigation__item--repeat-mainnav {
    order: 0;
  }
}
@media (max-width: 959px) {
  .subnavigation__item--mobile {
    order: 1;
    padding-bottom: 0;
  }
}
@media (min-width: 640px) {
  .subnavigation__flex-margin {
    flex-grow: 1;
    max-width: 50px;
  }
}
@media (min-width: 640px) and (max-width: 1150px) {
  .subnavigation__teaser-flexmargin {
    display: none;
  }
}
@media (max-width: 959px) {
  .subnavigation-wrapper > a {
    margin-right: 70px;
  }
}
@media (min-width: 960px) {
  .subnavigation-wrapper:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 10px;
    margin-left: calc(50% - 5px);
    margin-top: 35px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 10px;
  }
  .navigation__item--subnav:hover .subnavigation-wrapper:after {
    -webkit-animation: showArrowSubnav 0.6s ease-in-out forwards;
    animation: showArrowSubnav 0.6s ease-in-out forwards;
  }
}
@-webkit-keyframes showSubnavigation {
  0% {
    opacity: 0;
    transform: translateY(-200px);
    z-index: -1;
  }
  1% {
    transform: translateY(-5px);
    z-index: 0;
  }
  70% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    z-index: 0;
  }
}
@keyframes showSubnavigation {
  0% {
    opacity: 0;
    transform: translateY(-200px);
    z-index: -1;
  }
  1% {
    transform: translateY(-5px);
    z-index: 0;
  }
  70% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    z-index: 0;
  }
}
@-webkit-keyframes showSubnavigationBackground {
  0% {
    opacity: 0;
    transform: translateY(-200px);
    z-index: -1;
  }
  1% {
    transform: translateY(-5px);
    z-index: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    z-index: 0;
  }
}
@keyframes showSubnavigationBackground {
  0% {
    opacity: 0;
    transform: translateY(-200px);
    z-index: -1;
  }
  1% {
    transform: translateY(-5px);
    z-index: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    z-index: 0;
  }
}
@-webkit-keyframes showArrowSubnav {
  0%,
  49% {
    opacity: 0;
    transform: translateY(-200px);
    z-index: -1;
  }
  50% {
    opacity: 0;
    transform: translateY(0);
    z-index: 1;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    z-index: 1;
  }
}
@keyframes showArrowSubnav {
  0%,
  49% {
    opacity: 0;
    transform: translateY(-200px);
    z-index: -1;
  }
  50% {
    opacity: 0;
    transform: translateY(0);
    z-index: 1;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    z-index: 1;
  }
}
.subnavigation--glasses {
  justify-content: center;
  left: 0;
  opacity: 0;
  width: 100vw;
}
.subnavigation--glasses > div:first-child {
  margin: 0 auto;
  max-width: 1400px;
}
.subnavigation--glasses .subnavigation__item {
  text-align: left;
}
.subnavigation--glasses ul {
  margin-top: 0;
}
@media (max-width: 959px) {
  .subnavigation--glasses {
    background-color: #fff;
    height: 100vh;
    justify-content: normal;
    overflow: scroll;
  }
  .navigation__item--main-arrow.active + .subnavigation--glasses {
    opacity: 1;
    transform: translate(0);
  }
  .navigation__item--main-arrow.active.slide-right + .subnavigation--glasses {
    opacity: 1;
    transform: translate(100%);
  }
}
@media (min-width: 960px) {
  .subnavigation--glasses {
    background-color: hsla(0, 0%, 100%, 0.95);
    padding: 50px 40px 20px;
    transform: translateY(-1000px);
    z-index: -1;
  }
  .subnavigation--glasses a:hover {
    font-weight: 700 !important;
  }
  .no-touchevents .navigation__item--subnav:hover .subnavigation--glasses {
    -webkit-animation: showSubnavigationGlasses 0.6s ease-in-out forwards;
    animation: showSubnavigationGlasses 0.6s ease-in-out forwards;
    -webkit-animation-timing-function: cubic-bezier(0.68, 0.04, 0.44, 1);
    animation-timing-function: cubic-bezier(0.68, 0.04, 0.44, 1);
  }
  .subnavigation--glasses .subnavigation__item--global:hover span {
    font-weight: 500 !important;
  }
  .subnavigation--glasses ul {
    margin-top: 0;
  }
  .subnavigation--glasses .subnavigation__item {
    padding-bottom: 5px;
  }
}
@media (max-width: 959px) {
  .subnavigation__global-links {
    border-bottom: 2px solid #f4f4f4;
    margin-bottom: 10px !important;
  }
}
.subnavigation__item--filter {
  font-weight: 400;
}
@media (min-width: 960px) {
  .subnavigation__item--filter {
    font-size: 0.66667rem;
    font-weight: 700;
    line-height: 1.25;
  }
}
@media (max-width: 959px) {
  .subnavigation__item--filter {
    margin-right: 0 !important;
  }
}
@media (max-width: 959px) {
  .subnavigation-wrapper--glasses {
    position: relative;
  }
}
@-webkit-keyframes showSubnavigationGlasses {
  0% {
    opacity: 0;
    transform: translateY(-200px);
    z-index: -1;
  }
  1% {
    transform: translateY(-5px);
    z-index: 0;
  }
  80% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    z-index: 0;
  }
}
@keyframes showSubnavigationGlasses {
  0% {
    opacity: 0;
    transform: translateY(-200px);
    z-index: -1;
  }
  1% {
    transform: translateY(-5px);
    z-index: 0;
  }
  80% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    z-index: 0;
  }
}
.subnavigation__teaser .teaser__picture img {
  height: 205px;
}
@media (min-width: 960px) and (max-width: 1150px) {
  .subnavigation__teaser {
    display: none;
  }
}
@media (max-width: 959px) {
  .subnavigation__teaser {
    margin: 0 27px 27px;
  }
  .subnavigation__teaser .teaser {
    margin-bottom: 40px;
    min-height: 250px;
    padding: 0 !important;
  }
  .subnavigation__teaser .teaser__picture img {
    height: 250px;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .subnavigation__teaser {
    margin-top: 20px;
  }
}
.subnavigation__teaser .teaser__overlay {
  padding: 20px !important;
}
@media (min-width: 960px) {
  .subnavigation__teaser > div {
    width: 250px;
  }
  .subnavigation__teaser > div .teaser {
    min-height: 205px;
  }
  .subnavigation__teaser > div .uk-h4 {
    font-size: 0.88889rem;
  }
}
.sub-subnavigation {
  background-color: #fff;
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transform: translateX(100%);
  width: 100vw;
}
.sub-subnavigation.active {
  -webkit-animation: showSubsubNavigation 0.6s ease-in-out forwards;
  animation: showSubsubNavigation 0.6s ease-in-out forwards;
}
.sub-subnavigation.active.slide-right {
  -webkit-animation: hideSubsubNavigation 0.6s ease-in-out forwards;
  animation: hideSubsubNavigation 0.6s ease-in-out forwards;
}
.sub-subnavigation ul {
  padding-left: 0;
}
.navigation__item--back-arrow {
  bottom: -36px;
  left: 0;
  padding-left: 15px;
  right: auto;
  top: auto;
  transform: translateY(-50%) rotate(0deg);
}
.navigation__item--back-arrow svg {
  transform: rotate(90deg);
}
.subnavigation__back-item {
  background-color: #fff;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 10px !important;
  padding-top: 25px;
  position: -webkit-sticky !important;
  position: sticky !important;
  text-align: center !important;
  text-transform: uppercase;
  top: 0;
  transform: translateY(-1px);
  z-index: 1;
}
.subnavigation__back-item.subnavigation__item--filter {
  padding-top: 25px !important;
}
.sub-subnavigation__item {
  padding-left: 20px;
}
@-webkit-keyframes showSubsubNavigation {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes showSubsubNavigation {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes hideSubsubNavigation {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 1;
    transform: translateX(100%);
  }
}
@keyframes hideSubsubNavigation {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 1;
    transform: translateX(100%);
  }
}
.tag {
  align-items: center;
  border: 1px solid #f4f4f4;
  display: flex;
  font-size: 0.8em;
  margin-bottom: 0.5rem;
  padding: 0.25rem 1rem;
}
.tag:hover {
  background-color: #f4f4f4;
  cursor: pointer;
}
.tag--icon-right {
  padding-right: 0.5rem;
}
.tag--icon-right > .uk-icon {
  margin-left: 0.5rem;
}
.teaser-magazine {
  display: flex;
  justify-content: center;
}
.teaser-magazine__grid-col {
  width: 540px;
}
@media (max-width: 959px) {
  .teaser-magazine__grid-col--1 {
    display: none;
  }
}
@media (min-width: 960px) {
  .teaser-magazine__grid-col--1 .teaser-magazine__grid-item {
    margin-right: 7.5px;
  }
}
@media (min-width: 960px) {
  .teaser-magazine__grid-col--2 .teaser-magazine__grid-item {
    margin-left: 7.5px;
  }
}
.teaser-magazine__grid-item {
  align-items: start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  max-width: 540px;
}
.teaser-magazine__grid-item:hover {
  text-decoration: none;
}
.teaser-magazine__grid-item:not(:first-child) {
  margin-top: 70px;
}
.teaser-magazine__grid-item:hover .teaser-magazine-image {
  transform: scale(1.03);
}
.teaser-magazine__grid-item:hover .teaser-magazine-link {
  border-bottom: 2px solid #000;
  color: #000;
  text-decoration: none;
}
.teaser-magazine__image-wrapper {
  background-color: #d8d8d8;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.teaser-magazine-image {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}
.teaser-magazine-video-wrapper {
  height: 400px;
  position: relative;
  width: 100%;
}
.teaser-magazine-text {
  margin: 18px 0 13px;
}
.teaser-magazine-link {
  border-bottom: 2px solid #d8d8d8;
  letter-spacing: 0.88px;
  padding-bottom: 3px;
  text-decoration: none;
}
.teaser-magazine-link:hover {
  border-bottom: 2px solid #000;
  color: #000;
  text-decoration: none;
}
.teaser-magazine__video {
  background-size: cover;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-25%);
  vertical-align: top;
  width: auto;
}
.teaser-videowall {
  height: 100vh;
  max-height: 410px;
  min-height: 350px;
  overflow: hidden;
}
@media (min-width: 640px) {
  .teaser-videowall {
    max-height: 510px;
  }
}
.teaser-videowall__play-button {
  max-width: 80px;
}
@media (min-width: 640px) {
  .teaser-videowall__play-button:hover {
    cursor: pointer;
  }
}
.teaser-videowall__play-button svg {
  height: 80px;
  width: 80px;
}
.atelier .teaser-videowall__play-button svg {
  height: auto;
  width: auto;
}
.teaser-videowall__video {
  background-size: cover;
  height: auto;
  min-height: 101%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-25%);
  vertical-align: top;
  width: auto;
}
.teaser-videowall-modal .uk-modal-dialog {
  background-color: transparent;
  padding: 0;
}
.teaser-videowall-modal__video::-internal-media-controls-download-button {
  display: none;
}
.teaser-videowall-modal__video::-webkit-media-controls-enclosure {
  overflow: hidden;
}
.teaser-videowall-modal__video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}
.teaser {
  display: block;
  margin-top: 20px;
  min-height: 380px;
  overflow: hidden;
}
@media (min-width: 640px) {
  .teaser {
    margin-top: 0;
  }
}
.teaser__subtitle {
  font-weight: 300;
}
.teaser__video {
  height: 380px;
  max-width: none;
  width: auto;
}
.teaser__small .teaser__video {
  height: 300px;
}
.teaser__picture {
  display: block;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.teaser__picture img {
  height: 380px;
  max-width: none;
  transform: scale(1);
}
.teaser:hover .teaser__picture img {
  transform: scale(1.02);
}
.teaser__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}
.teaser__image {
  opacity: 0;
  transition: opacity 0.3s ease-out, transform 0.3s ease-in-out;
}
.teaser__image.lazyloaded {
  opacity: 1;
}
.teaser--small {
  min-height: 300px;
}
.teaser__external-button {
  -webkit-animation: none;
  animation: none;
  background: #fff;
  border: 0;
  bottom: auto;
  box-shadow: 0 2px 10px 2px hsla(0, 0%, 46.3%, 0.2);
  cursor: pointer;
  height: 33px;
  left: auto;
  outline: none;
  position: absolute;
  right: 15px;
  top: 15px;
  transform: none;
  width: 33px;
  z-index: 100;
}
.teaser--pop-l,
.teaser--pop-m,
.teaser--pop-s {
  margin: 0 -20px;
  min-height: 380px;
}
.teaser--pop-l .teaser__video,
.teaser--pop-m .teaser__video,
.teaser--pop-s .teaser__video {
  height: 380px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}
.teaser--pop-l .teaser__title,
.teaser--pop-m .teaser__title,
.teaser--pop-s .teaser__title {
  font-size: 1.22222rem;
  line-height: 1.5em;
}
.teaser--pop-l .teaser__subtitle,
.teaser--pop-m .teaser__subtitle,
.teaser--pop-s .teaser__subtitle {
  font-weight: 400;
}
@media (min-width: 640px) {
  .teaser--pop-l,
  .teaser--pop-m,
  .teaser--pop-s {
    margin: 0;
    min-height: 260px;
  }
}
@media (min-width: 1200px) {
  .teaser--pop-s {
    height: 260px;
    min-height: auto;
  }
  .teaser--pop-s .teaser__image,
  .teaser--pop-s .teaser__video {
    height: 260px;
  }
}
@media (min-width: 1200px) {
  .teaser--pop-m {
    grid-column-end: span 2;
    height: 260px;
    min-height: auto;
  }
  .teaser--pop-m .teaser__video {
    height: auto;
    width: 100%;
  }
  .teaser--pop-m .teaser__image {
    height: 260px;
  }
}
@media (min-width: 1200px) {
  .teaser--pop-l {
    grid-column-end: span 2;
    grid-row-end: span 2;
    height: 620px;
    min-height: auto;
  }
  .teaser--pop-l .teaser__image,
  .teaser--pop-l .teaser__video {
    height: 620px;
  }
  .teaser--pop-l .teaser__title {
    font-size: 2.22222rem;
    line-height: 1.3em;
  }
}
.product-overview-teaser--1 {
  grid-row-start: 1;
}
@media (min-width: 1200px) {
  .product-overview-teaser--1 {
    grid-column-start: 1;
  }
}
.product-overview-teaser--2 {
  grid-row-start: 4;
}
@media (min-width: 640px) {
  .product-overview-teaser--2 {
    grid-column-start: 2;
    grid-row-start: 3;
  }
}
.product-overview-teaser--3 {
  grid-row-start: 8;
}
@media (min-width: 640px) {
  .product-overview-teaser--3 {
    grid-row-start: 5;
  }
}
@media (min-width: 960px) {
  .product-overview-teaser--3 {
    grid-column-start: 1;
  }
}
@media (min-width: 1200px) {
  .teaser--content-left .teaser__content,
  .teaser--content-right .teaser__content {
    justify-content: center;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .teaser--content-right .teaser__overlay {
    display: flex;
    justify-content: flex-end;
  }
}
.teaser__award {
  padding: 15px;
}
.teaser__award-image {
  max-width: 100px;
}
.uk-tooltip {
  border: 1px solid #d8d8d8;
  border-radius: 0;
  padding: 0;
  transform: translateY(-2px);
  z-index: 9999;
}
.uk-tooltip:after {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  bottom: -6px;
  content: "";
  display: block;
  height: 13px;
  position: absolute;
  right: 50%;
  transform: rotate(45deg) translateX(1px) translateY(-7px);
  width: 13px;
  z-index: -1;
}
.uk-tooltip.uk-tooltip-bottom-center {
  transform: translateY(2px);
}
.uk-tooltip.uk-tooltip-bottom-center:after {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  bottom: auto;
  top: -6px;
  transform: rotate(45deg) translateX(7px) translateY(-1px);
}
.uk-tooltip.uk-tooltip-bottom-right {
  transform: translateY(2px);
}
.uk-tooltip.uk-tooltip-bottom-right:after {
  bottom: auto;
  left: auto;
  right: 8px;
  top: -6px;
  transform: rotate(45deg) translateX(7px) translateY(-1px);
}
.uk-tooltip.uk-tooltip-bottom-left {
  transform: translateY(2px);
}
.uk-tooltip.uk-tooltip-bottom-left:after {
  bottom: auto;
  left: 7px;
  right: auto;
  top: -6px;
  transform: rotate(45deg) translateX(7px) translateY(-1px);
}
.uk-tooltip-inner {
  background-color: #fff;
  padding: 5px 10px;
}
.teaser__try-on-button,
.try-on-floater-button {
  -webkit-animation: floater 1.2s forwards;
  animation: floater 1.2s forwards;
  background: #fff;
  border: 0;
  border-radius: 25px;
  bottom: 20px;
  box-shadow: 0 2px 10px 2px hsla(0, 0%, 46.3%, 0.2);
  cursor: pointer;
  height: 50px;
  outline: none;
  padding-left: 10px;
  padding-right: 10px;
  position: fixed;
  right: 20px;
  transform: translateX(120px);
  transition: translate 0.2s cubic-bezier(0.42, 0, 0.27, 1),
    box-shadow 0.2s ease, width 0.2s ease;
  z-index: 10;
}
.teaser__try-on-button:hover,
.try-on-floater-button:hover {
  box-shadow: 0 2px 10px 2px hsla(0, 0%, 46.3%, 0.35);
  padding: 0 20px;
}
.teaser__try-on-button {
  -webkit-animation: none;
  animation: none;
  bottom: auto;
  left: 15px;
  position: absolute;
  right: auto;
  top: 15px;
  transform: none;
}
.teaser__try-on-button:hover {
  padding: 0 10px;
}
@-webkit-keyframes floater {
  0% {
    transform: translateX(120px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes floater {
  0% {
    transform: translateX(120px);
  }
  to {
    transform: translateX(0);
  }
}
.try-on-floater__icon {
  height: 30px;
  position: relative;
  width: 30px;
}
.try-on-floater__icon--active,
.try-on-floater__icon--inactive {
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
}
.try-on-floater__icon--inactive {
  opacity: 1;
}
.try-on-floater__icon--active {
  opacity: 0;
}
.try-on-floater__label {
  color: #000;
  display: block;
  font-size: 0.66667rem;
  font-weight: 700;
  letter-spacing: 1px;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  white-space: nowrap;
}
.try-on-floater__textbox {
  display: block;
  max-width: 0;
  overflow: hidden;
  transition: max-width 0.4s ease;
}
@media (min-width: 640px) {
  .try-on-floater-button:hover .try-on-floater__textbox {
    max-width: 10rem;
  }
  .try-on-floater-button:hover .try-on-floater__icon--inactive {
    opacity: 0;
  }
  .try-on-floater-button:hover .try-on-floater__icon--active {
    opacity: 1;
  }
  .try-on-floater__preview--visible + .try-on-floater-button {
    height: 50px;
    width: 50px;
  }
  .try-on-floater__preview--visible + .try-on-floater-button:hover {
    padding: 0 15px;
  }
  .try-on-floater__preview--visible
    + .try-on-floater-button:hover
    .try-on-floater__textbox {
    max-width: 0;
  }
}
.try-on-floater__preview {
  background: #fff;
  bottom: 30px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  padding: 20px;
  position: fixed;
  right: 30px;
  transform: translateX(110%);
  transition: transform 0.4s ease;
  z-index: 10;
}
.try-on-floater__preview--visible {
  transform: translateX(0);
}
.try-on-floater__preview-image-wrapper {
  height: 0;
  padding-bottom: 59.444%;
  position: relative;
  width: 360px;
}
.try-on-floater__expand-button {
  align-self: flex-end;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  transition: color 0.2s ease;
}
.try-on-floater__expand-button:hover {
  color: #5d5d5d;
}
.try-on-switch-icon.uk-button,
.try-on-switch-icon.uk-button-nfc {
  font-size: 11px;
  line-height: 12px !important;
  margin-top: 4px;
  padding: 0 !important;
}
.try-on-instructions-standalone {
  min-height: 480px;
}
@media (min-width: 640px) {
  .try-on-instructions-standalone {
    min-height: 620px;
  }
}
@media (min-width: 1200px) {
  .try-on-instructions-standalone {
    min-height: 600px;
  }
}
.try-on-instructions__icon {
  background-color: #f9f9f9;
  border-radius: 80px;
  height: 120px;
  width: 120px;
}
.try-on-instructions__title {
  font-size: 18px;
  font-weight: 400;
  margin-top: 25px;
}
.try-on-instructions__next,
.try-on-instructions__prev {
  background-image: none;
  height: 40px;
  outline: none;
  top: 80px;
  width: 40px;
}
.try-on-instructions__prev {
  left: -20px;
}
.try-on-instructions__next {
  right: -20px;
}
.try-on-instructions__swiper-pagination.swiper-pagination {
  bottom: 1rem;
  display: block;
}
.try-on-instructions__swiper-pagination.swiper-pagination
  .swiper-pagination-bullet {
  border-color: #000;
  box-sizing: border-box;
  height: 9px;
  margin: 0 5px !important;
  outline: none;
  width: 9px;
}
.try-on-instructions__swiper-pagination.swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}
.try-on-instructions__terms p {
  color: #5d5d5d;
  font-size: 0.66667rem;
  font-weight: 400;
  line-height: 1.5em;
}
.try-on-modal {
  transition: opacity 0.3s linear;
}
.try-on-modal .uk-dropdown {
  padding: 30px;
}
.try-on-modal .uk-dropdown:after {
  background-color: #fff;
  bottom: -2px;
  content: " ";
  display: block;
  height: 20px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
}
.try-on__close-text {
  font-size: 0.88889rem;
  font-weight: 400;
}
.try-on-step-intro {
  background-color: #f9f9f9;
  bottom: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
  top: 60px;
}
@media (min-width: 960px) {
  .try-on-step-intro {
    bottom: 50px;
    left: 50px;
    right: 50px;
    top: 50px;
  }
}
.try-on__pop-buttons {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 640px;
  padding: 20px 0;
}
.try-on__pop-buttons .uk-button + .uk-button,
.try-on__pop-buttons .uk-button + .uk-button-nfc,
.try-on__pop-buttons .uk-button-nfc + .uk-button,
.try-on__pop-buttons .uk-button-nfc + .uk-button-nfc {
  margin-top: 20px;
}
@media screen and (min-width: 640px) {
  .try-on__pop-buttons {
    flex-direction: row;
    justify-content: center;
  }
  .try-on__pop-buttons .uk-button + .uk-button,
  .try-on__pop-buttons .uk-button + .uk-button-nfc,
  .try-on__pop-buttons .uk-button-nfc + .uk-button,
  .try-on__pop-buttons .uk-button-nfc + .uk-button-nfc {
    margin-left: 20px;
    margin-top: 0;
  }
}
.try-on__container {
  max-width: 640px;
}
.try-on__actions {
  display: block;
  float: right;
  margin: 0 auto;
  max-width: 640px;
  position: relative;
}
.try-on__actions .uk-link-icon-text {
  font-size: 0.77778rem !important;
}
#try-on-create {
  height: 600px;
}
@media only screen and (max-width: 1024px) {
  .ditto-mobile-api #try-on-create {
    display: none;
  }
}
#my-account-try-on-view,
#try-on-view {
  height: calc(var(--vh, 1vh) * 80);
  overflow: hidden;
  width: 100%;
}
@supports not (-webkit-touch-callout: none) {
  @media (max-width: 640px) {
    #my-account-try-on-view,
    #try-on-view {
      height: 480px;
    }
  }
}
@media only screen and (min-width: 640px) {
  #my-account-try-on-view,
  #try-on-view {
    height: 480px;
  }
}
@media only screen and (min-width: 700px) {
  #my-account-try-on-view,
  #try-on-view {
    margin: 0 auto;
    width: 640px;
  }
}
.try-on__error-screen-btn {
  margin-top: 70px;
}
@media (min-width: 960px) {
  .try-on__error-screen-btn {
    margin-top: 40px;
  }
}
@media (min-width: 960px) {
  .center-try-on-container-content {
    align-items: center;
    display: flex;
  }
}
#scan-iframe {
  z-index: 999;
}
.try-on__terms .uk-button,
.try-on__terms .uk-button-nfc {
  min-width: 10rem;
}
@media (max-width: 639px) {
  .try-on__terms .uk-button,
  .try-on__terms .uk-button-nfc {
    width: 100%;
  }
}
.try-on__terms-header {
  margin-top: 20px;
}
@media (min-width: 640px) {
  .try-on__terms-header {
    margin-top: 40px;
  }
}
.try-on-instructions__steps {
  margin-top: 20px;
}
@media (min-width: 640px) {
  .try-on-instructions__steps {
    margin-top: 40px;
  }
}
.try-on-instructions__text,
.try-on-instructions__title,
.try-on__privacy-container {
  max-width: 640px;
  text-align: center;
}
@media (max-width: 639px) {
  .try-on-instructions__text {
    text-align: left;
  }
}
.try-on-instructions__text a {
  font-weight: 400;
}
.try-on__agree-wrapper {
  margin-bottom: 30px;
  margin-top: 30px;
}
.try-on__dropdown {
  bottom: 35px;
  margin-left: 10px;
  max-width: 220px;
  min-width: 220px;
  transform: translateX(-50%);
}
@media (min-width: 640px) {
  .try-on__dropdown {
    max-width: 250px;
    min-width: 250px;
  }
}
.try-on__dropdown-background {
  background-color: rgba(0, 0, 0, 0.3);
  height: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease-in-out;
  width: 0;
  z-index: -1;
}
.uk-dropdown.uk-open + .try-on__dropdown-background {
  height: 100%;
  width: 100%;
  z-index: 1019;
}
.try-on__dropdown-background.fade-in {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.try-on__dropdown-icon {
  float: left;
  min-width: 20px;
}
.try-on__delete-button.uk-link-icon,
.try-on__retake-button.uk-link-icon {
  margin-bottom: 30px;
}
@media (max-width: 639px) {
  .twocolumntext__paragraph + .twocolumntext__paragraph {
    margin-top: 1.5em;
  }
}
.urban-tropical {
  overflow: hidden;
}
@media (min-width: 640px) and (max-width: 959px) {
  .urban-tropical .uk-container {
    max-width: 60%;
  }
}
.urban-tropical .ken-burns__inner {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.urban-tropical .ut__video-easing {
  transition: opacity 0.3s ease-in-out;
}
.ut-grid {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0 40px;
  padding: 0;
  z-index: 2;
}
.ut-grid .uk-animation-fade {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.ut-grid li {
  margin-bottom: 60px;
}
.urban-tropical--mini .ut-grid li:last-child,
.ut-grid li:nth-last-child(2) {
  margin-bottom: 0;
}
@media (min-width: 960px) {
  .ut-grid li {
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  .ut-grid {
    display: grid;
    gap: 40px 40px;
    grid-template-areas: "detail text image" "detail video video";
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr 1fr;
    margin: 0;
  }
}
@media (min-width: 960px) {
  .urban-tropical--mini .ut-grid {
    gap: 20px;
    grid-template-columns: 1fr 1fr 1.5fr;
    grid-template-rows: 1fr;
  }
}
.ut__detail-shot {
  order: 1;
}
@media (min-width: 960px) {
  .ut__detail-shot {
    align-self: center;
    grid-area: detail;
    order: unset;
  }
}
@media (min-width: 960px) {
  .urban-tropical--mini .ut__detail-shot {
    align-self: end;
  }
}
.ut__text {
  order: 2;
}
@media (min-width: 960px) {
  .ut__text {
    align-self: end;
    grid-area: text;
    order: unset;
    padding: 25px;
  }
  .ut__text .uk-button,
  .ut__text .uk-button-nfc {
    margin-bottom: 60px;
  }
}
@media (max-width: 639px) {
  .ut__text {
    margin-top: -7px;
  }
  .ut__text .uk-button,
  .ut__text .uk-button-nfc {
    width: 100%;
  }
}
@media (max-width: 959px) {
  .urban-tropical--lookbook-2022 .ut__text {
    margin-bottom: 60px !important;
    text-align: center !important;
  }
}
.ut__video {
  order: 3;
}
@media (min-width: 960px) {
  .ut__video {
    grid-area: video;
    order: unset;
    padding: 60px;
  }
}
.ut__image {
  order: 4;
}
@media (min-width: 960px) {
  .ut__image {
    align-self: end;
    grid-area: image;
    order: unset;
  }
}
@media (min-width: 960px) {
  .urban-tropical--mini .ut__image {
    margin-bottom: 75px !important;
  }
}
.ut__description {
  color: #5d5d5d;
  font-size: 0.72222rem;
  margin-top: 5px;
  text-align: right;
}
@media (max-width: 959px) {
  .urban-tropical--lookbook-2022 .ut__description {
    text-align: center;
  }
}
.urban-tropical__obj {
  z-index: -1;
}
.urban-tropical--navy {
  -webkit-animation: objFloatingNavy 18s linear infinite;
  animation: objFloatingNavy 18s linear infinite;
  opacity: 0;
  transform: translate3d(-54%, 1%, 0) scale(0.8);
  transform-origin: left;
  transition: opacity 0.6s ease-in-out;
}
@media (max-width: 959px) {
  .urban-tropical--navy {
    -webkit-animation: objFloatingNavyMobile 18s linear infinite;
    animation: objFloatingNavyMobile 18s linear infinite;
    transform: translate3d(-55%, 10%, 0);
  }
}
.urban-tropical--ready .urban-tropical--navy {
  opacity: 1;
  transform-origin: left;
  transition: opacity 0.6s ease-in-out;
}
.urban-tropical--basket {
  -webkit-animation: objFloatingBasket 18s linear infinite;
  animation: objFloatingBasket 18s linear infinite;
  opacity: 0;
  transform: translate3d(-20%, -1%, 0) rotate(-7deg);
  transform-origin: top left;
}
@media (max-width: 959px) {
  .urban-tropical--basket {
    -webkit-animation: objFloatingBasketMobile 18s linear infinite;
    animation: objFloatingBasketMobile 18s linear infinite;
    transform: translate3d(-35%, -65%, 0) rotate(39deg) scale(1.7);
  }
}
.urban-tropical--ready .urban-tropical--basket {
  opacity: 1;
  transform-origin: top left;
  transition: opacity 0.6s ease-in-out;
  transition-delay: 1.2s;
}
.urban-tropical--sky {
  -webkit-animation: objFloatingSky 18s linear infinite;
  animation: objFloatingSky 18s linear infinite;
  max-width: 100%;
  opacity: 0;
  transform: translate3d(0, -180%, 0) rotate(5deg);
  transform-origin: top left;
}
@media (max-width: 959px) {
  .urban-tropical--sky {
    -webkit-animation: objFloatingSkyMobile 18s linear infinite;
    animation: objFloatingSkyMobile 18s linear infinite;
    bottom: 50%;
    transform: translate3d(0, 120%, 0) rotate(0deg) scale(3);
  }
}
.urban-tropical--ready .urban-tropical--sky {
  opacity: 1;
  transform-origin: top left;
  transition: opacity 0.6s ease-in-out;
  transition-delay: 1.8s;
}
.urban-tropical--plum {
  -webkit-animation: objFloatingPlum 18s linear infinite;
  animation: objFloatingPlum 18s linear infinite;
  opacity: 0;
  transform: translate3d(58%, 10%, 0) scale(1.2);
  transform-origin: right;
}
@media (max-width: 639px) {
  .urban-tropical--plum {
    -webkit-animation: objFloatingPlumMobile 18s linear infinite;
    animation: objFloatingPlumMobile 18s linear infinite;
    bottom: 2%;
    right: -40%;
    top: auto;
    transform: translateZ(0) scale(0.7) rotate(5deg);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .urban-tropical--plum {
    -webkit-animation: objFloatingPlumMedium 18s linear infinite;
    animation: objFloatingPlumMedium 18s linear infinite;
    bottom: 2%;
    right: -40%;
    top: auto;
    transform: translateZ(0) scale(1) rotate(5deg);
  }
}
.urban-tropical--ready .urban-tropical--plum {
  opacity: 1;
  transform-origin: right;
  transition: opacity 0.6s ease-in-out;
  transition-delay: 0.6s;
}
.urban-tropical--cord {
  -webkit-animation: objFloatingBasket 18s linear infinite;
  animation: objFloatingBasket 18s linear infinite;
  opacity: 0;
  transform: translate3d(-20%, -1%, 0) rotate(-7deg);
  transform-origin: top left;
}
@media (max-width: 959px) {
  .urban-tropical--cord {
    -webkit-animation: objFloatingBasketMobile 18s linear infinite;
    animation: objFloatingBasketMobile 18s linear infinite;
    transform: translate3d(-35%, -65%, 0) rotate(39deg) scale(1.7);
  }
}
.urban-tropical--ready .urban-tropical--cord {
  opacity: 1;
  transform-origin: top left;
  transition: opacity 0.6s ease-in-out;
  transition-delay: 1.2s;
}
.urban-tropical--sail {
  -webkit-animation: objFloatingSail 18s linear infinite;
  animation: objFloatingSail 18s linear infinite;
  max-width: 100%;
  opacity: 0;
  transform: translate3d(0, -180%, 0) rotate(5deg) scale(1.3);
  transform-origin: top left;
}
@media (max-width: 959px) {
  .urban-tropical--sail {
    -webkit-animation: objFloatingSkyMobile 18s linear infinite;
    animation: objFloatingSkyMobile 18s linear infinite;
    bottom: 50%;
    transform: translate3d(0, 120%, 0) rotate(0deg) scale(3);
  }
}
.urban-tropical--ready .urban-tropical--sail {
  opacity: 1;
  transform-origin: top left;
  transition: opacity 0.6s ease-in-out;
  transition-delay: 1.8s;
}
@-webkit-keyframes objFloatingNavy {
  0% {
    transform: translate3d(-54%, 1%, 0) scale(0.9) rotate(0);
  }
  50% {
    transform: translate3d(-54%, 1%, 0) scale(1.1) rotate(10deg);
  }
  to {
    transform: translate3d(-54%, 1%, 0) scale(0.9) rotate(0);
  }
}
@keyframes objFloatingNavy {
  0% {
    transform: translate3d(-54%, 1%, 0) scale(0.9) rotate(0);
  }
  50% {
    transform: translate3d(-54%, 1%, 0) scale(1.1) rotate(10deg);
  }
  to {
    transform: translate3d(-54%, 1%, 0) scale(0.9) rotate(0);
  }
}
@-webkit-keyframes objFloatingBasket {
  0% {
    transform: translate3d(-20%, -1%, 0) rotate(-7deg);
  }
  50% {
    transform: translate3d(-20%, -1%, 0) rotate(-3deg);
  }
  to {
    transform: translate3d(-20%, -1%, 0) rotate(-7deg);
  }
}
@keyframes objFloatingBasket {
  0% {
    transform: translate3d(-20%, -1%, 0) rotate(-7deg);
  }
  50% {
    transform: translate3d(-20%, -1%, 0) rotate(-3deg);
  }
  to {
    transform: translate3d(-20%, -1%, 0) rotate(-7deg);
  }
}
@-webkit-keyframes objFloatingSky {
  0% {
    transform: translate3d(0, -180%, 0) rotate(5deg);
  }
  50% {
    transform: translate3d(0, -180%, 0) rotate(0deg);
  }
  to {
    transform: translate3d(0, -180%, 0) rotate(5deg);
  }
}
@keyframes objFloatingSky {
  0% {
    transform: translate3d(0, -180%, 0) rotate(5deg);
  }
  50% {
    transform: translate3d(0, -180%, 0) rotate(0deg);
  }
  to {
    transform: translate3d(0, -180%, 0) rotate(5deg);
  }
}
@-webkit-keyframes objFloatingSail {
  0% {
    transform: translate3d(0, -180%, 0) rotate(5deg) scale(1.3);
  }
  50% {
    transform: translate3d(0, -180%, 0) rotate(0deg) scale(1.3);
  }
  to {
    transform: translate3d(0, -180%, 0) rotate(5deg) scale(1.3);
  }
}
@keyframes objFloatingSail {
  0% {
    transform: translate3d(0, -180%, 0) rotate(5deg) scale(1.3);
  }
  50% {
    transform: translate3d(0, -180%, 0) rotate(0deg) scale(1.3);
  }
  to {
    transform: translate3d(0, -180%, 0) rotate(5deg) scale(1.3);
  }
}
@-webkit-keyframes objFloatingPlum {
  0% {
    transform: translate3d(58%, 10%, 0) scale(1.1) rotate(0);
  }
  50% {
    transform: translate3d(58%, 10%, 0) scale(1) rotate(5deg);
  }
  to {
    transform: translate3d(58%, 10%, 0) scale(1.1) rotate(0);
  }
}
@keyframes objFloatingPlum {
  0% {
    transform: translate3d(58%, 10%, 0) scale(1.1) rotate(0);
  }
  50% {
    transform: translate3d(58%, 10%, 0) scale(1) rotate(5deg);
  }
  to {
    transform: translate3d(58%, 10%, 0) scale(1.1) rotate(0);
  }
}
@-webkit-keyframes objFloatingNavyMobile {
  0% {
    transform: translate3d(-55%, 10%, 0) rotate(0);
  }
  50% {
    transform: translate3d(-55%, 10%, 0) rotate(-10deg);
  }
  to {
    transform: translate3d(-55%, 10%, 0) rotate(0);
  }
}
@keyframes objFloatingNavyMobile {
  0% {
    transform: translate3d(-55%, 10%, 0) rotate(0);
  }
  50% {
    transform: translate3d(-55%, 10%, 0) rotate(-10deg);
  }
  to {
    transform: translate3d(-55%, 10%, 0) rotate(0);
  }
}
@-webkit-keyframes objFloatingBasketMobile {
  0% {
    transform: translate3d(-35%, -65%, 0) rotate(39deg) scale(1.7);
  }
  50% {
    transform: translate3d(-35%, -65%, 0) rotate(42deg) scale(1.7);
  }
  to {
    transform: translate3d(-35%, -65%, 0) rotate(39deg) scale(1.7);
  }
}
@keyframes objFloatingBasketMobile {
  0% {
    transform: translate3d(-35%, -65%, 0) rotate(39deg) scale(1.7);
  }
  50% {
    transform: translate3d(-35%, -65%, 0) rotate(42deg) scale(1.7);
  }
  to {
    transform: translate3d(-35%, -65%, 0) rotate(39deg) scale(1.7);
  }
}
@-webkit-keyframes objFloatingSkyMobile {
  0% {
    transform: translate3d(0, 120%, 0) rotate(0deg) scale(3);
  }
  50% {
    transform: translate3d(0, 120%, 0) rotate(-10deg) scale(3);
  }
  to {
    transform: translate3d(0, 120%, 0) rotate(0deg) scale(3);
  }
}
@keyframes objFloatingSkyMobile {
  0% {
    transform: translate3d(0, 120%, 0) rotate(0deg) scale(3);
  }
  50% {
    transform: translate3d(0, 120%, 0) rotate(-10deg) scale(3);
  }
  to {
    transform: translate3d(0, 120%, 0) rotate(0deg) scale(3);
  }
}
@-webkit-keyframes objFloatingPlumMobile {
  0% {
    transform: translateZ(0) scale(0.7) rotate(5deg);
  }
  50% {
    transform: translateZ(0) scale(0.75) rotate(0);
  }
  to {
    transform: translateZ(0) scale(0.7) rotate(5deg);
  }
}
@keyframes objFloatingPlumMobile {
  0% {
    transform: translateZ(0) scale(0.7) rotate(5deg);
  }
  50% {
    transform: translateZ(0) scale(0.75) rotate(0);
  }
  to {
    transform: translateZ(0) scale(0.7) rotate(5deg);
  }
}
@-webkit-keyframes objFloatingPlumMedium {
  0% {
    transform: translateZ(0) scale(1) rotate(5deg);
  }
  50% {
    transform: translateZ(0) scale(1.1) rotate(0);
  }
  to {
    transform: translateZ(0) scale(1) rotate(5deg);
  }
}
@keyframes objFloatingPlumMedium {
  0% {
    transform: translateZ(0) scale(1) rotate(5deg);
  }
  50% {
    transform: translateZ(0) scale(1.1) rotate(0);
  }
  to {
    transform: translateZ(0) scale(1) rotate(5deg);
  }
}
.urban-tropical--ie .ut__video-easing {
  max-width: 640px !important;
}
.urban-tropical--ie img {
  max-width: 99.9% !important;
}
.urban-tropical--ie .ut-grid {
  max-width: 640px;
}
.urban-tropical--ie .ut-grid .ken-burns__wrapper {
  display: block;
}
.urban-tropical--ie .ut-grid .ut__video {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.videowall {
  display: flex;
  flex-direction: column;
}
.videowall a {
  transition: transform 0.3s ease-in-out;
}
.videowall a:hover {
  text-decoration: none;
  transform: scale(1.03);
}
.videowall__inner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.videowall-modal__video::-internal-media-controls-download-button {
  display: none;
}
.videowall-modal__video::-webkit-media-controls-enclosure {
  overflow: hidden;
}
.videowall-modal__video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}
.videowall .uk-h2 {
  margin-bottom: 0;
}
.videowall .uk-h3 {
  margin: 0;
}
.videowall-modal .uk-modal-dialog {
  background-color: transparent;
  padding: 0;
}
.videowall__button {
  margin-top: 1.4em;
}
.videowall__button svg {
  height: 80px;
  width: 80px;
}
.atelier .videowall__button svg {
  height: auto;
  width: auto;
}
.no-touchevents .videowall:hover .videowall__button.uk-icon-button,
.uk-active > .videowall__button.uk-icon-button,
.videowall__button.uk-icon-button:active {
  background-color: #000;
  color: #fff;
}
.videowall--inspire {
  position: relative;
}
.videowall-title-group--inspire {
  background-color: #fff;
  padding: 0 15px 30px;
}
.videowall-title-group--inspire .uk-h2 {
  margin-bottom: 10px;
}
.videowall-title-group--inspire .uk-h3 {
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  .videowall-title-group--inspire {
    padding: 0 30px 30px;
  }
}
@media (min-width: 960px) {
  .videowall-title-group--inspire {
    padding: 0;
    position: absolute;
    transform: translateY(-100px);
    width: 50%;
    z-index: 2;
  }
  .videowall-title-group--inspire .videowall-title-group__inner {
    float: right;
    max-width: 640px;
    padding: 25px 30px;
  }
}
.videowall-autoplay {
  max-height: 80vh;
  max-height: calc(var(--vh) * 80);
  overflow: hidden;
}
@media (max-width: 639px) {
  .videowall-autoplay {
    max-height: 60vh;
    max-height: calc(var(--vh) * 60);
    overflow: hidden;
  }
}
.videowall-autoplay__video {
  background-size: cover;
  height: 80vh;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: auto;
}
.videowall-autoplay__mobile-text {
  margin-bottom: 30px;
}
.videowall-autoplay__mobile-text-title {
  font-size: 28px;
  margin-bottom: 0;
  max-width: 90%;
  text-align: center;
}
.videowall-autoplay__overlay {
  padding: 1rem 0.5rem 4rem;
}
@media screen and (min-width: 640px) {
  .videowall-autoplay__overlay {
    padding: 2rem 2rem 4rem;
  }
}
.videowall-autoplay__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 960px) {
  .videowall-autoplay__content--video {
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  }
  .videowall-autoplay--initial-loading .videowall-autoplay__content--video,
  .videowall-autoplay__content--video:hover {
    opacity: 1;
    transform: translateY(0);
  }
}
.videowall-autoplay__title {
  color: #fff;
  font-size: 28px;
  margin-bottom: 0;
  max-width: 90%;
  text-align: center;
}
@media (min-width: 640px) {
  .videowall-autoplay__title {
    font-size: 40px;
    max-width: 70%;
  }
}
.videowall-autoplay__button {
  margin-top: 1.25rem;
}
@media (min-width: 640px) {
  .videowall-autoplay__button {
    margin-top: 1.8rem;
  }
}
.coupon-accordion {
  border-top: 1px solid #d8d8d8;
  margin-bottom: 0 !important;
  padding-bottom: 17px !important;
  padding-top: 17px !important;
}
.coupon-accordion .errors-list li {
  font-weight: 300;
  line-height: 1.4;
}
.coupon-accordion .voucher-accordion-button {
  cursor: pointer;
  font-size: 0.77778rem;
  line-height: 1.8;
  text-align: left;
  width: 100%;
}
.coupon-input {
  margin-right: 8px;
  width: 100%;
}
.coupon-input label {
  font-weight: 300;
}
.coupon-error input {
  border-bottom: 1px solid #d0021b !important;
  font-weight: 300;
}
.coupon-error input,
.coupon-error label {
  color: #d0021b !important;
}
.errors-list li {
  font-size: 14px;
}
.remove-coupon-button {
  cursor: pointer;
}
.remove-coupon-button-icon {
  margin-right: 5px;
}
.coupon-button {
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .coupon-button {
    margin-top: 10px;
    padding-left: 17px;
    padding-right: 17px;
  }
}
.youtube-slider .swiper-button-next,
.youtube-slider .swiper-button-prev {
  background: none;
  height: auto;
  margin-top: 0;
  outline: 0;
  top: 150px;
  transform: translateY(-50%);
}
.youtube-slider .swiper-button-next svg,
.youtube-slider .swiper-button-prev svg {
  outline: 0;
}
.youtube-slider .swiper-button-prev {
  left: -42px;
}
.youtube-slider .swiper-button-next {
  right: -47px;
}
.youtube-slider__inner {
  margin-top: 100px;
  padding: 0 40px;
}
.youtube-slider__link:hover {
  color: #000;
  text-decoration: none;
}
.no-touchevents .youtube-slider__link:hover .youtube-slider__image {
  transform: scale(1.03);
}
.youtube-slider__imagewrapper {
  height: 300px;
  overflow: hidden;
  position: relative;
}
.youtube-slider__image {
  height: 100%;
  transition: transform 0.3s ease-in-out;
}
.youtube-slider__button {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 68px;
  width: 68px;
}
.no-touchevents
  .youtube-slider__link:hover
  .youtube-slider__button.uk-icon-button,
.uk-active > .youtube-slider__button.uk-icon-button,
.youtube-slider__button.uk-icon-button:active {
  background-color: #000;
  color: #fff;
}
.youtube-slider__title {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1;
}
.youtube-slider__subheadline {
  font-size: 16px;
}
.youtube-slider__date {
  color: #5d5d5d;
  font-weight: 400;
}
@media (max-width: 639px) {
  .youtube-slider__inner {
    margin-top: 50px;
  }
}
.atelier-care-teaser {
  background-color: #000;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.atelier-care-teaser__inner {
  margin: 0 auto;
  padding: 40px 0;
  width: 75%;
}
.atelier-care-teaser__inner p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 35px;
}
.atelier-care-teaser__inner a {
  font-size: 18px;
  position: relative;
}
.no-touchevents .downloadbutton__show-overlay:hover span {
  border-bottom: 1px solid #cdb469;
  padding-bottom: 4px;
}
.atelier-care-teaser__downloadoverlay {
  background-color: #f4f4f4;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 90%;
  left: -200%;
  max-width: 650px;
  opacity: 0;
  padding: 50px 60px 20px 40px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.7s;
  width: 60%;
  z-index: 100;
}
.atelier-care-teaser__downloadoverlay h2 {
  color: #5d5d5d !important;
}
@media (max-width: 1000px) {
  .atelier-care-teaser__downloadoverlay {
    width: 75%;
  }
}
@media (max-width: 600px) {
  .atelier-care-teaser__downloadoverlay {
    height: 100%;
    width: 100%;
  }
}
.atelier-care-teaser__upper {
  flex-grow: 0;
  flex-shrink: 1;
}
.atelier-care-teaser__upper .atelier-care-teaser__downloadoverlay-close {
  color: #000 !important;
  position: absolute;
  right: -20px;
  top: -10px;
  transform: scale(1.2);
}
.atelier-care-teaser__upper .guarantee-headline {
  display: none;
}
.atelier-care-teaser__upper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(../images/atelier-down-arrow.png);
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 19px;
  border: 1px solid #cdb469;
  border-radius: 0;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  display: inline-block;
  font-family: Lato, sans-serif !important;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 25px;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
.atelier-care-teaser__lower {
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 1;
  height: calc(90% - 100px);
  overflow-y: scroll;
  position: absolute;
  width: 100%;
}
.atelier-care-teaser__lower .guarantee-content {
  box-sizing: border-box;
  padding-right: 10px;
  width: 100%;
}
.atelier-care-teaser__lower .guarantee-content h2 {
  color: #cdb469 !important;
  font-size: 26px;
  margin-bottom: 30px;
  text-align: center;
}
.atelier-care-teaser__lower .guarantee-content > div {
  box-sizing: border-box;
  display: none;
  width: 100%;
}
.atelier-care-teaser__lower .guarantee-content .guarantee-headline {
  color: #5d5d5d !important;
  display: inherit;
}
.atelier-care-teaser__lower .guarantee-content .headline {
  color: #cdb469 !important;
  font-size: 26px;
  margin-bottom: 30px;
  text-align: center;
}
.atelier-care-teaser__lower .guarantee-content .centered {
  text-align: center;
}
.atelier-care-teaser__lower .guarantee-content h3 {
  font-size: 21px;
}
.atelier-care-teaser__lower .guarantee-content p {
  color: #545557;
  font-size: 17px;
}
.atelier-care-teaser__lower .guarantee-content ul {
  font-weight: 300;
  list-style: inherit;
}
.atelier-care-teaser__lower .guarantee-content li {
  color: #545557;
  font-size: 17px;
  line-height: 160%;
}
.downloadbutton__arrow {
  background: transparent;
  border: transparent;
  color: #cdb469;
  transform: scale(0.5) translate3d(-15px, -5px, 0);
}
.atelier-care-teaser__downloadoverlay-toggle {
  left: 50%;
  opacity: 1;
}
.atelier-care-teaser__icon {
  font-size: 26px;
  margin-left: 8px;
  position: absolute;
  top: -1px;
}
.atelier-care-teaser__downloadoverlay-inner {
  height: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .atelier-care-teaser .atelier-care-teaser__inner {
    box-sizing: border-box;
    margin: 0;
    padding: 40px 15px;
    width: 100%;
  }
  .atelier-care-teaser__downloadoverlay h1 {
    font-size: 30px;
  }
  .atelier-care-teaser__downloadoverlay li a {
    font-size: 16px;
    line-height: 23px;
  }
}
.atl-collection-slide {
  list-style-type: none;
  padding-bottom: 60px;
}
.atl-collection-slide__headline {
  line-height: 1.6;
  margin: 0;
}
@media (min-width: 960px) {
  .atl-collection-slide__headline {
    margin-top: 20px;
  }
}
.atl-collection-slide__collection-id {
  color: #fff;
  font-size: 1rem;
  margin: 0;
}
.atl-collection-slide__text {
  color: #fff;
}
@media (min-width: 640px) {
  .atl-collection-slide__media {
    margin-left: 70px;
  }
}
.atl-collection-slide__zoom-btn {
  background-color: #000;
  border: 0;
  border-radius: 50%;
  color: #cdb469;
  cursor: pointer;
  height: 40px;
  left: 70%;
  line-height: 16px;
  opacity: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 30px;
  transition: opacity 0.3s ease, background-color 0.15s ease, color 0.15s ease;
  width: 40px;
}
@media (min-width: 450px) {
  .atl-collection-slide__zoom-btn {
    left: 65%;
    top: 15%;
  }
}
@media (min-width: 960px) {
  .atl-collection-slide__zoom-btn {
    left: 65%;
    top: 10%;
  }
}
@media (min-width: 1200px) {
  .atl-collection-slide__zoom-btn {
    top: 15%;
  }
}
.atl-collection-slide__zoom-btn svg {
  fill: currentColor;
}
.atl-collection-slide__zoom-btn.active {
  background-color: #cdb469;
  color: #000;
}
.swiper-slide-active .atl-collection-slide__zoom-btn {
  opacity: 1;
}
.atl-collection-slide-aspect-ratio {
  height: 0;
  padding-bottom: 41.5%;
}
.atl-collection-slide__detail-img {
  height: 120px;
  left: 35%;
  opacity: 0;
  position: absolute;
  top: -15px;
  transform: scale(0);
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  width: 120px;
}
@media (min-width: 450px) {
  .atl-collection-slide__detail-img {
    top: 0;
  }
}
@media (min-width: 640px) {
  .atl-collection-slide__detail-img {
    height: 200px;
    left: 40%;
    top: -2%;
    width: 200px;
  }
}
@media (min-width: 960px) {
  .atl-collection-slide__detail-img {
    height: 120px;
    width: 120px;
  }
}
@media (min-width: 1200px) {
  .atl-collection-slide__detail-img {
    top: 0;
  }
}
@media (min-width: 1400px) {
  .atl-collection-slide__detail-img {
    top: 2%;
  }
}
.atl-collection-slide__detail-img.active {
  opacity: 1;
  transform: scale(1);
}
.atl-collection-slide__zoom-open {
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transform: scale(0.7);
}
.atl-collection-slide__zoom-btn.active .atl-collection-slide__zoom-open {
  opacity: 0;
}
.atl-collection-slide__zoom-close {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.7);
}
.atl-collection-slide__zoom-btn.active .atl-collection-slide__zoom-close {
  opacity: 1;
}
.atl-collection-slide--flip-images .atl-collection-slide-aspect-ratio img,
.atl-collection-slide--flip-images .atl-collection-slide__detail-img {
  transform: scaleX(-1);
}
@media (min-width: 640px) {
  .atl-collection-slide--flip-images .atl-collection-slide__media {
    margin-left: 0;
    margin-right: 70px;
  }
}
.atl-collection-slide--flip-images .atl-collection-slide__zoom-btn {
  left: auto;
  right: 70%;
}
@media (min-width: 450px) {
  .atl-collection-slide--flip-images .atl-collection-slide__zoom-btn {
    right: 65%;
  }
}
@media (min-width: 960px) {
  .atl-collection-slide--flip-images .atl-collection-slide__zoom-btn {
    right: 65%;
  }
}
.atl-collection-slide--flip-images .atl-collection-slide__detail-img {
  left: auto;
  right: 35%;
}
@media (min-width: 640px) {
  .atl-collection-slide--flip-images .atl-collection-slide__detail-img {
    right: 40%;
  }
}
[data-vue="AtelierCollectionSlider"] + [data-vue="AtelierCollectionSlider"] {
  margin-top: 70px;
}
@media (min-width: 960px) {
  [data-vue="AtelierCollectionSlider"] + [data-vue="AtelierCollectionSlider"] {
    margin-top: 0;
  }
}
.atl-collection {
  background-color: #1c1714;
  padding: 15px 0;
}
@media (min-width: 640px) {
  .atl-collection {
    padding: 30px 0;
  }
}
.atl-collection__navigation {
  list-style-type: none;
  padding: 0;
}
a.atl-collection__navigation-item {
  border-bottom: 1px solid rgba(205, 180, 105, 0.3);
  color: #fff;
  font-size: 1.22222rem;
  font-weight: 300;
  padding: 12px 0;
  transition: border-bottom 0.2s ease;
}
a.atl-collection__navigation-item:active,
a.atl-collection__navigation-item:focus,
a.atl-collection__navigation-item:hover {
  text-decoration: none;
}
.uk-active a.atl-collection__navigation-item,
a.atl-collection__navigation-item:hover {
  border-bottom: 1px solid #cdb469;
  font-weight: 400;
}
.atl-collection--init + .uk-switcher > :not(.uk-active) {
  display: block;
  opacity: 0;
}
.atl-collection__swiper {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .atl-collection__swiper {
    margin-top: 0;
  }
}
.grecaptcha-badge {
  z-index: 10;
}
.atelierform {
  background-color: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  font-family: Lato, sans-serif !important;
  font-size: 16px;
}
.atelierform p {
  font-size: 16px !important;
}
.atelierform .atelier-button {
  background: transparent;
}
.atelierform .uk-width-1-1,
.atelierform .uk-width-1-2,
.atelierform .uk-width-1-3,
.atelierform .uk-width-2-3 {
  margin-bottom: 10px;
}
.atelierform__inner {
  margin: 0 auto;
  padding: 50px 10px;
  position: relative;
  width: 500px;
}
.atelierform__inner .white-gold-headline {
  font-size: 50px;
  margin: 0 auto;
}
.atelierform__overlay {
  background-color: #f7f7f7;
  width: 520px;
}
.atelierform__overlay .uk-modal-close-default {
  color: #cdb469;
  transform: scale(1.4);
}
.atelierform__overlay-text {
  color: #000;
  padding: 17px 25px;
  text-align: left;
}
.atelierform__alert > div {
  background: rgba(0, 0, 0, 0.2);
  margin-top: 30px;
  padding: 25px 10px;
  text-align: center;
}
.atelierform .uk-form-success,
.atelierform__alert .uk-alert-success {
  color: #fff;
}
.atelierform__checkbox-input,
.atelierform__radio-input {
  display: none;
}
.atelierform__checkbox,
.atelierform__radio {
  cursor: pointer;
  display: inline-block;
  margin-right: 18px;
  padding-left: 31px;
  position: relative;
}
.atelierform__checkbox:before,
.atelierform__radio:before {
  background-color: #fff;
  border: 1px solid #cdb469;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.3);
  content: "";
  display: inline-block;
  height: 16px;
  left: 0;
  margin-right: 10px;
  position: absolute;
  top: 2px;
  width: 16px;
}
.atelierform__radio--twolines:before {
  bottom: 12px;
}
.atelierform__radio:before {
  border-radius: 50%;
}
.atelierform__checkbox {
  padding-left: 43px;
}
.atelierform__radio-input:checked + .atelierform__radio:after {
  background: #cdb469;
  border-radius: 50%;
  bottom: 9px;
  content: "";
  height: 8px;
  left: 5px;
  position: absolute;
  width: 8px;
}
.atelierform__checkbox-input:checked + .atelierform__checkbox:before {
  background-image: url(../images/icons/artboard/general/check.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  color: #000;
  line-height: 18px;
  text-align: center;
}
.atelier__form {
  color: #fff;
  margin-top: 36px;
  opacity: 1;
  transition: opacity 0.3s;
}
.atelier__form .textinputspacing-right {
  margin-right: 5px;
}
.atelier__form .textinputspacing-left {
  margin-left: 5px;
}
.atelier__form .uk-grid {
  margin: 10px 0;
}
.atelier__form input {
  color: #170300;
  font-family: Lato, sans-serif;
}
.atelier__form input,
.atelier__form textarea {
  border: 1px solid #cdb469;
  border-radius: 0;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  font-size: 16px;
  padding: 10px 15px;
  width: 100%;
}
.atelier__form textarea {
  font-family: Lato, sans-serif !important;
  height: 100%;
}
.atelier__form .atelierform__select-country,
.atelier__form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(../images/atelier-down-arrow.png);
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 19px;
  border: 1px solid #cdb469;
  border-radius: 0;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
  color: hsla(0, 0%, 39.6%, 0.6);
  cursor: pointer;
  display: inline-block;
  font-family: Lato, sans-serif !important;
  font-size: 16px;
  outline: none;
  padding: 10px 15px !important;
  width: 100%;
}
.atelier__form ::-moz-placeholder {
  color: hsla(0, 0%, 39.6%, 0.6);
}
.atelier__form :-ms-input-placeholder {
  color: hsla(0, 0%, 39.6%, 0.6);
}
.atelier__form ::placeholder {
  color: hsla(0, 0%, 39.6%, 0.6);
}
.atelier__form .parsley-error,
.atelier__form .parsley-error > label:before {
  background-color: #e0a297;
  border: 1px solid #d85030 !important;
}
.atelier__form .checkbox-area.parsley-error,
.atelier__form .radio-area.parsley-error {
  background-color: initial;
  border: 0 !important;
}
.atelier__form p {
  color: #fff;
}
.atelierform__select-country {
  color: #000;
}
.atelierform__question {
  padding: 5px 0;
  position: relative;
}
.atelierform__question .questiontext {
  font-size: 16px;
  padding-right: 15px;
}
.atelierform__icon {
  bottom: -55px;
  color: #cdb469;
  font-size: 22px;
  position: absolute !important;
  right: -43px;
  transform: scale(0.45);
}
@media (max-width: 768px) {
  .atelierform__icon {
    color: #cdb469;
    font-size: 22px;
    line-height: 22px;
    right: -15px;
    top: 4px;
  }
}
.atelierform__abo {
  padding: 3px 0;
}
.atelierform__submitbutton {
  margin-top: 25px;
  text-align: center;
}
.atelierform__submitbutton input {
  color: #cdb469;
}
.atelierform__submitbutton > button:disabled {
  background-color: initial;
}
.atelierform__abo--top {
  margin-top: 5px;
}
.atelier-margin-bottom-small {
  margin-bottom: 7px;
}
@media (max-width: 768px) {
  .atelierform__inner {
    box-sizing: border-box;
    margin: 0;
    padding: 40px 15px;
    width: 100%;
  }
  .atelierform__inner .atelierform__overlay {
    max-height: 90%;
    max-width: 520px;
    width: 90%;
  }
  .atelierform__inner .questiontext {
    display: inline-block;
    padding-bottom: 7px;
  }
  .atelierform__checkbox {
    padding-bottom: 10px;
  }
  .atelierform__question.radio-area .questiontext {
    display: block;
  }
}
@media (max-width: 767px) {
  .atelier .atelier-quote-teaser__inner h2,
  .atelier h2 {
    font-size: 30px !important;
  }
  .atelier h3 {
    font-size: 15px !important;
  }
  .atelier .atelier__gold-headline {
    font-size: 24px !important;
    line-height: normal;
  }
  .atelier p {
    font-size: 18px;
  }
  .atelier .swiper-container-slideshow .swiper-slide {
    margin: 2px 0;
  }
  .atelier .swiper-container-slideshow .swiper-slide:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .atelier .swiper-container-slideshow .uk-width-2-5,
  .atelier .swiper-container-slideshow .uk-width-3-5 {
    display: block;
    min-height: 260px;
    width: 100%;
  }
  .atelier .swiper-container-slideshow .uk-width-3-5 {
    padding: 60px 0 85px !important;
  }
  .atelier .swiper-container-slideshow h2 {
    font-size: 40px !important;
  }
}
.atelier-navigation {
  position: fixed;
  top: -56px;
  transition: top 0.7s;
  width: 100%;
  z-index: 10;
}
.atelier-navigation.sticked {
  position: fixed;
  top: 0;
}
.atelier-navigation__wrapper {
  background-color: rgba(0, 0, 0, 0.7);
  border-bottom: 1px solid #cdb469;
  margin: 0 auto;
  max-width: 1400px;
}
.atelier-navigation__inner {
  height: 55px;
  padding: 0 35px;
}
@media (max-width: 1399px) {
  .atelier-navigation__inner {
    padding: 0 25px;
  }
}
.atelier-navigation__inner .ateliernav {
  font-weight: 300;
  padding-right: 50px;
  padding-top: 18px;
}
.atelier-navigation__inner .ateliernav ul {
  font-size: 17px;
  list-style-type: none;
}
.atelier-navigation__inner .ateliernav li {
  display: inline-block;
  padding-left: 20px;
}
.atelier-navigation__inner .ateliernav a {
  color: #cdb469;
}
.atelier-navigation__logo {
  height: 30px;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .atelier-navigation__inner .uk-float-right {
    display: none;
  }
}
.atelier-productteaser {
  overflow: hidden;
  position: relative;
}
.atelier-productteaser p {
  color: #545557;
  font-size: 15px;
  line-height: 160%;
  margin: 17px 0;
}
.atelier .atelier-productteaser__superheadline {
  font-size: 40px !important;
}
@media screen and (min-width: 640px) {
  .atelier .atelier-productteaser__superheadline {
    font-size: 60px !important;
  }
}
.atelier .atelier-productteaser__headline {
  font-size: 22px !important;
  margin-top: 1rem;
}
@media screen and (min-width: 640px) {
  .atelier .atelier-productteaser__headline {
    font-size: 27px !important;
  }
}
.atelier-productteaser__inner {
  font-size: 18px;
  margin: 0 auto;
  max-width: 480px;
  padding: 245px 15px 30px;
  position: relative;
  text-align: center;
  z-index: 1;
}
@media screen and (min-width: 640px) {
  .atelier-productteaser__inner {
    padding-top: 320px;
  }
}
@media screen and (min-width: 1200px) {
  .atelier-productteaser__inner {
    margin: 0;
    padding: 180px 160px;
  }
}
.atelier-productteaser__image {
  opacity: 0;
  position: absolute;
  right: 0;
  top: -100px;
  transition: opacity 2.9s ease-in-out, top 2.9s ease-in-out;
  z-index: 0;
}
.showteaser .atelier-productteaser__image {
  opacity: 1;
  top: 0;
  transition: opacity 2.9s ease-in-out, top 2.9s ease-in-out;
}
.atelier-productteaser__image img {
  -webkit-animation-name: softcircleanimation;
  animation-name: softcircleanimation;
  height: auto;
  margin-top: 0;
  position: relative;
  right: 0;
}
@media screen and (min-width: 640px) {
  .atelier-productteaser__image img {
    height: 540px;
    margin-top: -5%;
    right: -5%;
  }
}
@media screen and (min-width: 960px) {
  .atelier-productteaser__image img {
    height: 760px;
    margin-top: -10%;
  }
}
.atelier-productteaser__image .animated {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: softcircleanimation;
  animation-name: softcircleanimation;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes softcircleanimation {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1);
  }
  65% {
    transform: scale(1.07);
  }
  to {
    transform: scale(1);
  }
}
@keyframes softcircleanimation {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1);
  }
  65% {
    transform: scale(1.07);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes bounce {
  0% {
    transform: translateY(0) scale(1.18);
  }
  to {
    transform: translateY(-54px) scale(1.25);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0) scale(1.18);
  }
  to {
    transform: translateY(-54px) scale(1.25);
  }
}
@media (max-width: 960px) {
  @-webkit-keyframes bounce {
    0% {
      transform: translateY(0) scale(1.38);
    }
    to {
      transform: translateY(-54px) scale(1.65);
    }
  }
  @keyframes bounce {
    0% {
      transform: translateY(0) scale(1.38);
    }
    to {
      transform: translateY(-54px) scale(1.65);
    }
  }
}
@media (max-width: 640px) {
  @-webkit-keyframes bounce {
    0% {
      transform: translateY(0) scale(1.65);
    }
    to {
      transform: translateY(-54px) scale(1.9);
    }
  }
  @keyframes bounce {
    0% {
      transform: translateY(0) scale(1.65);
    }
    to {
      transform: translateY(-54px) scale(1.9);
    }
  }
}
.atelier-quote-teaser {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 40px 40px;
  text-align: center;
}
.atelier-quote-teaser h2 {
  color: #170300;
  font-size: 38px !important;
  font-weight: 400;
  margin-bottom: 40px !important;
}
.atelier-quote-teaser p {
  color: #170300;
  font-size: 18px;
  margin-top: 30px;
}
.atelier-quote-teaser__inner {
  margin: 0 auto;
  width: 60%;
}
@media (max-width: 768px) {
  .atelier-quote-teaser {
    padding: 20% 15px;
  }
  .atelier-quote-teaser__inner {
    width: 100%;
  }
}
.atelier-retailerteaser {
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
.atelier-retailerteaser h2 {
  color: #545557 !important;
}
.atelier-retailerteaser__inner {
  padding: 40px 0;
}
.atelier-retailerteaser__contact {
  display: inline-block;
  padding: 10px 30px;
}
.atelier-retailerteaser__contact p {
  margin-bottom: 0;
}
.retailerAtelierInfo {
  border-bottom: 1px solid #ccc;
  padding: 9px 10px 3px !important;
  position: relative !important;
  z-index: 6;
}
.retailerAtelierInfo a {
  color: #ceb469;
}
.retailerAtelierInfo span {
  display: inline-block;
  font-size: 17px;
  padding-left: 2px;
  position: absolute;
  top: 11px;
}
@media (max-width: 768px) {
  .atelier-retailerteaser__inner {
    padding: 40px 15px;
  }
}
.atelier-share__container {
  background: #29221c;
  padding: 60px 0;
  text-align: center;
}
.atelier-share__links {
  display: inline-flex;
  list-style: none;
  padding: 0;
}
.atelier-share__links button {
  background: none;
  border-color: transparent;
  color: #cdb469;
  cursor: pointer;
  outline: 0;
  padding: 2px 6px 3px;
  transform: scale(0.8);
}
.slideshow--block-atelier {
  background-color: #29221c;
}
.slideshow--block-atelier .uk-width-3-5 {
  background-color: #29221c;
  padding: 105px 0 145px;
  text-align: center;
}
.slideshow--block-atelier h2 {
  color: #fff !important;
  font-family: Lato !important;
  font-size: 60px !important;
  font-weight: 300;
  margin: 0 auto;
  max-width: 80%;
}
.slideshow--block-atelier p {
  color: #fff !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 65%;
}
.slideshow--block-atelier .swiper-pagination-bullets {
  left: auto !important;
  right: 0;
}
.atelier-slideshow__background-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.atelier-slideshow-swiper-next,
.atelier-slideshow-swiper-prev {
  background: transparent;
  width: 50px;
}
@media (max-width: 768px) {
  .slideshow--block-atelier {
    background-color: #1c1714;
  }
  .slideshow--block-atelier .swiper-slide__inner > div {
    min-height: 0 !important;
  }
  .atelier-slideshow__background-image {
    min-height: 300px !important;
  }
}
.slideshow--block-atelier .uk-h2,
.slideshow--block-atelier h2 {
  font-size: 40px;
}
.slideshow--block-atelier p {
  font-size: 18px;
  padding: 0 12%;
}
.slideshow--block-atelier h2 + p {
  margin-top: 25px;
}
@media (max-width: 950px) {
  .slideshow--block-atelier p {
    font-size: 18px;
  }
}
.atelier-slideshow {
  background: #fcf9f4;
}
.atelier-slideshow-pagination.swiper-pagination-bullets.swiper-pagination {
  display: block;
}
.atelier-slideshow-pagination .swiper-pagination-bullet {
  border: 1px solid #cdb469;
}
.atelier-slideshow-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #cdb469;
}
.atelier-video-hero {
  background-color: rgba(0, 0, 0, 0.5);
  min-height: 800px;
  text-align: center;
}
.atelier-video-hero .atelier__gold-line {
  height: 1px;
}
.atelier-video-hero__inner {
  box-sizing: border-box;
  height: 100vh;
  padding: 20% 0;
}
.atelier-video-hero__inner .text-lowercase {
  display: inline;
  text-transform: lowercase;
}
.atelier-video-hero__inner .videowall__button {
  background: transparent;
  height: auto;
  width: auto;
}
.atelier-video-hero__inner .videowall__button:hover {
  background-color: transparent !important;
}
.atelier-video-hero__inner .videowall__button svg {
  border-radius: 100px;
  box-shadow: 0 -1px 15px -1px rgba(0, 0, 0, 0.8);
}
.atelier-video-hero__headline {
  color: #fff;
  font-size: 60px !important;
  margin-bottom: 30px !important;
}
.atelier-video-hero__subheadline {
  color: #fff;
  margin-bottom: 55px;
}
.atelier-video-hero__subheadline * {
  font-weight: 400;
}
@media (max-width: 768px) {
  .atelier-video-hero .atelier-video-hero__inner {
    padding: 20% 15px;
  }
}
.atelier-vision-teaser {
  background-color: rgba(0, 0, 0, 0.8);
  min-height: 800px;
  text-align: center;
}
.atelier-vision-teaser__inner {
  margin: 0 auto;
  padding: 140px 0;
  width: 40%;
}
.atelier-vision-teaser__inner h2 {
  font-size: 60px !important;
}
.atelier-vision-teaser__inner h3 {
  margin-bottom: 40px;
}
.atelier-vision-teaser__inner p {
  color: #fff;
}
.atelier-vision-teaser__inner a {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .atelier-vision-teaser__inner {
    box-sizing: border-box;
    padding: 20% 15px;
    width: 100%;
  }
}
.atelier {
  margin: 0 auto;
  max-width: 1400px;
  min-width: auto !important;
  min-width: 0 !important;
  padding: 0;
}
.atelier ~ .footer {
  background-color: #fff;
  display: block;
  margin-bottom: 0;
  margin-top: 0 !important;
  padding-bottom: 20px;
}
.atelier ~ .footer .footer__scroll-top,
.atelier ~ .footer .footer__scroll-wrapper {
  display: none;
}
.atelier ~ .footer .footer-line.uk-margin-medium-top {
  margin-top: 0 !important;
}
.atelier .section__inside {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.atelier .atelier-button {
  border: 1px solid #cdb469 !important;
  color: #cdb469 !important;
  line-height: 2em;
  padding: 5px 20px;
  text-transform: uppercase;
}
.no-touchevents .atelier .atelier-button:hover {
  background: #cdb469;
  border-color: #cdb469 !important;
  color: #000 !important;
}
.atelier .uk-container {
  min-width: auto !important;
  min-width: 0 !important;
}
.atelier .uk-text-hero {
  color: #fff;
  font-size: 40px;
  font-weight: 300;
}
.atelier .uk-h2,
.atelier h2 {
  font-size: 27px;
  font-weight: 300;
  line-height: 1.1em;
}
.atelier .uk-h3,
.atelier h3 {
  color: #cdb469 !important;
  font-size: 22px !important;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.atelier a:not(.atl-collection__navigation-item) {
  color: #cdb469 !important;
  position: relative;
  text-decoration: none;
}
.atelier .atelier-button__black {
  border-color: #293133 !important;
  color: #293133 !important;
}
.atelier .link-decoration.active span {
  border-bottom: 2px solid #cdb469;
  bottom: -11px;
  display: inline-block;
  left: 0;
  position: absolute;
  width: 100%;
}
.atelier .white-gold-headline {
  border-bottom: 1px solid #cdb469;
  color: #fff;
  display: table;
  padding-bottom: 15px;
}
.atelier .white-big-headline {
  color: #fff;
  font-size: 60px;
}
.atelier .newsitem h3 {
  text-align: left !important;
}
.atelier p {
  font-size: 18px;
}
.atelier .atelier-text-muted {
  color: #545557 !important;
}
.atelier .atelier-text-light {
  font-weight: 300;
}
.atelier .atelier-text-no-transform {
  text-transform: none;
}
.atelier .swiper-pagination-bullet {
  background: transparent;
  border: 1px solid #d1b168;
  border-radius: 50%;
  box-sizing: content-box;
  display: inline-block;
  height: 10px;
  overflow: hidden;
  text-indent: 100%;
  transition: all 0.3s;
  white-space: nowrap;
  width: 10px;
}
.atelier .swiper-pagination-bullet-active {
  background: #d1b168 !important;
  opacity: 1;
}
.atelier--no-overflow {
  overflow: hidden;
}
.atelier--no-overflow .section__inside {
  min-height: 580px;
}
.atelier__gold-line {
  background: url(../images/atelier-line-gold.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 15px;
  width: 90px;
}
.atelier__gold-line.atelier__gold-line-left {
  background-position: 20px;
}
.atelier__gold-line.atelier__gold-line-right {
  background-position: -20px;
}
.atelier__gold-line-text {
  background-position-y: 49%;
  display: table-cell;
}
.body--atelier .re-header .uk-container {
  max-width: 1400px !important;
}
.body--atelier .re-header {
  background-color: #fff !important;
}
.body--atelier + .footer,
.body--atelier .footer {
  background-color: #fff;
  margin-top: 0 !important;
  padding-top: 38px;
}
.no-padding-top {
  padding-top: 0;
}
.no-padding-bottom {
  padding-bottom: 0;
}
.atelier__gold-headline {
  display: table;
  margin: 0 auto;
}
.atelier__gold-headline span {
  background-position-y: 49%;
  display: table-cell;
}
.body--atelier {
  position: relative;
}
.bg-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  left: -400%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.7s;
  width: 100%;
  z-index: 11;
}
.bg-overlay--toggle {
  left: 0;
  opacity: 1;
}
.transparent {
  background-color: transparent;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  padding: 0;
}
@media (min-width: 640px) {
  .blog-image {
    max-width: 80%;
  }
}
.blog-image__caption p {
  font-weight: 400;
}
.blog-image__caption a {
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
  transition: color 0.3s ease-out, border-color 0.3s ease-out;
}
.blog-image__caption a:hover {
  border-color: #d8d8d8;
  text-decoration: none;
}
.blog-image img,
.blog-post__header-image img {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.blog-image img.lazyloaded,
.blog-post__header-image img.lazyloaded {
  opacity: 1;
}
.blog-post-teaser__content {
  padding: 20px 0;
  width: 100%;
}
.blog-post-teaser__image {
  opacity: 0;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-out;
}
.blog-post-teaser__image.lazyloaded {
  opacity: 1;
}
.blog-post-teaser__link:hover .blog-post-teaser__image {
  transform: scale(1.03);
}
@media (min-width: 640px) {
  .blog-post-teaser--featured {
    flex-wrap: nowrap;
  }
}
@media (min-width: 960px) {
  .blog-post-teaser--featured .blog-post-teaser__link picture {
    padding-bottom: 50%;
  }
}
@media (min-width: 960px) {
  .blog-post-teaser--featured .blog-poster-teaser__excerpt {
    font-size: 0.77778rem;
  }
}
@media (min-width: 1200px) {
  .blog-post-teaser--featured .blog-poster-teaser__excerpt {
    font-size: 0.88889rem;
  }
}
.blog-post-teaser__content-wrapper {
  padding: 10px 25px;
}
@media (min-width: 640px) {
  .blog-post-teaser__content-wrapper {
    padding: 20px 30px;
  }
}
.blog-post-top {
  margin-bottom: 40px;
}
@media (min-width: 640px) {
  .blog-post-top {
    margin-bottom: 30px;
  }
}
.blog-post__inner {
  margin-bottom: 70px;
}
@media (min-width: 640px) {
  .blog-post__inner {
    margin-bottom: 140px;
  }
}
.blog-post__categories {
  color: #5d5d5d;
  font-weight: 400;
  margin-bottom: 10px;
}
.blog-post__sidebar {
  position: relative;
}
@media (min-width: 960px) {
  .blog-post__sidebar {
    position: absolute;
    width: 100%;
    z-index: 1;
  }
}
.blog-post__content {
  padding-bottom: 50px !important;
}
@media (min-width: 960px) {
  .blog-post__content {
    position: relative;
    top: 50px;
  }
}
.blog-post__content-inner {
  background-color: #fff;
  left: 0;
  padding: 15px 0 0;
  position: relative;
  z-index: 2;
}
@media (min-width: 960px) {
  .blog-post__content-inner {
    left: -50px;
    padding: 50px 0 0 50px;
  }
}
@media (max-width: 959px) {
  .blog-post__content-inner > :nth-child(2) {
    margin-top: 0;
  }
}
@media (min-width: 960px) {
  .blog-post__content-inner--after-carousel {
    padding: 0 0 0 50px;
  }
}
.blog-post__date {
  color: #5d5d5d;
  font-weight: 400;
  position: relative;
}
.blog-post__date:before {
  background-color: #5d5d5d;
  content: " ";
  height: 1px;
  position: absolute;
  top: -6px;
  width: 60px;
}
.blog-post .highlight-tabs {
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (min-width: 960px) {
  .blog-post .highlight-tabs {
    margin-bottom: 70px;
    margin-top: 140px;
  }
}
.blog-related-posts {
  margin-bottom: 160px;
  margin-top: 90px;
}
.blog-post .swiper-container--highlight-tabs {
  max-width: none;
}
.blog-post .newsroom-video {
  margin-top: 20px;
}
.blog-text {
  font-weight: 300;
  line-height: 1.8;
  margin-top: 1.5em;
}
.blog-text a {
  border-bottom: 1px solid #000;
}
.blog-text a:hover {
  border-color: #5d5d5d;
  color: #5d5d5d;
  text-decoration: none;
}
.blog-image + .blog-text {
  margin-top: 70px;
}
.blog-text + .blog-image {
  margin-top: 1.5em;
}
.blog-overview__top-row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px) {
  .blog-overview__top-row {
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0;
  }
}
.blog-overview__categories-list {
  margin-right: 20px;
  margin-top: 20px;
}
.blog-overview__categories-list-item {
  font-weight: 300;
}
.blog-overview__categories-list-item + .blog-overview__categories-list-item {
  margin-left: 20px;
}
.blog-overview__categories-list-link {
  border-bottom: 1px solid transparent;
  padding-bottom: 4px;
}
.blog-overview__categories-list-link:hover {
  border-color: #000;
  color: #000;
  text-decoration: none;
}
.blog-overview__categories-list-link:not(.active):hover {
  padding-bottom: 5px;
}
.blog-overview__categories-list-link.active {
  border-color: #000;
  font-weight: 400;
}
.blog-overview__timespan {
  margin-top: 20px;
}
@media (min-width: 640px) {
  .blog-overview__timespan {
    margin-top: 0;
  }
}
.blog-height-reset {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}
.ds-sidebar {
  background-color: #fff;
  bottom: 0;
  box-shadow: 2px 0 8px 2px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 70px 30px 30px;
  position: fixed;
  top: 0;
  width: 18rem;
  z-index: 1;
}
@media (min-width: 1200px) {
  .ds-main {
    padding-left: 18rem;
  }
}
.ds-table-header {
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
  padding-top: 20px;
}
.ds-table-subheader {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 20px;
  padding-top: 20px;
}
.ds-table-row {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 40px;
  padding-top: 40px;
}
.ds-component-description p {
  font-weight: 400;
}
.ds-color-tile {
  height: 0;
  padding-bottom: 100%;
  text-indent: -9999px;
  width: 100%;
}
.ds-color-tile--white {
  background-color: #fff;
  border: 1px solid #d8d8d8;
}
.ds-color-tile--black {
  background-color: #000;
  border: 1px solid #000;
}
.ds-color-tile--grey-100 {
  background-color: #f9f9f9;
}
.ds-color-tile--grey-200 {
  background-color: #f4f4f4;
}
.ds-color-tile--grey-300 {
  background-color: #d8d8d8;
}
.ds-color-tile--grey-400 {
  background-color: #5d5d5d;
}
.ds-color-tile--grey-500 {
  background-color: #333;
}
.ds-color-tile--red {
  background-color: #d0021b;
}
.ds-navigation__list {
  list-style-type: none;
  padding-left: 0;
}
.ds-navigation__list--level1 > .ds-navigation__item + .ds-navigation__item {
  border-top: 1px solid #d8d8d8;
  padding-bottom: 20px;
  padding-top: 20px;
}
.ds-navigation__list--level2 {
  padding-left: 0;
}
.ds-navigation__item--active:after {
  border-left: 4px solid #000;
  content: "";
  height: 100%;
  left: -30px;
  position: absolute;
}
.ds-navigation__item--active .ds-navigation__link {
  font-weight: 400;
}
.ds-navigation__item--level2 {
  margin-bottom: 10px;
}
.newsroom-image {
  margin-top: 1.5em;
}
.newsroom-image img {
  width: 100%;
}
.newsroom-lightbox {
  margin-top: 50px;
  padding: 0 40px;
  position: relative;
}
.newsroom-lightbox .swiper-button-prev {
  left: -2px;
}
.newsroom-lightbox .swiper-button-next {
  right: -2px;
}
.newsroom-lightbox .swiper-button-next,
.newsroom-lightbox .swiper-button-prev {
  background-image: none;
  outline: 0;
}
.newsroom-lightbox .swiper-button-next svg,
.newsroom-lightbox .swiper-button-prev svg {
  outline: 0;
}
.newsroom-lightbox__download-button {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.swiper-slide:hover .newsroom-lightbox__download-button {
  opacity: 1;
}
.newsroom-lightbox__image {
  transition: transform 0.3s ease-in-out;
}
.swiper-slide:hover .newsroom-lightbox__image {
  transform: scale(1.03);
}
.newsroom-overview__top {
  margin-bottom: 45px;
}
.newsroom-overview__categories-select {
  width: 50%;
}
.newsroom-overview__categories-list {
  margin-right: 20px;
  margin-top: 20px;
}
.newsroom-overview__categories-list li {
  font-weight: 300;
}
.newsroom-overview__categories-list li:not(:last-of-type) {
  margin-right: 20px;
}
.newsroom-overview__categories-list a {
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s ease-out;
}
.newsroom-overview__categories-list a:hover {
  border-color: #000;
  color: #000;
  text-decoration: none;
}
.newsroom-overview__categories-list a:not(.active) {
  padding-bottom: 1px;
}
.newsroom-overview__categories-list .active {
  border-color: #000;
  font-weight: 400;
}
.newsroom-overview__timespan {
  min-width: 200px;
}
.newsroom-overview__press {
  padding: 30px 0;
}
.newsroom-overview__press .float-label {
  margin-bottom: 40px;
}
.newsroom-overview__pagination {
  font-size: 16px;
}
.newsroom-overview__pagination-input-wrapper {
  margin: 0 5px;
}
.newsroom-overview__pagination-input {
  border: 0;
  font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  width: 25px;
}
.newsroom-overview__pagination-input-line {
  background-color: #000;
  bottom: -4px;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.newsroom-overview__pagination-arrow {
  padding: 8px;
}
.newsroom-overview__pagination-arrow--disabled {
  cursor: not-allowed;
}
.newsroom-overview__pagination-arrow--disabled svg path {
  fill: #d8d8d8;
}
@media (min-width: 960px) {
  .newsroom-overview__categories-select {
    display: none;
  }
}
@media (max-width: 959px) {
  .newsroom-overview__top-row {
    margin-top: 25px;
  }
  .newsroom-overview__categories-list {
    display: none;
  }
  .newsroom-overview__press {
    margin-bottom: 40px !important;
    padding: 0;
  }
  .newsroom-overview__press .float-label {
    margin-bottom: 20px;
  }
}
@media (max-width: 639px) {
  .newsroom-overview__top {
    margin-bottom: 20px;
  }
  .newsroom-overview__top-row {
    display: block;
  }
  .newsroom-overview__categories-select {
    margin-bottom: 20px;
    width: 100%;
  }
}
.newsroom-post-teaser--featured {
  min-height: 390px;
}
.newsroom-post-teaser__wrapper {
  margin-bottom: 40px;
}
.newsroom-post-teaser__imagewrapper--featured {
  display: block;
  height: 390px;
  overflow: hidden;
}
.newsroom-post-teaser__imagewrapper--single {
  display: block;
  height: auto;
  max-height: 330px;
  overflow: hidden;
}
.newsroom-post-teaser__image--bg,
.newsroom-post-teaser__image--mobile,
.newsroom-post-teaser__image--normal {
  transition: transform 0.3s ease-in-out;
}
.no-touchevents .newsroom-post-teaser__image--bg:hover,
.no-touchevents .newsroom-post-teaser__image--mobile:hover,
.no-touchevents .newsroom-post-teaser__image--normal:hover {
  transform: scale(1.03);
}
.newsroom-post-teaser__image--bg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.newsroom-post-teaser__star {
  position: absolute;
  right: 20px;
  top: 20px;
}
.newsroom-post-teaser__star span {
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  height: 50px;
  opacity: 0.7;
  position: relative;
  width: 50px;
}
.newsroom-post-teaser__star svg {
  height: 26px;
  left: 50%;
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
}
.newsroom-post-teaser__content--featured {
  background-color: #f4f4f4;
  height: 330px;
  padding: 30px 25px;
}
.newsroom-post-teaser__content--single {
  background-color: transparent;
  padding: 20px 0;
  width: 100%;
}
.newsroom-post-teaser__categories {
  color: #5d5d5d;
  font-weight: 400;
}
.newsroom-post-teaser__title {
  display: inline-block;
  font-size: 1.2em;
  font-weight: 400;
}
.newsroom-post-teaser__title:hover {
  text-decoration: none;
}
.newsroom-post-teaser__excerpt {
  font-size: 16px;
}
.newsroom-post-teaser__date {
  color: #5d5d5d;
  font-weight: 400;
  margin-bottom: 7px;
}
.newsroom-post-teaser__presskit--en {
  margin-bottom: 6px;
}
.newsroom-post-teaser__download-file-size {
  color: #5d5d5d;
  margin-left: 5px;
}
@media (min-width: 640px) {
  .newsroom-post-teaser__image--mobile {
    display: none;
  }
}
@media (max-width: 639px) {
  .newsroom-post-teaser__article-wrapper {
    display: block;
  }
  .newsroom-post-teaser__content--featured,
  .newsroom-post-teaser__imagewrapper--featured {
    height: auto;
  }
  .newsroom-post-teaser__image--mobile + .newsroom-post-teaser__image--bg,
  .newsroom-post-teaser__image--mobile + .newsroom-post-teaser__image--normal {
    display: none;
  }
}
.newsroom-post-top {
  margin-bottom: 30px;
}
.newsroom-post__metalinks-icon {
  width: 35px;
}
.newsroom-post__inner {
  margin-bottom: 120px !important;
}
.newsroom-post__sidebar {
  position: absolute;
  width: 100%;
  z-index: 1;
}
.newsroom-post__image,
.newsroom-post__image--mobile {
  width: 100%;
}
.newsroom-post__sidebar-link-text {
  border-bottom: 1px solid transparent;
  line-height: 1.2;
  padding-bottom: 1px;
  transition: border-color 0.3s ease-out;
}
.newsroom-post__sidebar-link:hover {
  color: #000;
  text-decoration: none;
}
.newsroom-post__sidebar-link:hover .newsroom-post__sidebar-link-text {
  border-color: #000;
}
.newsroom-post__download-file-size {
  color: #5d5d5d;
  margin-left: 5px;
}
.newsroom-post__content {
  padding-bottom: 50px !important;
  position: relative;
  top: 50px;
}
.newsroom-post__content-inner {
  background-color: #fff;
  left: -50px;
  padding: 50px 0 0 50px;
  position: relative;
  z-index: 2;
}
.newsroom-post__content-inner > :first-child {
  margin-top: 0;
}
.newsroom-post__categories {
  color: #5d5d5d;
  font-weight: 400;
  margin-bottom: 10px;
}
.newsroom-post__title {
  margin: 0;
}
.newsroom-post__subheadline {
  margin-bottom: 0;
  margin-top: 10px;
}
.newsroom-post__date {
  color: #5d5d5d;
  font-weight: 400;
  position: relative;
}
.newsroom-post__date:before {
  background-color: #5d5d5d;
  content: " ";
  height: 1px;
  position: absolute;
  top: -6px;
  width: 60px;
}
.newsroom-related-posts__headline {
  margin: 0;
  text-align: center;
}
@media (min-width: 960px) {
  .newsroom-post__headersection--mobile,
  .newsroom-post__image--mobile {
    display: none;
  }
}
@media (max-width: 959px) {
  .newsroom-post__inner {
    margin-bottom: 60px !important;
  }
  .newsroom-post-top {
    margin-bottom: 40px;
  }
  .newsroom-post__sidebar {
    position: relative;
  }
  .newsroom-post__content {
    top: 0;
  }
  .newsroom-post__content-inner {
    left: 0;
    padding: 15px 0 0;
  }
  .newsroom-post__headersection--desktop,
  .newsroom-post__image--mobile + .newsroom-post__image {
    display: none;
  }
}
.newsroom-teaser {
  border: 10px solid #fff;
  min-height: 340px;
  overflow: hidden;
}
.newsroom-teaser:hover {
  text-decoration: none;
}
.newsroom-teaser--border-left {
  border-right: 0;
}
.newsroom-teaser--border-right {
  border-left: 0;
}
.newsroom-teaser__bgimage,
.newsroom-teaser__image {
  transition: transform 0.3s ease-in-out;
}
.newsroom-teaser__content {
  height: 100%;
  width: 100%;
}
.newsroom-teaser__content--inverted .newsroom-teaser__text {
  color: #000;
}
.newsroom-teaser__top-imagewrapper {
  align-self: center;
}
.newsroom-teaser__top-image {
  max-width: 160px;
  width: 100%;
}
.newsroom-teaser__text {
  color: #fff;
  font-size: 1.4em;
  font-weight: 400;
  margin: 0;
  max-width: 360px;
}
.no-touchevents .newsroom-teaser:hover .newsroom-teaser__bgimage,
.no-touchevents .newsroom-teaser:hover .newsroom-teaser__image {
  transform: scale(1.03);
}
@media (max-width: 639px) {
  .newsroom-teaser {
    border-left: 0;
    border-right: 0;
  }
  .newsroom-teaser .uk-button-default {
    border: 1px solid #000;
  }
  .newsroom-teaser__overlay {
    position: relative;
  }
  .newsroom-teaser__text {
    color: #000;
  }
  .newsroom-teaser__top-image {
    margin-bottom: 20px;
  }
}
.newsroom-teaser--color {
  background-color: #f4f4f4;
}
.newsroom-text {
  font-weight: 300;
  line-height: 1.8;
  margin-top: 1.5em;
}
.newsroom-text a {
  border-bottom: 1px solid #000;
}
.newsroom-text a:hover {
  border-color: #5d5d5d;
  color: #5d5d5d;
  text-decoration: none;
}
.newsroom-video {
  margin-top: 1.5em;
  overflow: hidden;
}
.newsroom-video__link {
  display: block;
  transition: transform 0.3s ease-in-out;
}
.newsroom-video__link:hover {
  transform: scale(1.03);
}
.newsroom-video__play-button svg {
  height: 68px;
  width: 68px;
}
.newsroom {
  margin-bottom: 100px;
}
.newsroom .teaser__external-button {
  border-radius: 50%;
  height: 50px;
  opacity: 0.7;
  right: 20px;
  top: 20px;
  width: 50px;
}
.newsroom .teaser__external-button svg {
  height: 26px;
  opacity: 1;
  width: 26px;
}
.newsroom--link {
  border-bottom: 1px solid transparent;
  line-height: 1.2;
  padding-bottom: 1px;
  transition: border-color 0.3s ease-out;
}
.newsroom--link:hover {
  border-color: #000;
  color: #000;
  text-decoration: none;
}
@media (max-width: 1199px) {
  .newsroom {
    margin-bottom: 70px;
  }
}
@media (max-width: 959px) {
  .newsroom-post__inner + .carousel {
    margin-bottom: 80px;
  }
}
.product-color-bubble {
  border-radius: 50%;
  height: 1.5rem;
  overflow: hidden;
  position: relative;
  width: 1.5rem;
}
.product-color-bubble__lower,
.product-color-bubble__upper {
  background-position: 50%;
  background-size: cover;
  display: block;
  height: 50%;
  width: 100%;
}
.product-color-bubble__lower {
  bottom: 0;
  left: 0;
  position: absolute;
}
.product-color-bubble--small {
  height: 12px;
  width: 12px;
}
.product-color-bubble__upper--full {
  height: 100%;
}
.product-filter-color {
  display: block;
  height: 3rem;
  min-width: 5rem;
}
@media (min-width: 640px) {
  .product-filter-color {
    height: 2.5rem;
    min-width: 3rem;
  }
}
.product-filter-color + .product-filter-color {
  box-shadow: inset 1px 0 0 0 hsla(0, 0%, 100%, 0.5);
}
.product-filter-color__overlay {
  background: #fff;
  color: #fff;
  height: 3rem;
  opacity: 0;
  padding: 0;
  transition: opacity 0.3s ease-out;
}
@media (min-width: 640px) {
  .product-filter-color__overlay {
    height: 2.5rem;
  }
}
.product-filter-color__input:checked + .product-filter-color__overlay {
  opacity: 1;
}
.product-filter-color__overlay .product-filter-color__icon-not-available {
  display: none;
}
.product-filter-color__input[disabled] + .product-filter-color__overlay {
  opacity: 1;
}
.product-filter-color__input[disabled]
  + .product-filter-color__overlay
  .product-filter-color__icon-selected {
  display: none;
}
.product-filter-color__input[disabled]
  + .product-filter-color__overlay
  .product-filter-color__icon-not-available {
  display: block;
}
.bgcolor-10:before,
.bgcolor-transparent:before {
  background-image: linear-gradient(90deg, #fff, #fff 50%, #e6e6e6) !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXR0ZXJuIGlkPSJiIiBwYXR0ZXJuVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSI+PHVzZSB4bGluazpocmVmPSIjYSIgdHJhbnNmb3JtPSJzY2FsZSguNSkiLz48L3BhdHRlcm4+PGltYWdlIGlkPSJhIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBREFBQUFBd0NBWUFBQUJYQXZtSEFBQUVHV2xEUTFCclEwZERiMnh2Y2xOd1lXTmxSMlZ1WlhKcFkxSkhRZ0FBT0kyTlZWMW9IRlVVUHJ0elp5TWt6bE5zTklWMHFEOE5KUTJUVmpTaHRMcC8zZDAyYnBaSk50b2k2R1QyN3M2WXljNDRNN3Y5b1U5RlVId3g2cHNVeEwrM2dDQW85US9iUHJRdmxRb2wydFFnS0Q2MCtJTlE2SXVtNjVrN001bHB1ckhlWmU1ODg1M3ZubnZ1dVdmdkJlaTVxbGlXa1JRQkZwcXVMUmN5NG5PSGo0ZzlLNUNFaDZBWEJxRlhVUjByWGFsTUFqWlBDM2UxVzk5RHdudGYyZFhkL3ArdHQwWWRGU0J4SDJLejVxZ0xpSThCOEtkVnkzWUJldnFSSHovcVdoNzJZdWkzTVVERUwzcTQ0V1BYdzNNK2ZvMXBadVFzNHRPSUJWVlRhb2lYRUkvTXhmaEdEUHN4c05aZm9FMXE2NnJvNWFKaW0zWGRvTEZ3NzJIK24yM0JhSVh6YmNPbno1bWZQb1R2WVZ6N0t6VWw1K0ZSeEV1cWtwOUcvQWppYTIxOXRoemcyNWFia1JFL0JwRGMzcHF2cGhIdlJGeXMyd2VxdnAra3JiV0tJWDduaERiekxPSXRpTTgzNThwVHdkaXJxcFBGbk1GMnhMYzFXdkx5T3dUQWlicGJtdkhIY3Z0dFU1N3k1K1hxTlpyTGUzbEUvUHE4ZVVqMmZYS2ZPZTNwZk9qemhKWXRCL3lsbDVTREZjU0RpSCtoUmtIMjUrTCtzZHhLRUFNWmFocmxTWDh1a3FNT1d5L2pYVzJtNk05TERCYzMxQjlMRnV2NmdWS2cvMFN6aTNLQXIxa0dxMUdNalUvYUxibnE2L2xSeGM0WGZKOThoVGFyZ1grK0RiTUpCU2lZTUllOUNrMVlBeEZrS0VBRzN4YllhS21ERGdZeUZLMFVHWXBmb1dZWEcrZkFQUEk2dEpuTndiN0NsUDdJeUYrRCtiak90Q3BraHo2Q0ZySWEvSTZzRnRObDhhdUZYR01UUDM0c053SS9KaGtnRXRtRHoxNHlTZmFSY1RJQklubUtQRTMya3h5eUUyVHYrdGhLYkVWZVBEZlcvYnlNTTFLbW0wWGRPYlM3b0dEL015cE1YRlBYckN3T3RvWWp5eW43QlYyOS9NWmZzVnpwTERkUnR1SVpuYnBYenZsZitldjhNdllyL0dxazRIL2tWL0czY3NkYXpMdXlUTVBzYkZoemQxVWFiUWJqRnZEUm1jV0p4UjN6Y2ZIa1Z3OUdmcGJKbWVldjlGMDhXVzh1RGthc2x3WDZhdmxXR1U2TlJLejBnL1NIdEN5OUozMG8vY2E5elgzS2ZjMTl6bjNCWFFLUk84dWQ0NzdoTG5BZmMxL0c5bXJ6R2xyZmV4WjVHTGRuNlpacnJFb2hJMndWSGhaeXdqYmhVV0V5OGljTUNHTkNVZGlCbHEzcit4YWZMNTQ5SFE1akgrYW4rMXkrTGxZQmlmdXhBdlJOL2xWVlZPbHdsQ2tkVm05Tk9MNUJFNHdrUTJTTWxEWlU5N2hYODZFaWxVL2xVbWtRVXp0VEU2bXgxRUVQaDdPbWRxQnRBdnY4SGRXcGJySlM2dEpqM24wQ1dkTTZidXNOelJWM1M5S1RZaHF2TmlxV211cm9pS2dZaHNoTWptaFRoOXB0V2hzRjc5NzBqL1NiTXJzUEUxc3VSNXo3RE1DK1AvSHMreTdpanJRQWxoeUFnY2NqYmhqUHlnZmVCVGp6aE5xeTI4RWRrVWg4QytEVTkrejJ2L295ZUg3OTFPbmN4SE9zNXkyQXRUYzduYi9mNzNUV1BrRC9xd0Jualg4Qm9KOThWUU5jQys4QUFBQ3pTVVJCVkdnRjdaaEJDc013REFUanZzYi9mNDEvMDlMakhzV1FiUU9UbThDUzRoa0xqTmZlKzMwTnZuUE9HaXkvN3E3L212ek1QNjUxQTcrMm9nRU5RQUllSVFnUXAyc0FJNFFGSG05Z2RLLzV3cnI3YmpPdC8zZ0RiZ0RPSUU3WEFFWUlDMmdBQXNUcEdzQUlZUUVOUUlBNGZVM3ZIcjRMWWVaWndCbElIdjFJQTMzbTJWRUR5YU1mYWFEUFBEdHFJSG4wSTkrRitzeXpvek9RUFBxUkJ2ck1zNk1Ha2tjLzBrQ2ZlWGJVUVBMb1J4K1lPeHRMdG4wd2lBQUFBQUJKUlU1RXJrSmdnZz09Ii8+PC9kZWZzPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9InVybCgjYikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjEiLz48L3N2Zz4=") !important;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgcolor-15:before,
.bgcolor-white:before {
  background-image: linear-gradient(90deg, #fff, #fff 50%, #e6e6e6) !important;
  background-size: cover;
}
.bgcolor-20:before,
.bgcolor-yellow:before {
  background-image: linear-gradient(
    90deg,
    #f3d55e,
    #efc82f 50%,
    #dab111
  ) !important;
  background-size: cover;
}
.bgcolor-25:before,
.bgcolor-orange:before {
  background-image: linear-gradient(
    90deg,
    #f5ad65,
    #f29335 50%,
    #e5790f
  ) !important;
  background-size: cover;
}
.bgcolor-30:before,
.bgcolor-red:before {
  background-image: linear-gradient(
    90deg,
    #db595a,
    #d22f30 50%,
    #a92525
  ) !important;
  background-size: cover;
}
.bgcolor-35:before,
.bgcolor-rose:before {
  background-image: linear-gradient(
    90deg,
    #f6aca0,
    #f18372 50%,
    #ec5a44
  ) !important;
  background-size: cover;
}
.bgcolor-40:before,
.bgcolor-violet:before {
  background-image: linear-gradient(
    90deg,
    #a591af,
    #8d739a 50%,
    #735b7f
  ) !important;
  background-size: cover;
}
.bgcolor-45:before,
.bgcolor-blue:before {
  background-image: linear-gradient(
    90deg,
    #5f89ba,
    #456fa1 50%,
    #36567d
  ) !important;
  background-size: cover;
}
.bgcolor-50:before,
.bgcolor-petrol:before {
  background-image: linear-gradient(
    90deg,
    #79b5af,
    #59a29b 50%,
    #47817c
  ) !important;
  background-size: cover;
}
.bgcolor-55:before,
.bgcolor-green:before {
  background-image: linear-gradient(
    90deg,
    #589d4e,
    #457b3d 50%,
    #32592c
  ) !important;
  background-size: cover;
}
.bgcolor-60:before,
.bgcolor-brown:before {
  background-image: linear-gradient(
    90deg,
    #b59d84,
    #a28364 50%,
    #846a4f
  ) !important;
  background-size: cover;
}
.bgcolor-65:before,
.bgcolor-grey:before {
  background-image: linear-gradient(
    90deg,
    #b5b5b5,
    #9b9b9b 50%,
    #828282
  ) !important;
  background-size: cover;
}
.bgcolor-70:before,
.bgcolor-silver:before {
  background-image: linear-gradient(
    90deg,
    #f4f6f8,
    #d5dce4 50%,
    #b6c2d0
  ) !important;
  background-size: cover;
}
.bgcolor-75:before,
.bgcolor-gold:before {
  background-image: linear-gradient(
    90deg,
    #ecd295,
    #e4c06a 50%,
    #dcae3f
  ) !important;
  background-size: cover;
}
.bgcolor-80:before,
.bgcolor-bicolor:before {
  background-image: linear-gradient(90deg, #fff, #fff 50%, #e6e6e6) !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik0xMiAxMmgxMnYxMkgxMnoiIGZpbGw9IiM1NjlDOTYiLz48cGF0aCBkPSJNMCAxMmgxMnYxMkgweiIgZmlsbD0iIzkwNzc5RCIvPjxwYXRoIGQ9Ik0xMiAwaDEydjEySDEyeiIgZmlsbD0iI0YyODk3OCIvPjxwYXRoIGQ9Ik0wIDBoMTJ2MTJIMHoiIGZpbGw9IiNFQkMyMkEiLz48L2c+PHBhdGggZD0iTTAgMTJoMjRNMTIgMjRWMCIgc3Ryb2tlPSIjRkZGIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9nPjwvc3ZnPg==") !important;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgcolor-80:before.bgcolor--lens,
.bgcolor-bicolor:before.bgcolor--lens {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI0LjgyNyUiIHkxPSI3LjE0MSUiIHgyPSI5NC40MjUlIiB5Mj0iOTYuODk3JSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkM1ODgiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjODA0NjlFIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iMTAwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIiBpZD0iYiI+PHN0b3Agc3RvcC1jb2xvcj0iI0RCQzZCMCIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNBQ0MzRTMiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSIxMDAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIGlkPSJjIj48c3RvcCBzdG9wLWNvbG9yPSIjQTgwMEZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRENENiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSIgaWQ9ImQiPjxzdG9wIHN0b3AtY29sb3I9IiNGOEU4NzQiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjQTRGQ0YzIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGwtcnVsZT0ibm9uemVybyI+PHBhdGggZmlsbD0iIzU2OUM5NiIgZD0iTTEyLjIyMiAxMmgxMnYxMmgtMTJ6Ii8+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGgxMnYxMkgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMjIyIDEyKSIvPjxwYXRoIGZpbGw9IiM5MDc3OUQiIGQ9Ik0uMjIyIDEyaDEydjEyaC0xMnoiLz48cGF0aCBmaWxsPSJ1cmwoI2IpIiBkPSJNLjc3OCAwaDEydjEyaC0xMnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0uNzc4IDEyKSIvPjxnPjxwYXRoIGZpbGw9IiNGMjg5NzgiIGQ9Ik0xMiAwaDEydjEySDEyeiIvPjxwYXRoIGZpbGw9InVybCgjYykiIGQ9Ik0xIDBoMTJ2MTJIMXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjIyMikiLz48L2c+PGc+PHBhdGggZmlsbD0iI0VCQzIyQSIgZD0iTTAgMGgxMnYxMkgweiIvPjxwYXRoIGZpbGw9InVybCgjZCkiIGQ9Ik0uNzc4IDBoMTJ2MTJoLTEyeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLS43NzgpIi8+PC9nPjwvZz48cGF0aCBkPSJNMCAxMmgyNE0xMiAyNFYwIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48L2c+PC9zdmc+") !important;
}
.bgcolor-85:before,
.bgcolor-creme:before {
  background-image: linear-gradient(
    90deg,
    #f0e7dd,
    #e0ceba 50%,
    #d0b597
  ) !important;
  background-size: cover;
}
.bgcolor-90:before,
.bgcolor-black:before {
  background-image: linear-gradient(
    90deg,
    #636363,
    #494949 50%,
    #303030
  ) !important;
  background-size: cover;
}
.product-config-accent-rings,
.product-config-colors,
.product-config-shapes {
  margin: 4px 0 0;
}
.product-config__more-button {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 16px;
  cursor: pointer;
  display: none;
  font-size: 0.77778rem;
  margin-left: -7px;
  max-height: 18px;
  order: 2;
  padding: 4px 10px;
  white-space: nowrap;
}
@media (max-width: 959px) {
  .product-config-accent-rings--collapsed,
  .product-config-colors--collapsed,
  .product-config-shapes--collapsed {
    display: flex !important;
    flex-wrap: nowrap;
    margin-top: 0 !important;
    overflow: hidden;
    padding-top: 10px;
  }
  .product-config-accent-rings--collapsed .product-config__more-button,
  .product-config-colors--collapsed .product-config__more-button,
  .product-config-shapes--collapsed .product-config__more-button {
    display: block;
  }
  .product-config-accent-rings--collapsed .product-config-accent-ring,
  .product-config-accent-rings--collapsed .product-config-color,
  .product-config-colors--collapsed .product-config-accent-ring,
  .product-config-colors--collapsed .product-config-color,
  .product-config-shapes--collapsed .product-config-accent-ring,
  .product-config-shapes--collapsed .product-config-color {
    min-width: 29px;
  }
  .product-config-accent-rings--collapsed .product-config-shape,
  .product-config-colors--collapsed .product-config-shape,
  .product-config-shapes--collapsed .product-config-shape {
    min-width: 32px;
  }
  .product-config-accent-rings--collapsed .product-config--collapsed-hidden,
  .product-config-colors--collapsed .product-config--collapsed-hidden,
  .product-config-shapes--collapsed .product-config--collapsed-hidden {
    display: none;
  }
  .product-config-accent-rings--collapsed
    .product-config-accent-ring:first-child.product-config-color--active,
  .product-config-accent-rings--collapsed
    .product-config-color:first-child.product-config-color--active,
  .product-config-colors--collapsed
    .product-config-accent-ring:first-child.product-config-color--active,
  .product-config-colors--collapsed
    .product-config-color:first-child.product-config-color--active,
  .product-config-shapes--collapsed
    .product-config-accent-ring:first-child.product-config-color--active,
  .product-config-shapes--collapsed
    .product-config-color:first-child.product-config-color--active {
    padding-left: 4px;
  }
}
.product-config-accent-ring,
.product-config-color,
.product-config-shape {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 1.5em;
}
@media (max-width: 639px) {
  .product-config-accent-ring,
  .product-config-color,
  .product-config-shape {
    margin-right: 1.1em;
  }
}
@media (max-width: 639px) {
  .product-config-accent-ring,
  .product-config-color {
    margin-right: 1.3em;
  }
}
@media (max-width: 959px) {
  .product-sharing {
    margin-top: 2rem !important;
  }
}
.product-sharing-list li {
  padding: 0.8em;
}
@media (max-width: 959px) {
  .product-config-form .uk-text-small {
    font-size: 0.88889rem;
  }
  .product-config-form > div {
    margin-top: 2rem;
  }
}
@media (max-width: 1199px) {
  .product-config-form > :first-child {
    order: 2;
  }
  .product-config-form > div {
    margin-top: 1.5rem;
  }
  .product-config-form
    .product-config-color--active
    .product-config-color__link,
  .product-config-form
    .product-config-color--active
    .product-config-color__link:hover {
    transform: scale(1);
  }
  .product-config-form
    .product-config-color--active
    .product-config-color__link:before {
    border: 1px solid #000;
    border-radius: 50%;
    content: " ";
    height: 100%;
    left: -1px;
    position: absolute;
    top: -1px;
    transform: scale(1.3);
    width: 100%;
  }
}
@media (max-width: 639px) {
  .product-config__shape-wrapper {
    margin-bottom: 10px;
  }
}
.product-config-shape__link {
  border-bottom: 2px solid transparent;
  padding-bottom: 0.5em;
  transition: border 0.1s ease;
}
.product-config-shape__link:hover {
  border-bottom-color: #d8d8d8;
}
.product-config-shape--active .product-config-shape__link {
  border-bottom: 2px solid #000;
}
.product-config-shape__img {
  height: auto;
  width: 1.8rem;
}
.product-config-color__link {
  border: 1px solid #f4f4f4;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  transition: transform 0.1s ease;
}
.product-config-color--active .product-config-color__link {
  transform: scale(1.2);
}
.product-config-color--active
  .product-config-color__link
  .product-config-color__icon {
  opacity: 1;
}
.product-config-color__link:hover {
  transform: scale(1.2);
}
.product-config-color__icon {
  color: #fff;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.1s ease;
}
.product-config-color__icon svg {
  height: 1rem;
  width: 1rem;
}
.product-config-group-list {
  margin-bottom: -20px !important;
}
@media (max-width: 959px) {
  .product-config-group-list {
    display: inline-block;
  }
}
@media (max-width: 639px) {
  .product-config__show-more {
    border: 1px solid #000;
    border-radius: 14px;
    font-size: 0.66667rem;
    line-height: 28px;
    padding: 0 12px;
    right: 0;
    top: 50%;
    transform: translateY(-35%);
  }
}
.product-detail__description {
  margin-top: 40px;
}
@media (min-width: 960px) {
  .product-detail__description {
    margin-top: 0;
  }
}
@media (max-width: 959px) {
  .product-detail__description .uk-text-small {
    font-size: 0.88889rem;
  }
}
@media (max-width: 959px) {
  .product-detail__description {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
}
.product-detail__full-text {
  font-weight: 300;
}
@media (max-width: 959px) {
  .product-detail__full-text {
    margin-top: 10px;
    order: 2;
  }
}
.product-detail__full-text .uk-link {
  border-bottom: 1px solid #000;
}
.product-detail__delivery-time {
  margin-bottom: 13.33333px;
}
@media (min-width: 640px) {
  .product-detail__delivery-time {
    margin-bottom: 20px;
  }
}
.product-detail__excluded-label {
  line-height: 1.4;
  margin-bottom: 13.33333px;
}
@media (min-width: 640px) {
  .product-detail__excluded-label {
    margin-bottom: 15px;
  }
}
.product-detail__name {
  word-break: break-word;
}
.product-detail__subtitle {
  margin-bottom: 0;
  margin-top: 20px;
}
@media (min-width: 640px) and (max-width: 959px) {
  .product-detail__product-option {
    display: flex;
  }
}
.product-detail__product-options-price-wrapper {
  margin-bottom: 5px;
}
@media (max-width: 1199px) {
  .product-detail__product-options-price-wrapper {
    margin-top: 10px;
  }
}
@media (max-width: 1199px) {
  .product-detail__shop-button {
    line-height: 3;
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-top: 0;
    position: static;
  }
}
@media (min-width: 960px) {
  .product-detail__shop-button {
    line-height: 3;
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-top: 0;
    position: static;
  }
}
@media (min-width: 640px) and (max-width: 960px) {
  .product-detail__shop-button {
    max-width: 240px;
  }
}
.product-detail__sku {
  margin-top: 5px;
}
@media (min-width: 960px) {
  .product-detail__sku {
    margin-bottom: 20px;
  }
}
.product-detail__product-options {
  margin-bottom: 40px;
  margin-top: 40px;
}
@media (min-width: 960px) {
  .product-detail__product-options {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
@media (max-width: 959px) {
  .product-detail__product-options {
    background-color: #f4f4f4;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 20px 0;
    position: relative;
  }
  .product-detail__product-options:after,
  .product-detail__product-options:before {
    background-color: #f4f4f4;
    content: " ";
    height: 100%;
    left: -10px;
    position: absolute;
    top: 0;
    width: 10px;
  }
  .product-detail__product-options:after {
    left: auto;
    right: -10px;
  }
}
.product-detail__product-option + .product-detail__product-option {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .product-detail__product-option + .product-detail__product-option {
    margin-top: 5px;
  }
}
.product-detail__product-option > :first-child {
  margin: 0 4px;
}
.product-detail__product-options-color {
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  height: 22px;
  min-width: 22px;
  transition: transform 0.1s ease;
  width: 22px;
}
.product-detail__product-options-shape img {
  height: auto;
  width: 22px;
}
.product-detail__product-options-model svg {
  width: 22px;
}
.product-detail__product-options-barcode {
  text-align: center;
  width: 22px;
}
input[type="range"]::-ms-tooltip {
  display: none;
}
.product-detail__icon-label {
  margin-left: 5px;
}
@media (min-width: 640px) {
  .product-detail__icon-label {
    margin-left: 10px;
  }
}
.product-detail__product-reel {
  cursor: ew-resize;
}
.product-detail__product-reel-nav {
  display: flex;
  flex-direction: column;
  max-width: 320px;
}
@media (min-width: 960px) {
  .product-detail__product-reel-nav {
    display: block;
  }
}
.product-detail__product-reel-nav-label {
  margin-top: 5px;
  order: 2;
}
@media (min-width: 960px) {
  .product-detail__product-reel-nav-label {
    margin: 0;
  }
}
.product-detail__reel-wrapper {
  overflow: hidden;
}
.product-detail__interaction-links > :not(:last-child) {
  margin-bottom: 10px;
}
@media (min-width: 960px) {
  .product-detail__interaction--line {
    border-top: 1px solid #d8d8d8;
    padding-top: 15px;
  }
}
.product-details__data dt {
  margin-bottom: 10px;
}
.product-details__data dd {
  margin-bottom: 30px;
}
@media (min-width: 640px) {
  .product-details__data dt:not(:last-of-type) {
    margin-bottom: 10px;
  }
  .product-details__data dd:not(:last-of-type) {
    margin-bottom: 0;
  }
}
@media (min-width: 640px) {
  .product-details__data dd {
    margin-bottom: 10px;
  }
  .product-details__data .product-features dd:not(:last-of-type),
  .product-details__data .product-features dt:not(:last-of-type) {
    margin-bottom: 30px;
  }
  .product-details__data .product-info dd,
  .product-details__data .product-misc dd:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
@media (min-width: 960px) {
  .product-details__data .product-info dd:not(:last-of-type),
  .product-details__data .product-info dt:not(:last-of-type),
  .product-details__data .product-misc dd:not(:last-of-type),
  .product-details__data .product-misc dt:not(:last-of-type) {
    margin-bottom: 10px;
  }
  .product-details__data .product-features dd:not(:last-of-type),
  .product-details__data .product-features dt:not(:last-of-type) {
    margin-bottom: 30px;
  }
}
.product-detail__entry {
  font-size: 0.88889rem;
}
.product-detail__entry a {
  border-bottom: 1px solid #000;
  font-weight: 300;
}
.product-detail__entry a:hover {
  border-color: #5d5d5d;
  color: #5d5d5d !important;
}
.product-detail__entry strong {
  display: inline-block;
  margin-bottom: 10px;
}
.product-detail__entry:not(:last-child) {
  margin-bottom: 40px;
}
@media (min-width: 960px) {
  .product-detail__entry {
    font-size: 0.77778rem;
  }
}
@media (min-width: 1200px) {
  .product-detail__entry {
    font-size: 0.77778rem;
  }
  .product-detail__entry:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (max-width: 639px) {
  .product-detail__entry .uk-margin-auto {
    margin-left: 0 !important;
  }
}
.product-detail__entry--small {
  font-size: 0.88889rem;
}
@media (min-width: 960px) {
  .product-detail__entry--small {
    font-size: 0.77778rem;
  }
  .product-detail__entry--small a {
    font-size: 0.77778rem;
    padding-bottom: 2px;
  }
  .product-detail__entry--small strong {
    font-size: 0.77778rem;
  }
}
@media (min-width: 1200px) {
  .product-detail__entry--small,
  .product-detail__entry--small a {
    font-size: 0.66667rem;
  }
  .product-detail__entry--small strong {
    font-size: 0.77778rem;
  }
}
@media (max-width: 639px) {
  .product-detail__upper-content {
    max-width: none;
    min-width: calc(100% + 20px);
    padding-left: 0;
  }
  .product-detail__upper-content .product-config {
    padding: 0 0 0 30px;
  }
  .product-detail__upper-content .product-detail__product-reel-nav {
    max-width: 280px;
  }
}
.css-grid-container {
  display: -ms-grid;
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 20px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}
@media (min-width: 960px) and (max-width: 1200px) {
  .css-grid-container {
    font-size: 0.77778rem;
  }
}
@media (min-width: 640px) {
  .css-grid-container {
    grid-template-areas: "col1 col2";
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
  .css-grid-container .product-features {
    grid-area: col1;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1/3;
    grid-row: 1/3;
    -ms-grid-row-span: 2;
  }
  .css-grid-container .product-info {
    grid-area: 1 / col2;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .css-grid-container .product-misc {
    grid-area: 2 / col2;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
  }
}
@media (min-width: 1200px) {
  .css-grid-container {
    grid-template-areas: "col1 col2 col3";
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
  .css-grid-container .product-features {
    grid-area: col1;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .css-grid-container .product-info {
    grid-area: col2;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .css-grid-container .product-misc {
    grid-area: col3;
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
.product-detail-desktop__delivery,
.product-detail-mobile__delivery {
  font-size: 0.88889rem;
}
@media (min-width: 960px) {
  .product-detail-desktop__delivery,
  .product-detail-mobile__delivery {
    font-size: 0.88889rem;
  }
}
@media (min-width: 1200px) {
  .product-detail-desktop__delivery,
  .product-detail-mobile__delivery {
    font-size: 0.66667rem;
  }
}
.product-detail__try-on-info {
  margin-left: 0;
}
@media (min-width: 960px) {
  .product-detail__try-on-info {
    margin-left: 10px;
  }
}
.product-detail__open-try-on-btn {
  margin-bottom: 30px;
  margin-top: 30px;
}
@media (min-width: 960px) {
  .product-detail__open-try-on-btn {
    margin-top: 20px;
  }
}
.try-on-icon-info svg {
  fill: #5d5d5d;
  min-height: 20px;
  min-width: 20px;
  position: relative;
  top: -3px;
}
@media (min-width: 960px) {
  .try-on-icon-info svg {
    top: -1px;
  }
}
.try-on-icon-info a {
  border-bottom: 1px solid #5d5d5d;
  color: #5d5d5d;
}
.product-detail__limited-label {
  margin-bottom: 10px;
  margin-top: 10px;
}
@media (min-width: 640px) {
  .product-detail__limited-label {
    margin-bottom: 10px;
    margin-top: 20px;
  }
}
.pdp__progress-container {
  background-color: #d8d8d8;
  height: 1px;
  margin-bottom: 30px;
  width: 100%;
}
.pdp__progress-bar {
  background-color: #000;
  height: 3px;
  left: 0;
  position: relative;
  top: -1px;
  transition: top 0.3s linear;
  width: 60px;
}
.product-detail-desktop__info-icon {
  margin-left: 5px;
}
.product-detail-desktop__info-icon svg {
  cursor: pointer;
  height: 1.11111rem;
  margin-top: -2px;
  width: 1.11111rem;
}
.product-detail__tabs {
  background: #fff;
  margin-bottom: 35px;
  margin-top: -40px;
}
.product-detail__tabs:before {
  border-bottom: transparent;
}
.product-detail-desktop__tab {
  border-bottom: 1px solid #d8d8d8;
  box-shadow: none;
  transition: border 0.1s ease-out, box-shadow 0.1s ease-out;
  white-space: nowrap;
}
.product-detail-desktop__tab:hover {
  border-bottom-color: #000;
}
.product-detail-desktop__tab.uk-active {
  border-bottom-color: #000;
  box-shadow: 5px 5px 14px 2px hsla(0, 0%, 46.3%, 0.1);
}
.product-detail-desktop__tab-link {
  border-bottom: 0;
  text-transform: none;
}
.uk-active .product-detail-desktop__tab-link {
  border-bottom: 0;
}
.product-detail-desktop__tab-title {
  color: #000;
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 0;
  padding: 20px;
}
.product-detail-desktop__tab:hover .product-detail-desktop__tab-title,
.uk-active .product-detail-desktop__tab-title {
  font-weight: 400;
}
.product-detail-desktop__tab--light {
  border-bottom-color: #5d5d5d !important;
  border-bottom-width: 1px !important;
}
.product-detail-desktop__tab--light .product-detail-desktop__tab-title {
  font-weight: 300 !important;
}
.product-detail-desktop__tab--light .product-detail-desktop__tab-link {
  border-bottom: transparent;
}
.product-detail-lens-features__headline {
  font-size: 0.88889rem;
  line-height: 1;
  margin-bottom: 10px;
}
.product-detail-lens-features__headline p {
  font-weight: 400;
}
@media (min-width: 960px) {
  .product-detail-lens-features__headline {
    font-size: 0.77778rem;
  }
}
@media (min-width: 1200px) {
  .product-detail-lens-features__headline {
    font-size: 0.77778rem;
  }
}
.product-detail-lens-features__link {
  border-bottom: 0 !important;
  font-weight: 400 !important;
  line-height: 1.2;
  margin-top: 30px;
}
.product-detail-mobile {
  padding-bottom: 30px;
  padding-top: 30px;
}
.product-detail-mobile .uk-accordion {
  margin-top: -20px;
}
.product-detail-mobile .uk-accordion > li {
  border-bottom: 1px solid #d8d8d8;
  margin: 0;
}
.product-detail-mobile .uk-accordion-title h2 {
  color: #000;
  font-size: 0.88889rem;
  line-height: inherit;
  margin-bottom: 0;
}
.product-detail-mobile .uk-accordion-title {
  padding: 20px 0;
}
.product-detail-mobile .uk-accordion-title:before {
  position: absolute;
  right: 10px;
}
.product-filter__options-toggler {
  font-size: 0.88889rem;
  line-height: 1.7;
  margin-left: 41px;
  margin-top: 2px;
}
@media (min-width: 960px) {
  .product-filter__options-toggler {
    font-size: 0.77778rem;
    margin-left: 31px;
  }
}
.product-filter__options-toggler:hover {
  color: #000;
  text-decoration: none;
}
.product-filter__options-toggler-arrow {
  margin-left: 6px;
}
.product-filter__options-toggler-arrow svg {
  transform: none;
  transform-origin: center;
}
.product-filter__show-less {
  display: none;
}
.product-filter__group {
  border-bottom: 1px solid #d8d8d8;
  margin-top: 0 !important;
  transition: padding 0.25s linear;
}
.product-filter__group.uk-open {
  padding-bottom: 20px;
}
.product-filter__group .uk-accordion-content ul {
  list-style: none;
  padding-left: 0;
}
.product-filter__group.product-filter__group--lens_color {
  display: none;
}
.product-filter__group.product-filter__group--collection
  .product-filter__option {
  display: none;
  margin-bottom: 15px;
}
@media (min-width: 960px) {
  .product-filter__group.product-filter__group--collection
    .product-filter__option {
    margin-bottom: 10px;
  }
}
.product-filter__group.product-filter__group--collection
  .product-filter__option:first-child,
.product-filter__group.product-filter__group--collection
  .product-filter__option:nth-child(2),
.product-filter__group.product-filter__group--collection
  .product-filter__option:nth-child(3),
.product-filter__group.product-filter__group--collection
  .product-filter__option:nth-child(4) {
  display: flex;
}
.product-filter__group.product-filter__group--collection
  .uk-accordion-content
  ul {
  margin-bottom: 0;
}
.product-filter__group.product-filter__group--collection.product-filter__group--show-all
  .product-filter__option {
  display: flex;
}
.product-filter__group.product-filter__group--collection.product-filter__group--show-all
  .product-filter__show-less {
  display: inline;
}
.product-filter__group.product-filter__group--collection.product-filter__group--show-all
  .product-filter__show-more {
  display: none;
}
.product-filter__group.product-filter__group--collection.product-filter__group--show-all
  .product-filter__options-toggler-arrow
  svg {
  transform: rotate(-180deg);
}
@media (max-width: 959px) {
  .product-filter__group {
    max-width: none;
  }
}
.product-filter__option--color {
  margin-right: 10px;
  margin-top: 0.15em;
}
.product-filter__option {
  margin-bottom: 15px;
  position: relative;
}
@media (min-width: 960px) {
  .product-filter__option {
    margin-bottom: 10px;
  }
}
@media (max-width: 959px) {
  .product-filter__option .uk-checkbox {
    margin-right: 20px;
  }
}
.product-filter__option .uk-checkbox--color {
  display: none;
  height: 30px;
  width: 30px;
}
.product-filter__option .uk-checkbox--color-label {
  border-color: transparent;
  border-radius: 50%;
  height: 30px;
  margin: 0;
  width: 30px;
}
.product-filter__option .uk-checkbox--color-label:before {
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 30px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 30px;
}
.product-filter__close {
  display: none;
  right: 30px;
  top: 30px;
}
@media (max-width: 959px) {
  .body--show-filter-overlay .product-filter__close {
    display: block;
  }
}
@media (max-width: 959px) {
  .body--show-filter-overlay {
    overflow: hidden;
  }
}
.product-filter .uk-accordion-title {
  padding: 20px 0;
}
.product-filter .uk-accordion-content {
  margin-top: 0;
}
@media (max-width: 959px) {
  .product-filter {
    background-color: #fff;
    bottom: 0;
    display: none;
    left: 0;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
  }
  .body--show-filter-overlay .product-filter {
    display: block;
  }
}
.product-filter__content {
  max-width: none;
  padding: 80px 30px;
}
@media (min-width: 640px) {
  .product-filter__content {
    max-width: none;
  }
}
@media (min-width: 960px) {
  .product-filter__content {
    max-width: 200px;
    padding: 0;
  }
}
@media (max-width: 959px) {
  .product-filter__bottom-reset-button-wrapper {
    margin-top: 40px;
  }
}
.product-filter__group--tryOn {
  padding-top: 15px;
}
.product-filter__group--tryOn > .uk-accordion-title {
  display: none;
}
.product-filter__option-icon {
  align-self: flex-start;
  margin-top: 1px;
}
.product-filter__option-icon--info {
  margin-right: 1px;
}
.product-filter__group--rim_type .product-filter__option-icon {
  height: 20px;
  position: relative;
  width: 30px;
}
.product-filter__group--rim_type .product-filter__option-icon img {
  position: absolute;
  right: 0;
  top: -6px;
}
.product-filter__option-input[disabled] + .product-filter__option-label {
  color: silver;
}
.product-filter__option-input[disabled]
  + .product-filter__option-label
  .product-filter__option-icon-image,
.product-filter__option-input[disabled] + .uk-checkbox--color-label {
  opacity: 0.3;
}
.product-filter__option-input[disabled] + .uk-checkbox--color-label.bgcolor-10,
.product-filter__option-input[disabled] + .uk-checkbox--color-label.bgcolor-15 {
  opacity: 0.5;
}
.product-filter__option-icon-image.lazyload {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.product-filter__option-icon-image.lazyloaded {
  opacity: 1;
}
.product-filter__reset-button {
  font-size: 0.88889rem;
}
@media (min-width: 960px) {
  .product-filter__reset-button {
    font-size: 0.77778rem;
  }
}
.product-headsize .size-options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 15px 0 0;
  padding: 0;
}
.product-headsize .size-options-item {
  align-items: center;
  display: flex;
  list-style-type: none;
  margin: 0 0 20px;
  max-width: 50%;
  padding: 0;
  width: 100%;
}
@media (max-width: 960px) {
  .product-headsize .size-options-item {
    max-width: 100%;
  }
}
.product-headsize .size-options-item-title {
  display: inline-block;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
  width: auto;
}
.product-headsize .size-options-label {
  display: flex;
  flex-direction: column;
  margin-left: 3px;
  margin-top: 1px;
}
@media (max-width: 640px) {
  .product-headsize .size-options-label {
    margin-top: 2px;
  }
}
.product-headsize .size-options-description {
  display: block;
  width: 100%;
}
.product-headsize .uk-input {
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  font-size: 0.88889rem;
  font-weight: 300;
  margin: 5px 0 0;
  padding: 0;
}
.product-headsize .uk-text-normal {
  font-size: 0.88889rem;
}
.product-headsize .uk-input::-moz-placeholder {
  color: #5d5d5d;
}
.product-headsize .uk-input:-ms-input-placeholder {
  color: #5d5d5d;
}
.product-headsize .uk-input::placeholder {
  color: #5d5d5d;
}
.product-headsize .headsize-icon {
  height: 100px;
  margin-right: 20px;
  min-width: 80px;
}
.product-headsize .headsize-icon.custom {
  height: 80px;
}
.product-headsize .question-mark-icon {
  cursor: pointer;
  margin-left: 5px;
}
.product-headsize .question-mark-icon svg {
  vertical-align: sub;
}
.product-headsize .custom-size-input {
  min-width: 100px;
}
.product-headsize .custom-size-input.error {
  border-color: #d0021b;
  color: #d0021b;
}
.product-headsize .custom-size-input + .mm-label {
  display: block;
  font-size: 0.88889rem;
  margin-left: 5px;
  padding-top: 5px;
}
.product-headsize .error-message {
  color: #d0021b;
  display: block;
  font-size: 0.66667rem;
  margin-top: 5px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.product-headsize .error-message.show {
  opacity: 1;
}
.myaccount .uk-h3 {
  font-size: 22px;
  margin: 10px 0;
}
.myaccount .highlight-label {
  padding-left: 0;
  padding-right: 0;
}
.myaccount .minicart__header {
  margin-top: 20px;
  padding: 25px 0;
}
.myaccount .minicart__close-icon {
  display: none;
}
.myaccount .size-options {
  margin-bottom: 10px;
  margin-top: 25px;
}
.myaccount .size-options-label {
  margin-top: -2px;
}
@media (max-width: 640px) {
  .myaccount .size-options-label {
    margin-top: -1px;
  }
}
.myaccount .uk-text-small {
  font-size: 0.88889rem;
}
.product-headsize-overlay .uk-h3 {
  margin-bottom: 0;
}
.product-headsize-overlay .highlight-label {
  background: #f4f4f4;
  padding: 10px 20px;
}
.product-headsize-overlay .minicart__header {
  margin-top: 0;
  padding: 25px 0 10px 20px;
}
.product-headsize-overlay .overlay-container {
  height: auto;
  padding: 0 20px;
}
.product-headsize-overlay .overlay-container-padding-bottom {
  padding-bottom: 150px;
}
.product-headsize-overlay .size-options {
  flex-direction: column;
}
.product-headsize-overlay .size-options .uk-text-normal {
  font-size: 0.77778rem;
}
.product-headsize-overlay .size-options-item {
  max-width: 100%;
}
.product-detail__product-headsize {
  align-items: center;
  display: flex;
  line-height: 1.1;
}
.product-detail__product-headsize:hover {
  color: inherit;
  text-decoration: none;
}
.product-detail__product-headsize svg {
  margin-left: -3px;
  margin-right: 8px;
}
@media (max-width: 960px) {
  .product-detail__product-headsize {
    margin-bottom: 20px;
  }
}
.product-detail__product-headsize .selected-label {
  align-self: flex-start;
  border-bottom: 1px solid #5d5d5d;
  color: #5d5d5d;
  cursor: pointer;
  font-size: 0.66667rem;
}
.headsize-helper-overlay {
  align-items: center;
  display: flex;
}
.headsize-helper-overlay .uk-modal-dialog {
  padding: 50px;
  width: 600px;
}
@media (max-width: 960px) {
  .headsize-helper-overlay .uk-modal-dialog {
    padding: 30px;
    width: 100%;
  }
}
@media (max-width: 640px) {
  .headsize-helper-overlay .uk-h2 {
    margin-top: 20px;
  }
}
.product-overview__search-input {
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  min-height: 1.555555556rem;
  padding-left: 30px;
  transition: all 0.3s;
}
.product-overview__search-input:focus {
  border-bottom: 1px solid #000;
}
@media (max-width: 959px) {
  .product-overview__search-input {
    max-width: none;
  }
}
.product-overview__search-icon {
  background-image: url(/images/icons/artboard/meta/search.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 20px;
  left: 0;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 20px;
}
.product-overview__selected-option {
  border: 1px solid #d8d8d8;
  border-radius: 16.5px;
  cursor: pointer;
  height: 0.66667rem;
  line-height: 0.66667rem;
  padding: 5px 10px;
}
.product-overview__selected-option:hover {
  color: #000;
  text-decoration: none;
}
.product-overview__selected-option svg {
  position: relative;
  top: -1px;
}
.product-overview__selected-option.bgcolor-10,
.product-overview__selected-option.bgcolor-15,
.product-overview__selected-option.bgcolor-20,
.product-overview__selected-option.bgcolor-70,
.product-overview__selected-option.bgcolor-75,
.product-overview__selected-option.bgcolor-85 {
  color: #000;
}
.product-overview__selected-option-name {
  color: #000;
  margin-right: 5px;
}
.product-overview__selected-option--color {
  border-radius: 50%;
  color: #fff;
  padding: 5px;
  position: relative;
  width: 0.66667rem;
}
.product-overview__selected-option--color:before {
  border-radius: 50%;
  content: " ";
  display: block;
  height: 21px;
  left: 0;
  position: absolute;
  top: 0;
  width: 21px;
}
@media (min-width: 960px) {
  .product-overview__selected-option--color:before {
    height: 22px;
    width: 22px;
  }
}
.product-overview__selected-option--color path {
  fill: currentColor;
}
.product-overview__selected-option--color
  .product-overview__selected-option-name {
  display: none;
}
@media (max-width: 959px) {
  .product-overview__intro-wrapper {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 960px) {
  .product-overview__intro-wrapper .product-overview__intro-text {
    margin-bottom: 20px;
  }
}
.product-overview__sort {
  max-width: 200px;
}
@media (min-width: 960px) {
  .product-overview__sort {
    margin-left: auto;
    margin-top: -25px;
  }
}
.product-overview__load-more-progress-bar {
  background-color: #d8d8d8;
  height: 2px;
  max-width: 13.88889rem;
  width: 100%;
}
.product-overview__load-more-progress-bar-progress {
  background-color: #000;
}
@media (max-width: 959px) {
  .product-overview__open-filter-button {
    margin-bottom: 20px;
    width: 100%;
  }
  .product-overview__open-filter-button:focus,
  .product-overview__open-filter-button:hover {
    background-color: #000;
    color: #fff;
  }
}
.product-overview__reset-link,
.product-overview__total-results {
  display: block;
}
@media (min-width: 960px) {
  .product-overview__reset-link,
  .product-overview__total-results {
    display: inline-block;
  }
}
.product-overview__total-results {
  margin-bottom: 20px !important;
}
@media (min-width: 960px) {
  .product-overview__total-results {
    margin-bottom: 10px !important;
  }
}
.product-overview__selected-option {
  margin-bottom: 10px !important;
}
@media (min-width: 960px) {
  .product-overview__selected-option {
    margin-bottom: 10px !important;
  }
}
.product-overview__reset-link {
  margin-bottom: 15px !important;
  margin-top: 10px;
}
@media (min-width: 960px) {
  .product-overview__reset-link {
    margin-bottom: 10px !important;
    margin-top: 0;
  }
}
.product-overview__filter-icon {
  right: calc(100% + 15px);
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
}
.product-overview__open-filter-button:active .product-overview__filter-icon * {
  fill: #000;
}
.product-overview__open-filter-button:focus .product-overview__filter-icon *,
.product-overview__open-filter-button:hover .product-overview__filter-icon * {
  fill: #fff;
}
.product-overview__spinner-overlay {
  background-color: hsla(0, 0%, 100%, 0.75);
  z-index: 1;
}
.product-overview__product-list {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr;
  list-style-type: none;
  padding: 0;
}
@media (min-width: 640px) {
  .product-overview__product-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .product-overview__product-list {
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.body--show-filter-overlay .product-overview__product-list {
  display: none;
}
.pop-tile--1 {
  grid-column-start: 1;
  grid-row-start: 2;
}
@media (min-width: 640px) {
  .pop-tile--1 {
    grid-column-start: 2;
    grid-row-start: 1;
  }
}
.pop-tile--2 {
  grid-row-start: 5;
}
@media (min-width: 640px) {
  .pop-tile--2 {
    grid-column-start: 1;
    grid-row-start: 3;
  }
}
.pop-tile--3 {
  grid-row-start: 9;
}
@media (min-width: 640px) {
  .pop-tile--3 {
    grid-column-start: 2;
    grid-row-start: 5;
  }
}
@media (min-width: 1200px) {
  .pop-tile--3 {
    grid-column-start: 3;
  }
}
.product-preview__slider-color {
  border-radius: 50%;
  padding: 10px;
  position: relative;
}
.product-preview__slider-color.uk-active:before {
  border: 1px solid #000;
  border-radius: 50%;
  content: " ";
  height: 16px;
  left: 50%;
  padding: 4px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
}
.product-preview__slider-color a {
  border: 0;
  height: 16px;
  width: 16px;
}
@media (min-width: 960px) {
  .product-preview__slider-color {
    padding: 4px;
  }
  .product-preview__slider-color.uk-active:before {
    height: 12px;
    padding: 3px;
    width: 12px;
  }
  .product-preview__slider-color a {
    height: 12px;
    width: 12px;
  }
}
.product-preview__details {
  margin-top: -20px;
}
.product-preview__badges {
  align-items: center;
  display: flex;
  height: 55px;
  z-index: 2;
}
.product-preview__badges.product-preview__badges--left > * {
  margin-left: 10px;
}
.product-preview__badges.product-preview__badges--left > :first-child {
  margin-left: 20px;
}
.product-preview__badges.product-preview__badges--right > * {
  padding-right: 15px;
}
.product-preview__badge {
  display: inline-block;
}
.product-preview__badge svg {
  height: 20px;
  position: relative;
  top: -2px;
  width: 20px;
}
.product-preview__badge--text {
  background: #f4f4f4;
  padding: 0.15rem 0.4rem 0.2rem;
}
.product-preview__badge--styleshades svg {
  position: relative;
  top: -1px;
}
.product-preview__badge--try-on {
  cursor: pointer;
}
.product-preview__badge--wishlist svg {
  height: 25px;
  position: relative;
  top: -1px;
  width: 25px;
}
.product-preview__colors-amount {
  margin-bottom: 20px;
  opacity: 0;
}
@media (min-width: 960px) {
  .product-preview__colors-amount {
    margin-bottom: 10px;
    opacity: 1;
  }
}
.product-preview {
  border: 1px solid transparent;
  min-height: 250px;
  padding: 25px;
}
.product-preview .uk-button,
.product-preview .uk-button-nfc {
  opacity: 0;
  padding-left: 0;
  padding-right: 0;
}
.product-preview .product-color-bubble--small {
  height: 16px;
  width: 16px;
}
@media (min-width: 960px) {
  .product-preview .product-color-bubble--small {
    height: 12px;
    width: 12px;
  }
  .product-preview .product-preview__color-slider {
    opacity: 0;
  }
  .product-preview:hover .product-preview__color-slider {
    opacity: 1;
  }
  .product-preview:hover .product-preview__colors-amount {
    opacity: 0;
  }
  .product-preview .product-preview__badges.product-preview__badges--right {
    display: none;
  }
}
.product-preview__slider {
  padding-bottom: 40px;
  z-index: 1;
}
@media (min-width: 960px) {
  .product-preview__slider {
    padding-bottom: 20px;
  }
}
.product-preview__color-slider-arrow {
  display: none;
  height: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.product-preview__color-slider-arrow.product-preview__color-slider-arrow--left {
  right: 100%;
}
.product-preview__color-slider-arrow.product-preview__color-slider-arrow--right {
  left: 100%;
}
.product-preview__color-slider {
  bottom: 0;
  left: 50%;
  margin: 0;
  max-width: 144px;
  transform: translateX(-50%);
  width: 100%;
}
@media (min-width: 960px) {
  .product-preview__color-slider {
    max-width: 120px;
  }
}
.product-preview__color-slider .uk-dotnav {
  display: flex !important;
  flex-wrap: nowrap;
  margin: 0;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: hidden;
  scrollbar-width: none;
}
.product-preview__color-slider .uk-dotnav::-webkit-scrollbar {
  display: none;
  height: 0 !important;
}
.product-preview__color-slider.product-preview__color-slider--arrows
  .product-preview__color-slider-arrow {
  display: flex;
}
.product-preview__button {
  display: none;
}
@media (min-width: 960px) {
  .product-preview__button {
    display: block;
    margin-top: 20px;
  }
}
@media (min-width: 960px) {
  .no-touchevents .product-preview {
    margin-bottom: 0;
  }
  .no-touchevents .product-preview:hover {
    border: 1px solid #d8d8d8;
  }
  .no-touchevents .product-preview:hover .product-preview__slider-color {
    display: list-item !important;
  }
  .no-touchevents .product-preview:hover .uk-button,
  .no-touchevents .product-preview:hover .uk-button-nfc {
    opacity: 1;
  }
  .no-touchevents
    .product-preview:hover
    .product-preview__badges.product-preview__badges--right {
    display: flex;
  }
}
.product-preview__link {
  margin: 0 auto;
  max-width: 21.875rem;
}
@media (min-width: 960px) {
  .product-preview__link {
    max-width: 14rem;
  }
}
@media (min-width: 1200px) {
  .product-preview__link {
    max-width: 100%;
  }
}
.product-preview__thumb.product-preview__thumb--animate img {
  -webkit-animation: fade-in 0.85s ease-in-out;
  animation: fade-in 0.85s ease-in-out;
}
.product-preview__thumb-list {
  list-style: none;
  padding: 0;
}
.product-preview__thumb-entry {
  display: none;
}
.product-preview__thumb-entry.product-preview__thumb-entry--active {
  display: block;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.product-similar-products {
  margin-top: 6.5rem;
}
.product-similar-products .carousel__image--large {
  left: -15%;
  max-width: none;
  position: absolute;
  top: -15%;
  width: 130%;
}
.story-header {
  height: 80vh;
  max-height: 80vh;
  max-height: calc(var(--vh) * 80);
  overflow: hidden;
}
.story-header__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}
.story-header__overlay {
  padding: 0 0.5rem 4rem;
}
@media screen and (min-width: 640px) {
  .story-header__overlay {
    padding: 2rem 2rem 4.5rem;
  }
}
.story-header__title {
  font-size: 2.5rem;
  margin-bottom: 0;
  max-width: 90%;
  text-align: center;
  text-shadow: 1px 1px 27px rgba(51, 51, 51, 0.5);
}
@media (min-width: 640px) {
  .story-header__title {
    font-size: 3.33333rem;
  }
}
@media (max-height: 600px) {
  .story-header__title {
    font-size: 2.5rem;
  }
}
.story-header__subtitle {
  font-weight: 400;
  margin: 0;
  max-width: 90%;
  text-align: center;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.33);
}
.story-header-picture {
  display: flex;
  height: 100%;
  width: 100%;
}
.story-header-img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.story-header-scroll-indicator {
  bottom: 1.5rem;
  height: 20px;
  position: absolute;
  right: 50%;
  transform: translate(50%, -25%);
  width: 20px;
  z-index: 1;
}
.story-header-diamond {
  height: 20px;
  line-height: 20px;
  position: relative;
  text-align: center;
  width: 20px;
}
.story-header-diamond:before {
  background-color: #d8d8d8;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  width: 100%;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 0;
    transform: translate(50%, -65%);
  }
  10% {
    opacity: 1;
  }
  70% {
    opacity: 0.4;
  }
  to {
    opacity: 0;
    transform: translate(50%, -15%);
  }
}
@keyframes scroll {
  0% {
    opacity: 0;
    transform: translate(50%, -65%);
  }
  10% {
    opacity: 1;
  }
  70% {
    opacity: 0.4;
  }
  to {
    opacity: 0;
    transform: translate(50%, -15%);
  }
}
.story-header-scroll-indicator--icon {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  display: flex;
  height: 10px;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  width: 10px;
}
.story-image-collage {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
@media (min-width: 640px) {
  .story-image-collage {
    margin-top: 70px;
    padding-bottom: 40px;
  }
}
.story-image-collage-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0 -8px;
}
.story-image-collage-item {
  box-sizing: border-box;
  padding: 0 8px;
  width: 100%;
}
@media (min-width: 640px) {
  .story-image-collage-item {
    width: 33.33%;
  }
  .story-image-collage-item.story-image-collage-item__large {
    width: 66.66%;
  }
  .story-image-collage-item.story-image-collage-item__mode-1 {
    width: 40%;
  }
  .story-image-collage-item.story-image-collage-item__mode-1-large {
    width: 60%;
  }
}
.story-image-collage-item-wrapper {
  margin-top: 0;
}
@media (min-width: 640px) {
  .story-image-collage-item-wrapper {
    margin-top: 160px;
  }
}
.story-image-collage-text-wrapper {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  margin-top: 40px;
}
@media (min-width: 640px) {
  .story-image-collage-text-wrapper {
    height: 100%;
    margin-top: 0;
  }
  .story-image-collage-text-wrapper.story-image-collage-text-wrapper__mode-1 {
    height: 50%;
  }
}
.story-image-collage-text {
  font-size: 0.88889rem;
  font-weight: 300;
  line-height: 1.7;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.story-image-collage-text.story-image-collage-text__mode-1 {
  text-align: left;
}
.story-image-collage-text a {
  border-bottom: 1px solid #000;
}
.story-image-collage-text a:hover {
  border-color: #5d5d5d;
  color: #5d5d5d;
  text-decoration: none;
}
@media (min-width: 640px) {
  .story-image-collage-text {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.story-image-collage-item-wrapper-2 {
  margin-top: 40px;
}
@media (min-width: 640px) {
  .story-image-collage-item-wrapper-2 {
    margin-top: 0;
  }
}
.story-image-collage-item-wrapper-3 {
  margin-top: 40px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 640px) {
  .story-image-collage-item-wrapper-3 {
    bottom: 125px;
    margin-bottom: -125px;
    margin-top: 0;
    padding-left: 80px;
    padding-right: 80px;
    position: relative;
  }
}
@media (min-width: 640px) {
  .image-collage__third-wrapper {
    position: relative;
    top: -120px;
  }
  .image-collage__mode-2 {
    margin-bottom: -60px;
  }
}
.story-image-collage-item-caption-wrapper {
  align-items: end;
  display: flex;
  flex-direction: column;
}
.story-image-collage-item-caption {
  font-size: 0.66667rem;
  font-weight: 300;
  margin-top: 5px;
}
.story-image-collage-item-button {
  align-items: center;
  background-color: #fff;
  border-radius: 9999px;
  cursor: pointer;
  display: flex;
  height: 20px;
  margin-right: 10px;
  margin-top: 10px;
  max-width: 20px;
  opacity: 0.7;
  padding: 8px;
  position: absolute;
  transition: max-width 0.75s, opacity 0.75s;
  z-index: 1;
}
.story-image-collage-item-button:hover {
  justify-content: center;
  max-width: 200px;
  opacity: 1;
}
.story-image-collage-item-button:hover .story-image-collage-item-button-text {
  opacity: 1;
}
.story-image-collage-item-button a {
  text-decoration: none;
}
.story-image-collage-item-button svg {
  flex-shrink: 0;
  height: 20px;
  width: 20px;
}
.story-image-collage-item-button-text {
  font-size: 0.66667rem;
  font-weight: 400;
  margin-left: 4px;
  opacity: 0;
  overflow: hidden;
  transition: opacity 1s;
  white-space: nowrap;
}
.body--vs .videowall-modal .uk-modal-dialog {
  background: transparent;
}
.body--vs .swiper-pagination-bullet {
  background: transparent;
  border: 1px solid #000;
  opacity: 1;
}
.body--vs .swiper-pagination-bullet-active {
  background: #000;
}
.body--vs .background--white-video,
.body--vs .footer,
.body--vs .instagramfeed,
.body--vs .shippingfooter,
.body--vs .social-footer {
  background-color: #fff;
}
.body--vs .instant-retailersearch {
  margin-top: 0 !important;
}
.body--vs .swiper-pagination-bullets {
  display: block;
}
.body--vs .background--white-video {
  margin-top: 0;
  padding-top: 6.5rem;
}
.body--vs .shippingfooter {
  margin-bottom: 0;
  margin-top: 0;
  padding: 6.5rem 0;
}
.body--vs .footer__scroll-wrapper {
  margin-top: 0 !important;
}
.vss-animationstack {
  overflow: hidden;
}
.vss-animationstack .image-container:not(:first-child) {
  left: 0;
  position: absolute;
  top: 0;
}
.vss-animationstack--cs {
  position: relative;
}
.vss-animationstack--cs .image-container {
  -webkit-animation-duration: 2.2s;
  animation-duration: 2.2s;
  -webkit-animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.vss-animationstack--cs [data-uk-scrollspy] {
  opacity: 0;
}
.vss-colorexplorer {
  margin: 0 auto;
}
.vss-colorexplorer__colorlist {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  list-style-type: none;
  margin: 0 auto;
  max-width: 960px;
  padding: 0;
}
.vss-colorexplorer__color {
  cursor: pointer;
  font-weight: 300;
  padding-top: 60px;
  position: relative;
  text-align: center;
}
.vss-colorexplorer__color .color {
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  top: 0;
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
  width: 40px;
}
.vss-colorexplorer__color .images {
  display: none;
}
.vss-colorexplorer__color.active .color {
  transform: scale(1.4);
  transition: transform 0.2s ease-in-out;
}
.vss-colorexplorer__shades {
  margin: 0 auto;
  max-width: 960px;
}
.vss-colorexplorer__shade {
  cursor: pointer;
  font-weight: 300;
  margin-bottom: 20px;
}
.vss-colorexplorer__shade span {
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
  transition: border 0.2s ease-in-out;
}
.vss-colorexplorer__shade.active span {
  border-color: #444;
  transition: border 0.2s ease-in-out;
}
@media (max-width: 959px) {
  .vss-colorexplorer__shades {
    margin-top: 30px !important;
  }
  .vss-colorexplorer__shades ul {
    margin-top: 40px !important;
    text-align: center !important;
  }
}
.twentytwenty-item {
  position: relative;
}
.twentytwenty-item .twentytwenty-container {
  width: 295px;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 570px;
  clip: rect(0 256.25px 295px 0);
}
.twentytwenty-item__text-before {
  text-align: right;
}
.twentytwenty-item__text-after span,
.twentytwenty-item__text-before span {
  text-align: center;
  display: inline-block;
}
.twentytwenty-container .twentytwenty-handle:after,
.twentytwenty-container .twentytwenty-handle:before {
  width: 1px !important;
}
@media (max-width: 768px) {
  .twentytwentywrapper .twentytwenty-item:first-child {
    margin-bottom: 40px;
  }
}
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
  content: " ";
  display: block;
  background: #5d5d5d;
  position: absolute;
  z-index: 30;
}
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before {
  width: 1px;
  height: 9999px;
  left: 50%;
  margin-left: -1px;
}
.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
  width: 9999px;
  height: 1px;
  top: 50%;
  margin-top: -1.5px;
}
.twentytwenty-after-label,
.twentytwenty-before-label,
.twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition-duration: 0s;
}
.twentytwenty-after-label,
.twentytwenty-before-label {
  transition-property: opacity;
}
.twentytwenty-after-label:before,
.twentytwenty-before-label:before {
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.1em;
  position: absolute;
  background: hsla(0, 0%, 100%, 0.2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before,
.twentytwenty-horizontal .twentytwenty-before-label:before {
  top: 50%;
  margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-after-label:before,
.twentytwenty-vertical .twentytwenty-before-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px;
}
.twentytwenty-down-arrow,
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px;
}
.twentytwenty-down-arrow,
.twentytwenty-up-arrow {
  left: 50%;
  margin-left: -6px;
}
.twentytwenty-container {
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block;
}
.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
  background: transparent;
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active
  :hover.twentytwenty-overlay
  .twentytwenty-after-label,
.twentytwenty-container.active
  :hover.twentytwenty-overlay
  .twentytwenty-before-label {
  opacity: 0;
}
.twentytwenty-container * {
  box-sizing: content-box;
}
.twentytwenty-before {
  z-index: 20;
  transition: all 0s ease-in-out;
}
.twentytwenty-before::-moz-selection {
  background: transparent;
}
.twentytwenty-before::selection {
  background: transparent;
}
.twentytwenty-after {
  z-index: 10;
}
.twentytwenty-after::-moz-selection {
  background: transparent;
}
.twentytwenty-after::selection {
  background: transparent;
}
.twentytwenty-handle {
  height: 63px;
  width: 63px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
  background: url(../images/compare_slider.png) no-repeat;
  border-radius: 1000px;
  z-index: 40;
  cursor: pointer;
  background-size: 63px 63px;
  transition: all 0s ease-in-out;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 31px;
}
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 31px;
}
.initial-animation-50 .twentytwenty-handle {
  left: 145px !important;
  transition: all 0s ease-in-out;
}
.initial-animation-50 .twentytwenty-before {
  clip: rect(0 145px 295px 0) !important;
  transition: all 0s ease-in-out;
}
.initial-animation-remove .twentytwenty-before,
.initial-animation-remove .twentytwenty-handle {
  transition: none;
}
.twentytwentywrapper br {
  display: inline-block !important;
}
@media (max-width: 960px) and (min-width: 960px) {
  .twentytwenty-item h4 {
    min-height: 72px;
  }
}
.vss-videowall .uk-overlay:first-child {
  overflow: visible;
}
.vss-videowall .uk-overlay-panel {
  color: #000;
  padding: 0;
}
.vss-videowall h1 {
  margin-bottom: 35px;
}
.vss-videowall-poster {
  margin-bottom: 4rem;
  max-width: 80%;
}
@media (min-width: 960px) {
  .vss-videowall-poster {
    margin-top: 15vh;
  }
}
.vss-videowall-textcontainer {
  height: 100vh;
}
@media (min-width: 960px) {
  .vss-videowall-textcontainer {
    padding-bottom: 30vh;
  }
}
.vss-videowall__button {
  height: 68px;
  margin-top: 1.4em;
  width: 68px;
}
.vss-videowall__button svg {
  height: 100%;
  width: 100%;
}
@media (max-width: 640px) {
  .uk-modal-dialog {
    min-width: 0;
  }
}
.vss-videowall-modal .uk-close {
  color: #fff;
  opacity: 1;
}
.vss-videowall-modal .uk-modal-dialog {
  background-color: transparent;
  padding: 0;
  width: 800px;
}
.vss-videowall-modal .uk-close:after {
  display: none;
}
.vss-videowall--secondary .vss-videowall-textcontainer {
  height: 350px;
}
@media (min-width: 960px) {
  .vss-videowall--secondary .vss-videowall-textcontainer {
    height: 450px;
    padding-bottom: 0;
  }
}
.vss-videowall--secondary .vss-videowall__button {
  align-self: center;
}
@media print {
  @page {
    margin: 2cm;
    size: A4;
  }
  .footer,
  .instagramfeed,
  .instant-retailersearch,
  .newsroom-footer,
  .newsroom-post__metalinks,
  .newsroom-related-posts,
  .newsroom-video,
  .product-detail__overview-link,
  .product-detail__product-reel-nav,
  .product-fav-button,
  .product-sharing {
    display: none;
  }
  .product-detail__overview-link {
    visibility: hidden;
  }
  .product-subtitle {
    color: #000;
  }
  .navigation {
    position: relative !important;
  }
  .newsroom img {
    width: 50%;
  }
  .newsroom .back-to-overview-link {
    visibility: hidden;
  }
  .newsroom .swiper-container {
    width: 100%;
  }
  .newsroom .swiper-wrapper {
    display: block;
    transform: none !important;
  }
  .newsroom .swiper-wrapper .swiper-slide {
    display: inline-block;
    margin: 10px !important;
    max-width: 300px;
    width: auto !important;
  }
  .newsroom .swiper-button-next,
  .newsroom .swiper-button-prev,
  .newsroom .swiper-wrapper .swiper-slide.swiper-slide-duplicate {
    display: none;
  }
  .newsroom .carousel__name {
    display: block;
    opacity: 1;
  }
  .newsroom .carousel__button {
    display: none;
  }
}