.uk-height-xlarge {
  height: 600px;
}











:root
{
	--ci-col1: #ee3240;
	--ci-col1-dark: #bf3a46;
	--ci-col2: #405f73;
	--ci-col2-dark: #1b2934;
	/* --ci-col2-dark: #0b1218; */
	--ci-col3: #c5dadd;
	--ci-col3-dark: #508394;
}

/* Text Color */
.ci-color-primary
{
	color: var(--ci-col1) !important;
}
.ci-color-primary-dark
{
	color: var(--ci-col1-dark) !important;
}
.ci-color-secondary
{
	color: var(--ci-col2) !important;
}
.ci-color-secondary-dark
{
	color: var(--ci-col2-dark) !important;
}
.ci-color-accent
{
	color: var(--ci-col3) !important;
}
.ci-color-accent-dark
{
	color: var(--ci-col3-dark) !important;
}

/* Background Color */
.ci-background-primary
{
	background-color: var(--ci-col1) !important;
}
.ci-background-primary-dark
{
	background-color: var(--ci-col1-dark) !important;
}
.ci-background-secondary
{
	background-color: var(--ci-col2) !important;
}
.ci-background-secondary-dark
{
	background-color: var(--ci-col2-dark) !important;
}
.ci-background-accent
{
	background-color: var(--ci-col3) !important;
}
.ci-background-accent-dark
{
	background-color: var(--ci-col3-dark) !important;
}


a,
.uk-link
{
	color: var(--ci-col3-dark);
}
a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link
{
	color: var(--ci-col2);
}

.uk-notification {
	border: 1px solid #ddd;
	box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

/* ========================================================================
   Component: Button
 ========================================================================== */
/*
 * 1. Remove margins in Chrome, Safari and Opera.
 * 2. Remove borders for `button`.
 * 3. Address `overflow` set to `hidden` in IE.
 * 4. Correct `font` properties and `color` not being inherited for `button`.
 * 5. Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 6. Remove default style for `input type="submit"`in iOS.
 * 7. Style
 * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
 *    Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements.
 * 9. Align text if button has a width
 * 10. Required for `a`.
 */
 .ci-button {
	/* 1 */
	margin: 0;
	/* 2 */
	border: none;
	/* 3 */
	overflow: visible;
	/* 4 */
	font: inherit;
	color: inherit;
	/* 5 */
	text-transform: none;
	/* 6 */
	-webkit-appearance: none;
	border-radius: 0;
	/* 7 */
	display: inline-block;
	box-sizing: border-box;
	padding: 0 30px;
	vertical-align: middle;
	font-size: 0.875rem;
	/* 8 */
	line-height: 38px;
	/* 9 */
	text-align: center;
	/* 10 */
	text-decoration: none;
	text-transform: uppercase;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color, border-color, filter;
  }
  .ci-button:not(:disabled) {
	cursor: pointer;
  }
  /*
   * Remove the inner border and padding in Firefox.
   */
  .ci-button::-moz-focus-inner {
	border: 0;
	padding: 0;
  }
  /* Hover */
  .ci-button:hover {
	/* 9 */
	text-decoration: none;
  }
  /* Focus */
  .ci-button:focus {
	outline: none;
  }

/*
 *
 */
 .uk-button-link {
	/* 1 */
	padding: 0;
	line-height: 1.5;
	background: none;
	/* 2 */
	color: var(--ci-col3-dark);
  }
  /* Hover + Focus */
  .uk-button-link:hover,
  .uk-button-link:focus {
	color: var(--ci-col2);
	text-decoration: underline;
  }
  /* Disabled */
  .uk-button-link:disabled {
	color: #999;
	text-decoration: none;
  }

/*
 * Default
 */
.ci-button-default {
	background-color: transparent;
	color: #333;
	border: 1px solid #e5e5e5;
  }
  /* Hover + Focus */
  .ci-button-default:hover,
  .ci-button-default:focus {
	background-color: transparent;
	color: #333;
	border-color: #b2b2b2;
  }
  /* OnClick + Active */
  .ci-button-default:active {
	background-color: transparent;
	color: #333;
	border-color: #999999;
  }

/*
 * Outline
 */
.ci-button-outline {
	background-color: transparent;
	border-bottom: 1px solid currentColor !important;
  }
  /* Hover + Focus */
  .ci-button-outline:hover,
  .ci-button-outline:focus {
	background-color: transparent;
	border-bottom: 1px solid currentColor !important;
  }
  /* OnClick + Active */
  .ci-button-outline:active {
	background-color: transparent;
	border-bottom: 1px solid currentColor !important;
  }

/*
 * Primary
 */
.ci-button-primary {
	background-color: var(--ci-col1);
	color: #fff;
	border: 1px solid transparent;
}
/* Hover + Focus */
.ci-button-primary:hover,
.ci-button-primary:focus {
	/* background-color: var(--ci-col1-dark); */
	filter: brightness(0.92);
	color: #fff;
}
/* OnClick + Active */
.ci-button-primary:active {
	filter: brightness(0.84);
	color: #fff;
}

/*
 * Secondary
 */
 .ci-button-secondary {
	background-color: var(--ci-col2);
	color: #fff;
	border: 1px solid transparent;
}
/* Hover + Focus */
.ci-button-secondary:hover,
.ci-button-secondary:focus {
	/* background-color: var(--ci-col1-dark); */
	filter: brightness(0.92);
	color: #fff;
}
/* OnClick + Active */
.ci-button-secondary:active {
	filter: brightness(0.84);
	color: #fff;
}

/*
 * Secondary dark
 */
 .ci-button-secondary-dark {
	background-color: var(--ci-col2-dark);
	color: #fff;
	border: 1px solid transparent;
}
/* Hover + Focus */
.ci-button-secondary-dark:hover,
.ci-button-secondary-dark:focus {
	/* background-color: var(--ci-col1-dark); */
	filter: brightness(0.92);
	color: #fff;
}
/* OnClick + Active */
.ci-button-secondary-dark:active {
	filter: brightness(0.84);
	color: #fff;
}