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

ul,
ol {
  padding: 0;
  list-style: none;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

html {
  font-size: 100%;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

img {
  max-width: 100%;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

textarea {
  resize: vertical;
}

iframe {
  max-width: 100%;
}

fieldset {
  min-width: 0;
}

th {
  font-weight: inherit;
  text-align: inherit;
}

.show-for-sr {
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 1px;
  height: 1px;
}

.no-js .show-for-js {
  display: none;
}

.js .hide-for-js {
  display: none;
}

.responsiveEmbed {
  position: relative;
  padding: 0 0 56.25%;
}

.responsiveEmbed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

:root {
  --header-top-height: 50px;
  --header-bottom-height: 70px;
  --header-height: calc(var(--header-top-height) + var(--header-bottom-height));
}

@media (max-width: 999px) {
  :root {
    --header-bottom-height: 60px;
  }
}

@media (max-width: 639px) {
  :root {
    --header-bottom-height: 50px;
  }
}

@-webkit-keyframes shine-loader {
  100% {
    background-position: -100%;
  }
}

@keyframes shine-loader {
  100% {
    background-position: -100%;
  }
}

.CategoryCard__newCategoryLabel, .Button__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.ArticleCard__image, .PromoSlider__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ArticleCard__placeholder {
  position: absolute;
  width: 62px;
  height: 62px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.SearchParts__title, .Layout__title--medium, .SiteModal__title, .PromoSlider__title, .Layout__title--large {
  line-height: 1.2;
}

.PromoSlider__title, .Layout__title--large {
  font-size: 3.5rem;
  font-weight: 300;
}

@media (max-width: 1199px) {
  .PromoSlider__title, .Layout__title--large {
    font-size: 3rem;
  }
}

@media (max-width: 999px) {
  .PromoSlider__title, .Layout__title--large {
    font-size: 2.75rem;
  }
}

@media (max-width: 899px) {
  .PromoSlider__title, .Layout__title--large {
    font-size: 2.5rem;
  }
}

@media (max-width: 639px) {
  .PromoSlider__title, .Layout__title--large {
    font-size: 2rem;
  }
}

.SearchParts__title, .Layout__title--medium, .SiteModal__title {
  font-size: 2.5rem;
  font-weight: 500;
}

@media (max-width: 1199px) {
  .SearchParts__title, .Layout__title--medium, .SiteModal__title {
    font-size: 2.25rem;
  }
}

@media (max-width: 999px) {
  .SearchParts__title, .Layout__title--medium, .SiteModal__title {
    font-size: 2rem;
  }
}

@media (max-width: 899px) {
  .SearchParts__title, .Layout__title--medium, .SiteModal__title {
    font-size: 1.75rem;
  }
}

@media (max-width: 639px) {
  .SearchParts__title, .Layout__title--medium, .SiteModal__title {
    font-size: 1.5rem;
  }
}

.Loader {
  position: relative;
  width: 100%;
  height: 200px;
  color: #0166dc;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.Loader--button {
  height: 24px;
  color: inherit;
}

.Loader--button .Loader__spinner {
  width: 24px;
}

.Loader--search {
  height: 400px;
}

.Loader--small {
  height: 50px;
  color: inherit;
}

.Loader--small .Loader__spinner {
  width: 30px;
}

.Loader__spinner {
  width: 50px;
  -webkit-animation: 2s linear infinite loader-rotate;
  animation: 2s linear infinite loader-rotate;
}

.Loader__circle {
  -webkit-animation: 1.4s ease-in-out infinite both loader-animation;
  animation: 1.4s ease-in-out infinite both loader-animation;
  display: block;
  fill: transparent;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 200;
  stroke-width: 8px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes loader-rotate {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes loader-rotate {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes loader-animation {
  0%, 25% {
    stroke-dashoffset: 150;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50%, 75% {
    stroke-dashoffset: 75;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 150;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader-animation {
  0%, 25% {
    stroke-dashoffset: 150;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50%, 75% {
    stroke-dashoffset: 75;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 150;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.Button {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: visible;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 190px;
  height: 52px;
  min-height: 40px;
  margin: 0;
  padding: 0 24px;
  font: inherit;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-transition-property: color, border, background-color;
  transition-property: color, border, background-color;
  color: var(--button-default-color);
  border-color: var(--button-default-border);
  background-color: var(--button-default-background);
}

.Button .Button__icon {
  color: var(--button-default-icon-color, currentColor);
}

.Button:hover {
  color: var(--button-hover-color);
  border-color: var(--button-hover-border);
  background-color: var(--button-hover-background);
}

.Button:hover .Button__icon {
  color: var(--button-hover-icon-color, currentColor);
}

.Button:focus {
  color: var(--button-focus-color);
  border-color: var(--button-focus-border);
  background-color: var(--button-focus-background);
}

.Button:focus .Button__icon {
  color: var(--button-focus-icon-color, currentColor);
}

.Button:active {
  color: var(--button-active-color);
  border-color: var(--button-active-border);
  background-color: var(--button-active-background);
}

.Button:active .Button__icon {
  color: var(--button-active-icon-color, currentColor);
}

.Button:disabled {
  color: var(--button-disabled-color);
  border-color: var(--button-disabled-border);
  background-color: var(--button-disabled-background);
}

.Button:disabled .Button__icon {
  color: var(--button-disabled-icon-color, currentColor);
}

.Button:hover, .Button:focus, .Button:active {
  outline: none;
}

.Button:not(:disabled) {
  cursor: pointer;
}

.Button--active {
  color: var(--button-active-color);
  border-color: var(--button-active-border);
  background-color: var(--button-active-background);
  pointer-events: none;
}

.Button--active .Button__icon {
  color: var(--button-active-icon-color, currentColor);
}

.Button--noEvents {
  pointer-events: none;
}

@media (max-width: 639px) {
  .Button--smallOnMobile {
    height: 44px;
    padding: 0 16px;
    min-width: 170px;
    font-size: 0.875rem;
  }
}

:root .Button--loading .Button__spinner {
  display: block;
}

:root .Button--loading .Button__text {
  visibility: hidden;
}

.Button--blue {
  --button-default-color:white;
  --button-default-border:#0166dc;
  --button-default-background:#0166dc;
  --button-hover-color:white;
  --button-hover-border:#00155f;
  --button-hover-background:#00155f;
  --button-focus-color:white;
  --button-focus-border:#00155f;
  --button-focus-background:#00155f;
  --button-active-color:white;
  --button-active-border:#e8421f;
  --button-active-background:#e8421f;
  --button-disabled-color:white;
  --button-disabled-border:#a6aaad;
  --button-disabled-background:#a6aaad;
}

.Button--pagination {
  min-width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
}

.Button--whiteOutline {
  --button-default-color:white;
  --button-default-border:white;
  --button-default-background:transparent;
  --button-hover-color:#127ffe;
  --button-hover-border:#127ffe;
  --button-hover-background:transparent;
  --button-focus-color:#127ffe;
  --button-focus-border:#127ffe;
  --button-focus-background:transparent;
  --button-active-color:#0166dc;
  --button-active-border:white;
  --button-active-background:white;
  --button-disabled-color:rgba(255, 255, 255, 0.4);
  --button-disabled-border:rgba(255, 255, 255, 0.4);
  --button-disabled-background:transparent;
}

.Button--empty {
  background: none;
  border: none;
  padding: 0;
  height: auto;
  min-width: 40px;
}

.Button--dashed {
  min-height: auto;
  line-height: 1.3;
  font-weight: 400;
  color: #0166dc;
}

.Button--dashed:hover, .Button--dashed:focus, .Button--dashed:active {
  color: #00155f;
}

.Button--dashed .Button__text {
  border-bottom: 1px currentColor dashed;
}

.Button__icon + .Button__text, .Button__text + .Button__icon {
  margin-left: 16px;
}

.Button__icon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 16px;
}

.Button__icon--mapMarker {
  width: 12px;
}

.Button__icon--mapMarker + .Button__text {
  margin-left: 10px;
}

.Button__icon--small {
  width: 12px;
}

.Button__icon svg {
  width: 100%;
}

.Button__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

:root .Button__spinner {
  display: none;
}

.ButtonsGroup {
  margin: -6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 369px) {
  .ButtonsGroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .ButtonsGroup .ButtonsGroup__buttonWrapper {
    width: 100%;
  }
}

.ButtonsGroup--fullWidth .ButtonsGroup__buttonWrapper {
  width: 100%;
}

.ButtonsGroup--fullWidth .ButtonsGroup__buttonWrapper > * {
  width: 100%;
}

.ButtonsGroup--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.ButtonsGroup--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.ButtonsGroup--center.ButtonsGroup--column {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.ButtonsGroup__buttonWrapper {
  padding: 6px;
}

@media (max-width: 424px) {
  .ButtonsGroup__buttonWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }
  .ButtonsGroup__buttonWrapper > * {
    width: 100%;
  }
}

.SiteForm--grayBackground {
  padding: 40px;
  background: linear-gradient(116.36deg, #dcdfe4 33.14%, #b1c2dc 100%);
}

@media (max-width: 899px) {
  .SiteForm--grayBackground {
    padding: 32px;
  }
}

@media (max-width: 424px) {
  .SiteForm--grayBackground {
    width: calc(100% + 40px * 2);
    margin: 0 -40px;
    padding: 24px;
  }
}

@media (max-width: 424px) and (max-width: 899px) {
  .SiteForm--grayBackground {
    width: calc(100% + 32px * 2);
    margin: 0 -32px;
  }
}

@media (max-width: 424px) and (max-width: 639px) {
  .SiteForm--grayBackground {
    width: calc(100% + 16px * 2);
    margin: 0 -16px;
  }
}

.SiteForm__fieldset {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -8px -8px;
}

@media (max-width: 424px) {
  .SiteForm__fieldset {
    margin: -8px -8px;
  }
}

@media (min-width: 640px) {
  .SiteForm__fieldset--singleCenter {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
  }
}

.SiteForm__fullWidthWrapper {
  width: 100%;
}

@media (max-width: 639px) {
  .SiteForm__fullWidthWrapper .SiteForm__field {
    width: auto;
  }
}

.SiteForm__field {
  width: calc(100% - 16px);
  position: relative;
  margin: 8px 8px;
}

@media (max-width: 424px) {
  .SiteForm__field {
    margin: 8px 8px;
  }
}

@media (min-width: 640px) {
  .SiteForm__field--col-1-2 {
    width: calc(50% - 16px);
  }
}

@media (min-width: 640px) {
  .SiteForm__field--col-1-3 {
    width: calc(33.33333% - 16px);
  }
}

@media (min-width: 640px) {
  .SiteForm__field--col-1-4 {
    width: calc(50% - 16px);
  }
}

@media (min-width: 900px) {
  .SiteForm__field--col-1-4 {
    width: calc(25% - 16px);
  }
}

@media (min-width: 640px) {
  .SiteForm__field--col-2-9 {
    width: calc(50% - 16px);
  }
}

@media (min-width: 1000px) {
  .SiteForm__field--col-2-9 {
    width: calc(22.22222% - 16px);
  }
}

@media (min-width: 640px) {
  .SiteForm__field--col-1-9 {
    width: calc(33.33333% - 16px);
  }
}

@media (min-width: 1000px) {
  .SiteForm__field--col-1-9 {
    width: calc(11.11112% - 16px);
  }
}

@media (max-width: 999px) and (min-width: 640px) {
  .SiteForm__field--col-1-9 ~ .SiteForm__field--col-2-9 {
    width: calc(33.33333% - 16px);
  }
}

.SiteForm .SiteForm__input:not(:-moz-placeholder-shown) + .SiteForm__label, .SiteForm .SiteForm__textarea:not(:-moz-placeholder-shown) + .SiteForm__label {
  color: #576670;
  transform: scale(0.7) translateY(-14px);
  pointer-events: none;
}

.SiteForm .vs--open + .SiteForm__label, .SiteForm .SiteForm__label--active, .SiteForm .SiteForm__input:not(:placeholder-shown) + .SiteForm__label, .SiteForm .SiteForm__input:focus + .SiteForm__label, .SiteForm .SiteForm__textarea:not(:placeholder-shown) + .SiteForm__label, .SiteForm .SiteForm__textarea:focus + .SiteForm__label {
  color: #576670;
  -webkit-transform: scale(0.7) translateY(-14px);
  transform: scale(0.7) translateY(-14px);
  pointer-events: none;
}

:root .SiteForm__input--invalid, :root .SiteForm__input--invalid:hover, :root .SiteForm__input--invalid:focus, :root .SiteForm__input--invalid:active, :root .SiteForm__textarea--invalid, :root .SiteForm__textarea--invalid:hover, :root .SiteForm__textarea--invalid:focus, :root .SiteForm__textarea--invalid:active {
  color: #cd232e;
}

.SiteForm__input::-webkit-input-placeholder, .SiteForm__textarea::-webkit-input-placeholder {
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
}

.SiteForm__input::-moz-placeholder, .SiteForm__textarea::-moz-placeholder {
  opacity: 0;
  -moz-user-select: none;
  user-select: none;
}

.SiteForm__input::-ms-input-placeholder, .SiteForm__textarea::-ms-input-placeholder {
  opacity: 0;
  -ms-user-select: none;
  user-select: none;
}

.SiteForm__input::placeholder, .SiteForm__textarea::placeholder {
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.SiteForm__input:-ms-input-placeholder, .SiteForm__input::-ms-input-placeholder, .SiteForm__textarea:-ms-input-placeholder, .SiteForm__textarea::-ms-input-placeholder {
  opacity: 0;
  -ms-user-select: none;
  user-select: none;
}

.SiteForm__input:focus ~ .SiteForm__fieldLengthCounter:not(.SiteForm__fieldLengthCounter--tooLong), .SiteForm__textarea:focus ~ .SiteForm__fieldLengthCounter:not(.SiteForm__fieldLengthCounter--tooLong) {
  color: #576670;
}

.SiteForm__label {
  position: absolute;
  top: 23px;
  left: 20px;
  border-radius: 3px;
  background-color: transparent;
  color: #7e8488;
  font-size: 0.875rem;
  line-height: 1;
  cursor: text;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  pointer-events: none;
}

.vs--disabled + .SiteForm__label {
  opacity: 0.5;
}

.SiteForm__label--required::after {
  content: "*";
  color: #cd232e;
}

.SiteForm__buttons {
  margin-top: 40px;
}

@media (max-width: 899px) {
  .SiteForm__buttons {
    margin-top: 32px;
  }
}

.SiteForm__buttons--smallMargin {
  margin-top: 16px;
}

.SiteForm__error {
  display: block;
  position: relative;
  margin-top: 4px;
  font-size: 0.75rem;
  color: #cd232e;
}

.SiteForm__error--checkbox {
  margin-top: 0;
}

.SiteForm__agreementWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.SiteForm__agreement {
  font-size: 0.75rem;
  color: #7e8488;
  margin-top: 24px;
}

@media (max-width: 639px) {
  .SiteForm__agreement {
    margin-top: 16px;
  }
}

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

.SiteForm__agreement--limitedWidth {
  max-width: 500px;
}

.SiteForm__controlWrapper {
  position: relative;
}

.SiteForm__fieldLengthCounter {
  position: absolute;
  right: 20px;
  bottom: 0;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  background: white;
  padding: 0 4px;
  color: #576670;
  font-size: 0.75rem;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

.SiteForm__fieldLengthCounter--tooLong {
  color: #cd232e;
}

@media (max-width: 639px) {
  :root .SiteModal {
    padding-top: 64px;
  }
}

:root .SiteModal__body {
  padding: 40px;
}

@media (max-width: 639px) {
  :root .SiteModal__body {
    padding: 32px;
  }
}

@media (max-width: 424px) {
  :root .SiteModal__body {
    padding: 24px;
  }
}

:root .SiteModal__body--small {
  width: 430px;
}

:root .SiteModal__body--marketplace {
  width: 780px;
  max-width: calc(100vw - 32px);
}

:root .SiteModal__body--noPadding {
  padding: 0;
}

.SiteModal__title {
  margin-bottom: 32px;
  text-align: center;
}

@media (max-width: 899px) {
  .SiteModal__title {
    margin-bottom: 24px;
  }
}

@media (max-width: 639px) {
  .SiteModal__title {
    margin-bottom: 20px;
  }
}

img:-moz-loading {
  color: transparent;
}

.grecaptcha-badge {
  visibility: hidden;
  z-index: 10000;
}

[hidden] {
  display: none !important;
}

:root .yall-loaded {
  background: transparent none;
  -webkit-animation: none;
  animation: none;
}

.v-select {
  position: relative;
  font-family: inherit;
}

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

/* KeyFrames */

@-webkit-keyframes vSelectSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes vSelectSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Dropdown Default Transition */

.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  -webkit-transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}

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

/** Component States */

/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */

.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.vs--disabled .vs__open-indicator {
  cursor: not-allowed;
  background-color: #f8f8f8;
}

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */

.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}

.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}

.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}

.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}

/**
    Dropdown Toggle

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

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

    .vs__actions holds the clear button and dropdown toggle.
 */

.vs__dropdown-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  white-space: normal;
}

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

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

/* Dropdown Toggle States */

.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

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

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

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

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

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

/* Clear Button */

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

/* Dropdown Menu */

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

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

/* List Items */

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

.vs__dropdown-option:hover {
  cursor: pointer;
}

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

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

.vs__dropdown-option--disabled:hover {
  cursor: inherit;
}

/* Selected Tags */

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

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

/* States */

.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}

.vs--single.vs--open .vs__selected {
  position: absolute;
  opacity: 0.4;
}

.vs--single.vs--searching .vs__selected {
  display: none;
}

/* Search Input */

/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */

.vs__search::-webkit-search-cancel-button {
  display: none;
}

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

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

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

.vs__search::-moz-placeholder {
  color: inherit;
}

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

.vs__search::placeholder {
  color: inherit;
}

/**
    States
 */

.vs--unsearchable .vs__search {
  opacity: 1;
}

.vs--unsearchable:not(.vs--disabled) .vs__search:hover {
  cursor: pointer;
}

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

/* Loading Spinner */

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

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

/* Loading Spinner States */

.vs--loading .vs__spinner {
  opacity: 1;
}

.uk-notification-header {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--notification-color);
  margin-bottom: 8px;
}

.uk-notification-text {
  display: block;
  font-size: 0.875rem;
  color: #576670;
}

/* ========================================================================
   Component: Base
 ========================================================================== */

/*
 * 1. Set `font-size` to support `rem` units
 *    Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Style
 */

html {
  /* 1 */
  font-family: "Exo 2", sans-serif;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.5;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  background: #fff;
  color: #666;
}

/*
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/* Links
 ========================================================================== */

/*
 * Remove the outline on focused links when they are also active or hovered
 */

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

/*
 * Style
 */

a,
.uk-link {
  color: #0166dc;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
  color: #0f6ecd;
  text-decoration: none;
}

/* Text-level semantics
 ========================================================================== */

/*
 * 1. Add the correct text decoration in Edge.
 * 2. The shorthand declaration `underline dotted` is not supported in Safari.
 */

abbr[title] {
  /* 1 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
  -webkit-text-decoration-style: dotted;
}

/*
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/*
 * 1. Consolas has a better baseline in running text compared to `Courier`
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Style
 */

:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
  /* 1 */
  font-family: Consolas, monaco, monospace;
  /* 2 */
  font-size: 0.875rem;
  /* 3 */
  color: #f0506e;
  white-space: nowrap;
}

/*
 * Emphasize
 */

em {
  color: inherit;
}

/*
 * Insert
 */

ins {
  background: #ffd;
  color: #666;
  text-decoration: none;
}

/*
 * Mark
 */

mark {
  background: #ffd;
  color: #666;
}

/*
 * Quote
 */

q {
  font-style: italic;
}

/*
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
 ========================================================================== */

/*
 * Remove the gap between embedded content and the bottom of their containers.
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * 1. Add responsiveness.
 * 2. Auto-scale the height. Only needed if `height` attribute is present.
 * 3. Corrects responsive `max-width` behavior if padding and border are used.
 * 4. Exclude SVGs for IE11 because they don't preserve their aspect ratio.
 */

canvas,
img,
video {
  /* 1 */
  max-width: 100%;
  /* 2 */
  height: auto;
  /* 3 */
  box-sizing: border-box;
}

/* 4 */

@supports (display: block) {
  svg {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
  }
}

/*
 * Hide the overflow in IE.
 */

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

/*
 * 1. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`.
 * 2. Hide `alt` text for lazy loading images.
 * Note: Selector for background while loading img[data-src*='.jpg'][src*='data:image'] { background: grey; }
 */

img:not([src]) {
  /* 1 */
  min-width: 1px;
  /* 2 */
  visibility: hidden;
}

/*
 * Iframe
 * Remove border in all browsers
 */

iframe {
  border: 0;
}

/* Block elements
 ========================================================================== */

/*
 * Margins
 */

p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
  margin: 0 0 0 0;
}

/* Add margin if adjacent element */

* + p,
* + ul,
* + ol,
* + dl,
* + pre,
* + address,
* + fieldset,
* + figure {
  margin-top: 0;
}

/* Headings
 ========================================================================== */

h1, .uk-h1,
h2, .uk-h2,
h3, .uk-h3,
h4, .uk-h4,
h5, .uk-h5,
h6, .uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge {
  margin: 0 0 0 0;
  font-family: "Exo 2", sans-serif;
  font-weight: normal;
  color: #333;
  text-transform: none;
}

/* Add margin if adjacent element */

* + h1, * + .uk-h1,
* + h2, * + .uk-h2,
* + h3, * + .uk-h3,
* + h4, * + .uk-h4,
* + h5, * + .uk-h5,
* + h6, * + .uk-h6,
* + .uk-heading-small,
* + .uk-heading-medium,
* + .uk-heading-large,
* + .uk-heading-xlarge,
* + .uk-heading-2xlarge {
  margin-top: 0;
}

/*
 * Sizes
 */

h1, .uk-h1 {
  font-size: 2.23125rem;
  line-height: 1.5;
}

h2, .uk-h2 {
  font-size: 1.7rem;
  line-height: 1.5;
}

h3, .uk-h3 {
  font-size: 1.5rem;
  line-height: 1.5;
}

h4, .uk-h4 {
  font-size: 1.25rem;
  line-height: 1.5;
}

h5, .uk-h5 {
  font-size: 16px;
  line-height: 1.5;
}

h6, .uk-h6 {
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Tablet landscape and bigger */

@media (min-width: 900px) {
  h1, .uk-h1 {
    font-size: 2.625rem;
  }

  h2, .uk-h2 {
    font-size: 2rem;
  }
}

/* Lists
 ========================================================================== */

ul,
ol {
  padding-left: 0;
}

/*
 * Reset margin for nested lists
 */

ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
  margin: 0;
}

/* Description lists
 ========================================================================== */

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Horizontal rules
 ========================================================================== */

/*
 * 1. Show the overflow in Chrome, Edge and IE.
 * 2. Add the correct text-align in Edge and IE.
 * 3. Style
 */

hr, .uk-hr {
  /* 1 */
  overflow: visible;
  /* 2 */
  text-align: inherit;
  /* 3 */
  margin: 0 0 20px 0;
  border: 0;
  border-top: 1px solid #e5e5e5;
}

/* Add margin if adjacent element */

* + hr,
* + .uk-hr {
  margin-top: 20px;
}

/* Address
 ========================================================================== */

address {
  font-style: normal;
}

/* Blockquotes
 ========================================================================== */

blockquote {
  margin: 0 0 20px 0;
  font-size: 1.25rem;
  line-height: 1.5;
  font-style: italic;
}

/* Add margin if adjacent element */

* + blockquote {
  margin-top: 20px;
}

/*
 * Content
 */

blockquote p:last-of-type {
  margin-bottom: 0;
}

blockquote footer {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Preformatted text
 ========================================================================== */

/*
 * 1. Contain overflow in all browsers.
 */

pre {
  font: 0.875rem / 1.5 Consolas, monaco, monospace;
  color: #666;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  /* 1 */
  overflow: auto;
}

pre code {
  font-family: Consolas, monaco, monospace;
}

/* Selection pseudo-element
 ========================================================================== */

::-moz-selection {
  background: #39f;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #39f;
  color: #fff;
  text-shadow: none;
}

/* HTML5 elements
 ========================================================================== */

/*
 * 1. Add the correct display in Edge, IE 10+, and Firefox.
 * 2. Add the correct display in IE.
 */

details,
main {
  /* 2 */
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/*
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Pass media breakpoints to JS
 ========================================================================== */

/*
 * Breakpoints
 */

.uk-breakpoint-s::before {
  content: "640px";
}

.uk-breakpoint-m::before {
  content: "900px";
}

.uk-breakpoint-l::before {
  content: "1000px";
}

.uk-breakpoint-xl::before {
  content: "1200px";
}

:root {
  --uk-breakpoint-s: 640px;
  --uk-breakpoint-m: 900px;
  --uk-breakpoint-l: 1000px;
  --uk-breakpoint-xl: 1200px;
}

/* ========================================================================
   Component: Table
 ========================================================================== */

/*
 * 1. Remove most spacing between table cells.
 * 2. Behave like a block element
 * 3. Style
 */

.uk-table {
  /* 1 */
  border-collapse: collapse;
  border-spacing: 0;
  /* 2 */
  width: 100%;
  /* 3 */
  margin-bottom: 20px;
}

/* Add margin if adjacent element */

* + .uk-table {
  margin-top: 20px;
}

/* Header cell
 ========================================================================== */

/*
 * 1. Style
 */

.uk-table th {
  padding: 24px 12px;
  text-align: left;
  vertical-align: bottom;
  /* 1 */
  font-size: 0.75rem;
  font-weight: 500;
  color: #7e8488;
  vertical-align: top;
}

/* Cell
 ========================================================================== */

.uk-table td {
  padding: 24px 12px;
  vertical-align: top;
}

/*
 * Remove margin from the last-child
 */

.uk-table td > :last-child {
  margin-bottom: 0;
}

/* Footer
 ========================================================================== */

.uk-table tfoot {
  font-size: 0.875rem;
}

/* Caption
 ========================================================================== */

.uk-table caption {
  font-size: 0.875rem;
  text-align: left;
  color: #999;
}

/* Alignment modifier
 ========================================================================== */

.uk-table-middle,
.uk-table-middle td {
  vertical-align: middle !important;
}

/* Style modifiers
 ========================================================================== */

/*
 * Divider
 */

.uk-table-divider > tr:not(:first-child),
.uk-table-divider > :not(:first-child) > tr,
.uk-table-divider > :first-child > tr:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}

/*
 * Striped
 */

.uk-table-striped > tr:nth-of-type(odd),
.uk-table-striped tbody tr:nth-of-type(odd) {
  background: #f8f8f8;
}

/*
 * Hover
 */

.uk-table-hover > tr:hover,
.uk-table-hover tbody tr:hover {
  background: #eef0f3;
}

/* Active state
 ========================================================================== */

.uk-table > tr.uk-active,
.uk-table tbody tr.uk-active {
  background: #ffd;
}

/* Size modifier
 ========================================================================== */

.uk-table-small th,
.uk-table-small td {
  padding: 10px 12px;
}

.uk-table-large th,
.uk-table-large td {
  padding: 22px 12px;
}

/* Justify modifier
 ========================================================================== */

.uk-table-justify th:first-child,
.uk-table-justify td:first-child {
  padding-left: 0;
}

.uk-table-justify th:last-child,
.uk-table-justify td:last-child {
  padding-right: 0;
}

/* Cell size modifier
 ========================================================================== */

.uk-table-shrink {
  width: 1px;
}

.uk-table-expand {
  min-width: 150px;
}

/* Cell link modifier
 ========================================================================== */

/*
 * Does not work with `uk-table-justify` at the moment
 */

.uk-table-link {
  padding: 0 !important;
}

.uk-table-link > a {
  display: block;
  padding: 24px 12px;
}

.uk-table-small .uk-table-link > a {
  padding: 10px 12px;
}

/* Responsive table
 ========================================================================== */

/* Phone landscape and smaller */

@media (max-width: 899px) {
  .uk-table-responsive,
.uk-table-responsive tbody,
.uk-table-responsive th,
.uk-table-responsive td,
.uk-table-responsive tr {
    display: block;
  }

  .uk-table-responsive thead {
    display: none;
  }

  .uk-table-responsive th,
.uk-table-responsive td {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .uk-table-responsive th:not(:first-child):not(.uk-table-link),
.uk-table-responsive td:not(:first-child):not(.uk-table-link),
.uk-table-responsive .uk-table-link:not(:first-child) > a {
    padding-top: 8px !important;
  }

  .uk-table-responsive th:not(:last-child):not(.uk-table-link),
.uk-table-responsive td:not(:last-child):not(.uk-table-link),
.uk-table-responsive .uk-table-link:not(:last-child) > a {
    padding-bottom: 8px !important;
  }

  .uk-table-justify.uk-table-responsive th,
.uk-table-justify.uk-table-responsive td {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ========================================================================
   Component: Icon
 ========================================================================== */

/*
 * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component.
 * 1. Remove margins in Chrome, Safari and Opera.
 * 2. Remove borders for `button`.
 * 3. Remove border-radius in Chrome.
 * 4. Address `overflow` set to `hidden` in IE.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 7. Remove default `button` padding and background color
 * 8. Style
 * 9. Fill all SVG elements with the current text color if no `fill` attribute is set
 * 10. Let the container fit the height of the icon
 */

.uk-icon {
  /* 1 */
  margin: 0;
  /* 2 */
  border: none;
  /* 3 */
  border-radius: 0;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: inherit;
  /* 6 */
  text-transform: none;
  /* 7. */
  padding: 0;
  background-color: transparent;
  /* 8 */
  display: inline-block;
  /* 9 */
  fill: currentcolor;
  /* 10 */
  line-height: 0;
}

/* Required for `button`. */

button.uk-icon:not(:disabled) {
  cursor: pointer;
}

/*
 * Remove the inner border and padding in Firefox.
 */

.uk-icon::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * Set the fill and stroke color of all SVG elements to the current text color
 */

.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
  fill: currentcolor;
}

.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  stroke: currentcolor;
}

/*
 * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
 */

.uk-icon > * {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* Image modifier
 ========================================================================== */

/*
 * Display images in icon dimensions
 */

.uk-icon-image {
  width: 20px;
  height: 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

/* Style modifiers
 ========================================================================== */

/*
 * Link
 */

.uk-icon-link {
  color: #999;
}

.uk-icon-link:hover,
.uk-icon-link:focus {
  color: #666;
  outline: none;
}

/* OnClick + Active */

.uk-icon-link:active,
.uk-active > .uk-icon-link {
  color: #595959;
}

/*
 * Button
 * 1. Center icon vertically and horizontally
 */

.uk-icon-button {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 500px;
  background: #f8f8f8;
  color: #999;
  vertical-align: middle;
  /* 1 */
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* Hover + Focus */

.uk-icon-button:hover,
.uk-icon-button:focus {
  background-color: #ebebeb;
  color: #666;
  outline: none;
}

/* OnClick + Active */

.uk-icon-button:active,
.uk-active > .uk-icon-button {
  background-color: #dfdfdf;
  color: #666;
}

/* ========================================================================
   Component: Form
 ========================================================================== */

/*
 * 1. Define consistent box sizing.
 *    Default is `content-box` with following exceptions set to `border-box`
 *    `select`, `input[type="checkbox"]` and `input[type="radio"]`
 *    `input[type="search"]` in Chrome, Safari and Opera
 *    `input[type="color"]` in Firefox
 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
 * 3. Remove `border-radius` in iOS.
 * 4. Change font properties to `inherit` in all browsers.
 */

.uk-input, .SiteForm__input,
.uk-select,
.uk-textarea,
.SiteForm__textarea,
.uk-radio,
.uk-checkbox {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 0;
  /* 4 */
  font: inherit;
}

/*
 * Show the overflow in Edge.
 */

.uk-input, .SiteForm__input {
  overflow: visible;
}

/*
 * Remove the inheritance of text transform in Firefox.
 */

.uk-select {
  text-transform: none;
}

/*
 * 1. Change font properties to `inherit` in all browsers
 * 2. Don't inherit the `font-weight` and use `bold` instead.
 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
 */

.uk-select optgroup {
  /* 1 */
  font: inherit;
  /* 2 */
  font-weight: bold;
}

/*
 * Remove the default vertical scrollbar in IE 10+.
 */

.uk-textarea, .SiteForm__textarea {
  overflow: auto;
}

/*
 * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
 */

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

/*
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/*
 * Removes placeholder transparency in Firefox.
 */

.uk-input::-moz-placeholder, .SiteForm__input::-moz-placeholder,
.uk-textarea::-moz-placeholder,
.SiteForm__textarea::-moz-placeholder {
  opacity: 1;
}

/*
 * Improves consistency of cursor style for clickable elements
 */

.uk-radio:not(:disabled),
.uk-checkbox:not(:disabled) {
  cursor: pointer;
}

/*
 * Define consistent border, margin, and padding.
 */

.uk-fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/* Input, select and textarea
 * Allowed: `text`, `password`, `datetime`, `datetime-local`, `date`,  `month`,
            `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color`
 * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image`
 ========================================================================== */

/*
 * Remove default style in iOS.
 */

.uk-input, .SiteForm__input,
.uk-textarea,
.SiteForm__textarea {
  -webkit-appearance: none;
}

/*
 * 1. Prevent content overflow if a fixed width is used
 * 2. Take the full width
 * 3. Reset default
 * 4. Style
 */

.uk-input, .SiteForm__input,
.uk-select,
.uk-textarea,
.SiteForm__textarea {
  /* 1 */
  max-width: 100%;
  /* 2 */
  width: 100%;
  /* 3 */
  border: 0 none;
  /* 4 */
  padding: 0 20px;
  background: #eef0f3;
  color: #0a0909;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  font-size: 0.875rem;
  padding-top: 12px;
}

/*
 * Single-line
 * 1. Allow any element to look like an `input` or `select` element
 * 2. Make sure line-height is not larger than height
 *    Also needed to center the text vertically
 */

.uk-input, .SiteForm__input,
.uk-select:not([multiple]):not([size]) {
  height: 58px;
  vertical-align: middle;
  /* 1 */
  display: inline-block;
}

/* 2 */

.uk-input:not(input), .SiteForm__input:not(input),
.uk-select:not(select) {
  line-height: 1.3;
}

/*
 * Multi-line
 */

.uk-select[multiple],
.uk-select[size],
.uk-textarea,
.SiteForm__textarea {
  padding-top: 4px;
  padding-bottom: 4px;
  vertical-align: top;
  padding: 25px 20px 10px;
  min-height: 58px;
}

/* Focus */

.uk-input:focus, .SiteForm__input:focus,
.uk-select:focus,
.uk-textarea:focus,
.SiteForm__textarea:focus {
  outline: none;
  background-color: #dfe3e8;
  color: #0a0909;
}

/* Disabled */

.uk-input:disabled, .SiteForm__input:disabled,
.uk-select:disabled,
.uk-textarea:disabled,
.SiteForm__textarea:disabled {
  background-color: #f8f8f8;
  color: #999;
}

/*
 * Placeholder
 */

.uk-input::-ms-input-placeholder, .SiteForm__input::-ms-input-placeholder {
  color: #999 !important;
}

.uk-input::-webkit-input-placeholder, .SiteForm__input::-webkit-input-placeholder {
  color: #999;
}

.uk-input::-moz-placeholder, .SiteForm__input::-moz-placeholder {
  color: #999;
}

.uk-input::placeholder, .SiteForm__input::placeholder {
  color: #999;
}

.uk-textarea::-ms-input-placeholder, .SiteForm__textarea::-ms-input-placeholder {
  color: #999 !important;
}

.uk-textarea::-webkit-input-placeholder, .SiteForm__textarea::-webkit-input-placeholder {
  color: #999;
}

.uk-textarea::-moz-placeholder, .SiteForm__textarea::-moz-placeholder {
  color: #999;
}

.uk-textarea::placeholder, .SiteForm__textarea::placeholder {
  color: #999;
}

/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */

/*
 * Small
 */

.uk-form-small {
  font-size: 0.875rem;
}

.uk-form-small:not(textarea):not([multiple]):not([size]) {
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
}

.uk-form-small:not(select):not(input):not(textarea) {
  line-height: 30px;
}

/*
 * Large
 */

.uk-form-large {
  font-size: 1.25rem;
}

.uk-form-large:not(textarea):not([multiple]):not([size]) {
  height: 55px;
  padding-left: 12px;
  padding-right: 12px;
}

.uk-form-large:not(select):not(input):not(textarea) {
  line-height: 55px;
}

/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */

/*
 * Error
 */

.uk-form-danger,
.uk-form-danger:focus {
  color: #f0506e;
}

/*
 * Success
 */

.uk-form-success,
.uk-form-success:focus {
  color: #32d296;
}

/*
 * Blank
 */

.uk-form-blank {
  background: none;
}

/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */

/*
 * Fixed widths
 * Different widths for mini sized `input` and `select` elements
 */

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;
}

/* Select
 ========================================================================== */

/*
 * 1. Remove default style. Also works in Firefox
 * 2. Style
 * 3. Remove default style in IE 10/11
 * 4. Set `color` for options in the select dropdown, because the inherited `color` might be too light.
 */

.uk-select:not([multiple]):not([size]) {
  /* 1 */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 2 */
  padding-right: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

/* 3 */

.uk-select:not([multiple]):not([size])::-ms-expand {
  display: none;
}

/* 4 */

.uk-select:not([multiple]):not([size]) option {
  color: #444;
}

/*
 * Disabled
 */

.uk-select:not([multiple]):not([size]):disabled {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

/* Datalist
 ========================================================================== */

/*
 * 1. Remove default style in Chrome
 */

.uk-input[list], [list].SiteForm__input {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.uk-input[list]:hover, [list].SiteForm__input:hover,
.uk-input[list]:focus,
[list].SiteForm__input:focus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

/* 1 */

.uk-input[list]::-webkit-calendar-picker-indicator, [list].SiteForm__input::-webkit-calendar-picker-indicator {
  display: none;
}

/* Radio and checkbox
 * Note: Does not work in IE11
 ========================================================================== */

/*
 * 1. Style
 * 2. Make box more robust so it clips the child element
 * 3. Vertical alignment
 * 4. Remove default style
 * 5. Fix black background on iOS
 * 6. Center icons
 */

.uk-radio,
.uk-checkbox {
  /* 1 */
  display: inline-block;
  height: 16px;
  width: 16px;
  /* 2 */
  overflow: hidden;
  /* 3 */
  margin-top: -4px;
  vertical-align: middle;
  /* 4 */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 5 */
  background-color: #ebebeb;
  /* 6 */
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.uk-radio {
  border-radius: 50%;
}

/* Focus */

.uk-radio:focus,
.uk-checkbox:focus {
  outline: none;
}

/*
 * Checked
 */

.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
  background-color: #1e87f0;
}

/* Focus */

.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
  background-color: #0e6ecd;
}

/*
 * Icons
 */

.uk-radio:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-checkbox:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-checkbox:indeterminate {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/*
 * Disabled
 */

.uk-radio:disabled,
.uk-checkbox:disabled {
  background-color: #f8f8f8;
}

.uk-radio:disabled:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-checkbox:disabled:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-checkbox:disabled:indeterminate {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/* Legend
 ========================================================================== */

/*
 * Legend
 * 1. Behave like block element
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove padding so people aren't caught out if they zero out fieldsets.
 * 4. Style
 */

.uk-legend {
  /* 1 */
  width: 100%;
  /* 2 */
  color: inherit;
  /* 3 */
  padding: 0;
  /* 4 */
  font-size: 1.5rem;
  line-height: 1.4;
}

/* Custom controls
 ========================================================================== */

/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Behave like most inline-block elements
 */

.uk-form-custom {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
}

/*
 * 1. Position and resize the form control to always cover its container
 * 2. Required for Firefox for positioning to the left
 * 3. Required for Webkit to make `height` work
 * 4. Hide controle and show cursor
 * 5. Needed for the cursor
 * 6. Clip height caused by 5. Needed for Webkit only
 */

.uk-form-custom select,
.uk-form-custom input[type=file] {
  /* 1 */
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  /* 2 */
  left: 0;
  /* 3 */
  -webkit-appearance: none;
  /* 4 */
  opacity: 0;
  cursor: pointer;
}

.uk-form-custom input[type=file] {
  /* 5 */
  font-size: 500px;
  /* 6 */
  overflow: hidden;
}

/* Label
 ========================================================================== */

/* Layout
 ========================================================================== */

/*
 * Stacked
 */

.uk-form-stacked .uk-form-label {
  display: block;
  margin-bottom: 10px;
}

/*
 * Horizontal
 */

/* Tablet portrait and smaller */

@media (max-width: 899px) {
  /* Behave like `uk-form-stacked` */
  .uk-form-horizontal .uk-form-label {
    display: block;
    margin-bottom: 10px;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 900px) {
  .uk-form-horizontal .uk-form-label {
    width: 200px;
    margin-top: 7px;
    float: left;
  }

  .uk-form-horizontal .uk-form-controls {
    margin-left: 215px;
  }

  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
  .uk-form-horizontal .uk-form-controls-text {
    padding-top: 7px;
  }
}

/* Icons
 ========================================================================== */

/*
 * 1. Set position
 * 2. Set width
 * 3. Center icon vertically and horizontally
 * 4. Style
 */

.uk-form-icon {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  width: 58px;
  /* 3 */
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  /* 4 */
  color: #999;
}

/*
 * Required for `a`.
 */

.uk-form-icon:hover {
  color: #666;
}

/*
 * Make `input` element clickable through icon, e.g. if it's a `span`
 */

.uk-form-icon:not(a):not(button):not(input) {
  pointer-events: none;
}

/*
 * Input padding
 */

.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input, .uk-form-icon:not(.uk-form-icon-flip) ~ .SiteForm__input {
  padding-left: 58px !important;
}

/*
 * Position modifier
 */

.uk-form-icon-flip {
  right: 0;
  left: auto;
}

.uk-form-icon-flip ~ .uk-input, .uk-form-icon-flip ~ .SiteForm__input {
  padding-right: 58px !important;
}

/* ========================================================================
   Component: Container
 ========================================================================== */

/*
 * 1. Box sizing has to be `content-box` so the max-width is always the same and
 *    unaffected by the padding on different breakpoints. It's important for the size modifiers.
 */

.uk-container, .PromoSlider__item, .SiteFooter__container, .SiteHeader__container, .Layout__container {
  display: flow-root;
  /* 1 */
  box-sizing: content-box;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-container, .PromoSlider__item, .SiteFooter__container, .SiteHeader__container, .Layout__container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 900px) {
  .uk-container, .PromoSlider__item, .SiteFooter__container, .SiteHeader__container, .Layout__container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/*
 * Remove margin from the last-child
 */

.uk-container > :last-child, .PromoSlider__item > :last-child, .SiteFooter__container > :last-child, .SiteHeader__container > :last-child, .Layout__container > :last-child {
  margin-bottom: 0;
}

/*
 * Remove padding from nested containers
 */

.uk-container .uk-container, .PromoSlider__item .uk-container, .uk-container .PromoSlider__item, .PromoSlider__item .PromoSlider__item, .SiteFooter__container .uk-container, .SiteFooter__container .PromoSlider__item, .uk-container .SiteFooter__container, .PromoSlider__item .SiteFooter__container, .SiteFooter__container .SiteFooter__container, .SiteHeader__container .uk-container, .SiteHeader__container .PromoSlider__item, .SiteHeader__container .SiteFooter__container, .uk-container .SiteHeader__container, .PromoSlider__item .SiteHeader__container, .SiteFooter__container .SiteHeader__container, .SiteHeader__container .SiteHeader__container, .Layout__container .uk-container, .Layout__container .PromoSlider__item, .Layout__container .SiteFooter__container, .Layout__container .SiteHeader__container, .uk-container .Layout__container, .PromoSlider__item .Layout__container, .SiteFooter__container .Layout__container, .SiteHeader__container .Layout__container, .Layout__container .Layout__container {
  padding-left: 0;
  padding-right: 0;
}

/* Size modifier
 ========================================================================== */

.uk-container-xsmall {
  max-width: 750px;
}

.uk-container-small, .Layout__container--small {
  max-width: 900px;
}

.uk-container-large, .PromoSlider__item, .SiteFooter__container, .SiteHeader__container, .Layout__container--large {
  max-width: 1200px;
}

.uk-container-xlarge {
  max-width: 1600px;
}

.uk-container-expand, .Layout__container--expand {
  max-width: none;
}

/* Expand modifier
 ========================================================================== */

/*
 * Expand one side only
 */

.uk-container-expand-left {
  margin-left: 0;
}

.uk-container-expand-right {
  margin-right: 0;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-container-expand-left.uk-container-xsmall,
.uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + (750px / 2) - 32px);
  }

  .uk-container-expand-left.uk-container-small, .uk-container-expand-left.Layout__container--small,
.uk-container-expand-right.uk-container-small,
.uk-container-expand-right.Layout__container--small {
    max-width: calc(50% + (900px / 2) - 32px);
  }
}

/* Tablet landscape and bigger */

@media (min-width: 900px) {
  .uk-container-expand-left,
.uk-container-expand-right {
    max-width: calc(50% + (1000px / 2) - 40px);
  }

  .uk-container-expand-left.uk-container-xsmall,
.uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + (750px / 2) - 40px);
  }

  .uk-container-expand-left.uk-container-small, .uk-container-expand-left.Layout__container--small,
.uk-container-expand-right.uk-container-small,
.uk-container-expand-right.Layout__container--small {
    max-width: calc(50% + (900px / 2) - 40px);
  }

  .uk-container-expand-left.uk-container-large, .uk-container-expand-left.PromoSlider__item, .uk-container-expand-left.SiteFooter__container, .uk-container-expand-left.SiteHeader__container, .uk-container-expand-left.Layout__container--large,
.uk-container-expand-right.uk-container-large,
.uk-container-expand-right.PromoSlider__item,
.uk-container-expand-right.SiteFooter__container,
.uk-container-expand-right.SiteHeader__container,
.uk-container-expand-right.Layout__container--large {
    max-width: calc(50% + (1200px / 2) - 40px);
  }

  .uk-container-expand-left.uk-container-xlarge,
.uk-container-expand-right.uk-container-xlarge {
    max-width: calc(50% + (1600px / 2) - 40px);
  }
}

/* Item
 ========================================================================== */

/*
 * Utility classes to reset container padding on the left or right side
 * Note: It has to be negative margin on the item, because it's specific to the item.
 */

.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
  width: calc(100% + 16px);
}

.uk-container-item-padding-remove-left {
  margin-left: -16px;
}

.uk-container-item-padding-remove-right {
  margin-right: -16px;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
    width: calc(100% + 32px);
  }

  .uk-container-item-padding-remove-left {
    margin-left: -32px;
  }

  .uk-container-item-padding-remove-right {
    margin-right: -32px;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 900px) {
  .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;
  }
}

/* ========================================================================
   Component: Close
 ========================================================================== */

/*
 * Adopts `uk-icon`
 */

.uk-close {
  color: #999;
}

/* Hover + Focus */

.uk-close:hover,
.uk-close:focus {
  color: #666;
  outline: none;
}

/* ========================================================================
   Component: Modal
 ========================================================================== */

/*
 * 1. Hide by default
 * 2. Set position
 * 3. Allow scrolling for the modal dialog
 * 4. Horizontal padding
 * 5. Mask the background page
 * 6. Fade-in transition
 */

.uk-modal {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 4 */
  padding: 15px 15px;
  /* 5 */
  background: rgba(0, 0, 0, 0.6);
  /* 6 */
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-modal {
    padding: 50px 30px;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 900px) {
  .uk-modal {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/*
 * Open
 */

.uk-modal.uk-open {
  opacity: 1;
}

/* Page
 ========================================================================== */

/*
 * Prevent scrollbars
 */

.uk-modal-page {
  overflow: hidden;
}

/* Dialog
 ========================================================================== */

/*
 * 1. Create position context for spinner and close button
 * 2. Dimensions
 * 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11
 *    `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests
 * 4. Style
 * 5. Slide-in transition
 */

.uk-modal-dialog {
  /* 1 */
  position: relative;
  /* 2 */
  box-sizing: border-box;
  margin: 0 auto;
  width: 600px;
  /* 3 */
  max-width: calc(100% - 0.01px) !important;
  /* 4 */
  background: #fff;
  /* 5 */
  opacity: 0;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

/*
 * Open
 */

.uk-open > .uk-modal-dialog {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Size modifier
 ========================================================================== */

/*
 * Container size
 * Take the same size as the Container component
 */

.uk-modal-container .uk-modal-dialog {
  width: 1200px;
}

/*
 * Full size
 * 1. Remove padding and background from modal
 * 2. Reset all default declarations from modal dialog
 */

/* 1 */

.uk-modal-full {
  padding: 0;
  background: none;
}

/* 2 */

.uk-modal-full .uk-modal-dialog {
  margin: 0;
  width: 100%;
  max-width: 100%;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Sections
 ========================================================================== */

.uk-modal-body {
  display: flow-root;
  padding: 30px 30px;
}

.uk-modal-header {
  display: flow-root;
  padding: 15px 30px;
  background: #f8f8f8;
}

.uk-modal-footer {
  display: flow-root;
  padding: 15px 30px;
  background: #f8f8f8;
}

/*
 * Remove margin from the last-child
 */

.uk-modal-body > :last-child,
.uk-modal-header > :last-child,
.uk-modal-footer > :last-child {
  margin-bottom: 0;
}

/* Title
 ========================================================================== */

.uk-modal-title {
  font-size: 2rem;
  line-height: 1.3;
}

/* Close
 * Adopts `uk-close`
 ========================================================================== */

[class*=uk-modal-close-] {
  position: absolute;
  z-index: 9999;
  top: 10px;
  right: 10px;
  padding: 5px;
}

/*
 * Remove margin from adjacent element
 */

[class*=uk-modal-close-]:first-child + * {
  margin-top: 0;
}

/*
 * Hover
 */

/*
 * Default
 */

/*
 * Outside
 * 1. Prevent scrollbar on small devices
 */

.uk-modal-close-outside {
  top: 0;
  /* 1 */
  right: -5px;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  color: white;
}

:root .uk-modal-close-outside {
  top: 20px;
  right: 30px;
  -webkit-transform: none;
  transform: none;
  padding: 5px;
  color: black;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

@media (max-width: 639px) {
  :root .uk-modal-close-outside {
    top: 10px;
    right: 10px;
  }
}

:root .uk-modal-close-outside:hover {
  color: #eef0f3;
}

:root .uk-modal-close-outside:focus {
  color: #7e8488;
}

:root .uk-modal-close-outside:active {
  color: #576670;
}

.uk-modal-close-outside svg {
  width: 22px;
  height: 22px;
}

.uk-modal-close-outside svg > line {
  stroke-width: 2;
  stroke-linecap: round;
}

.uk-modal-close-outside:hover {
  color: #fff;
}

/* Tablet landscape and bigger */

@media (min-width: 900px) {
  /* 1 */
  .uk-modal-close-outside {
    right: 0;
    -webkit-transform: translate(100%, -100%);
    transform: translate(100%, -100%);
  }
}

/*
 * Full
 */

/* ========================================================================
   Component: Notification
 ========================================================================== */

/*
 * 1. Set position
 * 2. Dimensions
 */

.uk-notification {
  /* 1 */
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 10001;
  /* 2 */
  box-sizing: border-box;
  width: 350px;
}

/* Position modifiers
========================================================================== */

.uk-notification-top-right,
.uk-notification-bottom-right {
  left: auto;
  right: 10px;
}

.uk-notification-top-center,
.uk-notification-bottom-center {
  left: 50%;
  margin-left: -175px;
}

.uk-notification-bottom-left,
.uk-notification-bottom-right,
.uk-notification-bottom-center {
  top: auto;
  bottom: 10px;
}

/* Responsiveness
========================================================================== */

/* Phones portrait and smaller */

@media (max-width: 639px) {
  .uk-notification {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
  }
}

/* Message
========================================================================== */

.uk-notification-message {
  position: relative;
  padding: 15px;
  background: #f8f8f8;
  color: #666;
  font-size: 1.25rem;
  line-height: 1.4;
  cursor: pointer;
  padding: 24px 32px;
  background: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-top: 4px var(--notification-color) solid;
}

@media (max-width: 639px) {
  .uk-notification-message {
    padding: 16px 24px;
  }
}

:root .uk-notification-message {
  color: var(--notification-color);
}

* + .uk-notification-message {
  margin-top: 10px;
}

/* Close
 * Adopts `uk-close`
 ========================================================================== */

.uk-notification-close {
  display: none;
  position: absolute;
  top: 20px;
  right: 15px;
}

@media (hover: none) {
  .uk-notification-close {
    display: block;
  }
}

.uk-notification-message:hover .uk-notification-close {
  display: block;
}

/* Style modifiers
 ========================================================================== */

/*
 * Primary
 */

.uk-notification-message-primary {
  color: #1e87f0;
}

/*
 * Success
 */

.uk-notification-message-success {
  color: #32d296;
  --notification-color: #50aa52;
}

/*
 * Warning
 */

.uk-notification-message-warning {
  color: #faa05a;
}

/*
 * Danger
 */

.uk-notification-message-danger {
  color: #f0506e;
  --notification-color: #e8421f;
}

/* ========================================================================
   Component: Flex
 ========================================================================== */

.uk-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.uk-flex-inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
}

/*
 * Remove pseudo elements created by micro clearfix as precaution
 */

.uk-flex::before,
.uk-flex::after,
.uk-flex-inline::before,
.uk-flex-inline::after {
  display: none;
}

/* Alignment
 ========================================================================== */

/*
 * Align items along the main axis of the current line of the flex container
 * Row: Horizontal
 */

.uk-flex-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.uk-flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.uk-flex-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.uk-flex-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.uk-flex-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-flex-left\@s {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .uk-flex-center\@s {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .uk-flex-right\@s {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }

  .uk-flex-between\@s {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .uk-flex-around\@s {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 900px) {
  .uk-flex-left\@m {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .uk-flex-center\@m {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .uk-flex-right\@m {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }

  .uk-flex-between\@m {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .uk-flex-around\@m {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}

/* Desktop and bigger */

@media (min-width: 1000px) {
  .uk-flex-left\@l {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .uk-flex-center\@l {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .uk-flex-right\@l {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }

  .uk-flex-between\@l {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .uk-flex-around\@l {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}

/* Large screen and bigger */

@media (min-width: 1200px) {
  .uk-flex-left\@xl {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .uk-flex-center\@xl {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .uk-flex-right\@xl {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }

  .uk-flex-between\@xl {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .uk-flex-around\@xl {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}

/*
 * Align items in the cross axis of the current line of the flex container
 * Row: Vertical
 */

.uk-flex-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}

.uk-flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.uk-flex-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.uk-flex-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

/* Direction
 ========================================================================== */

.uk-flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.uk-flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.uk-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.uk-flex-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

/* Wrap
 ========================================================================== */

.uk-flex-nowrap {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.uk-flex-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.uk-flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

/*
 * Aligns items within the flex container when there is extra space in the cross-axis
 * Only works if there is more than one line of flex items
 */

.uk-flex-wrap-stretch {
  -webkit-align-content: stretch;
  align-content: stretch;
}

.uk-flex-wrap-top {
  -webkit-align-content: flex-start;
  align-content: flex-start;
}

.uk-flex-wrap-middle {
  -webkit-align-content: center;
  align-content: center;
}

.uk-flex-wrap-bottom {
  -webkit-align-content: flex-end;
  align-content: flex-end;
}

.uk-flex-wrap-between {
  -webkit-align-content: space-between;
  align-content: space-between;
}

.uk-flex-wrap-around {
  -webkit-align-content: space-around;
  align-content: space-around;
}

/* Item ordering
 ========================================================================== */

/*
 * Default is 0
 */

.uk-flex-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  order: -1;
}

.uk-flex-last {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  order: 99;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-flex-first\@s {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }

  .uk-flex-last\@s {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
    order: 99;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 900px) {
  .uk-flex-first\@m {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }

  .uk-flex-last\@m {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
    order: 99;
  }
}

/* Desktop and bigger */

@media (min-width: 1000px) {
  .uk-flex-first\@l {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }

  .uk-flex-last\@l {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
    order: 99;
  }
}

/* Large screen and bigger */

@media (min-width: 1200px) {
  .uk-flex-first\@xl {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }

  .uk-flex-last\@xl {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
    order: 99;
  }
}

/* Item dimensions
 ========================================================================== */

/*
 * Initial: 0 1 auto
 * Content dimensions, but shrinks
 */

/*
 * No Flex: 0 0 auto
 * Content dimensions
 */

.uk-flex-none {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none;
}

/*
 * Relative Flex: 1 1 auto
 * Space is allocated considering content
 */

.uk-flex-auto {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  flex: auto;
}

/*
 * Absolute Flex: 1 1 0%
 * Space is allocated solely based on flex
 */

.uk-flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

/* ========================================================================
   Component: Margin
 ========================================================================== */

/*
 * Default
 */

.uk-margin {
  margin-bottom: 20px;
}

* + .uk-margin {
  margin-top: 20px !important;
}

.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;
}

/* Small
 ========================================================================== */

.uk-margin-small {
  margin-bottom: 10px;
}

* + .uk-margin-small {
  margin-top: 10px !important;
}

.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;
}

/* Medium
 ========================================================================== */

.uk-margin-medium {
  margin-bottom: 40px;
}

* + .uk-margin-medium {
  margin-top: 40px !important;
}

.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;
}

/* Large
 ========================================================================== */

.uk-margin-large {
  margin-bottom: 40px;
}

* + .uk-margin-large {
  margin-top: 40px !important;
}

.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;
}

/* Desktop and bigger */

@media (min-width: 1000px) {
  .uk-margin-large {
    margin-bottom: 70px;
  }

  * + .uk-margin-large {
    margin-top: 70px !important;
  }

  .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;
  }
}

/* XLarge
 ========================================================================== */

.uk-margin-xlarge {
  margin-bottom: 70px;
}

* + .uk-margin-xlarge {
  margin-top: 70px !important;
}

.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;
}

/* Desktop and bigger */

@media (min-width: 1000px) {
  .uk-margin-xlarge {
    margin-bottom: 140px;
  }

  * + .uk-margin-xlarge {
    margin-top: 140px !important;
  }

  .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;
  }
}

/* Auto
 ========================================================================== */

.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;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-margin-auto\@s {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .uk-margin-auto-left\@s {
    margin-left: auto !important;
  }

  .uk-margin-auto-right\@s {
    margin-right: auto !important;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 900px) {
  .uk-margin-auto\@m {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .uk-margin-auto-left\@m {
    margin-left: auto !important;
  }

  .uk-margin-auto-right\@m {
    margin-right: auto !important;
  }
}

/* Desktop and bigger */

@media (min-width: 1000px) {
  .uk-margin-auto\@l {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .uk-margin-auto-left\@l {
    margin-left: auto !important;
  }

  .uk-margin-auto-right\@l {
    margin-right: auto !important;
  }
}

/* Large screen and bigger */

@media (min-width: 1200px) {
  .uk-margin-auto\@xl {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .uk-margin-auto-left\@xl {
    margin-left: auto !important;
  }

  .uk-margin-auto-right\@xl {
    margin-right: auto !important;
  }
}

/* Remove
 ========================================================================== */

.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;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-margin-remove-left\@s {
    margin-left: 0 !important;
  }

  .uk-margin-remove-right\@s {
    margin-right: 0 !important;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 900px) {
  .uk-margin-remove-left\@m {
    margin-left: 0 !important;
  }

  .uk-margin-remove-right\@m {
    margin-right: 0 !important;
  }
}

/* Desktop and bigger */

@media (min-width: 1000px) {
  .uk-margin-remove-left\@l {
    margin-left: 0 !important;
  }

  .uk-margin-remove-right\@l {
    margin-right: 0 !important;
  }
}

/* Large screen and bigger */

@media (min-width: 1200px) {
  .uk-margin-remove-left\@xl {
    margin-left: 0 !important;
  }

  .uk-margin-remove-right\@xl {
    margin-right: 0 !important;
  }
}

.v-select.vs--single .vs__open-indicator {
  display: block;
  width: 10px;
  height: 6px;
  background-image: url("/assets/icons/arrow-dropdown.svg");
  -webkit-transform-origin: center;
  transform-origin: center;
}

.v-select.vs--single .vs__actions {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -2px;
}

.v-select.vs--single .vs__selected {
  padding: 13px 0 0;
  margin: 0;
  border: none;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.v-select.vs--single .vs__selected-options {
  margin: 0 24px 0 20px;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  max-width: calc(100% - 36px);
}

.v-select.vs--single .vs__search,
.v-select.vs--single .vs__search:focus {
  margin: 0;
  border: none;
  padding: 13px 0 0;
}

.v-select .vs__search {
  color: #0a0909;
  line-height: unset;
}

.v-select .vs__search::-webkit-input-placeholder {
  color: #576670;
  font-size: 0.875rem;
}

.v-select .vs__search::-moz-placeholder {
  color: #576670;
  font-size: 0.875rem;
}

.v-select .vs__search::-ms-input-placeholder {
  color: #576670;
  font-size: 0.875rem;
}

.v-select .vs__search::placeholder {
  color: #576670;
  font-size: 0.875rem;
}

.v-select .vs__dropdown-toggle,
.v-select .vs__dropdown-menu {
  color: #0a0909;
  font-size: 0.875rem;
}

.v-select .vs__selected {
  color: #0a0909;
}

.v-select .vs__dropdown-toggle {
  min-height: 58px;
  border-radius: 0;
  padding: 0;
  border-color: transparent;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  background-color: #eef0f3;
}

.v-select.vs--open .vs__dropdown-toggle, .v-select:hover .vs__dropdown-toggle {
  background-color: #dfe3e8;
}

.v-select.vs--invalid:not(.vs--open) .vs__dropdown-toggle {
  border-color: #e8421f;
}

.v-select.vs--has-options .vs__no-options {
  display: none;
}

.v-select.vs--hide-actions .vs__actions {
  display: none;
}

.v-select .vs__dropdown-menu {
  border: none;
  padding: 0;
  z-index: 9;
  max-height: 160px;
  border-radius: 0;
  min-width: 80px;
  background-color: white;
}

.v-select .vs__dropdown-option {
  color: #0a0909;
  padding: 10px 13px;
  white-space: normal;
}

.v-select .vs__dropdown-option--highlight {
  background-color: #eef0f3;
}

.v-select .vs__dropdown-option--disabled {
  opacity: 0.5;
}

.v-select .vs__dropdown-option--selected {
  color: #0166dc;
  background-color: rgba(238, 240, 243, 0.5);
  cursor: default;
}

.v-select .vs__selected-options {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0;
}

.v-select .vs__actions {
  position: absolute;
  right: 10px;
}

.v-select .vs__no-options {
  padding: 10px 12px;
  background-color: #eee;
}

.v-select .vs__loader {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 50px;
}

.v-select .vs__loader-icon {
  width: 30px;
  height: 30px;
}

.v-select.vs--disabled:hover .vs__dropdown-toggle {
  background-color: #f5f6f8;
}

.v-select.vs--disabled .vs__dropdown-toggle {
  background-color: #f5f6f8;
}

.v-select.vs--disabled .vs__search {
  background-color: transparent;
}

.v-select.vs--disabled .vs__actions,
.v-select.vs--disabled .vs__open-indicator {
  opacity: 0.5;
}

.v-select.vs--disabled .vs__dropdown-toggle,
.v-select.vs--disabled .vs__search,
.v-select.vs--disabled .vs__actions,
.v-select.vs--disabled .vs__open-indicator,
.v-select.vs--disabled .vs__selected-options {
  cursor: default;
}

.v-select.vs--disabled .vs__dropdown-toggle:hover,
.v-select.vs--disabled .vs__search:hover,
.v-select.vs--disabled .vs__actions:hover,
.v-select.vs--disabled .vs__open-indicator:hover,
.v-select.vs--disabled .vs__selected-options:hover {
  cursor: default;
}

.v-select.vs--noArrow .vs__open-indicator {
  display: none;
}

.Layout {
  --scrollbar-default-background: #d0d6de;
  --scrollbar-active-background: #999da0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  flex-flow: column;
  position: relative;
  min-height: 100vh;
  max-width: 100vw;
  overflow: hidden;
}

.Layout--dark {
  --scrollbar-default-background: #00155f;
  --scrollbar-active-background: #0166dc;
  background: -webkit-gradient(linear, left bottom, left top, from(#095bbb), color-stop(63.11%, #011f4a));
  background: linear-gradient(0deg, #095bbb 0%, #011f4a 63.11%);
}

.Layout__header {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.Layout__main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.Layout__main--error {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-image: url("/assets/images/rotor.png");
  background-position: center;
  background-repeat: no-repeat;
}

.Layout__footer {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.Layout__section {
  --skeleton-color: #0166dc;
  --color-placeholder: #052661;
  padding: 120px 0;
}

@media (max-width: 999px) {
  .Layout__section {
    padding: 88px 0;
  }
}

@media (max-width: 899px) {
  .Layout__section {
    padding: 72px 0;
  }
}

@media (max-width: 639px) {
  .Layout__section {
    padding: 48px 0;
  }
}

@media (max-width: 424px) {
  .Layout__section {
    padding: 32px 0;
  }
}

.Layout__section--withBreadcrumbs {
  padding-top: 32px;
}

@media (max-width: 899px) {
  .Layout__section--withBreadcrumbs {
    padding-top: 24px;
  }
}

.Layout__section--white, .Layout__section--gray {
  --skeleton-color: #7e8488;
  --color-placeholder: #eef0f3;
}

.Layout__section--white {
  background-color: white;
}

.Layout__section--gray {
  background: linear-gradient(112.86deg, rgba(220, 223, 228, 0.3) 92.82%, rgba(177, 194, 220, 0.3) 137.4%);
}

.Layout__section--withBreadcrumbs {
  padding-top: 32px;
}

@media (max-width: 899px) {
  .Layout__section--withBreadcrumbs {
    padding-top: 24px;
  }
}

.Layout__section--mediumTopGap {
  padding-top: 64px;
}

@media (max-width: 999px) {
  .Layout__section--mediumTopGap {
    padding-top: 56px;
  }
}

@media (max-width: 899px) {
  .Layout__section--mediumTopGap {
    padding-top: 48px;
  }
}

@media (max-width: 639px) {
  .Layout__section--mediumTopGap {
    padding-top: 40px;
  }
}

@media (max-width: 424px) {
  .Layout__section--mediumTopGap {
    padding-top: 32px;
  }
}

.Layout__section--mediumBottomGap {
  padding-bottom: 64px;
}

@media (max-width: 999px) {
  .Layout__section--mediumBottomGap {
    padding-bottom: 56px;
  }
}

@media (max-width: 899px) {
  .Layout__section--mediumBottomGap {
    padding-bottom: 48px;
  }
}

@media (max-width: 639px) {
  .Layout__section--mediumBottomGap {
    padding-bottom: 40px;
  }
}

@media (max-width: 424px) {
  .Layout__section--mediumBottomGap {
    padding-bottom: 32px;
  }
}

.Layout__section--smallTopGap {
  padding-top: 40px;
}

@media (max-width: 999px) {
  .Layout__section--smallTopGap {
    padding-top: 36px;
  }
}

@media (max-width: 899px) {
  .Layout__section--smallTopGap {
    padding-top: 32px;
  }
}

@media (max-width: 639px) {
  .Layout__section--smallTopGap {
    padding-top: 24px;
  }
}

@media (max-width: 639px) {
  .Layout__section--largeTopGapOnMobile {
    padding: 64px 0;
  }
}

@media (max-width: 424px) {
  .Layout__section--largeTopGapOnMobile {
    padding: 56px 0;
  }
}

.Layout__section--noTopPadding {
  padding-top: 0;
}

.Layout__title {
  color: white;
}

.Layout__title--large {
  margin-bottom: 44px;
}

@media (max-width: 999px) {
  .Layout__title--large {
    margin-bottom: 40px;
  }
}

@media (max-width: 899px) {
  .Layout__title--large {
    margin-bottom: 32px;
  }
}

@media (max-width: 639px) {
  .Layout__title--large {
    margin-bottom: 24px;
  }
}

.Layout__title--medium {
  margin-bottom: 32px;
}

@media (max-width: 999px) {
  .Layout__title--medium {
    margin-bottom: 24px;
  }
}

@media (max-width: 639px) {
  .Layout__title--medium {
    margin-bottom: 16px;
  }
}

.Layout__title--dark {
  color: #282d30;
}

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

body,
html {
  touch-action: pan-x pan-y;
}

.SiteHeader--absolute {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
}

.SiteHeader__container {
  height: 100%;
}

@media (max-width: 799px) {
  .SiteHeader__container--top {
    padding-right: 0;
  }
}

.SiteHeader__top {
  height: var(--header-top-height);
  background-image: linear-gradient(116.36deg, #dcdfe4 33.14%, #b1c2dc 100%);
}

.SiteHeader__bottom {
  height: var(--header-bottom-height);
  border-bottom: 1px rgba(126, 132, 136, 0.2) solid;
}

.SiteHeader__topGrid {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}

.SiteHeader__logoWrapper {
  margin-right: auto;
  padding-right: 16px;
}

.SiteHeader__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #576670;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

.SiteHeader__logo:hover, .SiteHeader__logo:focus, .SiteHeader__logo:active {
  color: #0166dc;
}

.SiteHeader__logoSecondary {
  margin-left: 16px;
}

@media (max-width: 799px) {
  .SiteHeader__logoSecondary {
    display: none;
  }
}

.SiteHeader__citySelectWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-right: 32px;
}

@media (max-width: 799px) {
  .SiteHeader__citySelectWrapper {
    margin-right: 24px;
  }
}

@media (max-width: 639px) {
  .SiteHeader__citySelectWrapper {
    margin-right: 16px;
  }
}

.SiteHeader__citySelect {
  font-size: 0.875rem;
}

@media (max-width: 369px) {
  .SiteHeader__citySelectText {
    max-width: 86px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.SiteHeader__feedbackWrapper {
  height: 100%;
}

.SiteHeader__feedback {
  height: 100%;
}

@media (max-width: 639px) {
  .SiteHeader__feedback {
    min-width: auto;
    padding: 0;
    width: 50px;
  }
}

@media (max-width: 639px) {
  .SiteHeader__feedbackText {
    display: none;
  }
}

.Layout--light .SiteFooter {
  background: -webkit-gradient(linear, left bottom, left top, from(#0a5bbb), to(#064390));
  background: linear-gradient(0deg, #0a5bbb 0%, #064390 100%);
}

.SiteFooter__container {
  padding-top: 40px;
  padding-bottom: 54px;
}

@media (max-width: 899px) {
  .SiteFooter__container {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}

@media (max-width: 639px) {
  .SiteFooter__container {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.Layout--dark .SiteFooter__container {
  border-top: 1px rgba(255, 255, 255, 0.4) solid;
}

.SiteFooter__grid {
  /* stylelint-disable declaration-colon-space-after */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 32px;
  grid-template-areas: "logo nav feedback" "copyright links feip";
  /* stylelint-enable declaration-colon-space-after */
}

@media (max-width: 899px) {
  .SiteFooter__grid {
    grid-row-gap: 8px;
    grid-template-columns: 1fr auto auto;
    grid-template-areas: "logo feedback feedback" "nav nav nav" "copyright copyright copyright" "links links feip";
  }
}

@media (max-width: 424px) {
  .SiteFooter__grid {
    grid-template-columns: 1fr;
    grid-template-areas: "logo" "feedback" "nav" "copyright" "links" "feip";
  }
}

.SiteFooter__logoWrapper {
  grid-area: logo;
}

@media (max-width: 899px) {
  .SiteFooter__logoWrapper {
    -webkit-align-self: center;
    align-self: center;
  }
}

.SiteFooter__navWrapper {
  grid-area: nav;
}

@media (max-width: 899px) {
  .SiteFooter__navWrapper {
    margin-top: 8px;
  }
}

@media (max-width: 639px) {
  .SiteFooter__navWrapper {
    margin-top: 32px;
  }
}

@media (max-width: 424px) {
  .SiteFooter__navWrapper {
    margin-top: 24px;
  }
}

.SiteFooter__feedbackWrapper {
  grid-area: feedback;
  justify-self: end;
}

@media (max-width: 424px) {
  .SiteFooter__feedbackWrapper {
    justify-self: start;
    margin-top: 16px;
  }
}

.SiteFooter__copyrightWrapper {
  grid-area: copyright;
}

@media (max-width: 899px) {
  .SiteFooter__copyrightWrapper {
    margin-top: 24px;
  }
}

.SiteFooter__copyrightLinksWrapper {
  grid-area: links;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 700px) and (max-width: 899px) {
  .SiteFooter__copyrightLinksWrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-self: center;
    align-self: center;
  }
}

.SiteFooter__feipWrapper {
  grid-area: feip;
  justify-self: end;
}

@media (max-width: 424px) {
  .SiteFooter__feipWrapper {
    justify-self: start;
    margin-top: 16px;
  }
}

.SiteFooter__logo path {
  -webkit-transition: fill 0.25s ease-in-out;
  transition: fill 0.25s ease-in-out;
  fill: white;
}

.SiteFooter__logo:hover path, .SiteFooter__logo:focus path, .SiteFooter__logo:active path {
  fill: #e8421f;
}

.SiteFooter__copyright {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.875rem;
}

@media (max-width: 639px) {
  .SiteFooter__copyright {
    font-size: 0.75rem;
  }
}

.SiteFooter__copyrightLink {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.875rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 639px) {
  .SiteFooter__copyrightLink {
    font-size: 0.75rem;
  }
}

.SiteFooter__copyrightLink:hover, .SiteFooter__copyrightLink:focus, .SiteFooter__copyrightLink:active {
  color: white;
}

.SiteFooter__copyrightLink:not(:last-child) {
  margin-bottom: 4px;
}

@media (min-width: 700px) and (max-width: 899px) {
  .SiteFooter__copyrightLink:not(:last-child) {
    margin-bottom: 0;
    margin-right: 16px;
  }
}

.SiteFooter__feipLogo {
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

.SiteFooter__feipLogo:hover {
  color: white;
}

.SiteFooter__feipLogo svg {
  -webkit-transition: fill 0.25s ease-in-out;
  transition: fill 0.25s ease-in-out;
  fill: rgba(255, 255, 255, 0.6);
}

.SiteFooter__feipLogo svg:hover {
  fill: white;
}

.SiteNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}

.SiteNav--modeHeader {
  height: 100%;
}

@media (max-width: 799px) {
  .SiteNav--modeHeader {
    width: calc(100% + 40px * 2);
    margin: 0 -40px;
    position: relative;
  }
}

@media (max-width: 799px) and (max-width: 899px) {
  .SiteNav--modeHeader {
    width: calc(100% + 32px * 2);
    margin: 0 -32px;
  }
}

@media (max-width: 799px) and (max-width: 639px) {
  .SiteNav--modeHeader {
    width: calc(100% + 16px * 2);
    margin: 0 -16px;
  }
}

@media (max-width: 799px) {
  .SiteNav--modeHeader::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(80%, white));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 80%);
    pointer-events: none;
  }
  .Layout--dark .SiteNav--modeHeader::after {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(1, 31, 74, 0)), color-stop(80%, #011f4a));
    background: linear-gradient(90deg, rgba(1, 31, 74, 0) 0, #011f4a 80%);
  }
}

.SiteNav--modeHeader .SiteNav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

@media (max-width: 799px) {
  .SiteNav--modeHeader .SiteNav__list {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
  }
}

@media (max-width: 799px) {
  .SiteNav--modeHeader .SiteNav__listItem:first-child {
    padding-left: 32px;
  }
  .SiteNav--modeHeader .SiteNav__listItem:last-child {
    padding-right: 40px;
  }
}

@media (max-width: 639px) {
  .SiteNav--modeHeader .SiteNav__listItem:first-child {
    padding-left: 16px;
  }
}

.SiteNav--modeHeader .SiteNav__item {
  position: relative;
  color: #7e8488;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.2;
  white-space: nowrap;
}

.SiteNav--modeHeader .SiteNav__item::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-color: currentColor;
  bottom: -4px;
  height: 1px;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.SiteNav--modeHeader .SiteNav__item::after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

@media (max-width: 999px) {
  .SiteNav--modeHeader .SiteNav__item {
    font-size: 1rem;
  }
}

@media (max-width: 639px) {
  .SiteNav--modeHeader .SiteNav__item {
    font-size: 0.875rem;
  }
}

.Layout--dark .SiteNav--modeHeader .SiteNav__item {
  color: white;
}

.Layout--dark .SiteNav--modeHeader .SiteNav__item--active {
  color: #0166dc;
}

.SiteNav--modeHeader .SiteNav__item::after {
  pointer-events: none;
  -webkit-transform-origin: right;
  transform-origin: right;
}

.SiteNav--modeHeader .SiteNav__item:hover, .SiteNav--modeHeader .SiteNav__item:focus, .SiteNav--modeHeader .SiteNav__item:active, .SiteNav--modeHeader .SiteNav__item--active {
  color: #0166dc;
}

.SiteNav--modeHeader .SiteNav__item:hover::after, .SiteNav--modeHeader .SiteNav__item:focus::after, .SiteNav--modeHeader .SiteNav__item:active::after, .SiteNav--modeHeader .SiteNav__item--active::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.SiteNav--modeHeader .SiteNav__item:hover::after, .SiteNav--modeHeader .SiteNav__item:focus::after, .SiteNav--modeHeader .SiteNav__item:active::after, .SiteNav--modeHeader .SiteNav__item--active::after {
  -webkit-transform-origin: left;
  transform-origin: left;
}

.SiteNav--modeFooter .SiteNav__list {
  display: grid;
  grid-template-rows: repeat(4, auto);
  grid-gap: 0 48px;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  line-height: 1.2;
}

.SiteNav--modeFooter .SiteNav__listItem:not(:nth-child(4n+1)) {
  margin: 24px 0 0;
}

@media (max-width: 424px) {
  .SiteNav--modeFooter .SiteNav__listItem:not(:nth-child(4n+1)) {
    margin: 16px 0 0;
  }
}

.SiteNav--modeFooter .SiteNav__item {
  font-size: 1rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}

.SiteNav--modeFooter .SiteNav__item:hover, .SiteNav--modeFooter .SiteNav__item:focus, .SiteNav--modeFooter .SiteNav__item:active, .SiteNav--modeFooter .SiteNav__item--active {
  color: white;
}

.SiteNav__listItem {
  margin: 0 24px 0 0;
}

.SiteNav__listItem:last-child {
  margin: 0;
}

.marketplace {
  color: #0a0909;
  font-family: "Exo 2", sans-serif;
  font-size: 14px;
}

.marketplace__title {
  font-size: 1.35em;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 2.75em;
  text-align: center;
}

@media (max-width: 899px) {
  .marketplace__title {
    margin-bottom: 0.5em;
  }
}

@media (max-width: 639px) {
  .marketplace__title {
    margin-bottom: 0;
  }
}

.marketplace__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.marketplace__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  max-width: 650px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: center;
  align-content: center;
  gap: 28px;
}

@media (max-width: 899px) {
  .marketplace__content {
    padding: 30px 10px 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 639px) {
  .marketplace__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
    padding-left: 0;
    padding-top: 20px;
    max-width: unset;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    gap: 1.6em;
  }
}

.marketplace__retail {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 36px;
}

@media (max-width: 899px) {
  .marketplace__retail {
    padding-top: 20px;
  }
}

@media (max-width: 639px) {
  .marketplace__retail {
    padding-top: 12px;
  }
}

.marketplace__retail a {
  color: #0a0909;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  position: relative;
  margin: auto;
  text-align: center;
  text-decoration: none !important;
}

@media (max-width: 639px) {
  .marketplace__retail a {
    margin: 0;
  }
}

.marketplace__retail a:hover {
  color: #0a0909 !important;
}

.marketplace__retail a::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 0%;
  background: #0a0909 !important;
  bottom: -1px;
  -webkit-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}

.marketplace__retail a:hover::before {
  width: 100%;
}

.button {
  cursor: pointer;
  position: relative;
  background: transparent;
  -webkit-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 100px;
  border: 0;
  min-width: 120px;
  padding: 14px 18px;
  text-decoration: none;
}

@media (max-width: 639px) {
  .button {
    font-size: 14px;
    line-height: 17px;
  }
}

.button:not(.button-wb):not(.button-ozon)::after {
  border-radius: 14px;
}

.button::after {
  top: 50%;
  left: 50%;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

.button:hover::after {
  height: 83.3%;
  width: 83.3%;
}

.button-market {
  padding: 18px 36px;
}

@media (max-width: 639px) {
  .button-market {
    padding: 14px 28px;
  }
}

.button-market .icon-ozon, .button-market .icon-wb, .button-market .icon-emex {
  max-height: 28px;
}

.button-market .icon-exist {
  max-height: 39px;
}

.button-market img {
  display: block;
  width: auto;
}

.button-ozon,
.button-wb {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 51px !important;
}

@media (max-width: 899px) {
  .button-ozon,
.button-wb {
    width: unset;
  }
}

.button-ozon {
  padding: 21px 36px;
}

@media (max-width: 899px) {
  .button-ozon {
    padding: 19px 80px;
  }
}

@media (max-width: 639px) {
  .button-ozon {
    padding: 19px 70px;
  }
}

.button-ozon::after {
  background: #0050e0;
  border: 2px solid #0050e0;
  border-radius: 51px;
}

.button-wb {
  padding: 21px 36px;
}

@media (max-width: 899px) {
  .button-wb {
    padding: 19px 36px;
  }
}

@media (max-width: 639px) {
  .button-wb {
    padding: 19px 26px;
  }
}

.button-wb::after {
  background: #be11a5;
  border: 2px solid #be11a5;
  border-radius: 51px;
}

.button-exist {
  padding: 6px 36px;
  border-radius: 51px !important;
}

@media (max-width: 899px) {
  .button-exist {
    padding: 4px 36px;
  }
}

@media (max-width: 639px) {
  .button-exist {
    padding: 6px 20px;
  }
}

.button-exist::after {
  background: #eee;
  border: 2px solid #eee;
  border-radius: 51px !important;
}

.button-emex {
  padding: 13px 36px;
  border-radius: 51px !important;
}

@media (max-width: 899px) {
  .button-emex {
    padding: 11px 36px;
  }
}

@media (max-width: 639px) {
  .button-emex {
    padding: 10px 20px;
  }
}

.button-emex::after {
  background: #f7a40a;
  border: 2px solid #f7a40a;
  border-radius: 51px !important;
}

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: $themeColor;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.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-slide-shadow-bottom {
  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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

/* Scrollbar */

.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;
}

/* stylelint-disable */

@media (max-width: 639px) {
  .swiper-container-with-scrollbar {
    padding-bottom: 24px;
  }
}

.swiper-outer-container {
  position: relative;
}

.swiper-slide {
  height: auto;
}

.swiper-buttons-circled {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 51px;
}

@media (max-width: 899px) {
  .swiper-buttons-circled {
    margin-top: 32px;
  }
}

.swiper-buttons-circled .swiper-button {
  --swiper-arrow-default-color:white;
  --swiper-arrow-default-border:white;
  --swiper-arrow-default-background:transparent;
  --swiper-arrow-hover-color:#127ffe;
  --swiper-arrow-hover-border:#127ffe;
  --swiper-arrow-hover-background:transparent;
  --swiper-arrow-focus-color:#127ffe;
  --swiper-arrow-focus-border:#127ffe;
  --swiper-arrow-focus-background:transparent;
  --swiper-arrow-active-color:#0166dc;
  --swiper-arrow-active-border:white;
  --swiper-arrow-active-background:white;
  --swiper-arrow-disabled-color:rgba(255, 255, 255, 0.4);
  --swiper-arrow-disabled-border:rgba(255, 255, 255, 0.4);
  --swiper-arrow-disabled-background:transparent;
  position: static;
}

.swiper-buttons-circled .swiper-button-prev {
  margin-right: 24px;
}

.swiper-buttons-circled .swiper-button-prev svg {
  margin-right: 3px;
}

.swiper-buttons-circled .swiper-button svg {
  width: 8px;
}

@media (max-width: 639px) {
  .swiper-buttons-circled-centered-mobile {
    margin-top: 0;
  }
}

@media (max-width: 639px) {
  .swiper-buttons-circled-centered-mobile .swiper-button {
    position: absolute;
  }
}

@media (max-width: 639px) {
  .swiper-buttons-circled-centered-mobile .swiper-button-prev {
    z-index: 100;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 32px;
    margin-right: 0;
  }
}

@media (max-width: 639px) {
  .swiper-buttons-circled-centered-mobile .swiper-button-next {
    z-index: 100;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    right: 32px;
  }
}

.swiper-buttons-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0;
  width: 100%;
}

.swiper-buttons-center .swiper-button-prev {
  left: -64px;
  z-index: 100;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 1199px) {
  .swiper-buttons-center .swiper-button-prev {
    left: -48px;
  }
}

@media (max-width: 899px) {
  .swiper-buttons-center .swiper-button-prev {
    left: -32px;
  }
}

@media (max-width: 639px) {
  .swiper-buttons-center .swiper-button-prev {
    left: 0;
  }
}

.swiper-buttons-center .swiper-button-next {
  right: -64px;
  z-index: 100;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

@media (max-width: 1199px) {
  .swiper-buttons-center .swiper-button-next {
    right: -48px;
  }
}

@media (max-width: 899px) {
  .swiper-buttons-center .swiper-button-next {
    right: -32px;
  }
}

@media (max-width: 639px) {
  .swiper-buttons-center .swiper-button-next {
    right: 0;
  }
}

.swiper-buttons-center-inside .swiper-button-prev {
  left: 32px;
}

.swiper-buttons-center-inside .swiper-button-next {
  right: 32px;
}

.swiper-buttons-center-thumbs .swiper-button {
  border: none;
  background: none;
}

.swiper-buttons-center-thumbs .swiper-button-prev {
  left: 7px;
}

.swiper-buttons-center-thumbs .swiper-button-next {
  right: 7px;
}

.swiper-buttons-center-thumbs .swiper-button svg {
  width: 14px;
}

.swiper-button {
  --swiper-arrow-default-color:#0166dc;
  --swiper-arrow-default-border:transparent;
  --swiper-arrow-default-background:transparent;
  --swiper-arrow-hover-color:#127ffe;
  --swiper-arrow-hover-border:#127ffe;
  --swiper-arrow-hover-background:transparent;
  --swiper-arrow-focus-color:#127ffe;
  --swiper-arrow-focus-border:#127ffe;
  --swiper-arrow-focus-background:transparent;
  --swiper-arrow-active-color:#0166dc;
  --swiper-arrow-active-border:#0166dc;
  --swiper-arrow-active-background:white;
  --swiper-arrow-disabled-color:rgba(255, 255, 255, 0.4);
  --swiper-arrow-disabled-border:transparent;
  --swiper-arrow-disabled-background:transparent;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 56px;
  height: 56px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  outline: none;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-transition-property: color, background-color, border-color, opacity, box-shadow;
  transition-property: color, background-color, border-color, opacity, box-shadow;
  z-index: 1;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  border-color: var(--swiper-arrow-default-border);
  background-color: var(--swiper-arrow-default-background);
  color: var(--swiper-arrow-default-color);
}

@media (max-width: 899px) {
  .swiper-button {
    width: 48px;
    height: 48px;
  }
}

@media (hover: hover) {
  .swiper-button:not(.swiper-button-disabled):hover {
    background-color: var(--swiper-arrow-hover-background);
    color: var(--swiper-arrow-hover-color);
    border-color: var(--swiper-arrow-hover-border);
  }
  .swiper-button:not(.swiper-button-disabled):focus-within, .swiper-button:not(.swiper-button-disabled):focus {
    background-color: var(--swiper-arrow-focus-background);
    color: var(--swiper-arrow-focus-color);
    border-color: var(--swiper-arrow-focus-border);
  }
}

.swiper-button:not(.swiper-button-disabled):active {
  background-color: var(--swiper-arrow-active-background);
  color: var(--swiper-arrow-active-color);
  border-color: var(--swiper-arrow-active-border);
}

.swiper-button-prev svg {
  margin-right: 1px;
}

.swiper-button-next svg {
  margin-left: 3px;
}

.swiper-button svg {
  width: 16px;
  stroke: currentColor;
}

@media (max-width: 899px) {
  .swiper-button svg {
    width: 12px;
  }
}

.swiper-button-disabled {
  background-color: var(--swiper-arrow-disabled-background);
  color: var(--swiper-arrow-disabled-color);
  border-color: var(--swiper-arrow-disabled-border);
  cursor: default;
}

.swiper-scrollbar {
  background-color: var(--scrollbar-default-background);
}

@media (min-width: 640px) {
  .swiper-scrollbar {
    display: none;
  }
}

.swiper-scrollbar-drag {
  background-color: var(--scrollbar-active-background);
}

.PromoSlider {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

@media (orientation: landscape) {
  .PromoSlider {
    min-height: 100vh;
    /* Avoid Chrome to see Safari hack */
  }
  @supports (-webkit-touch-callout: none) {
    .PromoSlider {
      /* The hack for Safari */
      min-height: -webkit-fill-available;
    }
  }
}

.PromoSlider__container {
  width: 100%;
}

.PromoSlider__slide {
  height: 100%;
  padding-top: calc(var(--header-height));
  box-sizing: border-box;
}

.PromoSlider__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}

@media (max-width: 424px) {
  .PromoSlider__item::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  }
}

.PromoSlider__content {
  position: relative;
  max-width: 50%;
  padding-top: 48px;
  padding-bottom: 184px;
  z-index: 1;
}

@media (max-width: 1199px) {
  .PromoSlider__content {
    max-width: 55%;
  }
}

@media (max-width: 999px) {
  .PromoSlider__content {
    padding-top: 48px;
    padding-bottom: 168px;
  }
}

@media (max-width: 899px) {
  .PromoSlider__content {
    max-width: 65%;
    padding-top: 24px;
    padding-bottom: 120px;
  }
}

@media (max-width: 639px) {
  .PromoSlider__content {
    max-width: 70%;
  }
}

@media (max-width: 424px) {
  .PromoSlider__content {
    max-width: 100%;
  }
}

.PromoSlider__link {
  color: white;
}

.PromoSlider__link .PromoSlider__title {
  color: inherit;
}

.PromoSlider__title {
  font-weight: 600;
  color: white;
}

@media (max-width: 699px) {
  .PromoSlider__title {
    font-size: 1.75rem;
  }
}

.PromoSlider__description {
  margin-top: 32px;
  font-size: 1.375rem;
  color: white;
  padding-left: 16px;
  border-left: 4px #e8421f solid;
  border-radius: 1px;
}

@media (max-width: 899px) {
  .PromoSlider__description {
    margin-top: 24px;
    font-size: 1.125rem;
  }
}

@media (max-width: 699px) {
  .PromoSlider__description {
    margin-top: 16px;
    font-size: 1rem;
  }
}

.PromoSlider__cta {
  padding-top: 32px;
}

@media (max-width: 899px) {
  .PromoSlider__cta {
    padding-top: 24px;
  }
}

@media (max-width: 699px) {
  .PromoSlider__cta {
    padding-top: 16px;
  }
}

@media (max-width: 424px) {
  .PromoSlider__buyButton {
    width: 100%;
  }
}

.PromoSlider__nav {
  position: absolute;
  bottom: 80px;
  left: calc((100vw - 1200px) / 2);
  margin-top: 0;
  z-index: 1;
}

@media (max-width: 1279px) {
  .PromoSlider__nav {
    left: 40px;
  }
}

@media (max-width: 1199px) {
  .PromoSlider__nav {
    bottom: 64px;
  }
}

@media (max-width: 899px) {
  .PromoSlider__nav {
    bottom: 40px;
    left: 32px;
  }
}

@media (max-width: 639px) {
  .PromoSlider__nav {
    left: 16px;
  }
}

.PromoSlider__image {
  z-index: 0;
}

.CategoryCard {
  height: 100%;
}

.CategoryCard--modeAllCategories .CategoryCard__content {
  background-image: linear-gradient(116.36deg, #dcdfe4 33.14%, #b1c2dc 100%);
}

.CategoryCard--modeAllCategories .CategoryCard__title {
  color: #282d30;
}

.CategoryCard--modeAllCategories .CategoryCard__picture {
  width: 40%;
  bottom: 0;
  right: 0;
}

.CategoryCard--modeAllCategories .CategoryCard__picture::after {
  background: linear-gradient(116.36deg, #dcdfe4 33.14%, #b1c2dc 100%);
}

.CategoryCard--modeList .CategoryCard__content {
  min-height: 276px;
  padding: 24px;
}

@media (min-width: 425px) and (max-width: 639px) {
  .CategoryCard--modeList .CategoryCard__content {
    padding: 20px;
  }
}

@media (max-width: 424px) {
  .CategoryCard--modeList .CategoryCard__content {
    min-height: 240px;
  }
}

@media (min-width: 425px) and (max-width: 639px) {
  .CategoryCard--modeList .CategoryCard__picture {
    width: 50%;
  }
}

.CategoryCard--modeList .CategoryCard__picture,
.CategoryCard--modeList .CategoryCard__newCategoryLabel {
  bottom: 32px;
  right: 20px;
}

@media (max-width: 999px) {
  .CategoryCard--modeList .CategoryCard__picture,
.CategoryCard--modeList .CategoryCard__newCategoryLabel {
    bottom: 24px;
  }
}

@media (max-width: 639px) {
  .CategoryCard--modeList .CategoryCard__picture,
.CategoryCard--modeList .CategoryCard__newCategoryLabel {
    bottom: 20px;
  }
}

@media (max-width: 1439px) {
  .CategoryCard--modeList .CategoryCard__title {
    font-size: 1.25rem;
  }
}

@media (max-width: 639px) {
  .CategoryCard--modeList .CategoryCard__title {
    font-size: 1.125rem;
  }
}

@media (max-width: 999px) {
  .CategoryCard--modeList .CategoryCard__description {
    margin-top: 8px;
  }
}

@media (min-width: 425px) and (max-width: 639px) {
  .CategoryCard--modeList .CategoryCard__arrowWrapper {
    width: 36px;
    height: 36px;
  }
}

@media (hover: hover) {
  .CategoryCard__link:hover .CategoryCard__picture::after, .CategoryCard__link:focus .CategoryCard__picture::after, .CategoryCard__link:active .CategoryCard__picture::after {
    -webkit-transform: translateY(50%) translateX(-50%) scale(1);
    transform: translateY(50%) translateX(-50%) scale(1);
  }
  .CategoryCard__link:hover .CategoryCard__title, .CategoryCard__link:focus .CategoryCard__title, .CategoryCard__link:active .CategoryCard__title {
    color: #e8421f;
  }
  .CategoryCard__link:focus .CategoryCard__arrow, .CategoryCard__link:active .CategoryCard__arrow {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}

.CategoryCard__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
  min-height: 320px;
  height: 100%;
  padding: 40px;
  background-image: linear-gradient(135.7deg, #053f84 0%, #011e47 101.99%);
  overflow: hidden;
}

@media (max-width: 1439px) {
  .CategoryCard__content {
    min-height: 300px;
    padding: 32px;
  }
}

@media (max-width: 639px) {
  .CategoryCard__content {
    padding: 24px;
  }
}

.CategoryCard__title {
  position: relative;
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1.2;
  color: white;
  z-index: 1;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

@media (max-width: 639px) {
  .CategoryCard__title {
    font-size: 1.25rem;
  }
}

.CategoryCard__description {
  position: relative;
  margin-top: 12px;
  font-size: 1rem;
  line-height: 1.5;
  color: white;
  z-index: 1;
}

@media (min-width: 1920px) {
  .CategoryCard__description {
    max-width: 80%;
  }
}

@media (max-width: 639px) {
  .CategoryCard__description {
    margin-top: 8px;
    font-size: 0.875rem;
  }
}

.CategoryCard__title, .CategoryCard__description, .CategoryCard__arrowWrapper {
  z-index: 3;
}

.CategoryCard__picture {
  position: absolute;
  right: 28px;
  bottom: 28px;
  width: 33%;
  z-index: 1;
}

@media (max-width: 1919px) {
  .CategoryCard__picture {
    width: 37%;
  }
}

@media (max-width: 999px) {
  .CategoryCard__picture {
    right: 24px;
    bottom: 24px;
  }
}

@media (max-width: 639px) {
  .CategoryCard__picture {
    right: 20px;
    bottom: 20px;
  }
}

.CategoryCard__picture::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  border-radius: 50%;
  width: 250%;
  padding-bottom: 250%;
  background: linear-gradient(135.7deg, #053f84 0%, #011e47 101.99%);
  z-index: 0;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translateY(50%) translateX(-50%) scale(0);
  transform: translateY(50%) translateX(-50%) scale(0);
}

.CategoryCard__image {
  position: relative;
  z-index: 1;
  width: 100%;
}

.CategoryCard__arrowWrapper {
  position: relative;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 42px;
  height: 42px;
  margin-top: auto;
  border-radius: 50%;
  background-color: #e8421f;
  z-index: 1;
}

.CategoryCard__arrow {
  position: relative;
  left: -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: white;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.CategoryCard__newCategoryLabel {
  position: absolute;
  right: 38px;
  bottom: 38px;
  width: 50px;
  z-index: 2;
}

@media (max-width: 999px) {
  .CategoryCard__newCategoryLabel {
    right: 32px;
    bottom: 32px;
  }
}

@media (max-width: 639px) {
  .CategoryCard__newCategoryLabel {
    right: 24px;
    bottom: 24px;
    width: 44px;
  }
}

.CategoryCard__newCategoryLabel svg {
  width: 100%;
}

@media (min-width: 1px) {
  .CategoriesSlider .swiper-slide {
    width: 80%;
    max-width: 270px;
    padding-left: 0;
    padding-right: 0;
  }
  .CategoriesSlider .swiper-slide:last-child {
    margin-right: 0;
  }
  .CategoriesSlider .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .CategoriesSlider .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
}

@media (min-width: 425px) {
  .CategoriesSlider .swiper-slide {
    width: 80%;
    max-width: 280px;
    padding-left: 0;
    padding-right: 0;
  }
  .CategoriesSlider .swiper-slide:last-child {
    margin-right: 0;
  }
  .CategoriesSlider .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .CategoriesSlider .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
}

@media (min-width: 640px) {
  .CategoriesSlider .swiper-slide {
    padding-left: 0;
    padding-right: 0;
    width: calc(100% / 2 + 0);
    max-width: unset;
  }
  .CategoriesSlider .swiper-slide:last-child {
    margin-right: 0;
  }
  .CategoriesSlider .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
  }
  .CategoriesSlider .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
  .CategoriesSlider.swiper-grid .swiper-slide {
    padding: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .CategoriesSlider.swiper-grid .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: auto;
    margin: 0;
  }
  .CategoriesSlider.swiper-grid .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
  }
}

@media (min-width: 900px) {
  .CategoriesSlider .swiper-slide {
    padding-left: 0;
    padding-right: 0;
    width: calc(100% / 3 + 0);
    max-width: unset;
  }
  .CategoriesSlider .swiper-slide:last-child {
    margin-right: 0;
  }
  .CategoriesSlider .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
  }
  .CategoriesSlider .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
  .CategoriesSlider.swiper-grid .swiper-slide {
    padding: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .CategoriesSlider.swiper-grid .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: auto;
    margin: 0;
  }
  .CategoriesSlider.swiper-grid .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
  }
}

@media (min-width: 1200px) {
  .CategoriesSlider .swiper-slide {
    padding-left: 0;
    padding-right: 0;
    width: calc(100% / 4 + 0);
    max-width: unset;
  }
  .CategoriesSlider .swiper-slide:last-child {
    margin-right: 0;
  }
  .CategoriesSlider .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
  }
  .CategoriesSlider .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
  .CategoriesSlider.swiper-grid .swiper-slide {
    padding: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .CategoriesSlider.swiper-grid .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: auto;
    margin: 0;
  }
  .CategoriesSlider.swiper-grid .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
  }
}

@media (max-width: 639px) {
  .CategoriesSlider__item--allCategories {
    display: none;
  }
}

.CategoriesSlider__allCategoriesButtonWrapper {
  padding-top: 16px;
  text-align: center;
}

@media (min-width: 640px) {
  .CategoriesSlider__allCategoriesButtonWrapper {
    display: none;
  }
}

.CategoriesSlider__allCategoriesButton {
  color: white;
}

.CategoriesSlider__allCategoriesButton:hover, .CategoriesSlider__allCategoriesButton:focus, .CategoriesSlider__allCategoriesButton:active {
  color: #e8421f;
}

@media (hover: hover) {
  .ArticleCard:hover .ArticleCard__image, .ArticleCard:active .ArticleCard__image, .ArticleCard:focus .ArticleCard__image {
    -webkit-transform: scale(1.065);
    transform: scale(1.065);
  }
  .ArticleCard:hover .ArticleCard__title, .ArticleCard:active .ArticleCard__title, .ArticleCard:focus .ArticleCard__title {
    color: #e8421f;
  }
}

.ArticleCard__picture {
  display: block;
  position: relative;
  padding-bottom: 50.7246376812%;
  background-color: var(--color-placeholder);
  overflow: hidden;
  margin-bottom: 24px;
}

.ArticleCard__picture--withImage {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #7e8488), color-stop(50%, #eef0f3), color-stop(85%, #7e8488));
  background-image: linear-gradient(to right, #7e8488 25%, #eef0f3 50%, #7e8488 85%);
  background-size: 600%;
  background-position: 0;
  will-change: background-position;
  -webkit-animation: shine-loader 3s infinite ease-out;
  animation: shine-loader 3s infinite ease-out;
}

.ArticleCard__image {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}

.ArticleCard__date {
  display: block;
  font-size: 1rem;
  line-height: 1.21;
  margin-bottom: 12px;
  color: #0166dc;
}

@media (max-width: 999px) {
  .ArticleCard__date {
    margin-top: 20px;
  }
}

@media (max-width: 899px) {
  .ArticleCard__date {
    margin-top: 18px;
  }
}

@media (max-width: 639px) {
  .ArticleCard__date {
    margin-top: 16px;
    font-size: 0.875rem;
  }
}

.ArticleCard__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 12px;
  color: #282d30;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

@media (max-width: 899px) {
  .ArticleCard__title {
    font-size: 1.125rem;
  }
}

@media (max-width: 639px) {
  .ArticleCard__title {
    font-size: 1rem;
    margin-top: 8px;
  }
}

.Layout--dark .ArticleCard__title {
  color: white;
}

.ArticleCard__description {
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(40, 45, 48, 0.5);
}

@media (max-width: 639px) {
  .ArticleCard__description {
    margin-top: 8px;
    font-size: 0.875rem;
  }
}

.Layout--dark .ArticleCard__description {
  color: white;
}

@media (min-width: 1px) {
  .ArticleCardsSlider--landing .swiper-slide {
    width: 80%;
    max-width: 230px;
    padding-left: 16px;
    padding-right: 0;
  }
  .ArticleCardsSlider--landing .swiper-slide:last-child {
    margin-right: 16px;
  }
  .ArticleCardsSlider--landing .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
    margin-left: -16px;
    margin-right: -16px;
  }
  .ArticleCardsSlider--landing .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
}

@media (min-width: 640px) {
  .ArticleCardsSlider--landing .swiper-slide {
    width: 80%;
    max-width: 276px;
    padding-left: 32px;
    padding-right: 0;
  }
  .ArticleCardsSlider--landing .swiper-slide:last-child {
    margin-right: 32px;
  }
  .ArticleCardsSlider--landing .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
    margin-left: -32px;
    margin-right: -32px;
  }
  .ArticleCardsSlider--landing .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
}

@media (min-width: 900px) {
  .ArticleCardsSlider--landing .swiper-slide {
    width: 80%;
    max-width: 276px;
    padding-left: 40px;
    padding-right: 0;
  }
  .ArticleCardsSlider--landing .swiper-slide:last-child {
    margin-right: 40px;
  }
  .ArticleCardsSlider--landing .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
    margin-left: -40px;
    margin-right: -40px;
  }
  .ArticleCardsSlider--landing .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
}

@media (min-width: 1000px) {
  .ArticleCardsSlider--landing .swiper-slide {
    padding-left: 0;
    padding-right: 24px;
    width: calc(100% / 4 + 6px);
    max-width: unset;
  }
  .ArticleCardsSlider--landing .swiper-slide:last-child {
    margin-right: -24px;
  }
  .ArticleCardsSlider--landing .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
  }
  .ArticleCardsSlider--landing .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
}

@media (min-width: 1200px) {
  .ArticleCardsSlider--landing .swiper-slide {
    padding-left: 0;
    padding-right: 32px;
    width: calc(100% / 4 + 8px);
    max-width: unset;
  }
  .ArticleCardsSlider--landing .swiper-slide:last-child {
    margin-right: -32px;
  }
  .ArticleCardsSlider--landing .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
  }
  .ArticleCardsSlider--landing .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
}

@media (max-width: 999px) {
  .ArticleCardsSlider--landing .ArticleCardsSlider__container {
    padding-bottom: 24px;
  }
}

.ArticleCardsSlider--landing .ArticleCardsSlider__scrollbar {
  display: block;
}

@media (min-width: 1000px) {
  .ArticleCardsSlider--landing .ArticleCardsSlider__scrollbar {
    display: none;
  }
}

@media (min-width: 1px) {
  .ArticleCardsSlider--slider .swiper-slide {
    width: 80%;
    max-width: 230px;
    padding-left: 16px;
    padding-right: 0;
  }
  .ArticleCardsSlider--slider .swiper-slide:last-child {
    margin-right: 16px;
  }
  .ArticleCardsSlider--slider .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
    margin-left: -16px;
    margin-right: -16px;
  }
  .ArticleCardsSlider--slider .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
}

@media (min-width: 640px) {
  .ArticleCardsSlider--slider .swiper-slide {
    padding-left: 0;
    padding-right: 24px;
    width: calc(100% / 2 + 12px);
    max-width: unset;
  }
  .ArticleCardsSlider--slider .swiper-slide:last-child {
    margin-right: -24px;
  }
  .ArticleCardsSlider--slider .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
  }
  .ArticleCardsSlider--slider .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
}

@media (min-width: 900px) {
  .ArticleCardsSlider--slider .swiper-slide {
    padding-left: 0;
    padding-right: 32px;
    width: calc(100% / 2 + 16px);
    max-width: unset;
  }
  .ArticleCardsSlider--slider .swiper-slide:last-child {
    margin-right: -32px;
  }
  .ArticleCardsSlider--slider .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
  }
  .ArticleCardsSlider--slider .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
}

@media (min-width: 1000px) {
  .ArticleCardsSlider--slider .swiper-slide {
    padding-left: 0;
    padding-right: 32px;
    width: calc(100% / 3 + 10.6666666667px);
    max-width: unset;
  }
  .ArticleCardsSlider--slider .swiper-slide:last-child {
    margin-right: -32px;
  }
  .ArticleCardsSlider--slider .swiper-container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    overflow: hidden;
    margin: 0;
  }
  .ArticleCardsSlider--slider .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: unset;
  }
}

@media (max-width: 1199px) {
  .ArticleCardsSlider--slider {
    margin: 0 40px;
  }
}

@media (max-width: 899px) {
  .ArticleCardsSlider--slider {
    margin: 0 32px;
  }
}

@media (max-width: 639px) {
  .ArticleCardsSlider--slider {
    margin: 0;
  }
}

@media (max-width: 639px) {
  .ArticleCardsSlider__nav {
    display: none;
  }
}

.ListPagination {
  padding-top: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 0;
}

@media (max-width: 899px) {
  .ListPagination {
    padding-top: 40px;
  }
}

@media (max-width: 639px) {
  .ListPagination {
    padding-top: 32px;
  }
}

.Layout--dark .ListPagination .ListPagination__link {
  --button-default-color:white;
  --button-default-border:transparent;
  --button-default-background:transparent;
  --button-hover-color:white;
  --button-hover-border:white;
  --button-hover-background:transparent;
  --button-focus-color:white;
  --button-focus-border:white;
  --button-focus-background:transparent;
  --button-active-color:#0166dc;
  --button-active-border:white;
  --button-active-background:white;
  --button-disabled-color:rgba(255, 255, 255, 0.4);
  --button-disabled-border:transparent;
  --button-disabled-background:transparent;
}

.Layout--dark .ListPagination .ListPagination__mobileSelect {
  --button-default-color:white;
  --button-default-border:white;
  --button-default-background:transparent;
  --button-hover-color:#127ffe;
  --button-hover-border:#127ffe;
  --button-hover-background:transparent;
  --button-focus-color:#127ffe;
  --button-focus-border:#127ffe;
  --button-focus-background:transparent;
  --button-active-color:#0166dc;
  --button-active-border:white;
  --button-active-background:white;
  --button-disabled-color:rgba(255, 255, 255, 0.4);
  --button-disabled-border:rgba(255, 255, 255, 0.4);
  --button-disabled-background:transparent;
}

.Layout--light .ListPagination .ListPagination__link, .Layout__section--white .ListPagination .ListPagination__link {
  --button-default-color:#0166dc;
  --button-default-border:transparent;
  --button-default-background:transparent;
  --button-hover-color:#127ffe;
  --button-hover-border:#127ffe;
  --button-hover-background:transparent;
  --button-focus-color:#127ffe;
  --button-focus-border:#127ffe;
  --button-focus-background:transparent;
  --button-active-color:white;
  --button-active-border:#0166dc;
  --button-active-background:#0166dc;
  --button-disabled-color:rgba(126, 132, 136, 0.4);
  --button-disabled-border:transparent;
  --button-disabled-background:transparent;
}

.Layout--light .ListPagination .ListPagination__mobileSelect, .Layout__section--white .ListPagination .ListPagination__mobileSelect {
  --button-default-color:white;
  --button-default-border:#0166dc;
  --button-default-background:#0166dc;
  --button-hover-color:white;
  --button-hover-border:#00155f;
  --button-hover-background:#00155f;
  --button-focus-color:white;
  --button-focus-border:#00155f;
  --button-focus-background:#00155f;
  --button-active-color:white;
  --button-active-border:#e8421f;
  --button-active-background:#e8421f;
  --button-disabled-color:white;
  --button-disabled-border:#a6aaad;
  --button-disabled-background:#a6aaad;
}

.ListPagination__mobileSelect {
  height: 100%;
  margin: 0 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: center;
  -moz-text-align-last: center;
  text-align-last: center;
  outline: none;
}

@media (min-width: 640px) {
  .ListPagination__mobileSelect {
    display: none;
  }
}

@media (max-width: 369px) {
  .ListPagination__mobileSelect {
    margin: 0;
  }
}

.ListPagination__item {
  margin: 0 6px;
}

.ListPagination__item:first-of-type {
  margin-right: 6px;
  margin-left: 0;
}

.ListPagination__item:last-of-type {
  margin-left: 6px;
  margin-right: 0;
}

@media (max-width: 639px) {
  .ListPagination__item--desktop {
    display: none;
  }
}

@media (min-width: 640px) {
  .ListPagination__item--mobile {
    display: none;
  }
}

.ListPagination__link--prev svg, .ListPagination__link--next svg {
  width: 10px;
}

.ListPagination__link--prev svg {
  margin-right: 1px;
}

.ListPagination__link--next svg {
  margin-left: 3px;
}

.SearchParts__title {
  text-align: center;
  margin-bottom: 24px;
}

.SearchParts__tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -24px 32px;
}

@media (max-width: 639px) {
  .SearchParts__tabs {
    margin: 0 -16px 32px;
  }
}

@media (max-width: 424px) {
  .SearchParts__tabs {
    margin: 0 -8px 32px;
  }
}

.SearchParts__tab {
  margin: 0 24px;
}

@media (max-width: 639px) {
  .SearchParts__tab {
    margin: 0 16px;
  }
}

@media (max-width: 424px) {
  .SearchParts__tab {
    margin: 0 8px;
  }
}

.SearchParts__tabLink {
  position: relative;
  color: #7e8488;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

.SearchParts__tabLink::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-color: currentColor;
  bottom: -4px;
  height: 2px;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.SearchParts__tabLink::after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

@media (max-width: 369px) {
  .SearchParts__tabLink {
    font-size: 0.875rem;
  }
}

.SearchParts__tabLink:hover, .SearchParts__tabLink:focus, .SearchParts__tabLink:active, .SearchParts__tabLink--active {
  color: #e8421f;
}

.SearchParts__tabLink:hover::after, .SearchParts__tabLink:focus::after, .SearchParts__tabLink:active::after, .SearchParts__tabLink--active::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.SearchParts__tabLink--active {
  cursor: default;
}

.LandingPage__newsHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 44px;
}

@media (max-width: 639px) {
  .LandingPage__newsHeader {
    margin-bottom: 32px;
  }
}

.LandingPage__newsHeading {
  margin-bottom: 0;
  font-weight: 600;
}

@media (max-width: 424px) {
  .LandingPage__allNewsButton {
    min-width: 120px;
    height: 40px;
  }
}
/*# sourceMappingURL=landing.css.map */