/* ========================================================================
   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;
}
/* Divider
 ========================================================================== */
.uk-grid-divider > * {
  position: relative;
}
.uk-grid-divider > :not(.uk-first-column)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid #e5e5e5;
}
/* Vertical */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #e5e5e5;
}
/*
 * Default
 */
/* Horizontal */
.uk-grid-divider {
  margin-left: -60px;
}
.uk-grid-divider > * {
  padding-left: 60px;
}
.uk-grid-divider > :not(.uk-first-column)::before {
  left: 30px;
}
/* Vertical */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin {
  margin-top: 60px;
}
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
  left: 60px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  .uk-grid-divider {
	margin-left: -80px;
  }
  .uk-grid-divider > * {
	padding-left: 80px;
  }
  .uk-grid-divider > :not(.uk-first-column)::before {
	left: 40px;
  }
  /* Vertical */
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
	margin-top: 80px;
  }
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
	top: -40px;
	left: 80px;
  }
}
/*
 * Small
 */
/* Horizontal */
.uk-grid-divider.uk-grid-small,
.uk-grid-divider.uk-grid-column-small {
  margin-left: -30px;
}
.uk-grid-divider.uk-grid-small > *,
.uk-grid-divider.uk-grid-column-small > * {
  padding-left: 30px;
}
.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before {
  left: 15px;
}
/* Vertical */
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin,
.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
  margin-top: 30px;
}
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
  top: -15px;
  left: 30px;
}
.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
  top: -15px;
}
.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
  left: 30px;
}
/*
 * Medium
 */
/* Horizontal */
.uk-grid-divider.uk-grid-medium,
.uk-grid-divider.uk-grid-column-medium {
  margin-left: -60px;
}
.uk-grid-divider.uk-grid-medium > *,
.uk-grid-divider.uk-grid-column-medium > * {
  padding-left: 60px;
}
.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before {
  left: 30px;
}
/* Vertical */
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
  margin-top: 60px;
}
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
  left: 60px;
}
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
}
.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
  left: 60px;
}
/*
 * Large
 */
/* Horizontal */
.uk-grid-divider.uk-grid-large,
.uk-grid-divider.uk-grid-column-large {
  margin-left: -80px;
}
.uk-grid-divider.uk-grid-large > *,
.uk-grid-divider.uk-grid-column-large > * {
  padding-left: 80px;
}
.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before {
  left: 40px;
}
/* Vertical */
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
  margin-top: 80px;
}
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
  top: -40px;
  left: 80px;
}
.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
  top: -40px;
}
.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
  left: 80px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  .uk-grid-divider.uk-grid-large,
  .uk-grid-divider.uk-grid-column-large {
	margin-left: -140px;
  }
  .uk-grid-divider.uk-grid-large > *,
  .uk-grid-divider.uk-grid-column-large > * {
	padding-left: 140px;
  }
  .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before,
  .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before {
	left: 70px;
  }
  /* Vertical */
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
	margin-top: 140px;
  }
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
	top: -70px;
	left: 140px;
  }
  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
	top: -70px;
  }
  .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
	left: 140px;
  }
}
/* Match child of a grid cell
 ========================================================================== */
/*
 * Behave like a block element
 * 1. Wrap into the next line
 * 2. Take the full width, at least 100%. Only if no class from the Width component is set.
 * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids)
 */
.uk-grid-match > *,
.uk-grid-item-match {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
}
.uk-grid-match > * > :not([class*='uk-width']),
.uk-grid-item-match > :not([class*='uk-width']) {
  /* 2 */
  box-sizing: border-box;
  width: 100%;
  /* 3 */
  flex: auto;
}


/* ========================================================================
   Component: Flex
 ========================================================================== */
.uk-flex {
  display: flex;
}
.uk-flex-inline {
  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 {
  justify-content: flex-start;
}
.uk-flex-center {
  justify-content: center;
}
.uk-flex-right {
  justify-content: flex-end;
}
.uk-flex-between {
  justify-content: space-between;
}
.uk-flex-around {
  justify-content: space-around;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-left\@s {
	justify-content: flex-start;
  }
  .uk-flex-center\@s {
	justify-content: center;
  }
  .uk-flex-right\@s {
	justify-content: flex-end;
  }
  .uk-flex-between\@s {
	justify-content: space-between;
  }
  .uk-flex-around\@s {
	justify-content: space-around;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-left\@m {
	justify-content: flex-start;
  }
  .uk-flex-center\@m {
	justify-content: center;
  }
  .uk-flex-right\@m {
	justify-content: flex-end;
  }
  .uk-flex-between\@m {
	justify-content: space-between;
  }
  .uk-flex-around\@m {
	justify-content: space-around;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-left\@l {
	justify-content: flex-start;
  }
  .uk-flex-center\@l {
	justify-content: center;
  }
  .uk-flex-right\@l {
	justify-content: flex-end;
  }
  .uk-flex-between\@l {
	justify-content: space-between;
  }
  .uk-flex-around\@l {
	justify-content: space-around;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-left\@xl {
	justify-content: flex-start;
  }
  .uk-flex-center\@xl {
	justify-content: center;
  }
  .uk-flex-right\@xl {
	justify-content: flex-end;
  }
  .uk-flex-between\@xl {
	justify-content: space-between;
  }
  .uk-flex-around\@xl {
	justify-content: space-around;
  }
}
/*
 * Align items in the cross axis of the current line of the flex container
 * Row: Vertical
 */
.uk-flex-stretch {
  align-items: stretch;
}
.uk-flex-top {
  align-items: flex-start;
}
.uk-flex-middle {
  align-items: center;
}
.uk-flex-bottom {
  align-items: flex-end;
}
/* Direction
 ========================================================================== */
.uk-flex-row {
  flex-direction: row;
}
.uk-flex-row-reverse {
  flex-direction: row-reverse;
}
.uk-flex-column {
  flex-direction: column;
}
.uk-flex-column-reverse {
  flex-direction: column-reverse;
}
/* Wrap
 ========================================================================== */
.uk-flex-nowrap {
  flex-wrap: nowrap;
}
.uk-flex-wrap {
  flex-wrap: wrap;
}
.uk-flex-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 {
  align-content: stretch;
}
.uk-flex-wrap-top {
  align-content: flex-start;
}
.uk-flex-wrap-middle {
  align-content: center;
}
.uk-flex-wrap-bottom {
  align-content: flex-end;
}
.uk-flex-wrap-between {
  align-content: space-between;
}
.uk-flex-wrap-around {
  align-content: space-around;
}
/* Item ordering
 ========================================================================== */
/*
 * Default is 0
 */
.uk-flex-first {
  order: -1;
}
.uk-flex-last {
  order: 99;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-first\@s {
	order: -1;
  }
  .uk-flex-last\@s {
	order: 99;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-first\@m {
	order: -1;
  }
  .uk-flex-last\@m {
	order: 99;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-first\@l {
	order: -1;
  }
  .uk-flex-last\@l {
	order: 99;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-first\@xl {
	order: -1;
  }
  .uk-flex-last\@xl {
	order: 99;
  }
}


/* ========================================================================
   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: 640px) {
  .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: 960px) {
  .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: 640px) {
  /* 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: 960px) {
  /* 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: 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: 1200px) {
.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: 1200px) {
.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: 960px) {
.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: 1200px) {
.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: 1600px) {
.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: 960px) {
.uk-margin-remove-left\@m {
  margin-left: 0 !important;
}
.uk-margin-remove-right\@m {
  margin-right: 0 !important;
}
}
/* Desktop and bigger */
@media (min-width: 1200px) {
.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: 1600px) {
.uk-margin-remove-left\@xl {
  margin-left: 0 !important;
}
.uk-margin-remove-right\@xl {
  margin-right: 0 !important;
}
}
/* ========================================================================
 Component: Padding
========================================================================== */
.uk-padding {
padding: 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
.uk-padding {
  padding: 40px;
}
}
/* Small
========================================================================== */
.uk-padding-small {
padding: 15px;
}
/* Large
========================================================================== */
.uk-padding-large {
padding: 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
.uk-padding-large {
  padding: 70px;
}
}
/* Remove
========================================================================== */
.uk-padding-remove {
padding: 0 !important;
}
.uk-padding-remove-top {
padding-top: 0 !important;
}
.uk-padding-remove-bottom {
padding-bottom: 0 !important;
}
.uk-padding-remove-left {
padding-left: 0 !important;
}
.uk-padding-remove-right {
padding-right: 0 !important;
}
.uk-padding-remove-vertical {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.uk-padding-remove-horizontal {
padding-left: 0 !important;
padding-right: 0 !important;
}