/* ========================================================================
   Component: Width
 ========================================================================== */
/* Equal child widths
 ========================================================================== */
 [class*='uk-child-width'] > * {
    box-sizing: border-box;
    width: 100%;
  }
  .uk-child-width-1-2 > * {
    width: 50%;
  }
  .uk-child-width-1-3 > * {
    width: calc(100% * 1 / 3.001);
  }
  .uk-child-width-1-4 > * {
    width: 25%;
  }
  .uk-child-width-1-5 > * {
    width: 20%;
  }
  .uk-child-width-1-6 > * {
    width: calc(100% * 1 / 6.001);
  }
  .uk-child-width-auto > * {
    width: auto;
  }
  /*
   * 1. Reset the `min-width`, which is set to auto by default, because
   *    flex items won't shrink below their minimum intrinsic content size.
   *    Using `1px` instead of `0`, so items still wrap into the next line,
   *    if they have zero width and padding and the predecessor is 100% wide.
   */
  .uk-child-width-expand > :not([class*='uk-width']) {
    flex: 1;
    /* 1 */
    min-width: 1px;
  }
  /* Phone landscape and bigger */
  @media (min-width: 768px) {
    .uk-child-width-1-1\@s > * {
      width: 100%;
    }
    .uk-child-width-1-2\@s > * {
      width: 50%;
    }
    .uk-child-width-1-3\@s > * {
      width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@s > * {
      width: 25%;
    }
    .uk-child-width-1-5\@s > * {
      width: 20%;
    }
    .uk-child-width-1-6\@s > * {
      width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@s > * {
      width: auto;
    }
    .uk-child-width-expand\@s > :not([class*='uk-width']) {
      flex: 1;
      min-width: 1px;
    }
  }
  /* Tablet landscape and bigger */
  @media (min-width: 1346px) {
    .uk-child-width-1-1\@m > * {
      width: 100%;
    }
    .uk-child-width-1-2\@m > * {
      width: 50%;
    }
    .uk-child-width-1-3\@m > * {
      width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@m > * {
      width: 25%;
    }
    .uk-child-width-1-5\@m > * {
      width: 20%;
    }
    .uk-child-width-1-6\@m > * {
      width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@m > * {
      width: auto;
    }
    .uk-child-width-expand\@m > :not([class*='uk-width']) {
      flex: 1;
      min-width: 1px;
    }
  }
  /* Desktop and bigger */
  @media (min-width: 1200px) {
    .uk-child-width-1-1\@l > * {
      width: 100%;
    }
    .uk-child-width-1-2\@l > * {
      width: 50%;
    }
    .uk-child-width-1-3\@l > * {
      width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@l > * {
      width: 25%;
    }
    .uk-child-width-1-5\@l > * {
      width: 20%;
    }
    .uk-child-width-1-6\@l > * {
      width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@l > * {
      width: auto;
    }
    .uk-child-width-expand\@l > :not([class*='uk-width']) {
      flex: 1;
      min-width: 1px;
    }
  }
  /* Large screen and bigger */
  @media (min-width: 1600px) {
    .uk-child-width-1-1\@xl > * {
      width: 100%;
    }
    .uk-child-width-1-2\@xl > * {
      width: 50%;
    }
    .uk-child-width-1-3\@xl > * {
      width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@xl > * {
      width: 25%;
    }
    .uk-child-width-1-5\@xl > * {
      width: 20%;
    }
    .uk-child-width-1-6\@xl > * {
      width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@xl > * {
      width: auto;
    }
    .uk-child-width-expand\@xl > :not([class*='uk-width']) {
      flex: 1;
      min-width: 1px;
    }
  }
  /* Single Widths
   ========================================================================== */
  /*
   * 1. `max-width` is needed for the pixel-based classes
   */
  [class*='uk-width'] {
    box-sizing: border-box;
    width: 100%;
    /* 1 */
    max-width: 100%;
  }
  /* Halves */
  .uk-width-1-2 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3 {
    width: calc(100% * 1 / 3.001);
  }
  .uk-width-2-3 {
    width: calc(100% * 2 / 3.001);
  }
  /* Quarters */
  .uk-width-1-4 {
    width: 25%;
  }
  .uk-width-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-1-5 {
    width: 20%;
  }
  .uk-width-2-5 {
    width: 40%;
  }
  .uk-width-3-5 {
    width: 60%;
  }
  .uk-width-4-5 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-1-6 {
    width: calc(100% * 1 / 6.001);
  }
  .uk-width-5-6 {
    width: calc(100% * 5 / 6.001);
  }
  /* Pixel */
  .uk-width-small {
    width: 150px;
  }
  .uk-width-medium {
    width: 300px;
  }
  .uk-width-large {
    width: 450px;
  }
  .uk-width-xlarge {
    width: 600px;
  }
  .uk-width-2xlarge {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto {
    width: auto;
  }
  /* Expand */
  .uk-width-expand {
    flex: 1;
    min-width: 1px;
  }
  /* Phone landscape and bigger */
  @media (min-width: 768px) {
    /* Whole */
    .uk-width-1-1\@s {
      width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@s {
      width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@s {
      width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@s {
      width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@s {
      width: 25%;
    }
    .uk-width-3-4\@s {
      width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@s {
      width: 20%;
    }
    .uk-width-2-5\@s {
      width: 40%;
    }
    .uk-width-3-5\@s {
      width: 60%;
    }
    .uk-width-4-5\@s {
      width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@s {
      width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@s {
      width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@s {
      width: 150px;
    }
    .uk-width-medium\@s {
      width: 300px;
    }
    .uk-width-large\@s {
      width: 450px;
    }
    .uk-width-xlarge\@s {
      width: 600px;
    }
    .uk-width-2xlarge\@s {
      width: 750px;
    }
    /* Auto */
    .uk-width-auto\@s {
      width: auto;
    }
    /* Expand */
    .uk-width-expand\@s {
      flex: 1;
      min-width: 1px;
    }
  }
  /* Tablet landscape and bigger */
  @media (min-width: 1346px) {
    /* Whole */
    .uk-width-1-1\@m {
      width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@m {
      width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@m {
      width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@m {
      width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@m {
      width: 25%;
    }
    .uk-width-3-4\@m {
      width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@m {
      width: 20%;
    }
    .uk-width-2-5\@m {
      width: 40%;
    }
    .uk-width-3-5\@m {
      width: 60%;
    }
    .uk-width-4-5\@m {
      width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@m {
      width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@m {
      width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@m {
      width: 150px;
    }
    .uk-width-medium\@m {
      width: 300px;
    }
    .uk-width-large\@m {
      width: 450px;
    }
    .uk-width-xlarge\@m {
      width: 600px;
    }
    .uk-width-2xlarge\@m {
      width: 750px;
    }
    /* Auto */
    .uk-width-auto\@m {
      width: auto;
    }
    /* Expand */
    .uk-width-expand\@m {
      flex: 1;
      min-width: 1px;
    }
  }
  /* Desktop and bigger */
  @media (min-width: 1200px) {
    /* Whole */
    .uk-width-1-1\@l {
      width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@l {
      width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@l {
      width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@l {
      width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@l {
      width: 25%;
    }
    .uk-width-3-4\@l {
      width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@l {
      width: 20%;
    }
    .uk-width-2-5\@l {
      width: 40%;
    }
    .uk-width-3-5\@l {
      width: 60%;
    }
    .uk-width-4-5\@l {
      width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@l {
      width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@l {
      width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@l {
      width: 150px;
    }
    .uk-width-medium\@l {
      width: 300px;
    }
    .uk-width-large\@l {
      width: 450px;
    }
    .uk-width-xlarge\@l {
      width: 600px;
    }
    .uk-width-2xlarge\@l {
      width: 750px;
    }
    /* Auto */
    .uk-width-auto\@l {
      width: auto;
    }
    /* Expand */
    .uk-width-expand\@l {
      flex: 1;
      min-width: 1px;
    }
  }
  /* Large screen and bigger */
  @media (min-width: 1600px) {
    /* Whole */
    .uk-width-1-1\@xl {
      width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@xl {
      width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@xl {
      width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@xl {
      width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@xl {
      width: 25%;
    }
    .uk-width-3-4\@xl {
      width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@xl {
      width: 20%;
    }
    .uk-width-2-5\@xl {
      width: 40%;
    }
    .uk-width-3-5\@xl {
      width: 60%;
    }
    .uk-width-4-5\@xl {
      width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@xl {
      width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@xl {
      width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@xl {
      width: 150px;
    }
    .uk-width-medium\@xl {
      width: 300px;
    }
    .uk-width-large\@xl {
      width: 450px;
    }
    .uk-width-xlarge\@xl {
      width: 600px;
    }
    .uk-width-2xlarge\@xl {
      width: 750px;
    }
    /* Auto */
    .uk-width-auto\@xl {
      width: auto;
    }
    /* Expand */
    .uk-width-expand\@xl {
      flex: 1;
      min-width: 1px;
    }
  }
  /* ========================================================================
     Component: Height
   ========================================================================== */
  [class*='uk-height'] {
    box-sizing: border-box;
  }
  /*
   * Only works if parent element has a height set
   */
  .uk-height-1-1 {
    height: 100%;
  }
  /*
   * Useful to create image teasers
   */
  .uk-height-viewport {
    min-height: 100vh;
  }
  /*
   * Pixel
   * Useful for `overflow: auto`
   */
  .uk-height-small {
    height: 150px;
  }
  .uk-height-medium {
    height: 300px;
  }
  .uk-height-large {
    height: 450px;
  }
  .uk-height-max-small {
    max-height: 150px;
  }
  .uk-height-max-medium {
    max-height: 300px;
  }
  .uk-height-max-large {
    max-height: 450px;
  }
  /* ========================================================================
     Component: Slider
   ========================================================================== */
  /*
   * 1. Prevent tab highlighting on iOS.
   */
  .uk-slider {
    /* 1 */
    -webkit-tap-highlight-color: transparent;
  }
  /* Container
   ========================================================================== */
  /*
   * Clip child elements
   */
  .uk-slider-container {
    overflow: hidden;
  }
  /*
   * Widen container to prevent box-shadows from clipping, `large-box-shadow`
   */
  .uk-slider-container-offset {
    margin: -11px -25px -39px -25px;
    padding: 11px 25px 39px 25px;
  }
  /* Items
   ========================================================================== */
  /*
   * 1. Optimize animation
   * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`.
   */
  .uk-slider-items {
    /* 1 */
    will-change: transform;
    /* 2 */
    position: relative;
  }
  /*
   * 1. Reset list style without interfering with grid
   * 2. Prevent displaying the callout information on iOS.
   */
  .uk-slider-items:not(.uk-grid) {
    display: flex;
    /* 1 */
    margin: 0;
    padding: 0;
    list-style: none;
    /* 2 */
    -webkit-touch-callout: none;
  }
  .uk-slider-items.uk-grid {
    flex-wrap: nowrap;
  }
  /* Item
   ========================================================================== */
  /*
   * 1. Let items take content dimensions (0 0 auto)
   * 2. Create position context
   * 3. Disable horizontal panning gestures in IE11 and Edge
   * 4. Suppress outline on focus
   */
  .uk-slider-items > * {
    /* 1 */
    flex: none;
    /* 2 */
    position: relative;
    /* 3 */
    touch-action: pan-y;
  }
  /* 4 */
  .uk-slider-items > :focus {
    outline: none;
  }
  
  /* ========================================================================
     Component: Grid
   ========================================================================== */
  /*
   * 1. Allow cells to wrap into the next line
   * 2. Reset list
   */
  .uk-grid {
    display: flex;
    /* 1 */
    flex-wrap: wrap;
    /* 2 */
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /*
   * Grid cell
   * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto
   * Reset margin for e.g. paragraphs
   */
  .uk-grid > * {
    margin: 0;
  }
  /*
   * Remove margin from the last-child
   */
  .uk-grid > * > :last-child {
    margin-bottom: 0;
  }
  /* Gutter
   ========================================================================== */
  /*
   * Default
   */
  /* Horizontal */
  .uk-grid {
    margin-left: -30px;
  }
  .uk-grid > * {
    padding-left: 30px;
  }
  /* Vertical */
  .uk-grid + .uk-grid,
  .uk-grid > .uk-grid-margin,
  * + .uk-grid-margin {
    margin-top: 30px;
  }
  /* Desktop and bigger */
  @media (min-width: 1200px) {
    /* Horizontal */
    .uk-grid {
      margin-left: -40px;
    }
    .uk-grid > * {
      padding-left: 40px;
    }
    /* Vertical */
    .uk-grid + .uk-grid,
    .uk-grid > .uk-grid-margin,
    * + .uk-grid-margin {
      margin-top: 40px;
    }
  }
  /*
   * Small
   */
  /* Horizontal */
  .uk-grid-small,
  .uk-grid-column-small {
    margin-left: -15px;
  }
  .uk-grid-small > *,
  .uk-grid-column-small > * {
    padding-left: 15px;
  }
  /* Vertical */
  .uk-grid + .uk-grid-small,
  .uk-grid + .uk-grid-row-small,
  .uk-grid-small > .uk-grid-margin,
  .uk-grid-row-small > .uk-grid-margin,
  * + .uk-grid-margin-small {
    margin-top: 15px;
  }
  /*
   * Medium
   */
  /* Horizontal */
  .uk-grid-medium,
  .uk-grid-column-medium {
    margin-left: -30px;
  }
  .uk-grid-medium > *,
  .uk-grid-column-medium > * {
    padding-left: 30px;
  }
  /* Vertical */
  .uk-grid + .uk-grid-medium,
  .uk-grid + .uk-grid-row-medium,
  .uk-grid-medium > .uk-grid-margin,
  .uk-grid-row-medium > .uk-grid-margin,
  * + .uk-grid-margin-medium {
    margin-top: 30px;
  }
  /*
   * Large
   */
  /* Horizontal */
  .uk-grid-large,
  .uk-grid-column-large {
    margin-left: -40px;
  }
  .uk-grid-large > *,
  .uk-grid-column-large > * {
    padding-left: 40px;
  }
  /* Vertical */
  .uk-grid + .uk-grid-large,
  .uk-grid + .uk-grid-row-large,
  .uk-grid-large > .uk-grid-margin,
  .uk-grid-row-large > .uk-grid-margin,
  * + .uk-grid-margin-large {
    margin-top: 40px;
  }
  /* Desktop and bigger */
  @media (min-width: 1200px) {
    /* Horizontal */
    .uk-grid-large,
    .uk-grid-column-large {
      margin-left: -70px;
    }
    .uk-grid-large > *,
    .uk-grid-column-large > * {
      padding-left: 70px;
    }
    /* Vertical */
    .uk-grid + .uk-grid-large,
    .uk-grid + .uk-grid-row-large,
    .uk-grid-large > .uk-grid-margin,
    .uk-grid-row-large > .uk-grid-margin,
    * + .uk-grid-margin-large {
      margin-top: 70px;
    }
  }
  /*
   * Collapse
   */
  /* Horizontal */
  .uk-grid-collapse,
  .uk-grid-column-collapse {
    margin-left: 0;
  }
  .uk-grid-collapse > *,
  .uk-grid-column-collapse > * {
    padding-left: 0;
  }
  /* Vertical */
  .uk-grid + .uk-grid-collapse,
  .uk-grid + .uk-grid-row-collapse,
  .uk-grid-collapse > .uk-grid-margin,
  .uk-grid-row-collapse > .uk-grid-margin {
    margin-top: 0;
  }
  
  /* ========================================================================
     Component: Slidenav
   ========================================================================== */
  /*
   * Adopts `uk-icon`
   */
  .uk-slidenav {
    padding: 5px 10px;
    color: rgba(102, 102, 102, 0.5);
    transition: color 0.1s ease-in-out;
  }
  /* Hover + Focus */
  .uk-slidenav:hover,
  .uk-slidenav:focus {
    color: rgba(102, 102, 102, 0.9);
    outline: none;
  }
  /* OnClick */
  .uk-slidenav:active {
    color: rgba(102, 102, 102, 0.5);
  }
  /* Icon modifier
   ========================================================================== */
  /*
   * Previous
   */
  /*
   * Next
   */
  /* Size modifier
   ========================================================================== */
  .uk-slidenav-large {
    padding: 10px 10px;
  }
  /* Container
   ========================================================================== */
  .uk-slidenav-container {
    display: flex;
  }
  /* ========================================================================
     Component: Dotnav
   ========================================================================== */
  /*
   * 1. Allow items to wrap into the next line
   * 2. Reset list
   * 3. Gutter
   */
  .uk-dotnav {
    display: flex;
    /* 1 */
    flex-wrap: wrap;
    /* 2 */
    margin: 0;
    padding: 0;
    list-style: none;
    /* 3 */
    margin-left: -12px;
  }
  /*
   * 1. Space is allocated solely based on content dimensions: 0 0 auto
   * 2. Gutter
   */
  .uk-dotnav > * {
    /* 1 */
    flex: none;
    /* 2 */
    padding-left: 12px;
  }
  /* Items
   ========================================================================== */
  /*
   * Items
   * 1. Hide text if present
   */
  .uk-dotnav > * > * {
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transparent;
    /* 1 */
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid rgba(102, 102, 102, 0.4);
    transition: 0.2s ease-in-out;
    transition-property: background-color, border-color;
  }
  /* Hover + Focus */
  .uk-dotnav > * > :hover,
  .uk-dotnav > * > :focus {
    background-color: rgba(102, 102, 102, 0.6);
    outline: none;
    border-color: transparent;
  }
  /* OnClick */
  .uk-dotnav > * > :active {
    background-color: rgba(102, 102, 102, 0.2);
    border-color: transparent;
  }
  /* Active */
  .uk-dotnav > .uk-active > * {
    background-color: rgba(102, 102, 102, 0.6);
    border-color: transparent;
  }
  
  /* ========================================================================
     Component: Position
   ========================================================================== */
  /* Directions
   ========================================================================== */
  /*
   * 1. Prevent content overflow if `max-width: 100%` is used inside position container.
   */
  [class*='uk-position-top'],
  [class*='uk-position-bottom'],
  [class*='uk-position-left'],
  [class*='uk-position-right'],
  [class*='uk-position-center'] {
    position: absolute !important;
    /* 1 */
    max-width: 100%;
  }
  /* Edges
   ========================================================================== */
  /* Don't use `width: 100%` because it is wrong if the parent has padding. */
  .uk-position-top {
    top: 0;
    left: 0;
    right: 0;
  }
  .uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0;
  }
  .uk-position-left {
    top: 0;
    bottom: 0;
    left: 0;
  }
  .uk-position-right {
    top: 0;
    bottom: 0;
    right: 0;
  }
  /* Corners
   ========================================================================== */
  .uk-position-top-left {
    top: 0;
    left: 0;
  }
  .uk-position-top-right {
    top: 0;
    right: 0;
  }
  .uk-position-bottom-left {
    bottom: 0;
    left: 0;
  }
  .uk-position-bottom-right {
    bottom: 0;
    right: 0;
  }
  /*
   * Center
   * 1. Fix text wrapping if content is larger than 50% of the container.
   */
  .uk-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* 1 */
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;
  }
  /* Vertical */
  [class*='uk-position-center-left'],
  [class*='uk-position-center-right'] {
    top: 50%;
    transform: translateY(-50%);
  }
  .uk-position-center-left {
    left: 0;
  }
  .uk-position-center-right {
    right: 0;
  }
  .uk-position-center-left-out {
    right: 100%;
    width: max-content;
  }
  .uk-position-center-right-out {
    left: 100%;
    width: max-content;
  }
  /* Horizontal */
  .uk-position-top-center,
  .uk-position-bottom-center {
    left: 50%;
    transform: translateX(-50%);
    /* 1 */
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;
  }
  .uk-position-top-center {
    top: 0;
  }
  .uk-position-bottom-center {
    bottom: 0;
  }
  /* Cover
   ========================================================================== */
  .uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  /* Utility
   ========================================================================== */
  .uk-position-relative {
    position: relative !important;
  }
  .uk-position-relative:focus {
    outline: none;
  }
  .uk-position-absolute {
    position: absolute !important;
  }
  .uk-position-fixed {
    position: fixed !important;
  }
  .uk-position-z-index {
    z-index: 1;
  }
  /* Margin modifier
   ========================================================================== */
  /*
   * Small
   */
  .uk-position-small {
    max-width: calc(100% - (15px * 2));
    margin: 15px;
  }
  .uk-position-small.uk-position-center {
    transform: translate(-50%, -50%) translate(-15px, -15px);
  }
  .uk-position-small[class*='uk-position-center-left'],
  .uk-position-small[class*='uk-position-center-right'] {
    transform: translateY(-50%) translateY(-15px);
  }
  .uk-position-small.uk-position-top-center,
  .uk-position-small.uk-position-bottom-center {
    transform: translateX(-50%) translateX(-15px);
  }
  /*
   * Medium
   */
  .uk-position-medium {
    max-width: calc(100% - (30px * 2));
    margin: 30px;
  }
  .uk-position-medium.uk-position-center {
    transform: translate(-50%, -50%) translate(-30px, -30px);
  }
  .uk-position-medium[class*='uk-position-center-left'],
  .uk-position-medium[class*='uk-position-center-right'] {
    transform: translateY(-50%) translateY(-30px);
  }
  .uk-position-medium.uk-position-top-center,
  .uk-position-medium.uk-position-bottom-center {
    transform: translateX(-50%) translateX(-30px);
  }
  /*
   * Large
   */
  .uk-position-large {
    max-width: calc(100% - (30px * 2));
    margin: 30px;
  }
  .uk-position-large.uk-position-center {
    transform: translate(-50%, -50%) translate(-30px, -30px);
  }
  .uk-position-large[class*='uk-position-center-left'],
  .uk-position-large[class*='uk-position-center-right'] {
    transform: translateY(-50%) translateY(-30px);
  }
  .uk-position-large.uk-position-top-center,
  .uk-position-large.uk-position-bottom-center {
    transform: translateX(-50%) translateX(-30px);
  }
  /* Desktop and bigger */
  @media (min-width: 1200px) {
    .uk-position-large {
      max-width: calc(100% - (50px * 2));
      margin: 50px;
    }
    .uk-position-large.uk-position-center {
      transform: translate(-50%, -50%) translate(-50px, -50px);
    }
    .uk-position-large[class*='uk-position-center-left'],
    .uk-position-large[class*='uk-position-center-right'] {
      transform: translateY(-50%) translateY(-50px);
    }
    .uk-position-large.uk-position-top-center,
    .uk-position-large.uk-position-bottom-center {
      transform: translateX(-50%) translateX(-50px);
    }
  }
  
  .uk-flex-center{
      display: flex;
      justify-content: center;
  }
  
  [hidden],
  .uk-hidden {
    display: none !important;
  }
  
  /* ========================================================================
     Component: Card
   ========================================================================== */
  .uk-card {
    position: relative;
    box-sizing: border-box;
    transition: box-shadow 0.1s ease-in-out;
  }
  /* Sections
   ========================================================================== */
  .uk-card-body {
    display: flow-root;
    padding: 30px 30px;
  }
  .uk-card-header {
    display: flow-root;
    padding: 15px 30px;
  }
  .uk-card-footer {
    display: flow-root;
    padding: 15px 30px;
  }
  /* Desktop and bigger */
  @media (min-width: 1200px) {
    .uk-card-body {
      padding: 40px 40px;
    }
    .uk-card-header {
      padding: 20px 40px;
    }
    .uk-card-footer {
      padding: 20px 40px;
    }
  }
  /*
   * Remove margin from the last-child
   */
  .uk-card-body > :last-child,
  .uk-card-header > :last-child,
  .uk-card-footer > :last-child {
    margin-bottom: 0;
  }
  /* Media
   ========================================================================== */
  /*
   * Reserved alignment modifier to style the media element, e.g. with `border-radius`
   * Implemented by the theme
   */
  /* Title
   ========================================================================== */
  .uk-card-title {
    font-size: 1.5rem;
    line-height: 1.4;
  }
  /* Badge
   ========================================================================== */
  .uk-card-badge {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1;
  }
  /*
   * Remove margin from adjacent element
   */
  .uk-card-badge:first-child + * {
    margin-top: 0;
  }
  /* Hover modifier
   ========================================================================== */
  .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background: #fff;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
  }
  /* Style modifiers
   ========================================================================== */
  /*
   * Default
   * Note: Header and Footer are only implemented for the default style
   */
  .uk-card-default {
    color: #666;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  }
  .uk-card-default.card-grey {
    background: #f6f5f5;
  }
  .uk-card-default.card-white {
    background: #ffffff;
  }
  .uk-card-default .uk-card-title {
    color: #333;
  }
  .uk-card-default.uk-card-hover:hover {
    background-color: #fff;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
  }
  .uk-card-default .uk-card-header {
    border-bottom: 1px solid #e5e5e5;
  }
  .uk-card-default .uk-card-footer {
    border-top: 1px solid #e5e5e5;
  }
  /*
   * Primary
   */
  .uk-card-primary {
    background: #1e87f0;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  }
  .uk-card-primary .uk-card-title {
    color: #fff;
  }
  .uk-card-primary.uk-card-hover:hover {
    background-color: #1e87f0;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
  }
  /*
   * Secondary
   */
  .uk-card-secondary {
    background: #222;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  }
  .uk-card-secondary .uk-card-title {
    color: #fff;
  }
  .uk-card-secondary.uk-card-hover:hover {
    background-color: #222;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
  }
  /* Size modifier
   ========================================================================== */
  /*
   * Small
   */
  .uk-card-small.uk-card-body,
  .uk-card-small .uk-card-body {
    padding: 20px 20px;
  }
  .uk-card-small .uk-card-header {
    padding: 13px 20px;
  }
  .uk-card-small .uk-card-footer {
    padding: 13px 20px;
  }
  /*
   * Large
   */
  /* Desktop and bigger */
  @media (min-width: 1200px) {
    .uk-card-large.uk-card-body,
    .uk-card-large .uk-card-body {
      padding: 70px 70px;
    }
    .uk-card-large .uk-card-header {
      padding: 35px 70px;
    }
    .uk-card-large .uk-card-footer {
      padding: 35px 70px;
    }
  }
  /*
       * Default
       */
  .uk-card-body > .uk-nav-default {
    margin-left: -30px;
    margin-right: -30px;
  }
  .uk-card-body > .uk-nav-default:only-child {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .uk-card-body .uk-nav-default > li > a,
  .uk-card-body .uk-nav-default .uk-nav-header,
  .uk-card-body .uk-nav-default .uk-nav-divider {
    padding-left: 30px;
    padding-right: 30px;
  }
  .uk-card-body .uk-nav-default .uk-nav-sub {
    padding-left: 45px;
  }
  /* Desktop and bigger */
  @media (min-width: 1200px) {
    .uk-card-body > .uk-nav-default {
      margin-left: -40px;
      margin-right: -40px;
    }
    .uk-card-body > .uk-nav-default:only-child {
      margin-top: -25px;
      margin-bottom: -25px;
    }
    .uk-card-body .uk-nav-default > li > a,
    .uk-card-body .uk-nav-default .uk-nav-header,
    .uk-card-body .uk-nav-default .uk-nav-divider {
      padding-left: 40px;
      padding-right: 40px;
    }
    .uk-card-body .uk-nav-default .uk-nav-sub {
      padding-left: 55px;
    }
  }
  /*
       * Small
       */
  .uk-card-small > .uk-nav-default {
    margin-left: -20px;
    margin-right: -20px;
  }
  .uk-card-small > .uk-nav-default:only-child {
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .uk-card-small .uk-nav-default > li > a,
  .uk-card-small .uk-nav-default .uk-nav-header,
  .uk-card-small .uk-nav-default .uk-nav-divider {
    padding-left: 20px;
    padding-right: 20px;
  }
  .uk-card-small .uk-nav-default .uk-nav-sub {
    padding-left: 35px;
  }
  /*
       * Large
       */
  /* Desktop and bigger */
  @media (min-width: 1200px) {
    .uk-card-large > .uk-nav-default {
      margin: 0;
    }
    .uk-card-large > .uk-nav-default:only-child {
      margin: 0;
    }
    .uk-card-large .uk-nav-default > li > a,
    .uk-card-large .uk-nav-default .uk-nav-header,
    .uk-card-large .uk-nav-default .uk-nav-divider {
      padding-left: 0;
      padding-right: 0;
    }
    .uk-card-large .uk-nav-default .uk-nav-sub {
      padding-left: 15px;
    }
  }