@charset "UTF-8";

/* ========================================================================
   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: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  background: #fff;
  color: #444;
}

/*
 * 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: #ff3f00;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
  color: #ff3f00;
  text-decoration: underline;
}

/* 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: 700;
}

/*
 * 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: #444;
  white-space: nowrap;
}

/*
 * Emphasize
 */

em {
  color: #444;
}

/*
 * Insert
 */

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

/*
 * Mark
 */

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

/*
 * 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 20px 0;
}

/* Add margin if adjacent element */

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

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

h1,
.uk-h1,
h2,
.uk-h2,
.page-comments > h3,
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 20px 0;
  font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  color: #444;
  text-transform: none;
}

/* Add margin if adjacent element */

* + h1,
* + .uk-h1,
* + h2,
* + .uk-h2,
.page-comments > * + h3,
* + 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: 40px;
}

/*
 * Sizes
 */

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

h2,
.uk-h2,
.page-comments > h3 {
  font-size: 1.7rem;
  line-height: 1.3;
}

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

h4,
.uk-h4 {
  font-size: 1.2rem;
  line-height: 1.4;
}

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

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

/* Tablet landscape and bigger */

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

  h2,
  .uk-h2,
  .page-comments > h3 {
    font-size: 2rem;
  }
}

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

ul,
ol {
  padding-left: 30px;
}

/*
 * 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.2rem;
  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: #444;
  -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: #ccc;
  text-shadow: none;
}

::selection {
  background: #39f;
  color: #ccc;
  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: "960px";
}

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

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

:root {
  --uk-breakpoint-s: 640px;
  --uk-breakpoint-m: 960px;
  --uk-breakpoint-l: 1200px;
  --uk-breakpoint-xl: 1600px;
}

/* ========================================================================
   Component: Link
 ========================================================================== */

/* Muted
 ========================================================================== */

a.uk-link-muted,
.uk-link-muted a {
  color: #999;
}

a.uk-link-muted:hover,
.uk-link-muted a:hover,
.uk-link-toggle:hover .uk-link-muted,
.uk-link-toggle:focus .uk-link-muted {
  color: #444;
}

/* Text
 ========================================================================== */

a.uk-link-text,
.uk-link-text a {
  color: inherit;
}

a.uk-link-text:hover,
.uk-link-text a:hover,
.uk-link-toggle:hover .uk-link-text,
.uk-link-toggle:focus .uk-link-text {
  color: #999;
}

/* Heading
 ========================================================================== */

a.uk-link-heading,
.uk-link-heading a {
  color: inherit;
}

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

/* Reset
 ========================================================================== */

/*
 * `!important` needed to override inverse component
 */

a.uk-link-reset,
.uk-link-reset a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Toggle
 ========================================================================== */

.uk-link-toggle {
  color: inherit !important;
  text-decoration: none !important;
}

.uk-link-toggle:focus {
  outline: none;
}

/* ========================================================================
   Component: Heading
 ========================================================================== */

.uk-heading-small {
  font-size: 2.6rem;
  line-height: 1.2;
}

.uk-heading-medium {
  font-size: 2.8875rem;
  line-height: 1.1;
}

.uk-heading-large {
  font-size: 3.4rem;
  line-height: 1.1;
}

.uk-heading-xlarge {
  font-size: 4rem;
  line-height: 1;
}

.uk-heading-2xlarge {
  font-size: 6rem;
  line-height: 1;
}

/* Tablet Landscape and bigger */

@media (min-width: 960px) {
  .uk-heading-small {
    font-size: 3.25rem;
  }

  .uk-heading-medium {
    font-size: 3.5rem;
  }

  .uk-heading-large {
    font-size: 4rem;
  }

  .uk-heading-xlarge {
    font-size: 6rem;
  }

  .uk-heading-2xlarge {
    font-size: 8rem;
  }
}

/* Laptop and bigger */

@media (min-width: 1200px) {
  .uk-heading-medium {
    font-size: 4rem;
  }

  .uk-heading-large {
    font-size: 6rem;
  }

  .uk-heading-xlarge {
    font-size: 8rem;
  }

  .uk-heading-2xlarge {
    font-size: 11rem;
  }
}

/* Primary
   Deprecated: Use `uk-heading-medium` instead
 ========================================================================== */

/* Tablet landscape and bigger */

/* Desktop and bigger */

/* Hero
   Deprecated: Use `uk-heading-xlarge` instead
 ========================================================================== */

/* Tablet landscape and bigger */

/* Desktop and bigger */

/* Divider
 ========================================================================== */

.uk-heading-divider {
  padding-bottom: calc(5px + 0.1em);
  border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
}

/* Bullet
 ========================================================================== */

.uk-heading-bullet {
  position: relative;
}

/*
 * 1. Using `inline-block` to make it work with text alignment
 * 2. Center vertically
 * 3. Style
 */

.uk-heading-bullet::before {
  content: "";
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  top: calc(-0.1 * 1em);
  vertical-align: middle;
  /* 3 */
  height: calc(4px + 0.7em);
  margin-right: calc(5px + 0.2em);
  border-left: calc(5px + 0.1em) solid #e5e5e5;
}

/* Line
 ========================================================================== */

/*
 * Clip the child element
 */

.uk-heading-line {
  overflow: hidden;
}

/*
 * Extra markup is needed to make it work with text align
 */

.uk-heading-line > * {
  display: inline-block;
  position: relative;
}

/*
 * 1. Center vertically
 * 2. Make the element as large as possible. It's clipped by the container.
 * 3. Style
 */

.uk-heading-line > ::before,
.uk-heading-line > ::after {
  content: "";
  /* 1 */
  position: absolute;
  top: calc(50% - (calc(0.2px + 0.05em) / 2));
  /* 2 */
  width: 2000px;
  /* 3 */
  border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
}

.uk-heading-line > ::before {
  right: 100%;
  margin-right: calc(5px + 0.3em);
}

.uk-heading-line > ::after {
  left: 100%;
  margin-left: calc(5px + 0.3em);
}

/* ========================================================================
   Component: Divider
 ========================================================================== */

/*
 * 1. Reset default `hr`
 * 2. Set margin if a `div` is used for semantical reason
 */

[class*=uk-divider] {
  /* 1 */
  border: none;
  /* 2 */
  margin-bottom: 20px;
}

/* Add margin if adjacent element */

* + [class*=uk-divider] {
  margin-top: 20px;
}

/* Icon
 ========================================================================== */

.uk-divider-icon {
  position: relative;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.uk-divider-icon::before,
.uk-divider-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  max-width: calc(50% - (50px / 2));
  border-bottom: 1px solid #e5e5e5;
}

.uk-divider-icon::before {
  right: calc(50% + (50px / 2));
  width: 100%;
}

.uk-divider-icon::after {
  left: calc(50% + (50px / 2));
  width: 100%;
}

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

/*
 * 1. Fix height because of `inline-block`
 * 2. Using ::after and inline-block to make `text-align` work
 */

/* 1 */

.uk-divider-small {
  line-height: 0;
}

/* 2 */

.uk-divider-small::after {
  content: "";
  display: inline-block;
  width: 100px;
  max-width: 100%;
  border-top: 1px solid #e5e5e5;
  vertical-align: top;
}

/* Vertical
 ========================================================================== */

.uk-divider-vertical {
  width: 1px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #e5e5e5;
}

/* ========================================================================
   Component: List
 ========================================================================== */

.uk-list {
  padding: 0;
  list-style: none;
}

/*
 * Micro clearfix
 */

.uk-list > li::before,
.uk-list > li::after {
  content: "";
  display: table;
}

.uk-list > li::after {
  clear: both;
}

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

.uk-list > li > :last-child {
  margin-bottom: 0;
}

/*
 * Nested lists
 */

.uk-list ul {
  margin: 0;
  padding-left: 30px;
  list-style: none;
}

/*
 * Style
 */

.uk-list > li:nth-child(n+2),
.uk-list > li > ul {
  margin-top: 10px;
}

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

/*
 * Divider
 */

.uk-list-divider > li:nth-child(n+2) {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
}

/*
 * Striped
 */

.uk-list-striped > li {
  padding: 10px 10px;
}

.uk-list-striped > li:nth-of-type(odd) {
  background: #f9f9f9;
}

.uk-list-striped > li:nth-child(n+2) {
  margin-top: 0;
}

/*
 * Bullet
 * 1. Reset display `table` which causes issues in combination with multi column layouts.
 */

.uk-list-bullet > li {
  position: relative;
  padding-left: calc(1.5em + 10px);
}

.uk-list-bullet > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5em;
  height: 1.5em;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23444%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  /* 1 */
  display: block;
}

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

.uk-list-large > li:nth-child(n+2),
.uk-list-large > li > ul {
  margin-top: 20px;
}

/*
 * Divider
 */

.uk-list-large.uk-list-divider > li:nth-child(n+2) {
  margin-top: 20px;
  padding-top: 20px;
}

/*
 * Striped
 */

.uk-list-large.uk-list-striped > li {
  padding: 20px 10px;
}

.uk-list-large.uk-list-striped > li:nth-child(n+2) {
  margin-top: 0;
}

/* ========================================================================
   Component: Description list
 ========================================================================== */

/*
 * Term
 */

.uk-description-list > dt {
  color: #444;
}

.uk-description-list > dt:nth-child(n+2) {
  margin-top: 20px;
}

/*
 * Description
 */

/* Style modifier
 ========================================================================== */

/*
 * Line
 */

.uk-description-list-divider > dt:nth-child(n+2) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}

/* ========================================================================
   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: 16px 12px;
  text-align: left;
  vertical-align: bottom;
  /* 1 */
  font-size: 16px;
  font-weight: bold;
  color: #444;
}

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

.uk-table td {
  padding: 16px 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: #f9f9f9;
}

/*
 * Hover
 */

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

/* 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: 16px 12px;
}

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

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

/* Phone landscape and smaller */

@media (max-width: 959px) {
  .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: 5px !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: 5px !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 > * {
  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: #444;
  outline: none;
}

/* OnClick + Active */

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

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

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

/* Hover + Focus */

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

/* OnClick + Active */

.uk-icon-button:active,
.uk-active > .uk-icon-button {
  background-color: #e0e0e0;
  color: #444;
}

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

/*
 * 1. Normalize and defaults
 * 2. Prevent content overflow if a fixed width is used
 * 3. Take the full width
 * 4. Remove default style
 * 5. Remove white background in Chrome
 * 6. Remove padding in IE11
 */

.uk-range {
  /* 1 */
  box-sizing: border-box;
  margin: 0;
  vertical-align: middle;
  /* 2 */
  max-width: 100%;
  /* 3 */
  width: 100%;
  /* 4 */
  -webkit-appearance: none;
  /* 5 */
  background: transparent;
  /* 6 */
  padding: 0;
}

/* Focus */

.uk-range:focus {
  outline: none;
}

.uk-range::-moz-focus-outer {
  border: none;
}

/* IE11 Reset */

.uk-range::-ms-track {
  height: 15px;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

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

.uk-range:not(:disabled)::-webkit-slider-thumb {
  cursor: pointer;
}

.uk-range:not(:disabled)::-moz-range-thumb {
  cursor: pointer;
}

.uk-range:not(:disabled)::-ms-thumb {
  cursor: pointer;
}

/* Thumb
 ========================================================================== */

/*
 * 1. Reset
 * 2. Style
 */

/* Webkit */

.uk-range::-webkit-slider-thumb {
  /* 1 */
  -webkit-appearance: none;
  margin-top: -7px;
  /* 2 */
  height: 15px;
  width: 15px;
  border-radius: 500px;
  background: #444;
}

/* Firefox */

.uk-range::-moz-range-thumb {
  /* 1 */
  border: none;
  /* 2 */
  height: 15px;
  width: 15px;
  border-radius: 500px;
  background: #444;
}

/* Edge */

.uk-range::-ms-thumb {
  /* 1 */
  margin-top: 0;
}

/* IE11 */

.uk-range::-ms-thumb {
  /* 1 */
  border: none;
  /* 2 */
  height: 15px;
  width: 15px;
  border-radius: 500px;
  background: #444;
}

/* Edge + IE11 */

.uk-range::-ms-tooltip {
  display: none;
}

/* Track
 ========================================================================== */

/*
 * 1. Safari doesn't have a focus state. Using active instead.
 */

/* Webkit */

.uk-range::-webkit-slider-runnable-track {
  height: 3px;
  background: #ececec;
}

.uk-range:focus::-webkit-slider-runnable-track,
.uk-range:active::-webkit-slider-runnable-track {
  background: lightgray;
}

/* Firefox */

.uk-range::-moz-range-track {
  height: 3px;
  background: #ececec;
}

.uk-range:focus::-moz-range-track {
  background: lightgray;
}

/* Edge */

.uk-range::-ms-fill-lower,
.uk-range::-ms-fill-upper {
  height: 3px;
  background: #ececec;
}

.uk-range:focus::-ms-fill-lower,
.uk-range:focus::-ms-fill-upper {
  background: lightgray;
}

/* ========================================================================
   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,
.uk-select,
.uk-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 {
  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 {
  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,
.uk-input[type=search]::-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,
.uk-input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/*
 * Removes placeholder transparency in Firefox.
 */

.uk-input::-moz-placeholder,
.uk-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,
.uk-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,
.uk-select,
.uk-textarea {
  /* 1 */
  max-width: 100%;
  /* 2 */
  width: 100%;
  /* 3 */
  border: 0 none;
  /* 4 */
  padding: 0 10px;
  background: #f9f9f9;
  color: #444;
}

/*
 * 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,
.uk-select:not([multiple]):not([size]) {
  height: 40px;
  vertical-align: middle;
  /* 1 */
  display: inline-block;
}

/* 2 */

.uk-input:not(input),
.uk-select:not(select) {
  line-height: 40px;
}

/*
 * Multi-line
 */

.uk-select[multiple],
.uk-select[size],
.uk-textarea {
  padding-top: 4px;
  padding-bottom: 4px;
  vertical-align: top;
}

/* Focus */

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  outline: none;
  background-color: #f9f9f9;
  color: #444;
}

/* Disabled */

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

/*
 * Placeholder
 */

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

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

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

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

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

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

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

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

.uk-textarea:-ms-input-placeholder {
  color: #999;
}

.uk-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.2rem;
}

.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: #002D6D;
}

/*
 * 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%23444%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23444%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] {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.uk-input[list]:hover,
.uk-input[list]: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%23444%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 {
  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: #ececec;
  /* 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: #ff3f00;
}

/* Focus */

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

/*
 * 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: #f9f9f9;
}

.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.32rem;
  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: 959px) {
  /* Behave like `uk-form-stacked` */

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

/* Tablet landscape and bigger */

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

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

  /* 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: 40px;
  /* 3 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* 4 */
  color: #999;
}

/*
 * Required for `a`.
 */

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

/*
 * 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 {
  padding-left: 40px !important;
}

/*
 * Position modifier
 */

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

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

/* ========================================================================
   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. Style
 * 7. `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.
 * 8. Align text if button has a width
 * 9. Required for `a`.
 */

.uk-button,
.pollino_submit {
  /* 1 */
  margin: 0;
  /* 2 */
  border: none;
  /* 3 */
  overflow: visible;
  /* 4 */
  font: inherit;
  color: inherit;
  /* 5 */
  text-transform: none;
  /* 6 */
  display: inline-block;
  box-sizing: border-box;
  padding: 0 30px;
  vertical-align: middle;
  font-size: 20px;
  /* 7 */
  line-height: 40px;
  /* 8 */
  text-align: center;
  /* 9 */
  text-decoration: none;
}

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

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

.uk-button::-moz-focus-inner,
.pollino_submit::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Hover */

.uk-button:hover,
.pollino_submit:hover {
  /* 9 */
  text-decoration: none;
}

/* Focus */

.uk-button:focus,
.pollino_submit:focus {
  outline: none;
}

/* OnClick + Active */

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

/*
 * Default
 */

.uk-button-default {
  background-color: #f9f9f9;
  color: #444;
}

/* Hover + Focus */

.uk-button-default:hover,
.uk-button-default:focus {
  background-color: #ececec;
  color: #444;
}

/* OnClick + Active */

.uk-button-default:active,
.uk-button-default.uk-active {
  background-color: #e0e0e0;
  color: #444;
}

/*
 * Primary
 */

.uk-button-primary,
.pollino_submit {
  background-color: #ff3f00;
  color: #ccc;
}

/* Hover + Focus */

.uk-button-primary:hover,
.pollino_submit:hover,
.uk-button-primary:focus,
.pollino_submit:focus {
  background-color: #e63900;
  color: #ccc;
}

/* OnClick + Active */

.uk-button-primary:active,
.pollino_submit:active,
.uk-button-primary.uk-active,
.uk-active.pollino_submit {
  background-color: #cc3200;
  color: #ccc;
}

/*
 * Secondary
 */

.uk-button-secondary {
  background-color: #fff;
  color: #ccc;
}

/* Hover + Focus */

.uk-button-secondary:hover,
.uk-button-secondary:focus {
  background-color: #f2f2f2;
  color: #ccc;
}

/* OnClick + Active */

.uk-button-secondary:active,
.uk-button-secondary.uk-active {
  background-color: #e6e6e6;
  color: #ccc;
}

/*
 * Danger
 */

.uk-button-danger {
  background-color: #002D6D;
  color: #ccc;
}

/* Hover + Focus */

.uk-button-danger:hover,
.uk-button-danger:focus {
  background-color: #002254;
  color: #ccc;
}

/* OnClick + Active */

.uk-button-danger:active,
.uk-button-danger.uk-active {
  background-color: #00183a;
  color: #ccc;
}

/*
 * Disabled
 * The same for all style modifiers
 */

.uk-button-default:disabled,
.uk-button-primary:disabled,
.pollino_submit:disabled,
.uk-button-secondary:disabled,
.uk-button-danger:disabled {
  background-color: #f9f9f9;
  color: #999;
}

/* Size modifiers
 ========================================================================== */

.uk-button-small,
.pollino_submit {
  padding: 0 15px;
  line-height: 30px;
  font-size: 0.875rem;
}

.uk-button-large {
  padding: 0 40px;
  line-height: 55px;
  font-size: 1.2rem;
}

/* Text modifiers
 ========================================================================== */

/*
 * Text
 * 1. Reset
 * 2. Style
 */

.uk-button-text {
  /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none;
  /* 2 */
  color: #999;
}

/* Hover + Focus */

.uk-button-text:hover,
.uk-button-text:focus {
  color: #444;
}

/* Disabled */

.uk-button-text:disabled {
  color: #999;
}

/*
 * Link
 * 1. Reset
 * 2. Style
 */

.uk-button-link {
  /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none;
  /* 2 */
  color: #ff3f00;
}

/* Hover + Focus */

.uk-button-link:hover,
.uk-button-link:focus {
  color: #ff3f00;
  text-decoration: underline;
}

/* Disabled */

.uk-button-link:disabled {
  color: #999;
  text-decoration: none;
}

/* Group
 ========================================================================== */

/*
 * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements
 * 2. Behave like button
 * 3. Create position context
 */

.uk-button-group {
  /* 1 */
  display: inline-flex;
  /* 2 */
  vertical-align: middle;
  /* 3 */
  position: relative;
}

/* ========================================================================
   Component: Section
 ========================================================================== */

/*
 * 1. Make it work with `100vh` and height in general
 */

.uk-section {
  box-sizing: border-box;
  /* 1 */
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Desktop and bigger */

@media (min-width: 960px) {
  .uk-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

/*
 * Micro clearfix
 */

.uk-section::before,
.uk-section::after {
  content: "";
  display: table;
}

.uk-section::after {
  clear: both;
}

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

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

/* Size modifiers
 ========================================================================== */

/*
 * XSmall
 */

.uk-section-xsmall {
  padding-top: 20px;
  padding-bottom: 20px;
}

/*
 * Small
 */

.uk-section-small {
  padding-top: 40px;
  padding-bottom: 40px;
}

/*
 * Large
 */

.uk-section-large {
  padding-top: 70px;
  padding-bottom: 70px;
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-section-large {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}

/*
 * XLarge
 */

.uk-section-xlarge {
  padding-top: 140px;
  padding-bottom: 140px;
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-section-xlarge {
    padding-top: 210px;
    padding-bottom: 210px;
  }
}

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

/*
 * Default
 */

.uk-section-default {
  background: #fff;
}

/*
 * Muted
 */

.uk-section-muted {
  background: #f9f9f9;
}

/*
 * Primary
 */

.uk-section-primary {
  background: #ff3f00;
}

/*
 * Secondary
 */

.uk-section-secondary {
  background: #3F3F3F;
}

/* Overlap modifier
 ========================================================================== */

/*
 * Reserved modifier to make a section overlap another section with an border image
 * Implemented by the theme
 */

/* ========================================================================
   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 {
  /* 1 */
  box-sizing: content-box;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* Tablet landscape and bigger */

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

/*
 * Micro clearfix
 */

.uk-container::before,
.uk-container::after {
  content: "";
  display: table;
}

.uk-container::after {
  clear: both;
}

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

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

/*
 * Remove padding from nested containers
 */

.uk-container .uk-container {
  padding-left: 0;
  padding-right: 0;
}

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

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

.uk-container-small {
  max-width: 960px;
}

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

.uk-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% + (800px / 2) - 30px);
  }

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

/* Tablet landscape and bigger */

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

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

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

  .uk-container-expand-left.uk-container-large,
  .uk-container-expand-right.uk-container-large {
    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% + 15px);
}

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

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

/* Phone landscape and bigger */

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

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

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

/* Tablet landscape and bigger */

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

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

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

/* ========================================================================
   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 {
  margin-left: -15px;
}

.uk-grid-small > * {
  padding-left: 15px;
}

/* Vertical */

.uk-grid + .uk-grid-small,
.uk-grid-small > .uk-grid-margin,
* + .uk-grid-margin-small {
  margin-top: 15px;
}

/*
 * Medium
 */

/* Horizontal */

.uk-grid-medium {
  margin-left: -30px;
}

.uk-grid-medium > * {
  padding-left: 30px;
}

/* Vertical */

.uk-grid + .uk-grid-medium,
.uk-grid-medium > .uk-grid-margin,
* + .uk-grid-margin-medium {
  margin-top: 30px;
}

/*
 * Large
 */

/* Horizontal */

.uk-grid-large {
  margin-left: -40px;
}

.uk-grid-large > * {
  padding-left: 40px;
}

/* Vertical */

.uk-grid + .uk-grid-large,
.uk-grid-large > .uk-grid-margin,
* + .uk-grid-margin-large {
  margin-top: 40px;
}

/* Desktop and bigger */

@media (min-width: 1200px) {
  /* Horizontal */

  .uk-grid-large {
    margin-left: -70px;
  }

  .uk-grid-large > * {
    padding-left: 70px;
  }

  /* Vertical */

  .uk-grid + .uk-grid-large,
  .uk-grid-large > .uk-grid-margin,
  * + .uk-grid-margin-large {
    margin-top: 70px;
  }
}

/*
 * Collapse
 */

/* Horizontal */

.uk-grid-collapse {
  margin-left: 0;
}

.uk-grid-collapse > * {
  padding-left: 0;
}

/* Vertical */

.uk-grid + .uk-grid-collapse,
.uk-grid-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 {
  margin-left: -30px;
}

.uk-grid-divider.uk-grid-small > * {
  padding-left: 30px;
}

.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before {
  left: 15px;
}

/* Vertical */

.uk-grid-divider.uk-grid-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;
}

/*
 * Medium
 */

/* Horizontal */

.uk-grid-divider.uk-grid-medium {
  margin-left: -60px;
}

.uk-grid-divider.uk-grid-medium > * {
  padding-left: 60px;
}

.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before {
  left: 30px;
}

/* Vertical */

.uk-grid-divider.uk-grid-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;
}

/*
 * Large
 */

/* Horizontal */

.uk-grid-divider.uk-grid-large {
  margin-left: -80px;
}

.uk-grid-divider.uk-grid-large > * {
  padding-left: 80px;
}

.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
  left: 40px;
}

/* Vertical */

.uk-grid-divider.uk-grid-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;
}

/* Desktop and bigger */

@media (min-width: 1200px) {
  /* Horizontal */

  .uk-grid-divider.uk-grid-large {
    margin-left: -140px;
  }

  .uk-grid-divider.uk-grid-large > * {
    padding-left: 140px;
  }

  .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
    left: 70px;
  }

  /* Vertical */

  .uk-grid-divider.uk-grid-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;
  }
}

/* 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: Tile
 ========================================================================== */

.uk-tile {
  position: relative;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-tile {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-tile {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

/*
 * Micro clearfix
 */

.uk-tile::before,
.uk-tile::after {
  content: "";
  display: table;
}

.uk-tile::after {
  clear: both;
}

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

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

/* Size modifiers
 ========================================================================== */

/*
 * XSmall
 */

.uk-tile-xsmall {
  padding-top: 20px;
  padding-bottom: 20px;
}

/*
 * Small
 */

.uk-tile-small {
  padding-top: 40px;
  padding-bottom: 40px;
}

/*
 * Large
 */

.uk-tile-large {
  padding-top: 70px;
  padding-bottom: 70px;
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-tile-large {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}

/*
 * XLarge
 */

.uk-tile-xlarge {
  padding-top: 140px;
  padding-bottom: 140px;
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-tile-xlarge {
    padding-top: 210px;
    padding-bottom: 210px;
  }
}

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

/*
 * Default
 */

.uk-tile-default {
  background: #fff;
}

/*
 * Muted
 */

.uk-tile-muted {
  background: #f9f9f9;
}

/*
 * Primary
 */

.uk-tile-primary {
  background: #ff3f00;
}

/*
 * Secondary
 */

.uk-tile-secondary {
  background: #3F3F3F;
}

/* ========================================================================
   Component: Card
 ========================================================================== */

.uk-card {
  position: relative;
  box-sizing: border-box;
}

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

.uk-card-body {
  padding: 30px 30px;
}

.uk-card-header {
  padding: 15px 30px;
}

.uk-card-footer {
  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;
  }
}

/*
 * Micro clearfix
 */

.uk-card-body::before,
.uk-card-body::after,
.uk-card-header::before,
.uk-card-header::after,
.uk-card-footer::before,
.uk-card-footer::after {
  content: "";
  display: table;
}

.uk-card-body::after,
.uk-card-header::after,
.uk-card-footer::after {
  clear: both;
}

/*
 * 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.32rem;
  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: #f9f9f9;
}

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

/*
 * Default
 * Note: Header and Footer are only implemented for the default style
 */

.uk-card-default {
  background: #fff;
  color: #444;
}

.uk-card-default .uk-card-title {
  color: #444;
}

.uk-card-default.uk-card-hover:hover {
  background-color: #f2f2f2;
}

/*
 * Primary
 */

.uk-card-primary {
  background: #ff3f00;
  color: #ccc;
}

.uk-card-primary .uk-card-title {
  color: #ccc;
}

.uk-card-primary.uk-card-hover:hover {
  background-color: #e63900;
}

/*
 * Secondary
 */

.uk-card-secondary {
  background: #3F3F3F;
  color: #ccc;
}

.uk-card-secondary .uk-card-title {
  color: #ccc;
}

.uk-card-secondary.uk-card-hover:hover {
  background-color: #323232;
}

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

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

/*
 * Adopts `uk-icon`
 */

.uk-close {
  color: #999;
}

/* Hover + Focus */

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

/* ========================================================================
   Component: Spinner
 ========================================================================== */

/*
 * Adopts `uk-icon`
 */

/* SVG
 ========================================================================== */

.uk-spinner > * {
  -webkit-animation: uk-spinner-rotate 1.4s linear infinite;
          animation: uk-spinner-rotate 1.4s linear infinite;
}

@-webkit-keyframes uk-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(270deg);
  }
}

@keyframes uk-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(270deg);
  }
}

/*
 * Circle
 */

.uk-spinner > * > * {
  stroke-dasharray: 88px;
  stroke-dashoffset: 0;
  transform-origin: center;
  -webkit-animation: uk-spinner-dash 1.4s ease-in-out infinite;
          animation: uk-spinner-dash 1.4s ease-in-out infinite;
  stroke-width: 1;
  stroke-linecap: round;
}

@-webkit-keyframes uk-spinner-dash {
  0% {
    stroke-dashoffset: 88px;
  }

  50% {
    stroke-dashoffset: 22px;
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 88px;
    transform: rotate(450deg);
  }
}

@keyframes uk-spinner-dash {
  0% {
    stroke-dashoffset: 88px;
  }

  50% {
    stroke-dashoffset: 22px;
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 88px;
    transform: rotate(450deg);
  }
}

/* ========================================================================
   Component: Totop
 ========================================================================== */

/*
 * Addopts `uk-icon`
 */

.uk-totop {
  padding: 5px;
  color: #999;
}

/* Hover + Focus */

.uk-totop:hover,
.uk-totop:focus {
  color: #444;
  outline: none;
}

/* OnClick */

.uk-totop:active {
  color: #444;
}

/* ========================================================================
   Component: Marker
 ========================================================================== */

/*
 * Addopts `uk-icon`
 */

.uk-marker {
  padding: 5px;
  background: #3F3F3F;
  color: #ccc;
}

/* Hover + Focus */

.uk-marker:hover,
.uk-marker:focus {
  color: #ccc;
  outline: none;
}

/* ========================================================================
   Component: Alert
 ========================================================================== */

.uk-alert {
  position: relative;
  margin-bottom: 20px;
  padding: 15px 29px 15px 15px;
  background: #f9f9f9;
  color: #444;
}

/* Add margin if adjacent element */

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

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

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

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

.uk-alert-close {
  position: absolute;
  top: 20px;
  right: 15px;
}

/*
 * Remove margin from adjacent element
 */

.uk-alert-close:first-child + * {
  margin-top: 0;
}

/*
 * Hover + Focus
 */

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

/*
 * Primary
 */

.uk-alert-primary {
  background: #ffd9cc;
  color: #ff3f00;
}

/*
 * Success
 */

.uk-alert-success {
  background: #edfbf6;
  color: #32d296;
}

/*
 * Warning
 */

.uk-alert-warning {
  background: #fef5ee;
  color: #faa05a;
}

/*
 * Danger
 */

.uk-alert-danger {
  background: #a7b6cc;
  color: #002D6D;
}

/* ========================================================================
   Component: Badge
 ========================================================================== */

/*
 * 1. Style
 * 2. Center child vertically and horizontally
 */

.uk-badge {
  box-sizing: border-box;
  min-width: 22px;
  height: 22px;
  padding: 0 5px;
  border-radius: 500px;
  vertical-align: middle;
  /* 1 */
  background: #ff3f00;
  color: #ccc;
  font-size: 0.875rem;
  /* 2 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/*
 * Required for `a`
 */

.uk-badge:hover,
.uk-badge:focus {
  color: #ccc;
  text-decoration: none;
  outline: none;
}

/* ========================================================================
   Component: Label
 ========================================================================== */

.uk-label {
  display: inline-block;
  padding: 0 10px;
  background: #ff3f00;
  line-height: 1.5;
  font-size: 0.875rem;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
}

/* Color modifiers
 ========================================================================== */

/*
 * Success
 */

.uk-label-success {
  background-color: #32d296;
  color: #ccc;
}

/*
 * Warning
 */

.uk-label-warning {
  background-color: #faa05a;
  color: #ccc;
}

/*
 * Danger
 */

.uk-label-danger {
  background-color: #002D6D;
  color: #ccc;
}

/* ========================================================================
   Component: Overlay
 ========================================================================== */

.uk-overlay {
  padding: 30px 30px;
}

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

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

/* Icon
 ========================================================================== */

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

/*
 * Default
 */

.uk-overlay-default {
  background: rgba(255, 255, 255, 0.8);
}

/*
 * Primary
 */

.uk-overlay-primary {
  background: rgba(63, 63, 63, 0.8);
}

/* ========================================================================
   Component: Article
 ========================================================================== */

/*
 * Micro clearfix
 */

.uk-article::before,
.uk-article::after {
  content: "";
  display: table;
}

.uk-article::after {
  clear: both;
}

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

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

/* Adjacent sibling
 ========================================================================== */

.uk-article + .uk-article {
  margin-top: 70px;
}

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

.uk-article-title {
  font-size: 2.23125rem;
  line-height: 1.2;
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-article-title {
    font-size: 2.625rem;
  }
}

/* Meta
 ========================================================================== */

.uk-article-meta {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #999;
}

/* ========================================================================
   Component: Comment
 ========================================================================== */

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

.uk-comment-body {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

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

/*
 * Micro clearfix
 */

.uk-comment-body::before,
.uk-comment-body::after,
.uk-comment-header::before,
.uk-comment-header::after {
  content: "";
  display: table;
}

.uk-comment-body::after,
.uk-comment-header::after {
  clear: both;
}

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

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

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

.uk-comment-title {
  font-size: 1.2rem;
  line-height: 1.4;
}

/* Meta
 ========================================================================== */

.uk-comment-meta {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #999;
}

/* Avatar
 ========================================================================== */

/* List
 ========================================================================== */

.uk-comment-list {
  padding: 0;
  list-style: none;
}

/* Adjacent siblings */

.uk-comment-list > :nth-child(n+2) {
  margin-top: 70px;
}

/*
 * Sublists
 * Note: General sibling selector allows reply block between comment and sublist
 */

.uk-comment-list .uk-comment ~ ul {
  margin: 70px 0 0 0;
  padding-left: 30px;
  list-style: none;
}

/* Tablet and bigger */

@media (min-width: 960px) {
  .uk-comment-list .uk-comment ~ ul {
    padding-left: 100px;
  }
}

/* Adjacent siblings */

.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
  margin-top: 70px;
}

/* Style modifier
 ========================================================================== */

/* ========================================================================
   Component: Search
 ========================================================================== */

/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Reset `form`
 */

.uk-search {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  margin: 0;
}

/* Input
 ========================================================================== */

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

.uk-search-input::-webkit-search-cancel-button,
.uk-search-input::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes placeholder transparency in Firefox.
 */

.uk-search-input::-moz-placeholder {
  opacity: 1;
}

/*
 * 1. Define consistent box sizing.
 * 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
 * 5. Show the overflow in Edge.
 * 6. Remove default style in iOS.
 * 7. Vertical alignment
 * 8. Take the full container width
 * 9. Style
 */

.uk-search-input {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 0;
  /* 4 */
  font: inherit;
  /* 5 */
  overflow: visible;
  /* 6 */
  -webkit-appearance: none;
  /* 7 */
  vertical-align: middle;
  /* 8 */
  width: 100%;
  /* 9 */
  border: none;
  color: #444;
}

.uk-search-input:focus {
  outline: none;
}

/* Placeholder */

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

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

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

.uk-search-input::-ms-input-placeholder {
  color: #999;
}

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

/* Icon (Adopts `uk-icon`)
 ========================================================================== */

/*
 * Remove default focus style
 */

.uk-search-icon:focus {
  outline: none;
}

/*
 * Position above input
 * 1. Set position
 * 2. Center icon vertically and horizontally
 * 3. Style
 */

.uk-search .uk-search-icon {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* 3 */
  color: #999;
}

/*
 * Required for `a`.
 */

.uk-search .uk-search-icon:hover {
  color: #999;
}

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

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

/*
 * Position modifier
 */

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

/* Default modifier
 ========================================================================== */

.uk-search-default {
  width: 180px;
}

/*
 * Input
 */

.uk-search-default .uk-search-input {
  height: 40px;
  padding-left: 6px;
  padding-right: 6px;
  background: #f9f9f9;
}

/* Focus */

.uk-search-default .uk-search-input:focus {
  background-color: #f9f9f9;
}

/*
 * Icon
 */

.uk-search-default .uk-search-icon {
  width: 40px;
}

.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  padding-left: 40px;
}

.uk-search-default .uk-search-icon-flip ~ .uk-search-input {
  padding-right: 40px;
}

/* Navbar modifier
 ========================================================================== */

.uk-search-navbar {
  width: 400px;
}

/*
 * Input
 */

.uk-search-navbar .uk-search-input {
  height: 40px;
  background: transparent;
  font-size: 1.32rem;
}

/*
 * Icon
 */

.uk-search-navbar .uk-search-icon {
  width: 40px;
}

.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  padding-left: 40px;
}

.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input {
  padding-right: 40px;
}

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

.uk-search-large {
  width: 500px;
}

/*
 * Input
 */

.uk-search-large .uk-search-input {
  height: 80px;
  background: transparent;
  font-size: 2.625rem;
}

/*
 * Icon
 */

.uk-search-large .uk-search-icon {
  width: 80px;
}

.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  padding-left: 80px;
}

.uk-search-large .uk-search-icon-flip ~ .uk-search-input {
  padding-right: 80px;
}

/* Toggle
 ========================================================================== */

.uk-search-toggle {
  color: #999;
}

/* Hover + Focus */

.uk-search-toggle:hover,
.uk-search-toggle:focus {
  color: #444;
}

/* ========================================================================
   Component: Nav
 ========================================================================== */

/*
 * Reset
 * 1. Prepare lists
 * 2. Prepare links
 * 3. Remove default focus style
 */

/* 1 */

.uk-nav,
.uk-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 2 */

.uk-nav li > a {
  display: block;
  text-decoration: none;
}

/* 3 */

.uk-nav li > a:focus {
  outline: none;
}

/*
 * Items
 * Must target `a` elements to exclude other elements (e.g. lists)
 */

.uk-nav > li > a {
  padding: 5px 0;
}

/* Sublists
 ========================================================================== */

/*
 * Level 2
 * `ul` needed for higher specificity to override padding
 */

ul.uk-nav-sub {
  padding: 5px 0 5px 15px;
}

/*
 * Level 3 and deeper
 */

.uk-nav-sub ul {
  padding-left: 15px;
}

/*
 * Items
 */

.uk-nav-sub a {
  padding: 2px 0;
}

/* Parent icon modifier
 ========================================================================== */

.uk-nav-parent-icon > .uk-parent > a::after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  float: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23444%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23444%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

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

.uk-nav-header {
  padding: 5px 0;
  text-transform: uppercase;
  font-size: 0.875rem;
}

.uk-nav-header:not(:first-child) {
  margin-top: 20px;
}

/* Divider
 ========================================================================== */

.uk-nav-divider {
  margin: 5px 0;
}

/* Default modifier
 ========================================================================== */

/*
 * Items
 */

.uk-nav-default > li > a {
  color: #999;
}

/* Hover + Focus */

.uk-nav-default > li > a:hover,
.uk-nav-default > li > a:focus {
  color: #444;
}

/* Active */

.uk-nav-default > li.uk-active > a {
  color: #444;
}

/*
 * Header
 */

.uk-nav-default .uk-nav-header {
  color: #444;
}

/*
 * Divider
 */

.uk-nav-default .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}

/*
 * Sublists
 */

.uk-nav-default .uk-nav-sub a {
  color: #999;
}

.uk-nav-default .uk-nav-sub a:hover,
.uk-nav-default .uk-nav-sub a:focus {
  color: #444;
}

.uk-nav-default .uk-nav-sub li.uk-active > a {
  color: #444;
}

/* Primary modifier
 ========================================================================== */

/*
 * Items
 */

.uk-nav-primary > li > a {
  font-size: 1.32rem;
  line-height: 1.5;
  color: #999;
}

/* Hover + Focus */

.uk-nav-primary > li > a:hover,
.uk-nav-primary > li > a:focus {
  color: #444;
}

/* Active */

.uk-nav-primary > li.uk-active > a {
  color: #444;
}

/*
 * Header
 */

.uk-nav-primary .uk-nav-header {
  color: #444;
}

/*
 * Divider
 */

.uk-nav-primary .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}

/*
 * Sublists
 */

.uk-nav-primary .uk-nav-sub a {
  color: #999;
}

.uk-nav-primary .uk-nav-sub a:hover,
.uk-nav-primary .uk-nav-sub a:focus {
  color: #444;
}

.uk-nav-primary .uk-nav-sub li.uk-active > a {
  color: #444;
}

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

.uk-nav-center {
  text-align: center;
}

/* Sublists */

.uk-nav-center .uk-nav-sub,
.uk-nav-center .uk-nav-sub ul {
  padding-left: 0;
}

/* Parent icon modifier  */

.uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after {
  position: absolute;
}

/* ========================================================================
   Component: Navbar
 ========================================================================== */

/*
 * 1. Create position context to center navbar group
 */

.uk-navbar {
  display: flex;
  /* 1 */
  position: relative;
}

/* Container
 ========================================================================== */

.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #fff;
}

/*
 * Remove pseudo elements created by micro clearfix as precaution (if Container component is used)
 */

.uk-navbar-container > ::before,
.uk-navbar-container > ::after {
  display: none !important;
}

/* Groups
 ========================================================================== */

/*
 * 1. Align navs and items vertically if they have a different height
 * 2. Note: IE 11 requires an extra `div` which affects the center selector
 */

.uk-navbar-left,
.uk-navbar-right,
.uk-navbar-center,
.uk-navbar-center-left > *,
.uk-navbar-center-right > * {
  display: flex;
  /* 1 */
  align-items: center;
}

/*
 * Horizontal alignment
 * 1. Create position context for centered navbar with sub groups (left/right)
 * 2. Fix text wrapping if content is larger than 50% of the container.
 * 3. Needed for dropdowns because a new position context is created
 *    `z-index` must be smaller than off-canvas
 * 4. Align sub groups for centered navbar
 */

.uk-navbar-right {
  margin-left: auto;
}

.uk-navbar-center:only-child {
  margin-left: auto;
  margin-right: auto;
  /* 1 */
  position: relative;
}

.uk-navbar-center:not(:only-child) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 2 */
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  box-sizing: border-box;
  /* 3 */
  z-index: 990;
}

/* 4 */

.uk-navbar-center-left,
.uk-navbar-center-right {
  position: absolute;
  top: 0;
}

.uk-navbar-center-left {
  right: 100%;
}

.uk-navbar-center-right {
  left: 100%;
}

[class*=uk-navbar-center-] {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  box-sizing: border-box;
}

/* Nav
 ========================================================================== */

/*
 * 1. Reset list
 */

.uk-navbar-nav {
  display: flex;
  /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
}

/*
 * Allow items to wrap into the next line
 * Only not `absolute` positioned groups
 */

.uk-navbar-left,
.uk-navbar-right,
.uk-navbar-center:only-child {
  flex-wrap: wrap;
}

/*
 * Items
 * 1. Center content vertically and horizontally
 * 2. Dimensions
 * 3. Style
 * 4. Required for `a`
 */

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  /* 1 */
  display: flex;
  justify-content: center;
  align-items: center;
  /* 2 */
  box-sizing: border-box;
  min-height: 70px;
  padding: 0 5px;
  /* 3 */
  font-size: 19px;
  font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* 4 */
  text-decoration: none;
}

/*
 * Nav items
 */

.uk-navbar-nav > li > a {
  color: #ff3f00;
}

/*
 * Hover
 * Apply hover style also to focus state and if dropdown is opened
 */

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-open {
  color: #ff3f00;
  outline: none;
}

/* OnClick */

.uk-navbar-nav > li > a:active {
  color: #444;
}

/* Active */

.uk-navbar-nav > li.uk-active > a {
  color: #fff;
}

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

.uk-navbar-item {
  color: #444;
}

/* Toggle
 ========================================================================== */

.uk-navbar-toggle {
  color: #ff3f00;
}

.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus,
.uk-navbar-toggle.uk-open {
  color: #ff3f00;
  outline: none;
  text-decoration: none;
}

/*
 * Icon
 * Adopts `uk-icon`
 */

/* Hover + Focus */

/* Subtitle
 ========================================================================== */

.uk-navbar-subtitle {
  font-size: 0.875rem;
}

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

/* Dropdown
 ========================================================================== */

/*
 * Adopts `uk-dropdown`
 * 1. Hide by default
 * 2. Set position
 * 3. Set a default width
 * 4. Style
 */

.uk-navbar-dropdown {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1020;
  /* 3 */
  box-sizing: border-box;
  width: 200px;
  /* 4 */
  padding: 15px;
  background: #f9f9f9;
  color: #444;
}

/* Show */

.uk-navbar-dropdown.uk-open {
  display: block;
}

/*
 * Direction / Alignment modifiers
 */

/* Direction */

[class*=uk-navbar-dropdown-top] {
  margin-top: 0;
}

[class*=uk-navbar-dropdown-bottom] {
  margin-top: 0;
}

[class*=uk-navbar-dropdown-left] {
  margin-left: 0;
}

[class*=uk-navbar-dropdown-right] {
  margin-left: 0;
}

/*
 * Grid
 * Adopts `uk-grid`
 */

/* Gutter Horizontal */

.uk-navbar-dropdown-grid {
  margin-left: -30px;
}

.uk-navbar-dropdown-grid > * {
  padding-left: 30px;
}

/* Gutter Vertical */

.uk-navbar-dropdown-grid > .uk-grid-margin {
  margin-top: 30px;
}

/* Stack */

.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * {
  width: 100% !important;
}

/*
 * Width modifier
 */

.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) {
  width: 400px;
}

.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) {
  width: 600px;
}

.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) {
  width: 800px;
}

.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
  width: 1000px;
}

/*
 * Dropbar modifier
 */

.uk-navbar-dropdown-dropbar {
  margin-top: 0;
  margin-bottom: 0;
}

/* Dropdown Nav
 * Adopts `uk-nav`
 ========================================================================== */

/*
 * Items
 */

.uk-navbar-dropdown-nav > li > a {
  color: #999;
}

/* Hover + Focus */

.uk-navbar-dropdown-nav > li > a:hover,
.uk-navbar-dropdown-nav > li > a:focus {
  color: #444;
}

/* Active */

.uk-navbar-dropdown-nav > li.uk-active > a {
  color: #444;
}

/*
 * Header
 */

.uk-navbar-dropdown-nav .uk-nav-header {
  color: #444;
}

/*
 * Divider
 */

.uk-navbar-dropdown-nav .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}

/*
 * Sublists
 */

.uk-navbar-dropdown-nav .uk-nav-sub a {
  color: #999;
}

.uk-navbar-dropdown-nav .uk-nav-sub a:hover,
.uk-navbar-dropdown-nav .uk-nav-sub a:focus {
  color: #444;
}

.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a {
  color: #444;
}

/* Dropbar
 ========================================================================== */

.uk-navbar-dropbar {
  background: #f9f9f9;
}

/*
 * Slide modifier
 */

.uk-navbar-dropbar-slide {
  position: absolute;
  z-index: 980;
  left: 0;
  right: 0;
}

/* ========================================================================
   Component: Subnav
 ========================================================================== */

/*
 * 1. Allow items to wrap into the next line
 * 2. Gutter
 * 3. Reset list
 */

.uk-subnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin-left: -20px;
  /* 3 */
  padding: 0;
  list-style: none;
}

/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 * 3. Create position context for dropdowns
 */

.uk-subnav > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  position: relative;
}

/* Items
 ========================================================================== */

/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * Using `:first-child` instead of `a` to support `span` elements for text
 * 1. Prevent gap if child element is `inline-block`, e.g. an icon
 * 2. Style
 */

.uk-subnav > * > :first-child {
  /* 1 */
  display: block;
  /* 2 */
  color: #ff3f00;
}

/* Hover + Focus */

.uk-subnav > * > a:hover,
.uk-subnav > * > a:focus {
  color: #ff3f00;
  text-decoration: none;
  outline: none;
}

/* Active */

.uk-subnav > .uk-active > a {
  color: #444;
}

/* Divider modifier
 ========================================================================== */

/*
 * 1. Align items and divider vertically
 */

.uk-subnav-divider > * {
  /* 1 */
  display: flex;
  align-items: center;
}

/*
 * Divider
 * `nth-child` makes it also work without JS if it's only one row
 */

.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
  content: "";
  height: 1.5em;
  margin-left: 0px;
  margin-right: 20px;
  border-left: 1px solid #e5e5e5;
}

/* Pill modifier
 ========================================================================== */

.uk-subnav-pill > * > :first-child {
  padding: 5px 10px;
  background: transparent;
  color: #ff3f00;
}

/* Hover + Focus */

.uk-subnav-pill > * > a:hover,
.uk-subnav-pill > * > a:focus {
  background-color: #f9f9f9;
  color: #444;
}

/* OnClick */

.uk-subnav-pill > * > a:active {
  background-color: #f9f9f9;
  color: #444;
}

/* Active */

.uk-subnav-pill > .uk-active > a {
  background-color: #ff3f00;
  color: #ccc;
}

/* Disabled
 * The same for all style modifiers
 ========================================================================== */

.uk-subnav > .uk-disabled > a {
  color: #999;
}

/* ========================================================================
   Component: Breadcrumb
 ========================================================================== */

/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 */

.uk-breadcrumb {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  padding: 0;
  list-style: none;
}

/*
 * Space is allocated solely based on content dimensions: 0 0 auto
 */

.uk-breadcrumb > * {
  flex: none;
}

/* Items
 ========================================================================== */

.uk-breadcrumb > * > * {
  display: inline-block;
  font-size: 0.875rem;
  color: #999;
}

/* Hover + Focus */

.uk-breadcrumb > * > :hover,
.uk-breadcrumb > * > :focus {
  color: #444;
  text-decoration: none;
}

/* Disabled */

/* Active */

.uk-breadcrumb > :last-child > * {
  color: #444;
}

/*
 * Divider
 * `nth-child` makes it also work without JS if it's only one row
 */

.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  content: "/";
  display: inline-block;
  margin: 0 20px;
  color: #999;
}

/* ========================================================================
   Component: Pagination
 ========================================================================== */

/*
 * 1. Allow items to wrap into the next line
 * 2. Gutter
 * 3. Reset list
 */

.uk-pagination {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin-left: -20px;
  /* 3 */
  padding: 0;
  list-style: none;
}

/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 * 3. Create position context for dropdowns
 */

.uk-pagination > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  position: relative;
}

/* Items
 ========================================================================== */

/*
 * 1. Prevent gap if child element is `inline-block`, e.g. an icon
 * 2. Style
 */

.uk-pagination > * > * {
  /* 1 */
  display: block;
  /* 2 */
  color: #999;
}

/* Hover + Focus */

.uk-pagination > * > :hover,
.uk-pagination > * > :focus {
  color: #444;
  text-decoration: none;
}

/* Active */

.uk-pagination > .uk-active > * {
  color: #444;
}

/* Disabled */

.uk-pagination > .uk-disabled > * {
  color: #999;
}

/* ========================================================================
   Component: Tab
 ========================================================================== */

/*
 * 1. Allow items to wrap into the next line
 * 2. Gutter
 * 3. Reset list
 */

.uk-tab {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin-left: -20px;
  /* 3 */
  padding: 0;
  list-style: none;
}

/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 * 3. Create position context for dropdowns
 */

.uk-tab > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  position: relative;
}

/* Items
 ========================================================================== */

/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * 1. Center text if a width is set
 * 2. Style
 */

.uk-tab > * > a {
  /* 1 */
  display: block;
  text-align: center;
  /* 2 */
  padding: 5px 10px;
  color: #999;
}

/* Hover + Focus */

.uk-tab > * > a:hover,
.uk-tab > * > a:focus {
  color: #444;
  text-decoration: none;
}

/* Active */

.uk-tab > .uk-active > a {
  color: #444;
}

/* Disabled */

.uk-tab > .uk-disabled > a {
  color: #999;
}

/* Position modifier
 ========================================================================== */

/*
 * Bottom
 */

/*
 * Left + Right
 * 1. Reset Gutter
 */

.uk-tab-left,
.uk-tab-right {
  flex-direction: column;
  /* 1 */
  margin-left: 0;
}

/* 1 */

.uk-tab-left > *,
.uk-tab-right > * {
  padding-left: 0;
}

.uk-tab-left > * > a {
  text-align: left;
}

.uk-tab-right > * > a {
  text-align: left;
}

/* ========================================================================
   Component: Slidenav
 ========================================================================== */

/*
 * Adopts `uk-icon`
 */

.uk-slidenav {
  padding: 5px 10px;
  color: rgba(68, 68, 68, 0.5);
}

/* Hover + Focus */

.uk-slidenav:hover,
.uk-slidenav:focus {
  color: rgba(68, 68, 68, 0.9);
  outline: none;
}

/* OnClick */

.uk-slidenav:active {
  color: rgba(68, 68, 68, 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: rgba(68, 68, 68, 0.2);
  /* 1 */
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

/* Hover + Focus */

.uk-dotnav > * > :hover,
.uk-dotnav > * > :focus {
  background-color: rgba(68, 68, 68, 0.6);
  outline: none;
}

/* OnClick */

.uk-dotnav > * > :active {
  background-color: rgba(68, 68, 68, 0.2);
}

/* Active */

.uk-dotnav > .uk-active > * {
  background-color: rgba(68, 68, 68, 0.6);
}

/* Modifier: 'uk-dotnav-vertical'
 ========================================================================== */

/*
 * 1. Change direction
 * 2. Gutter
 */

.uk-dotnav-vertical {
  /* 1 */
  flex-direction: column;
  /* 2 */
  margin-left: 0;
  margin-top: -12px;
}

/* 2 */

.uk-dotnav-vertical > * {
  padding-left: 0;
  padding-top: 12px;
}

/* ========================================================================
   Component: Thumbnav
 ========================================================================== */

/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 * 3. Gutter
 */

.uk-thumbnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  margin-left: -15px;
}

/*
 * Space is allocated based on content dimensions, but shrinks: 0 1 auto
 * 1. Gutter
 */

.uk-thumbnav > * {
  /* 1 */
  padding-left: 15px;
}

/* Items
 ========================================================================== */

/*
 * Items
 */

.uk-thumbnav > * > * {
  display: inline-block;
}

/* Hover + Focus */

.uk-thumbnav > * > :hover,
.uk-thumbnav > * > :focus {
  outline: none;
}

/* Active */

/* Modifier: 'uk-thumbnav-vertical'
 ========================================================================== */

/*
 * 1. Change direction
 * 2. Gutter
 */

.uk-thumbnav-vertical {
  /* 1 */
  flex-direction: column;
  /* 2 */
  margin-left: 0;
  margin-top: -15px;
}

/* 2 */

.uk-thumbnav-vertical > * {
  padding-left: 0;
  padding-top: 15px;
}

/* ========================================================================
   Component: Accordion
 ========================================================================== */

.uk-accordion {
  padding: 0;
  list-style: none;
}

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

.uk-accordion > :nth-child(n+2) {
  margin-top: 20px;
}

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

.uk-accordion-title {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #444;
  overflow: hidden;
  font-weight: 400;
}

.uk-accordion-title::after {
  content: "";
  width: 1.4em;
  height: 1.4em;
  float: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23444%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23444%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.uk-open > .uk-accordion-title::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23444%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/* Hover + Focus */

.uk-accordion-title:hover,
.uk-accordion-title:focus {
  color: #444;
  text-decoration: none;
  outline: none;
}

/* Content
 ========================================================================== */

.uk-accordion-content {
  margin-top: 20px;
}

/*
 * Micro clearfix
 */

.uk-accordion-content::before,
.uk-accordion-content::after {
  content: "";
  display: table;
}

.uk-accordion-content::after {
  clear: both;
}

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

.uk-accordion-content > :last-child {
  margin-bottom: 0;
}

/* ========================================================================
   Component: Drop
 ========================================================================== */

/*
 * 1. Hide by default
 * 2. Set position
 * 3. Set a default width
 */

.uk-drop {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1020;
  /* 3 */
  box-sizing: border-box;
  width: 300px;
}

/* Show */

.uk-drop.uk-open {
  display: block;
}

/* Direction / Alignment modifiers
 ========================================================================== */

/* Direction */

[class*=uk-drop-top] {
  margin-top: -20px;
}

[class*=uk-drop-bottom] {
  margin-top: 20px;
}

[class*=uk-drop-left] {
  margin-left: -20px;
}

[class*=uk-drop-right] {
  margin-left: 20px;
}

/* Grid modifiers
 ========================================================================== */

.uk-drop-stack .uk-drop-grid > * {
  width: 100% !important;
}

/* ========================================================================
   Component: Dropdown
 ========================================================================== */

/*
 * 1. Hide by default
 * 2. Set position
 * 3. Set a default width
 * 4. Style
 */

.uk-dropdown {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1020;
  /* 3 */
  box-sizing: border-box;
  min-width: 200px;
  /* 4 */
  padding: 15px;
  background: #f9f9f9;
  color: #444;
}

/* Show */

.uk-dropdown.uk-open {
  display: block;
}

/* Nav
 * Adopts `uk-nav`
 ========================================================================== */

.uk-dropdown-nav {
  white-space: nowrap;
}

/*
 * Items
 */

.uk-dropdown-nav > li > a {
  color: #999;
}

/* Hover + Focus + Active */

.uk-dropdown-nav > li > a:hover,
.uk-dropdown-nav > li > a:focus,
.uk-dropdown-nav > li.uk-active > a {
  color: #444;
}

/*
 * Header
 */

.uk-dropdown-nav .uk-nav-header {
  color: #444;
}

/*
 * Divider
 */

.uk-dropdown-nav .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}

/*
 * Sublists
 */

.uk-dropdown-nav .uk-nav-sub a {
  color: #999;
}

.uk-dropdown-nav .uk-nav-sub a:hover,
.uk-dropdown-nav .uk-nav-sub a:focus,
.uk-dropdown-nav .uk-nav-sub li.uk-active > a {
  color: #444;
}

/* Direction / Alignment modifiers
 ========================================================================== */

/* Direction */

[class*=uk-dropdown-top] {
  margin-top: -10px;
}

[class*=uk-dropdown-bottom] {
  margin-top: 10px;
}

[class*=uk-dropdown-left] {
  margin-left: -10px;
}

[class*=uk-dropdown-right] {
  margin-left: 10px;
}

/* Grid modifiers
 ========================================================================== */

.uk-dropdown-stack .uk-dropdown-grid > * {
  width: 100% !important;
}

/* ========================================================================
   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: 1010;
  /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 4 */
  padding: 15px 15px;
  /* 5 */
  background: rgba(0, 0, 0, 0.6);
  /* 6 */
  opacity: 0;
  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: 960px) {
  .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;
  transform: translateY(-100px);
  transition: 0.3s linear;
  transition-property: opacity, transform;
}

/*
 * Open
 */

.uk-open > .uk-modal-dialog {
  opacity: 1;
  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%;
  transform: translateY(0);
}

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

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

.uk-modal-header {
  padding: 15px 30px;
  background: #f9f9f9;
}

.uk-modal-footer {
  padding: 15px 30px;
  background: #f9f9f9;
}

/*
 * Micro clearfix
 */

.uk-modal-body::before,
.uk-modal-body::after,
.uk-modal-header::before,
.uk-modal-header::after,
.uk-modal-footer::before,
.uk-modal-footer::after {
  content: "";
  display: table;
}

.uk-modal-body::after,
.uk-modal-header::after,
.uk-modal-footer::after {
  clear: both;
}

/*
 * 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: 1010;
  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;
  transform: translate(0, -100%);
  color: white;
}

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

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  /* 1 */

  .uk-modal-close-outside {
    right: 0;
    transform: translate(100%, -100%);
  }
}

/*
 * Full
 */

/* ========================================================================
   Component: Lightbox
 ========================================================================== */

/*
 * 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-lightbox {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  /* 5 */
  background: #000;
  /* 6 */
  opacity: 0;
  transition: opacity 0.15s linear;
}

/*
 * Open
 * 1. Center child
 * 2. Fade-in
 */

.uk-lightbox.uk-open {
  display: block;
  /* 2 */
  opacity: 1;
}

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

/*
 * Prevent scrollbars
 */

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

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

/*
 * 1. Center child within the viewport
 * 2. Not visible by default
 * 3. Color needed for spinner icon
 * 4. Optimize animation
 * 5. Responsiveness
 *    Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera
 *    Using `vh` and `vw` to make responsive image work in IE11
 * 6. Suppress outline on focus
 */

.uk-lightbox-items > * {
  /* 1 */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  display: none;
  justify-content: center;
  align-items: center;
  /* 3 */
  color: rgba(255, 255, 255, 0.7);
  /* 4 */
  will-change: transform, opacity;
}

/* 5 */

.uk-lightbox-items > * > * {
  max-width: 100vw;
  max-height: 100vh;
}

/* 6 */

.uk-lightbox-items > :focus {
  outline: none;
}

.uk-lightbox-items > * > :not(iframe) {
  width: auto;
  height: auto;
}

.uk-lightbox-items > .uk-active {
  display: flex;
}

/* Toolbar
 ========================================================================== */

.uk-lightbox-toolbar {
  padding: 10px 10px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
}

.uk-lightbox-toolbar > * {
  color: rgba(255, 255, 255, 0.7);
}

/* Toolbar Icon (Close)
 ========================================================================== */

.uk-lightbox-toolbar-icon {
  padding: 5px;
  color: rgba(255, 255, 255, 0.7);
}

/*
 * Hover
 */

.uk-lightbox-toolbar-icon:hover {
  color: #fff;
}

/* Button (Slidenav)
 ========================================================================== */

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

.uk-lightbox-button {
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
  /* 1 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/*
 * Hover
 */

.uk-lightbox-button:hover {
  color: #fff;
}

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

/* Iframe
 ========================================================================== */

.uk-lightbox-iframe {
  width: 80%;
  height: 80%;
}

/* ========================================================================
   Component: Slideshow
 ========================================================================== */

/*
 * 1. Prevent tab highlighting on iOS.
 */

.uk-slideshow {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}

/* Items
 ========================================================================== */

/*
 * 1. Create position and stacking context
 * 2. Reset list
 * 3. Clip child elements
 * 4. Prevent displaying the callout information on iOS.
 */

.uk-slideshow-items {
  /* 1 */
  position: relative;
  z-index: 0;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  overflow: hidden;
  /* 4 */
  -webkit-touch-callout: none;
}

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

/*
 * 1. Position items above each other
 * 2. Take the full width
 * 3. Clip child elements, e.g. for `uk-cover`
 * 4. Optimize animation
 * 5. Disable horizontal panning gestures in IE11 and Edge
 * 6. Suppress outline on focus
 */

.uk-slideshow-items > * {
  /* 1 */
  position: absolute;
  top: 0;
  left: 0;
  /* 2 */
  right: 0;
  bottom: 0;
  /* 3 */
  overflow: hidden;
  /* 4 */
  will-change: transform, opacity;
  /* 5 */
  touch-action: pan-y;
}

/* 6 */

.uk-slideshow-items > :focus {
  outline: none;
}

/*
 * Hide not active items
 */

.uk-slideshow-items > :not(.uk-active) {
  display: none;
}

/* ========================================================================
   Component: Slider
 ========================================================================== */

/*
 * 1. Prevent tab highlighting on iOS.
 */

.uk-slider {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}

/* Container
 ========================================================================== */

/*
 * 1. Clip child elements
 */

.uk-slider-container {
  /* 1 */
  overflow: hidden;
}

/* 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: Sticky
 ========================================================================== */

/*
 * 1. Resolve frame rate issues on devices with lower frame rates by forcing hardware acceleration
 */

.uk-sticky-fixed {
  z-index: 980;
  box-sizing: border-box;
  margin: 0 !important;
  /* 1 */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*
 * Faster animations
 */

.uk-sticky[class*=uk-animation-] {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}

.uk-sticky.uk-animation-reverse {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}

/* ========================================================================
   Component: Off-canvas
 ========================================================================== */

/*
 * 1. Hide by default
 * 2. Set position
 */

.uk-offcanvas {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

/*
 * Flip modifier
 */

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

/* Bar
 ========================================================================== */

/*
 * 1. Set position
 * 2. Size and style
 * 3. Allow scrolling
 */

.uk-offcanvas-bar {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: -270px;
  /* 2 */
  box-sizing: border-box;
  width: 270px;
  padding: 20px 20px;
  background: #2f2f2f;
  /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-offcanvas-bar {
    left: -350px;
    width: 350px;
    padding: 40px 40px;
  }
}

/* Flip modifier */

.uk-offcanvas-flip .uk-offcanvas-bar {
  left: auto;
  right: -270px;
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-offcanvas-flip .uk-offcanvas-bar {
    right: -350px;
  }
}

/*
 * Open
 */

.uk-open > .uk-offcanvas-bar {
  left: 0;
}

.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
  left: auto;
  right: 0;
}

/*
 * Slide Animation (Used in slide and push mode)
 */

.uk-offcanvas-bar-animation {
  transition: left 0.3s ease-out;
}

.uk-offcanvas-flip .uk-offcanvas-bar-animation {
  transition-property: right;
}

/*
 * Reveal Animation
 * 1. Set position
 * 2. Clip the bar
 * 3. Animation
 * 4. Reset position
 */

.uk-offcanvas-reveal {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  width: 0;
  overflow: hidden;
  /* 3 */
  transition: width 0.3s ease-out;
}

.uk-offcanvas-reveal .uk-offcanvas-bar {
  /* 4 */
  left: 0;
}

.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar {
  /* 4 */
  left: auto;
  right: 0;
}

.uk-open > .uk-offcanvas-reveal {
  width: 270px;
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-open > .uk-offcanvas-reveal {
    width: 350px;
  }
}

/*
 * Flip modifier
 */

.uk-offcanvas-flip .uk-offcanvas-reveal {
  right: 0;
  left: auto;
}

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

.uk-offcanvas-close {
  position: absolute;
  z-index: 1000;
  top: 20px;
  right: 20px;
  padding: 5px;
}

/* Overlay
 ========================================================================== */

/*
 * Overlay the whole page. Needed for the `::before`
 * 1. Using `100vw` so no modification is needed when off-canvas is flipped
 * 2. Allow for closing with swipe gesture on devices with pointer events.
 */

.uk-offcanvas-overlay {
  /* 1 */
  width: 100vw;
  /* 2 */
  touch-action: none;
}

/*
 * 1. Mask the whole page
 * 2. Fade-in transition
 */

.uk-offcanvas-overlay::before {
  /* 1 */
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  /* 2 */
  opacity: 0;
  transition: opacity 0.15s linear;
}

.uk-offcanvas-overlay.uk-open::before {
  opacity: 1;
}

/* Prevent scrolling
 ========================================================================== */

/*
 * Prevent horizontal scrollbar when the content is slide-out
 * Has to be on the `html` element too to make it work on the `body`
 */

.uk-offcanvas-page,
.uk-offcanvas-container {
  overflow-x: hidden;
}

/* Container
 ========================================================================== */

/*
 * Prepare slide-out animation (Used in reveal and push mode)
 * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars
 * lose their fixed state and behaves like `absolute` within a transformed container
 * 1. Provide a fixed width and prevent shrinking
 */

.uk-offcanvas-container {
  position: relative;
  left: 0;
  transition: left 0.3s ease-out;
  /* 1 */
  box-sizing: border-box;
  width: 100%;
}

/*
 * Activate slide-out animation
 */

:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
  left: 270px;
}

.uk-offcanvas-flip.uk-offcanvas-container-animation {
  left: -270px;
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
    left: 350px;
  }

  .uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -350px;
  }
}

/* ========================================================================
   Component: Switcher
 ========================================================================== */

/*
 * Reset list
 */

.uk-switcher {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Items
 ========================================================================== */

/*
 * Hide not active items
 */

.uk-switcher > :not(.uk-active) {
  display: none;
}

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

.uk-switcher > * > :last-child {
  margin-bottom: 0;
}

/* ========================================================================
   Component: Leader
 ========================================================================== */

.uk-leader {
  overflow: hidden;
}

/*
 * 1. Place element in text flow
 * 2. Never break into a new line
 * 3. Get a string back with as many repeating characters to fill the container
 * 4. Prevent wrapping. Overflowing characters will be clipped by the container
 */

.uk-leader-fill::after {
  /* 1 */
  display: inline-block;
  margin-left: 15px;
  /* 2 */
  width: 0;
  /* 3 */
  content: attr(data-fill);
  /* 4 */
  white-space: nowrap;
}

/*
 * Hide if media does not match
 */

.uk-leader-fill.uk-leader-hide::after {
  display: none;
}

/*
 * Pass fill character to JS
 */

.uk-leader-fill-content::before {
  content: ".";
}

:root {
  --uk-leader-fill-content: .;
}

/* ========================================================================
   Component: Iconnav
 ========================================================================== */

/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 * 3. Gutter
 */

.uk-iconnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  margin-left: -10px;
}

/*
 * Space is allocated based on content dimensions, but shrinks: 0 1 auto
 * 1. Gutter
 */

.uk-iconnav > * {
  /* 1 */
  padding-left: 10px;
}

/* Items
 ========================================================================== */

/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * 1. Prevent gap if child element is `inline-block`, e.g. an icon
 * 2. Style
 */

.uk-iconnav > * > a {
  /* 1 */
  display: block;
  /* 2 */
  color: #999;
}

/* Hover + Focus */

.uk-iconnav > * > a:hover,
.uk-iconnav > * > a:focus {
  color: #444;
  outline: none;
}

/* Active */

.uk-iconnav > .uk-active > a {
  color: #444;
}

/* Modifier: 'uk-iconnav-vertical'
 ========================================================================== */

/*
 * 1. Change direction
 * 2. Gutter
 */

.uk-iconnav-vertical {
  /* 1 */
  flex-direction: column;
  /* 2 */
  margin-left: 0;
  margin-top: -10px;
}

/* 2 */

.uk-iconnav-vertical > * {
  padding-left: 0;
  padding-top: 10px;
}

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

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

.uk-notification {
  /* 1 */
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1040;
  /* 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: #f9f9f9;
  color: #444;
  font-size: 1.2rem;
  line-height: 1.4;
  cursor: pointer;
}

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

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

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

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

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

/*
 * Primary
 */

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

/*
 * Success
 */

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

/*
 * Warning
 */

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

/*
 * Danger
 */

.uk-notification-message-danger {
  color: #002D6D;
}

/* ========================================================================
   Component: Tooltip
 ========================================================================== */

/*
 * 1. Hide by default
 * 2. Position
 * 3. Dimensions
 * 4. Style
 */

.uk-tooltip {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1030;
  /* 3 */
  box-sizing: border-box;
  max-width: 200px;
  padding: 3px 6px;
  /* 4 */
  background: #666;
  border-radius: 2px;
  color: #ccc;
  font-size: 12px;
}

/* Show */

.uk-tooltip.uk-active {
  display: block;
}

/* Direction / Alignment modifiers
 ========================================================================== */

/* Direction */

[class*=uk-tooltip-top] {
  margin-top: -10px;
}

[class*=uk-tooltip-bottom] {
  margin-top: 10px;
}

[class*=uk-tooltip-left] {
  margin-left: -10px;
}

[class*=uk-tooltip-right] {
  margin-left: 10px;
}

/* ========================================================================
   Component: Placeholder
 ========================================================================== */

.uk-placeholder {
  margin-bottom: 20px;
  padding: 30px 30px;
  background: #f9f9f9;
}

/* Add margin if adjacent element */

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

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

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

/* ========================================================================
   Component: Progress
 ========================================================================== */

/*
 * 1. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 * 2. Remove default style
 * 3. Behave like a block element
 * 4. Remove borders in Firefox and Edge
 * 5. Set background color for progress container in Firefox, IE11 and Edge
 * 6. Style
 */

.uk-progress {
  /* 1 */
  vertical-align: baseline;
  /* 2 */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 3 */
  display: block;
  width: 100%;
  /* 4 */
  border: 0;
  /* 5 */
  background-color: #f9f9f9;
  /* 6 */
  margin-bottom: 20px;
  height: 15px;
}

/* Add margin if adjacent element */

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

/*
 * Remove animated circles for indeterminate state in IE11 and Edge
 */

.uk-progress:indeterminate {
  color: transparent;
}

/*
 * Progress container
 * 2. Remove progress bar for indeterminate state in Firefox
 */

.uk-progress::-webkit-progress-bar {
  background-color: #f9f9f9;
}

/* 2 */

.uk-progress:indeterminate::-moz-progress-bar {
  width: 0;
}

/*
 * Progress bar
 * 1. Remove right border in IE11 and Edge
 */

.uk-progress::-webkit-progress-value {
  background-color: #ff3f00;
  transition: width 0.6s ease;
}

.uk-progress::-moz-progress-bar {
  background-color: #ff3f00;
}

.uk-progress::-ms-fill {
  background-color: #ff3f00;
  transition: width 0.6s ease;
  /* 1 */
  border: 0;
}

/* ========================================================================
   Component: Sortable
 ========================================================================== */

.uk-sortable {
  position: relative;
}

/*
 * Deactivate pointer-events on SVGs in Safari
 */

.uk-sortable svg {
  pointer-events: none;
}

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

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

/* Drag
 ========================================================================== */

.uk-sortable-drag {
  position: absolute !important;
  z-index: 1050 !important;
  pointer-events: none;
}

/* Placeholder
 ========================================================================== */

.uk-sortable-placeholder {
  opacity: 0;
  pointer-events: none;
}

/* Empty modifier
 ========================================================================== */

.uk-sortable-empty {
  min-height: 50px;
}

/* Handle
 ========================================================================== */

/* Hover */

.uk-sortable-handle:hover {
  cursor: move;
}

/* ========================================================================
   Component: Countdown
 ========================================================================== */

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

/*
 * 1. Center numbers and separators vertically
 */

.uk-countdown-number,
.uk-countdown-separator {
  /* 1 */
  line-height: 70px;
}

/* Number
 ========================================================================== */

.uk-countdown-number {
  font-size: 2rem;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-countdown-number {
    font-size: 4rem;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-countdown-number {
    font-size: 6rem;
  }
}

/* Separator
 ========================================================================== */

.uk-countdown-separator {
  font-size: 1rem;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-countdown-separator {
    font-size: 2rem;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-countdown-separator {
    font-size: 3rem;
  }
}

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

/* ========================================================================
   Component: Animation
 ========================================================================== */

[class*=uk-animation-] {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

/* Animations
 ========================================================================== */

/*
 * Fade
 */

.uk-animation-fade {
  -webkit-animation-name: uk-fade;
          animation-name: uk-fade;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

/*
 * Scale
 */

.uk-animation-scale-up {
  -webkit-animation-name: uk-fade-scale-02;
          animation-name: uk-fade-scale-02;
}

.uk-animation-scale-down {
  -webkit-animation-name: uk-fade-scale-18;
          animation-name: uk-fade-scale-18;
}

/*
 * Slide
 */

.uk-animation-slide-top {
  -webkit-animation-name: uk-fade-top;
          animation-name: uk-fade-top;
}

.uk-animation-slide-bottom {
  -webkit-animation-name: uk-fade-bottom;
          animation-name: uk-fade-bottom;
}

.uk-animation-slide-left {
  -webkit-animation-name: uk-fade-left;
          animation-name: uk-fade-left;
}

.uk-animation-slide-right {
  -webkit-animation-name: uk-fade-right;
          animation-name: uk-fade-right;
}

/*
 * Slide Small
 */

.uk-animation-slide-top-small {
  -webkit-animation-name: uk-fade-top-small;
          animation-name: uk-fade-top-small;
}

.uk-animation-slide-bottom-small {
  -webkit-animation-name: uk-fade-bottom-small;
          animation-name: uk-fade-bottom-small;
}

.uk-animation-slide-left-small {
  -webkit-animation-name: uk-fade-left-small;
          animation-name: uk-fade-left-small;
}

.uk-animation-slide-right-small {
  -webkit-animation-name: uk-fade-right-small;
          animation-name: uk-fade-right-small;
}

/*
 * Slide Medium
 */

.uk-animation-slide-top-medium {
  -webkit-animation-name: uk-fade-top-medium;
          animation-name: uk-fade-top-medium;
}

.uk-animation-slide-bottom-medium {
  -webkit-animation-name: uk-fade-bottom-medium;
          animation-name: uk-fade-bottom-medium;
}

.uk-animation-slide-left-medium {
  -webkit-animation-name: uk-fade-left-medium;
          animation-name: uk-fade-left-medium;
}

.uk-animation-slide-right-medium {
  -webkit-animation-name: uk-fade-right-medium;
          animation-name: uk-fade-right-medium;
}

/*
 * Kenburns
 */

.uk-animation-kenburns {
  -webkit-animation-name: uk-scale-kenburns;
          animation-name: uk-scale-kenburns;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}

/*
 * Shake
 */

.uk-animation-shake {
  -webkit-animation-name: uk-shake;
          animation-name: uk-shake;
}

/*
 * SVG Stroke
 * The `--uk-animation-stroke` custom property contains the longest path length.
 * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically.
 * All strokes are animated by the same pace and doesn't end simultaneously.
 * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet.
 */

.uk-animation-stroke {
  -webkit-animation-name: uk-stroke;
          animation-name: uk-stroke;
  stroke-dasharray: var(--uk-animation-stroke);
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

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

.uk-animation-reverse {
  animation-direction: reverse;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

/* Duration modifier
 ========================================================================== */

.uk-animation-fast {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
}

/* Toggle (Hover + Focus)
========================================================================== */

/*
 * The toggle is triggered on touch devices using `:focus` and tabindex
 */

.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
  -webkit-animation-name: none;
          animation-name: none;
}

/*
 * 1. Prevent tab highlighting on iOS.
 */

.uk-animation-toggle {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}

/*
 * Remove outline for `tabindex`
 */

.uk-animation-toggle:focus {
  outline: none;
}

/* Keyframes used by animation classes
 ========================================================================== */

/*
 * Fade
 */

@-webkit-keyframes uk-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes uk-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*
 * Slide Top
 */

@-webkit-keyframes uk-fade-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uk-fade-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*
 * Slide Bottom
 */

@-webkit-keyframes uk-fade-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uk-fade-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*
 * Slide Left
 */

@-webkit-keyframes uk-fade-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uk-fade-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/*
 * Slide Right
 */

@-webkit-keyframes uk-fade-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uk-fade-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/*
 * Slide Top Small
 */

@-webkit-keyframes uk-fade-top-small {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uk-fade-top-small {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*
 * Slide Bottom Small
 */

@-webkit-keyframes uk-fade-bottom-small {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uk-fade-bottom-small {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*
 * Slide Left Small
 */

@-webkit-keyframes uk-fade-left-small {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uk-fade-left-small {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/*
 * Slide Right Small
 */

@-webkit-keyframes uk-fade-right-small {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uk-fade-right-small {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/*
 * Slide Top Medium
 */

@-webkit-keyframes uk-fade-top-medium {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uk-fade-top-medium {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*
 * Slide Bottom Medium
 */

@-webkit-keyframes uk-fade-bottom-medium {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uk-fade-bottom-medium {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*
 * Slide Left Medium
 */

@-webkit-keyframes uk-fade-left-medium {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uk-fade-left-medium {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/*
 * Slide Right Medium
 */

@-webkit-keyframes uk-fade-right-medium {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uk-fade-right-medium {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/*
 * Scale Up
 */

@-webkit-keyframes uk-fade-scale-02 {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes uk-fade-scale-02 {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/*
 * Scale Down
 */

@-webkit-keyframes uk-fade-scale-18 {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes uk-fade-scale-18 {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/*
 * Kenburns
 */

@-webkit-keyframes uk-scale-kenburns {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}

@keyframes uk-scale-kenburns {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}

/*
 * Shake
 */

@-webkit-keyframes uk-shake {
  0%, 100% {
    transform: translateX(0);
  }

  10% {
    transform: translateX(-9px);
  }

  20% {
    transform: translateX(8px);
  }

  30% {
    transform: translateX(-7px);
  }

  40% {
    transform: translateX(6px);
  }

  50% {
    transform: translateX(-5px);
  }

  60% {
    transform: translateX(4px);
  }

  70% {
    transform: translateX(-3px);
  }

  80% {
    transform: translateX(2px);
  }

  90% {
    transform: translateX(-1px);
  }
}

@keyframes uk-shake {
  0%, 100% {
    transform: translateX(0);
  }

  10% {
    transform: translateX(-9px);
  }

  20% {
    transform: translateX(8px);
  }

  30% {
    transform: translateX(-7px);
  }

  40% {
    transform: translateX(6px);
  }

  50% {
    transform: translateX(-5px);
  }

  60% {
    transform: translateX(4px);
  }

  70% {
    transform: translateX(-3px);
  }

  80% {
    transform: translateX(2px);
  }

  90% {
    transform: translateX(-1px);
  }
}

/*
 * Stroke
 */

@-webkit-keyframes uk-stroke {
  0% {
    stroke-dashoffset: var(--uk-animation-stroke);
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes uk-stroke {
  0% {
    stroke-dashoffset: var(--uk-animation-stroke);
  }

  100% {
    stroke-dashoffset: 0;
  }
}

/* ========================================================================
   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-xxlarge {
  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-xxlarge\@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-xxlarge\@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-xxlarge\@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-xxlarge\@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: Text
 ========================================================================== */

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

.uk-text-lead {
  font-size: 1.32rem;
  line-height: 1.5;
  color: #444;
}

.uk-text-meta {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #999;
}

/* Size modifiers
 ========================================================================== */

.uk-text-small {
  font-size: 0.875rem;
  line-height: 1.5;
}

.uk-text-large {
  font-size: 1.32rem;
  line-height: 1.8;
}

/* Weight modifier
 ========================================================================== */

.uk-text-bold {
  font-weight: bolder;
}

/* Transform modifier
 ========================================================================== */

.uk-text-uppercase {
  text-transform: uppercase !important;
}

.uk-text-capitalize {
  text-transform: capitalize !important;
}

.uk-text-lowercase {
  text-transform: lowercase !important;
}

/* Color modifiers
 ========================================================================== */

.uk-text-muted {
  color: #999 !important;
}

.uk-text-emphasis {
  color: #444 !important;
}

.uk-text-primary {
  color: #ff3f00 !important;
}

.uk-text-secondary {
  color: #3F3F3F !important;
}

.uk-text-success {
  color: #32d296 !important;
}

.uk-text-warning {
  color: #faa05a !important;
}

.uk-text-danger {
  color: #002D6D !important;
}

/* Background modifier
 ========================================================================== */

/*
 * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera
 *    Default color is set to transparent
 * 2. Container fits the text
 * 3. Fallback color for IE11
 */

.uk-text-background {
  /* 1 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 2 */
  display: inline-block;
  /* 3 */
  color: #ff3f00 !important;
}

@supports (-webkit-background-clip: text) {
  .uk-text-background {
    background-color: #ff3f00;
  }
}

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

.uk-text-left {
  text-align: left !important;
}

.uk-text-right {
  text-align: right !important;
}

.uk-text-center {
  text-align: center !important;
}

.uk-text-justify {
  text-align: justify !important;
}

/* Phone landscape and bigger */

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

  .uk-text-right\@s {
    text-align: right !important;
  }

  .uk-text-center\@s {
    text-align: center !important;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-text-left\@m {
    text-align: left !important;
  }

  .uk-text-right\@m {
    text-align: right !important;
  }

  .uk-text-center\@m {
    text-align: center !important;
  }
}

/* Desktop and bigger */

@media (min-width: 1200px) {
  .uk-text-left\@l {
    text-align: left !important;
  }

  .uk-text-right\@l {
    text-align: right !important;
  }

  .uk-text-center\@l {
    text-align: center !important;
  }
}

/* Large screen and bigger */

@media (min-width: 1600px) {
  .uk-text-left\@xl {
    text-align: left !important;
  }

  .uk-text-right\@xl {
    text-align: right !important;
  }

  .uk-text-center\@xl {
    text-align: center !important;
  }
}

/*
 * Vertical
 */

.uk-text-top {
  vertical-align: top !important;
}

.uk-text-middle {
  vertical-align: middle !important;
}

.uk-text-bottom {
  vertical-align: bottom !important;
}

.uk-text-baseline {
  vertical-align: baseline !important;
}

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

/*
 * Prevent text from wrapping onto multiple lines
 */

.uk-text-nowrap {
  white-space: nowrap;
}

/*
 * 1. Make sure a max-width is set after which truncation can occur
 * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
 * 3. Fix for table cells
 */

.uk-text-truncate {
  /* 1 */
  max-width: 100%;
  /* 2 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 2 */

th.uk-text-truncate,
td.uk-text-truncate {
  max-width: 0;
}

/*
 * 1. Wrap long words onto the next line and break them if they are too long to fit
 * 2. Legacy `word-wrap` as fallback for `overflow-wrap`
 * 3. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge
 *    Must use `break-all` to support IE11 and Edge
 * Note: Not using `hyphens: auto;` because it hyphenates text even if not needed
 */

.uk-text-break {
  /* 1 */
  overflow-wrap: break-word;
  /* 2 */
  word-wrap: break-word;
}

/* 3 */

th.uk-text-break,
td.uk-text-break {
  word-break: break-all;
}

/* ========================================================================
   Component: Column
 ========================================================================== */

[class*=uk-column-] {
  -moz-column-gap: 30px;
       column-gap: 30px;
}

/* Desktop and bigger */

@media (min-width: 1200px) {
  [class*=uk-column-] {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}

/*
 * Fix image 1px line wrapping into the next column in Chrome
 */

[class*=uk-column-] img {
  transform: translate3d(0, 0, 0);
}

/* Divider
 ========================================================================== */

/*
 * 1. Double the column gap
 */

.uk-column-divider {
  -moz-column-rule: 1px solid #e5e5e5;
       column-rule: 1px solid #e5e5e5;
  /* 1 */
  -moz-column-gap: 60px;
       column-gap: 60px;
}

/* Desktop and bigger */

@media (min-width: 1200px) {
  .uk-column-divider {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
}

/* Width modifiers
 ========================================================================== */

.uk-column-1-2 {
  -moz-column-count: 2;
       column-count: 2;
}

.uk-column-1-3 {
  -moz-column-count: 3;
       column-count: 3;
}

.uk-column-1-4 {
  -moz-column-count: 4;
       column-count: 4;
}

.uk-column-1-5 {
  -moz-column-count: 5;
       column-count: 5;
}

.uk-column-1-6 {
  -moz-column-count: 6;
       column-count: 6;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-column-1-2\@s {
    -moz-column-count: 2;
         column-count: 2;
  }

  .uk-column-1-3\@s {
    -moz-column-count: 3;
         column-count: 3;
  }

  .uk-column-1-4\@s {
    -moz-column-count: 4;
         column-count: 4;
  }

  .uk-column-1-5\@s {
    -moz-column-count: 5;
         column-count: 5;
  }

  .uk-column-1-6\@s {
    -moz-column-count: 6;
         column-count: 6;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-column-1-2\@m {
    -moz-column-count: 2;
         column-count: 2;
  }

  .uk-column-1-3\@m {
    -moz-column-count: 3;
         column-count: 3;
  }

  .uk-column-1-4\@m {
    -moz-column-count: 4;
         column-count: 4;
  }

  .uk-column-1-5\@m {
    -moz-column-count: 5;
         column-count: 5;
  }

  .uk-column-1-6\@m {
    -moz-column-count: 6;
         column-count: 6;
  }
}

/* Desktop and bigger */

@media (min-width: 1200px) {
  .uk-column-1-2\@l {
    -moz-column-count: 2;
         column-count: 2;
  }

  .uk-column-1-3\@l {
    -moz-column-count: 3;
         column-count: 3;
  }

  .uk-column-1-4\@l {
    -moz-column-count: 4;
         column-count: 4;
  }

  .uk-column-1-5\@l {
    -moz-column-count: 5;
         column-count: 5;
  }

  .uk-column-1-6\@l {
    -moz-column-count: 6;
         column-count: 6;
  }
}

/* Large screen and bigger */

@media (min-width: 1600px) {
  .uk-column-1-2\@xl {
    -moz-column-count: 2;
         column-count: 2;
  }

  .uk-column-1-3\@xl {
    -moz-column-count: 3;
         column-count: 3;
  }

  .uk-column-1-4\@xl {
    -moz-column-count: 4;
         column-count: 4;
  }

  .uk-column-1-5\@xl {
    -moz-column-count: 5;
         column-count: 5;
  }

  .uk-column-1-6\@xl {
    -moz-column-count: 6;
         column-count: 6;
  }
}

/* Make element span across all columns
 * Does not work in Firefox yet
 ========================================================================== */

.uk-column-span {
  -moz-column-span: all;
       column-span: all;
}

/* ========================================================================
   Component: Cover
 ========================================================================== */

/*
 * Works with iframes and embedded content
 * 1. Reset responsiveness for embedded content
 * 2. Center object
 * Note: Percent values on the `top` property only works if this element
 *       is absolute positioned or if the container has a height
 */

.uk-cover {
  /* 1 */
  max-width: none;
  /* 2 */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

iframe.uk-cover {
  pointer-events: none;
}

/* Container
 ========================================================================== */

/*
 * 1. Parent container which clips resized object
 * 2. Needed if the child is positioned absolute. See note above
 */

.uk-cover-container {
  /* 1 */
  overflow: hidden;
  /* 2 */
  position: relative;
}

/* ========================================================================
   Component: Background
 ========================================================================== */

/* Color
 ========================================================================== */

.uk-background-default {
  background-color: #fff;
}

.uk-background-muted {
  background-color: #f9f9f9;
}

.uk-background-primary {
  background-color: #ff3f00;
}

.uk-background-secondary {
  background-color: #3F3F3F;
}

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

.uk-background-cover,
.uk-background-contain {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.uk-background-cover {
  background-size: cover;
}

.uk-background-contain {
  background-size: contain;
}

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

.uk-background-top-left {
  background-position: 0 0;
}

.uk-background-top-center {
  background-position: 50% 0;
}

.uk-background-top-right {
  background-position: 100% 0;
}

.uk-background-center-left {
  background-position: 0 50%;
}

.uk-background-center-center {
  background-position: 50% 50%;
}

.uk-background-center-right {
  background-position: 100% 50%;
}

.uk-background-bottom-left {
  background-position: 0 100%;
}

.uk-background-bottom-center {
  background-position: 50% 100%;
}

.uk-background-bottom-right {
  background-position: 100% 100%;
}

/* Repeat
 ========================================================================== */

.uk-background-norepeat {
  background-repeat: no-repeat;
}

/* Attachment
 ========================================================================== */

/*
 * 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d`
 */

.uk-background-fixed {
  background-attachment: fixed;
  /* 1 */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/*
 * Exclude touch devices because `fixed` doesn't work on iOS and Android
 */

@media (pointer: coarse) {
  .uk-background-fixed {
    background-attachment: scroll;
  }
}

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

/* Phone portrait and smaller */

@media (max-width: 639px) {
  .uk-background-image\@s {
    background-image: none !important;
  }
}

/* Phone landscape and smaller */

@media (max-width: 959px) {
  .uk-background-image\@m {
    background-image: none !important;
  }
}

/* Tablet landscape and smaller */

@media (max-width: 1199px) {
  .uk-background-image\@l {
    background-image: none !important;
  }
}

/* Desktop and smaller */

@media (max-width: 1599px) {
  .uk-background-image\@xl {
    background-image: none !important;
  }
}

/* Blend modes
 ========================================================================== */

.uk-background-blend-multiply {
  background-blend-mode: multiply;
}

.uk-background-blend-screen {
  background-blend-mode: screen;
}

.uk-background-blend-overlay {
  background-blend-mode: overlay;
}

.uk-background-blend-darken {
  background-blend-mode: darken;
}

.uk-background-blend-lighten {
  background-blend-mode: lighten;
}

.uk-background-blend-color-dodge {
  background-blend-mode: color-dodge;
}

.uk-background-blend-color-burn {
  background-blend-mode: color-burn;
}

.uk-background-blend-hard-light {
  background-blend-mode: hard-light;
}

.uk-background-blend-soft-light {
  background-blend-mode: soft-light;
}

.uk-background-blend-difference {
  background-blend-mode: difference;
}

.uk-background-blend-exclusion {
  background-blend-mode: exclusion;
}

.uk-background-blend-hue {
  background-blend-mode: hue;
}

.uk-background-blend-saturation {
  background-blend-mode: saturation;
}

.uk-background-blend-color {
  background-blend-mode: color;
}

.uk-background-blend-luminosity {
  background-blend-mode: luminosity;
}

/* ========================================================================
   Component: Align
 ========================================================================== */

/*
 * Default
 */

[class*=uk-align] {
  display: block;
  margin-bottom: 30px;
}

* + [class*=uk-align] {
  margin-top: 30px;
}

/*
 * Center
 */

.uk-align-center {
  margin-left: auto;
  margin-right: auto;
}

/*
 * Left/Right
 */

.uk-align-left {
  margin-top: 0;
  margin-right: 30px;
  float: left;
}

.uk-align-right {
  margin-top: 0;
  margin-left: 30px;
  float: right;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-align-left\@s {
    margin-top: 0;
    margin-right: 30px;
    float: left;
  }

  .uk-align-right\@s {
    margin-top: 0;
    margin-left: 30px;
    float: right;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-align-left\@m {
    margin-top: 0;
    margin-right: 30px;
    float: left;
  }

  .uk-align-right\@m {
    margin-top: 0;
    margin-left: 30px;
    float: right;
  }
}

/* Desktop and bigger */

@media (min-width: 1200px) {
  .uk-align-left\@l {
    margin-top: 0;
    float: left;
  }

  .uk-align-right\@l {
    margin-top: 0;
    float: right;
  }

  .uk-align-left,
  .uk-align-left\@s,
  .uk-align-left\@m,
  .uk-align-left\@l {
    margin-right: 40px;
  }

  .uk-align-right,
  .uk-align-right\@s,
  .uk-align-right\@m,
  .uk-align-right\@l {
    margin-left: 40px;
  }
}

/* Large screen and bigger */

@media (min-width: 1600px) {
  .uk-align-left\@xl {
    margin-top: 0;
    margin-right: 40px;
    float: left;
  }

  .uk-align-right\@xl {
    margin-top: 0;
    margin-left: 40px;
    float: right;
  }
}

/* ========================================================================
   Component: SVG
 ========================================================================== */

/*
 * 1. Fill all SVG elements with the current text color if no `fill` attribute is set
 * 2. Set the fill and stroke color of all SVG elements to the current text color
 */

/* 1 */

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

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

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

.uk-svg {
  transform: translate(0, 0);
}

/* ========================================================================
   Component: Utility
 ========================================================================== */

/* Panel
 ========================================================================== */

.uk-panel {
  position: relative;
  box-sizing: border-box;
}

/*
 * Micro clearfix
 */

.uk-panel::before,
.uk-panel::after {
  content: "";
  display: table;
}

.uk-panel::after {
  clear: both;
}

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

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

/*
 * Scrollable
 */

.uk-panel-scrollable {
  height: 170px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  resize: both;
}

/* Clearfix
 ========================================================================== */

/*
 * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * 2. `table` is used again with `::after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */

/* 1 */

.uk-clearfix::before {
  content: "";
  display: table-cell;
}

/* 2 */

.uk-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* Float
 ========================================================================== */

/*
 * 1. Prevent content overflow
 */

.uk-float-left {
  float: left;
}

.uk-float-right {
  float: right;
}

/* 1 */

[class*=uk-float-] {
  max-width: 100%;
}

/* Overfow
 ========================================================================== */

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

/*
 * Enable scrollbars if content is clipped
 * Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518
 */

.uk-overflow-auto {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.uk-overflow-auto > :last-child {
  margin-bottom: 0;
}

/* Resize
 ========================================================================== */

.uk-resize {
  resize: both;
}

.uk-resize-vertical {
  resize: vertical;
}

/* Display
 ========================================================================== */

.uk-display-block {
  display: block !important;
}

.uk-display-inline {
  display: inline !important;
}

.uk-display-inline-block {
  display: inline-block !important;
}

/* Inline
 ========================================================================== */

/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Behave like most inline-block elements
 * 5. Force hardware acceleration without creating a new stacking context
 *    to fix 1px glitch when combined with overlays and transitions in Webkit
 * 6. Clip child elements
 */

[class*=uk-inline] {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
  /* 5 */
  -webkit-backface-visibility: hidden;
}

.uk-inline-clip {
  /* 6 */
  overflow: hidden;
}

/* Responsive objects
 ========================================================================== */

/*
 * Preserve original dimensions
 * Because `img, `video`, `canvas` and  `audio` are already responsive by default, see Base component
 */

.uk-preserve-width,
.uk-preserve-width canvas,
.uk-preserve-width img,
.uk-preserve-width svg,
.uk-preserve-width video {
  max-width: none;
}

/*
 * Responsiveness
 * Corrects `max-width` and `max-height` behavior if padding and border are used
 */

.uk-responsive-width,
.uk-responsive-height {
  box-sizing: border-box;
}

/*
 * 1. Set a maximum width. `important` needed to override `uk-preserve-width img`
 * 2. Auto scale the height. Only needed if `height` attribute is present
 */

.uk-responsive-width {
  /* 1 */
  max-width: 100% !important;
  /* 2 */
  height: auto;
}

/*
 * 1. Set a maximum height. Only works if the parent element has a fixed height
 * 2. Auto scale the width. Only needed if `width` attribute is present
 * 3. Reset max-width, which `img, `video`, `canvas` and  `audio` already have by default
 */

.uk-responsive-height {
  /* 1 */
  max-height: 100%;
  /* 2 */
  width: auto;
  /* 3 */
  max-width: none;
}

/* Border
 ========================================================================== */

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

.uk-border-pill {
  border-radius: 500px;
}

.uk-border-rounded {
  border-radius: 8px;
}

/*
 * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
 */

.uk-inline-clip[class*=uk-border-] {
  -webkit-transform: translateZ(0);
}

/* Box-shadow
 ========================================================================== */

.uk-box-shadow-small {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-medium {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-large {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

.uk-box-shadow-xlarge {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}

/*
 * Hover
 */

[class*=uk-box-shadow-hover] {
  transition: box-shadow 0.1s ease-in-out;
}

.uk-box-shadow-hover-small:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-hover-medium:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-hover-large:hover {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

.uk-box-shadow-hover-xlarge:hover {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}

/* Box-shadow bottom
 ========================================================================== */

/*
 * 1. Set position.
 * 2. Set style
 * 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge.
 *    Solved by using `before` and add position context to child elements.
 */

@supports ((-webkit-filter: blur(0)) or (filter: blur(0))) {
  .uk-box-shadow-bottom {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
  }

  .uk-box-shadow-bottom::before {
    content: "";
    /* 1 */
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    /* 2 */
    height: 30px;
    border-radius: 100%;
    background: #444;
    -webkit-filter: blur(20px);
            filter: blur(20px);
  }

  /* 3 */

  .uk-box-shadow-bottom > * {
    position: relative;
  }
}

/* Drop cap
 ========================================================================== */

/*
 * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
 *    https://bugzilla.mozilla.org/show_bug.cgi?id=214004
 * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
 *    https://bugzilla.mozilla.org/show_bug.cgi?id=317933
 * 3. Caused by 1.: Edge creates two nested `::first-letter` containers, one for each selector
 *    This doubles the `font-size` exponential when using the `em` unit.
 */

.uk-dropcap::first-letter,
.uk-dropcap > p:first-of-type::first-letter {
  display: block;
  margin-right: 10px;
  float: left;
  font-size: 4.5em;
  line-height: 1;
}

/* 2 */

@-moz-document url-prefix()  {
  .uk-dropcap::first-letter,
  .uk-dropcap > p:first-of-type::first-letter {
    margin-top: 1.1%;
  }
}

/* 3 */

@supports (-ms-ime-align: auto) {
  .uk-dropcap > p:first-of-type::first-letter {
    font-size: 1em;
  }
}

/* Logo
 ========================================================================== */

/*
 * 1. Required for `a`
 */

.uk-logo {
  font-size: 1.32rem;
  font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #444;
  /* 1 */
  text-decoration: none;
}

/* Hover + Focus */

.uk-logo:hover,
.uk-logo:focus {
  color: #444;
  outline: none;
  /* 1 */
  text-decoration: none;
}

.uk-logo-inverse {
  display: none;
}

/* Disabled State
 ========================================================================== */

.uk-disabled {
  pointer-events: none;
}

/* Drag State
 ========================================================================== */

/*
 * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons
 * 2. Fix dragging over iframes
 */

.uk-drag,
.uk-drag * {
  cursor: move;
}

/* 2 */

.uk-drag iframe {
  pointer-events: none;
}

/* Dragover State
 ========================================================================== */

/*
 * Create a box-shadow when dragging a file over the upload area
 */

.uk-dragover {
  box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
}

/* Blend modes
 ========================================================================== */

.uk-blend-multiply {
  mix-blend-mode: multiply;
}

.uk-blend-screen {
  mix-blend-mode: screen;
}

.uk-blend-overlay {
  mix-blend-mode: overlay;
}

.uk-blend-darken {
  mix-blend-mode: darken;
}

.uk-blend-lighten {
  mix-blend-mode: lighten;
}

.uk-blend-color-dodge {
  mix-blend-mode: color-dodge;
}

.uk-blend-color-burn {
  mix-blend-mode: color-burn;
}

.uk-blend-hard-light {
  mix-blend-mode: hard-light;
}

.uk-blend-soft-light {
  mix-blend-mode: soft-light;
}

.uk-blend-difference {
  mix-blend-mode: difference;
}

.uk-blend-exclusion {
  mix-blend-mode: exclusion;
}

.uk-blend-hue {
  mix-blend-mode: hue;
}

.uk-blend-saturation {
  mix-blend-mode: saturation;
}

.uk-blend-color {
  mix-blend-mode: color;
}

.uk-blend-luminosity {
  mix-blend-mode: luminosity;
}

/* Transform
========================================================================== */

.uk-transform-center {
  transform: translate(-50%, -50%);
}

/* Transform Origin
========================================================================== */

.uk-transform-origin-top-left {
  transform-origin: 0 0;
}

.uk-transform-origin-top-center {
  transform-origin: 50% 0;
}

.uk-transform-origin-top-right {
  transform-origin: 100% 0;
}

.uk-transform-origin-center-left {
  transform-origin: 0 50%;
}

.uk-transform-origin-center-right {
  transform-origin: 100% 50%;
}

.uk-transform-origin-bottom-left {
  transform-origin: 0 100%;
}

.uk-transform-origin-bottom-center {
  transform-origin: 50% 100%;
}

.uk-transform-origin-bottom-right {
  transform-origin: 100% 100%;
}

/* ========================================================================
   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;
  }
}

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

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

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

.uk-flex-none {
  flex: none;
}

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

.uk-flex-auto {
  flex: auto;
}

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

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

/* ========================================================================
   Component: Position
 ========================================================================== */

/* Directions
 ========================================================================== */

[class*=uk-position-top],
[class*=uk-position-bottom],
[class*=uk-position-left],
[class*=uk-position-right],
[class*=uk-position-center] {
  position: absolute !important;
}

/* 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: -webkit-max-content;
  width: -moz-max-content;
  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: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.uk-position-center-right-out {
  left: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

/* Horizontal */

.uk-position-top-center,
.uk-position-bottom-center {
  left: 50%;
  transform: translateX(-50%);
  /* 1 */
  width: -webkit-max-content;
  width: -moz-max-content;
  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-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);
  }
}

/* ========================================================================
   Component: Transition
 ========================================================================== */

/* Toggle (Hover + Focus)
 ========================================================================== */

/*
 * 1. Prevent tab highlighting on iOS.
 */

.uk-transition-toggle {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}

/*
 * Remove outline for `tabindex`
 */

.uk-transition-toggle:focus {
  outline: none;
}

/* Transitions
 ========================================================================== */

/*
 * The toggle is triggered on touch devices by two methods:
 * 1. Using `:focus` and tabindex
 * 2. Using `:hover` and a `touchstart` event listener registered on the document
 *    (Doesn't work on Surface touch devices)
 *
 * Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform`,
 *       therefore it's recommended to use an extra `div` for the transition.
 */

.uk-transition-fade,
[class*=uk-transition-scale],
[class*=uk-transition-slide] {
  transition: 0.3s ease-out;
  transition-property: opacity, transform, -webkit-filter;
  transition-property: opacity, transform, filter;
  transition-property: opacity, transform, filter, -webkit-filter;
  opacity: 0;
}

/*
 * Fade
 */

.uk-transition-toggle:hover .uk-transition-fade,
.uk-transition-toggle:focus .uk-transition-fade,
.uk-transition-active.uk-active .uk-transition-fade {
  opacity: 1;
}

/*
 * Scale
 */

.uk-transition-scale-up {
  transform: scale(1, 1);
}

.uk-transition-scale-down {
  transform: scale(1.1, 1.1);
}

/* Show */

.uk-transition-toggle:hover .uk-transition-scale-up,
.uk-transition-toggle:focus .uk-transition-scale-up,
.uk-transition-active.uk-active .uk-transition-scale-up {
  opacity: 1;
  transform: scale(1.1, 1.1);
}

.uk-transition-toggle:hover .uk-transition-scale-down,
.uk-transition-toggle:focus .uk-transition-scale-down,
.uk-transition-active.uk-active .uk-transition-scale-down {
  opacity: 1;
  transform: scale(1, 1);
}

/*
 * Slide
 */

.uk-transition-slide-top {
  transform: translateY(-100%);
}

.uk-transition-slide-bottom {
  transform: translateY(100%);
}

.uk-transition-slide-left {
  transform: translateX(-100%);
}

.uk-transition-slide-right {
  transform: translateX(100%);
}

.uk-transition-slide-top-small {
  transform: translateY(-10px);
}

.uk-transition-slide-bottom-small {
  transform: translateY(10px);
}

.uk-transition-slide-left-small {
  transform: translateX(-10px);
}

.uk-transition-slide-right-small {
  transform: translateX(10px);
}

.uk-transition-slide-top-medium {
  transform: translateY(-50px);
}

.uk-transition-slide-bottom-medium {
  transform: translateY(50px);
}

.uk-transition-slide-left-medium {
  transform: translateX(-50px);
}

.uk-transition-slide-right-medium {
  transform: translateX(50px);
}

/* Show */

.uk-transition-toggle:hover [class*=uk-transition-slide],
.uk-transition-toggle:focus [class*=uk-transition-slide],
.uk-transition-active.uk-active [class*=uk-transition-slide] {
  opacity: 1;
  transform: translate(0, 0);
}

/* Opacity modifier
 ========================================================================== */

.uk-transition-opaque {
  opacity: 1;
}

/* Duration modifiers
 ========================================================================== */

.uk-transition-slow {
  transition-duration: 0.7s;
}

/* ========================================================================
   Component: Visibility
 ========================================================================== */

/*
 * Hidden
 * `hidden` attribute also set here to make it stronger
 */

[hidden],
.uk-hidden {
  display: none !important;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
  .uk-hidden\@s {
    display: none !important;
  }
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
  .uk-hidden\@m {
    display: none !important;
  }
}

/* Desktop and bigger */

@media (min-width: 1200px) {
  .uk-hidden\@l {
    display: none !important;
  }
}

/* Large screen and bigger */

@media (min-width: 1600px) {
  .uk-hidden\@xl {
    display: none !important;
  }
}

/*
 * Visible
 */

/* Phone portrait and smaller */

@media (max-width: 639px) {
  .uk-visible\@s {
    display: none !important;
  }
}

/* Phone landscape and smaller */

@media (max-width: 959px) {
  .uk-visible\@m {
    display: none !important;
  }
}

/* Tablet landscape and smaller */

@media (max-width: 1199px) {
  .uk-visible\@l {
    display: none !important;
  }
}

/* Desktop and smaller */

@media (max-width: 1599px) {
  .uk-visible\@xl {
    display: none !important;
  }
}

/* Visibility
 ========================================================================== */

.uk-invisible {
  visibility: hidden !important;
}

/* Toggle (Hover + Focus)
 ========================================================================== */

/*
 * Hidden
 * 1. The toggle is triggered on touch devices using `:focus` and tabindex
 * 2. The target stays visible if any element within receives focus through keyboard
 *    Doesn't work in Edge, yet.
 * 3. Can't use `display: none` nor `visibility: hidden` because both are not focusable.
 *
 */

/* 1 + 2 */

.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
  /* 3 */
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/*
 * Invisible
 */

/* 1 + 2 */

.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
  /* 3 */
  opacity: 0 !important;
}

/*
 * 1. Prevent tab highlighting on iOS.
 */

.uk-visible-toggle {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}

/*
 * Remove outline for `tabindex`
 */

.uk-visible-toggle:focus {
  outline: none;
}

/* Touch
 ========================================================================== */

/*
 * Hide if primary pointing device has limited accuracy, e.g. a touch screen.
 * Works on mobile browsers: Safari, Chrome and Android browser
 */

@media (pointer: coarse) {
  .uk-hidden-touch {
    display: none !important;
  }
}

/*
 * Hide if primary pointing device is accurate, e.g. mouse.
 * 1. Fallback for IE11 and Firefox, because `pointer` is not supported
 * 2. Reset if supported
 */

/* 1 */

.uk-hidden-notouch {
  display: none !important;
}

@media (pointer: coarse) {
  .uk-hidden-notouch {
    display: block !important;
  }
}

/* ========================================================================
   Component: Inverse
 ========================================================================== */

/*
 * Implemented class depends on the general theme color
 * `uk-light` is for light colors on dark backgrounds
 * `uk-dark` is or dark colors on light backgrounds
 */

.uk-light,
.uk-section-primary:not(.uk-preserve-color),
.uk-section-secondary:not(.uk-preserve-color),
.uk-tile-primary:not(.uk-preserve-color),
.uk-tile-secondary:not(.uk-preserve-color),
.uk-card-primary.uk-card-body,
.uk-card-primary > :not([class*=uk-card-media]),
.uk-card-secondary.uk-card-body,
.uk-card-secondary > :not([class*=uk-card-media]),
.uk-overlay-primary,
.uk-offcanvas-bar {
  color: #ccc;
}

.uk-light a,
.uk-section-primary:not(.uk-preserve-color) a,
.uk-section-secondary:not(.uk-preserve-color) a,
.uk-tile-primary:not(.uk-preserve-color) a,
.uk-tile-secondary:not(.uk-preserve-color) a,
.uk-card-primary.uk-card-body a,
.uk-card-primary > :not([class*=uk-card-media]) a,
.uk-card-secondary.uk-card-body a,
.uk-card-secondary > :not([class*=uk-card-media]) a,
.uk-overlay-primary a,
.uk-offcanvas-bar a,
.uk-light .uk-link,
.uk-section-primary:not(.uk-preserve-color) .uk-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link,
.uk-card-primary.uk-card-body .uk-link,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link,
.uk-card-secondary.uk-card-body .uk-link,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link,
.uk-overlay-primary .uk-link,
.uk-offcanvas-bar .uk-link {
  color: #ff3f00;
}

.uk-light a:hover,
.uk-section-primary:not(.uk-preserve-color) a:hover,
.uk-section-secondary:not(.uk-preserve-color) a:hover,
.uk-tile-primary:not(.uk-preserve-color) a:hover,
.uk-tile-secondary:not(.uk-preserve-color) a:hover,
.uk-card-primary.uk-card-body a:hover,
.uk-card-primary > :not([class*=uk-card-media]) a:hover,
.uk-card-secondary.uk-card-body a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) a:hover,
.uk-overlay-primary a:hover,
.uk-offcanvas-bar a:hover,
.uk-light .uk-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-card-primary.uk-card-body .uk-link:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link:hover,
.uk-card-secondary.uk-card-body .uk-link:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link:hover,
.uk-overlay-primary .uk-link:hover,
.uk-offcanvas-bar .uk-link:hover {
  color: #ff3f00;
}

.uk-light :not(pre) > code,
.uk-section-primary:not(.uk-preserve-color) :not(pre) > code,
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code,
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code,
.uk-card-primary.uk-card-body :not(pre) > code,
.uk-card-primary > :not([class*=uk-card-media]) :not(pre) > code,
.uk-card-secondary.uk-card-body :not(pre) > code,
.uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > code,
.uk-overlay-primary :not(pre) > code,
.uk-offcanvas-bar :not(pre) > code,
.uk-light :not(pre) > kbd,
.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd,
.uk-card-primary.uk-card-body :not(pre) > kbd,
.uk-card-primary > :not([class*=uk-card-media]) :not(pre) > kbd,
.uk-card-secondary.uk-card-body :not(pre) > kbd,
.uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > kbd,
.uk-overlay-primary :not(pre) > kbd,
.uk-offcanvas-bar :not(pre) > kbd,
.uk-light :not(pre) > samp,
.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp,
.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp,
.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp,
.uk-card-primary.uk-card-body :not(pre) > samp,
.uk-card-primary > :not([class*=uk-card-media]) :not(pre) > samp,
.uk-card-secondary.uk-card-body :not(pre) > samp,
.uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > samp,
.uk-overlay-primary :not(pre) > samp,
.uk-offcanvas-bar :not(pre) > samp {
  color: #ccc;
}

.uk-light em,
.uk-section-primary:not(.uk-preserve-color) em,
.uk-section-secondary:not(.uk-preserve-color) em,
.uk-tile-primary:not(.uk-preserve-color) em,
.uk-tile-secondary:not(.uk-preserve-color) em,
.uk-card-primary.uk-card-body em,
.uk-card-primary > :not([class*=uk-card-media]) em,
.uk-card-secondary.uk-card-body em,
.uk-card-secondary > :not([class*=uk-card-media]) em,
.uk-overlay-primary em,
.uk-offcanvas-bar em {
  color: #ccc;
}

.uk-light h1,
.uk-section-primary:not(.uk-preserve-color) h1,
.uk-section-secondary:not(.uk-preserve-color) h1,
.uk-tile-primary:not(.uk-preserve-color) h1,
.uk-tile-secondary:not(.uk-preserve-color) h1,
.uk-card-primary.uk-card-body h1,
.uk-card-primary > :not([class*=uk-card-media]) h1,
.uk-card-secondary.uk-card-body h1,
.uk-card-secondary > :not([class*=uk-card-media]) h1,
.uk-overlay-primary h1,
.uk-offcanvas-bar h1,
.uk-light .uk-h1,
.uk-section-primary:not(.uk-preserve-color) .uk-h1,
.uk-section-secondary:not(.uk-preserve-color) .uk-h1,
.uk-tile-primary:not(.uk-preserve-color) .uk-h1,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,
.uk-card-primary.uk-card-body .uk-h1,
.uk-card-primary > :not([class*=uk-card-media]) .uk-h1,
.uk-card-secondary.uk-card-body .uk-h1,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-h1,
.uk-overlay-primary .uk-h1,
.uk-offcanvas-bar .uk-h1,
.uk-light h2,
.uk-section-primary:not(.uk-preserve-color) h2,
.uk-section-secondary:not(.uk-preserve-color) h2,
.uk-tile-primary:not(.uk-preserve-color) h2,
.uk-tile-secondary:not(.uk-preserve-color) h2,
.uk-card-primary.uk-card-body h2,
.uk-card-primary > :not([class*=uk-card-media]) h2,
.uk-card-secondary.uk-card-body h2,
.uk-card-secondary > :not([class*=uk-card-media]) h2,
.uk-overlay-primary h2,
.uk-offcanvas-bar h2,
.uk-light .uk-h2,
.uk-light .page-comments > h3,
.uk-section-primary:not(.uk-preserve-color) .uk-h2,
.uk-section-primary:not(.uk-preserve-color) .page-comments > h3,
.uk-section-secondary:not(.uk-preserve-color) .uk-h2,
.uk-section-secondary:not(.uk-preserve-color) .page-comments > h3,
.uk-tile-primary:not(.uk-preserve-color) .uk-h2,
.uk-tile-primary:not(.uk-preserve-color) .page-comments > h3,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,
.uk-tile-secondary:not(.uk-preserve-color) .page-comments > h3,
.uk-card-primary.uk-card-body .uk-h2,
.uk-card-primary.uk-card-body .page-comments > h3,
.uk-card-primary > :not([class*=uk-card-media]) .uk-h2,
.uk-card-primary > :not([class*=uk-card-media]) .page-comments > h3,
.uk-card-secondary.uk-card-body .uk-h2,
.uk-card-secondary.uk-card-body .page-comments > h3,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-h2,
.uk-card-secondary > :not([class*=uk-card-media]) .page-comments > h3,
.uk-overlay-primary .uk-h2,
.uk-overlay-primary .page-comments > h3,
.uk-offcanvas-bar .uk-h2,
.uk-offcanvas-bar .page-comments > h3,
.uk-light h3,
.uk-section-primary:not(.uk-preserve-color) h3,
.uk-section-secondary:not(.uk-preserve-color) h3,
.uk-tile-primary:not(.uk-preserve-color) h3,
.uk-tile-secondary:not(.uk-preserve-color) h3,
.uk-card-primary.uk-card-body h3,
.uk-card-primary > :not([class*=uk-card-media]) h3,
.uk-card-secondary.uk-card-body h3,
.uk-card-secondary > :not([class*=uk-card-media]) h3,
.uk-overlay-primary h3,
.uk-offcanvas-bar h3,
.uk-light .uk-h3,
.uk-section-primary:not(.uk-preserve-color) .uk-h3,
.uk-section-secondary:not(.uk-preserve-color) .uk-h3,
.uk-tile-primary:not(.uk-preserve-color) .uk-h3,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,
.uk-card-primary.uk-card-body .uk-h3,
.uk-card-primary > :not([class*=uk-card-media]) .uk-h3,
.uk-card-secondary.uk-card-body .uk-h3,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-h3,
.uk-overlay-primary .uk-h3,
.uk-offcanvas-bar .uk-h3,
.uk-light h4,
.uk-section-primary:not(.uk-preserve-color) h4,
.uk-section-secondary:not(.uk-preserve-color) h4,
.uk-tile-primary:not(.uk-preserve-color) h4,
.uk-tile-secondary:not(.uk-preserve-color) h4,
.uk-card-primary.uk-card-body h4,
.uk-card-primary > :not([class*=uk-card-media]) h4,
.uk-card-secondary.uk-card-body h4,
.uk-card-secondary > :not([class*=uk-card-media]) h4,
.uk-overlay-primary h4,
.uk-offcanvas-bar h4,
.uk-light .uk-h4,
.uk-section-primary:not(.uk-preserve-color) .uk-h4,
.uk-section-secondary:not(.uk-preserve-color) .uk-h4,
.uk-tile-primary:not(.uk-preserve-color) .uk-h4,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,
.uk-card-primary.uk-card-body .uk-h4,
.uk-card-primary > :not([class*=uk-card-media]) .uk-h4,
.uk-card-secondary.uk-card-body .uk-h4,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-h4,
.uk-overlay-primary .uk-h4,
.uk-offcanvas-bar .uk-h4,
.uk-light h5,
.uk-section-primary:not(.uk-preserve-color) h5,
.uk-section-secondary:not(.uk-preserve-color) h5,
.uk-tile-primary:not(.uk-preserve-color) h5,
.uk-tile-secondary:not(.uk-preserve-color) h5,
.uk-card-primary.uk-card-body h5,
.uk-card-primary > :not([class*=uk-card-media]) h5,
.uk-card-secondary.uk-card-body h5,
.uk-card-secondary > :not([class*=uk-card-media]) h5,
.uk-overlay-primary h5,
.uk-offcanvas-bar h5,
.uk-light .uk-h5,
.uk-section-primary:not(.uk-preserve-color) .uk-h5,
.uk-section-secondary:not(.uk-preserve-color) .uk-h5,
.uk-tile-primary:not(.uk-preserve-color) .uk-h5,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,
.uk-card-primary.uk-card-body .uk-h5,
.uk-card-primary > :not([class*=uk-card-media]) .uk-h5,
.uk-card-secondary.uk-card-body .uk-h5,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-h5,
.uk-overlay-primary .uk-h5,
.uk-offcanvas-bar .uk-h5,
.uk-light h6,
.uk-section-primary:not(.uk-preserve-color) h6,
.uk-section-secondary:not(.uk-preserve-color) h6,
.uk-tile-primary:not(.uk-preserve-color) h6,
.uk-tile-secondary:not(.uk-preserve-color) h6,
.uk-card-primary.uk-card-body h6,
.uk-card-primary > :not([class*=uk-card-media]) h6,
.uk-card-secondary.uk-card-body h6,
.uk-card-secondary > :not([class*=uk-card-media]) h6,
.uk-overlay-primary h6,
.uk-offcanvas-bar h6,
.uk-light .uk-h6,
.uk-section-primary:not(.uk-preserve-color) .uk-h6,
.uk-section-secondary:not(.uk-preserve-color) .uk-h6,
.uk-tile-primary:not(.uk-preserve-color) .uk-h6,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,
.uk-card-primary.uk-card-body .uk-h6,
.uk-card-primary > :not([class*=uk-card-media]) .uk-h6,
.uk-card-secondary.uk-card-body .uk-h6,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-h6,
.uk-overlay-primary .uk-h6,
.uk-offcanvas-bar .uk-h6,
.uk-light .uk-heading-small,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-card-primary.uk-card-body .uk-heading-small,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-small,
.uk-card-secondary.uk-card-body .uk-heading-small,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-small,
.uk-overlay-primary .uk-heading-small,
.uk-offcanvas-bar .uk-heading-small,
.uk-light .uk-heading-medium,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-card-primary.uk-card-body .uk-heading-medium,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-medium,
.uk-card-secondary.uk-card-body .uk-heading-medium,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-medium,
.uk-overlay-primary .uk-heading-medium,
.uk-offcanvas-bar .uk-heading-medium,
.uk-light .uk-heading-large,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-card-primary.uk-card-body .uk-heading-large,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-large,
.uk-card-secondary.uk-card-body .uk-heading-large,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-large,
.uk-overlay-primary .uk-heading-large,
.uk-offcanvas-bar .uk-heading-large,
.uk-light .uk-heading-xlarge,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-card-primary.uk-card-body .uk-heading-xlarge,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-xlarge,
.uk-card-secondary.uk-card-body .uk-heading-xlarge,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-xlarge,
.uk-overlay-primary .uk-heading-xlarge,
.uk-offcanvas-bar .uk-heading-xlarge,
.uk-light .uk-heading-2xlarge,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-card-primary.uk-card-body .uk-heading-2xlarge,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-2xlarge,
.uk-card-secondary.uk-card-body .uk-heading-2xlarge,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-2xlarge,
.uk-overlay-primary .uk-heading-2xlarge,
.uk-offcanvas-bar .uk-heading-2xlarge {
  color: #ccc;
}

.uk-light hr,
.uk-section-primary:not(.uk-preserve-color) hr,
.uk-section-secondary:not(.uk-preserve-color) hr,
.uk-tile-primary:not(.uk-preserve-color) hr,
.uk-tile-secondary:not(.uk-preserve-color) hr,
.uk-card-primary.uk-card-body hr,
.uk-card-primary > :not([class*=uk-card-media]) hr,
.uk-card-secondary.uk-card-body hr,
.uk-card-secondary > :not([class*=uk-card-media]) hr,
.uk-overlay-primary hr,
.uk-offcanvas-bar hr,
.uk-light .uk-hr,
.uk-section-primary:not(.uk-preserve-color) .uk-hr,
.uk-section-secondary:not(.uk-preserve-color) .uk-hr,
.uk-tile-primary:not(.uk-preserve-color) .uk-hr,
.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,
.uk-card-primary.uk-card-body .uk-hr,
.uk-card-primary > :not([class*=uk-card-media]) .uk-hr,
.uk-card-secondary.uk-card-body .uk-hr,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-hr,
.uk-overlay-primary .uk-hr,
.uk-offcanvas-bar .uk-hr {
  border-top-color: #666;
}

.uk-light .uk-link-muted,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted,
.uk-card-primary.uk-card-body .uk-link-muted,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted,
.uk-card-secondary.uk-card-body .uk-link-muted,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted,
.uk-overlay-primary .uk-link-muted,
.uk-offcanvas-bar .uk-link-muted,
.uk-light .uk-link-muted a,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,
.uk-card-primary.uk-card-body .uk-link-muted a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted a,
.uk-card-secondary.uk-card-body .uk-link-muted a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted a,
.uk-overlay-primary .uk-link-muted a,
.uk-offcanvas-bar .uk-link-muted a {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-link-muted:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted:hover,
.uk-card-primary.uk-card-body .uk-link-muted:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted:hover,
.uk-card-secondary.uk-card-body .uk-link-muted:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted:hover,
.uk-overlay-primary .uk-link-muted:hover,
.uk-offcanvas-bar .uk-link-muted:hover,
.uk-light .uk-link-muted a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-card-primary.uk-card-body .uk-link-muted a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted a:hover,
.uk-card-secondary.uk-card-body .uk-link-muted a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted a:hover,
.uk-overlay-primary .uk-link-muted a:hover,
.uk-offcanvas-bar .uk-link-muted a:hover {
  color: #ccc;
}

.uk-light .uk-link-text:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-text:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-text:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-text:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text:hover,
.uk-card-primary.uk-card-body .uk-link-text:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-text:hover,
.uk-card-secondary.uk-card-body .uk-link-text:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-text:hover,
.uk-overlay-primary .uk-link-text:hover,
.uk-offcanvas-bar .uk-link-text:hover,
.uk-light .uk-link-text a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-card-primary.uk-card-body .uk-link-text a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-text a:hover,
.uk-card-secondary.uk-card-body .uk-link-text a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-text a:hover,
.uk-overlay-primary .uk-link-text a:hover,
.uk-offcanvas-bar .uk-link-text a:hover {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-link-heading:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-heading:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading:hover,
.uk-card-primary.uk-card-body .uk-link-heading:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-heading:hover,
.uk-card-secondary.uk-card-body .uk-link-heading:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-heading:hover,
.uk-overlay-primary .uk-link-heading:hover,
.uk-offcanvas-bar .uk-link-heading:hover,
.uk-light .uk-link-heading a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-card-primary.uk-card-body .uk-link-heading a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link-heading a:hover,
.uk-card-secondary.uk-card-body .uk-link-heading a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-heading a:hover,
.uk-overlay-primary .uk-link-heading a:hover,
.uk-offcanvas-bar .uk-link-heading a:hover {
  color: #ccc;
}

.uk-light .uk-heading-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider,
.uk-card-primary.uk-card-body .uk-heading-divider,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-divider,
.uk-card-secondary.uk-card-body .uk-heading-divider,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-divider,
.uk-overlay-primary .uk-heading-divider,
.uk-offcanvas-bar .uk-heading-divider {
  border-bottom-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-heading-bullet::before,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,
.uk-card-primary.uk-card-body .uk-heading-bullet::before,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-bullet::before,
.uk-card-secondary.uk-card-body .uk-heading-bullet::before,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-bullet::before,
.uk-overlay-primary .uk-heading-bullet::before,
.uk-offcanvas-bar .uk-heading-bullet::before {
  border-left-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-heading-line > ::before,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before,
.uk-card-primary.uk-card-body .uk-heading-line > ::before,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-line > ::before,
.uk-card-secondary.uk-card-body .uk-heading-line > ::before,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-line > ::before,
.uk-overlay-primary .uk-heading-line > ::before,
.uk-offcanvas-bar .uk-heading-line > ::before,
.uk-light .uk-heading-line > ::after,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after,
.uk-card-primary.uk-card-body .uk-heading-line > ::after,
.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-line > ::after,
.uk-card-secondary.uk-card-body .uk-heading-line > ::after,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-line > ::after,
.uk-overlay-primary .uk-heading-line > ::after,
.uk-offcanvas-bar .uk-heading-line > ::after {
  border-bottom-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-divider-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon,
.uk-card-primary.uk-card-body .uk-divider-icon,
.uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon,
.uk-card-secondary.uk-card-body .uk-divider-icon,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon,
.uk-overlay-primary .uk-divider-icon,
.uk-offcanvas-bar .uk-divider-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba(204, 204, 204, 0.2)%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-light .uk-divider-icon::before,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before,
.uk-card-primary.uk-card-body .uk-divider-icon::before,
.uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon::before,
.uk-card-secondary.uk-card-body .uk-divider-icon::before,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon::before,
.uk-overlay-primary .uk-divider-icon::before,
.uk-offcanvas-bar .uk-divider-icon::before,
.uk-light .uk-divider-icon::after,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-card-primary.uk-card-body .uk-divider-icon::after,
.uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon::after,
.uk-card-secondary.uk-card-body .uk-divider-icon::after,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon::after,
.uk-overlay-primary .uk-divider-icon::after,
.uk-offcanvas-bar .uk-divider-icon::after {
  border-bottom-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-divider-small::after,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after,
.uk-card-primary.uk-card-body .uk-divider-small::after,
.uk-card-primary > :not([class*=uk-card-media]) .uk-divider-small::after,
.uk-card-secondary.uk-card-body .uk-divider-small::after,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-small::after,
.uk-overlay-primary .uk-divider-small::after,
.uk-offcanvas-bar .uk-divider-small::after {
  border-top-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-divider-vertical,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-card-primary.uk-card-body .uk-divider-vertical,
.uk-card-primary > :not([class*=uk-card-media]) .uk-divider-vertical,
.uk-card-secondary.uk-card-body .uk-divider-vertical,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-vertical,
.uk-overlay-primary .uk-divider-vertical,
.uk-offcanvas-bar .uk-divider-vertical {
  border-left-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-list-divider > li:nth-child(n+2),
.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2),
.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2),
.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2),
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2),
.uk-card-primary.uk-card-body .uk-list-divider > li:nth-child(n+2),
.uk-card-primary > :not([class*=uk-card-media]) .uk-list-divider > li:nth-child(n+2),
.uk-card-secondary.uk-card-body .uk-list-divider > li:nth-child(n+2),
.uk-card-secondary > :not([class*=uk-card-media]) .uk-list-divider > li:nth-child(n+2),
.uk-overlay-primary .uk-list-divider > li:nth-child(n+2),
.uk-offcanvas-bar .uk-list-divider > li:nth-child(n+2) {
  border-top-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-list-striped > li:nth-of-type(odd),
.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
.uk-card-primary.uk-card-body .uk-list-striped > li:nth-of-type(odd),
.uk-card-primary > :not([class*=uk-card-media]) .uk-list-striped > li:nth-of-type(odd),
.uk-card-secondary.uk-card-body .uk-list-striped > li:nth-of-type(odd),
.uk-card-secondary > :not([class*=uk-card-media]) .uk-list-striped > li:nth-of-type(odd),
.uk-overlay-primary .uk-list-striped > li:nth-of-type(odd),
.uk-offcanvas-bar .uk-list-striped > li:nth-of-type(odd) {
  background-color: rgba(204, 204, 204, 0.1);
}

.uk-light .uk-list-bullet > li::before,
.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > li::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > li::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > li::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > li::before,
.uk-card-primary.uk-card-body .uk-list-bullet > li::before,
.uk-card-primary > :not([class*=uk-card-media]) .uk-list-bullet > li::before,
.uk-card-secondary.uk-card-body .uk-list-bullet > li::before,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-list-bullet > li::before,
.uk-overlay-primary .uk-list-bullet > li::before,
.uk-offcanvas-bar .uk-list-bullet > li::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23ccc%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-light .uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link,
.uk-card-primary.uk-card-body .uk-icon-link,
.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link,
.uk-card-secondary.uk-card-body .uk-icon-link,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link,
.uk-overlay-primary .uk-icon-link,
.uk-offcanvas-bar .uk-icon-link {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-icon-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-card-primary.uk-card-body .uk-icon-link:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link:hover,
.uk-card-secondary.uk-card-body .uk-icon-link:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link:hover,
.uk-overlay-primary .uk-icon-link:hover,
.uk-offcanvas-bar .uk-icon-link:hover,
.uk-light .uk-icon-link:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-card-primary.uk-card-body .uk-icon-link:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link:focus,
.uk-card-secondary.uk-card-body .uk-icon-link:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link:focus,
.uk-overlay-primary .uk-icon-link:focus,
.uk-offcanvas-bar .uk-icon-link:focus {
  color: #ccc;
}

.uk-light .uk-icon-link:active,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-card-primary.uk-card-body .uk-icon-link:active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link:active,
.uk-card-secondary.uk-card-body .uk-icon-link:active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link:active,
.uk-overlay-primary .uk-icon-link:active,
.uk-offcanvas-bar .uk-icon-link:active,
.uk-light .uk-active > .uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
.uk-card-primary.uk-card-body .uk-active > .uk-icon-link,
.uk-card-primary > :not([class*=uk-card-media]) .uk-active > .uk-icon-link,
.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-active > .uk-icon-link,
.uk-overlay-primary .uk-active > .uk-icon-link,
.uk-offcanvas-bar .uk-active > .uk-icon-link {
  color: #ccc;
}

.uk-light .uk-icon-button,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button,
.uk-card-primary.uk-card-body .uk-icon-button,
.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button,
.uk-card-secondary.uk-card-body .uk-icon-button,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button,
.uk-overlay-primary .uk-icon-button,
.uk-offcanvas-bar .uk-icon-button {
  background-color: rgba(204, 204, 204, 0.1);
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-icon-button:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-card-primary.uk-card-body .uk-icon-button:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button:hover,
.uk-card-secondary.uk-card-body .uk-icon-button:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button:hover,
.uk-overlay-primary .uk-icon-button:hover,
.uk-offcanvas-bar .uk-icon-button:hover,
.uk-light .uk-icon-button:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-card-primary.uk-card-body .uk-icon-button:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button:focus,
.uk-card-secondary.uk-card-body .uk-icon-button:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button:focus,
.uk-overlay-primary .uk-icon-button:focus,
.uk-offcanvas-bar .uk-icon-button:focus {
  background-color: rgba(191, 191, 191, 0.1);
  color: #ccc;
}

.uk-light .uk-icon-button:active,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-card-primary.uk-card-body .uk-icon-button:active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button:active,
.uk-card-secondary.uk-card-body .uk-icon-button:active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button:active,
.uk-overlay-primary .uk-icon-button:active,
.uk-offcanvas-bar .uk-icon-button:active {
  background-color: rgba(179, 179, 179, 0.1);
  color: #ccc;
}

.uk-light .uk-input,
.uk-section-primary:not(.uk-preserve-color) .uk-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input,
.uk-card-primary.uk-card-body .uk-input,
.uk-card-primary > :not([class*=uk-card-media]) .uk-input,
.uk-card-secondary.uk-card-body .uk-input,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-input,
.uk-overlay-primary .uk-input,
.uk-offcanvas-bar .uk-input,
.uk-light .uk-select,
.uk-section-primary:not(.uk-preserve-color) .uk-select,
.uk-section-secondary:not(.uk-preserve-color) .uk-select,
.uk-tile-primary:not(.uk-preserve-color) .uk-select,
.uk-tile-secondary:not(.uk-preserve-color) .uk-select,
.uk-card-primary.uk-card-body .uk-select,
.uk-card-primary > :not([class*=uk-card-media]) .uk-select,
.uk-card-secondary.uk-card-body .uk-select,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-select,
.uk-overlay-primary .uk-select,
.uk-offcanvas-bar .uk-select,
.uk-light .uk-textarea,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea,
.uk-card-primary.uk-card-body .uk-textarea,
.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea,
.uk-card-secondary.uk-card-body .uk-textarea,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea,
.uk-overlay-primary .uk-textarea,
.uk-offcanvas-bar .uk-textarea {
  background-color: rgba(204, 204, 204, 0.1);
  color: #ccc;
  background-clip: padding-box;
}

.uk-light .uk-input:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,
.uk-card-primary.uk-card-body .uk-input:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-input:focus,
.uk-card-secondary.uk-card-body .uk-input:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-input:focus,
.uk-overlay-primary .uk-input:focus,
.uk-offcanvas-bar .uk-input:focus,
.uk-light .uk-select:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,
.uk-card-primary.uk-card-body .uk-select:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-select:focus,
.uk-card-secondary.uk-card-body .uk-select:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-select:focus,
.uk-overlay-primary .uk-select:focus,
.uk-offcanvas-bar .uk-select:focus,
.uk-light .uk-textarea:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-card-primary.uk-card-body .uk-textarea:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea:focus,
.uk-card-secondary.uk-card-body .uk-textarea:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea:focus,
.uk-overlay-primary .uk-textarea:focus,
.uk-offcanvas-bar .uk-textarea:focus {
  background-color: rgba(204, 204, 204, 0.1);
  color: #ccc;
}

.uk-light .uk-input::-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
.uk-card-primary.uk-card-body .uk-input::-ms-input-placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-input::-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-input::-ms-input-placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-input::-ms-input-placeholder,
.uk-overlay-primary .uk-input::-ms-input-placeholder,
.uk-offcanvas-bar .uk-input::-ms-input-placeholder {
  color: rgba(204, 204, 204, 0.5) !important;
}

.uk-light .uk-input::-webkit-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder,
.uk-card-primary.uk-card-body .uk-input::-webkit-input-placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-input::-webkit-input-placeholder,
.uk-card-secondary.uk-card-body .uk-input::-webkit-input-placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-input::-webkit-input-placeholder,
.uk-overlay-primary .uk-input::-webkit-input-placeholder,
.uk-offcanvas-bar .uk-input::-webkit-input-placeholder {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-input::-moz-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder,
.uk-card-primary.uk-card-body .uk-input::-moz-placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-input::-moz-placeholder,
.uk-card-secondary.uk-card-body .uk-input::-moz-placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-input::-moz-placeholder,
.uk-overlay-primary .uk-input::-moz-placeholder,
.uk-offcanvas-bar .uk-input::-moz-placeholder {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-input:-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
.uk-card-primary.uk-card-body .uk-input:-ms-input-placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-input:-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-input:-ms-input-placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-input:-ms-input-placeholder,
.uk-overlay-primary .uk-input:-ms-input-placeholder,
.uk-offcanvas-bar .uk-input:-ms-input-placeholder {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-input::placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-card-primary.uk-card-body .uk-input::placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-input::placeholder,
.uk-card-secondary.uk-card-body .uk-input::placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-input::placeholder,
.uk-overlay-primary .uk-input::placeholder,
.uk-offcanvas-bar .uk-input::placeholder {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-textarea::-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
.uk-card-primary.uk-card-body .uk-textarea::-ms-input-placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-textarea::-ms-input-placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder,
.uk-overlay-primary .uk-textarea::-ms-input-placeholder,
.uk-offcanvas-bar .uk-textarea::-ms-input-placeholder {
  color: rgba(204, 204, 204, 0.5) !important;
}

.uk-light .uk-textarea::-webkit-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder,
.uk-card-primary.uk-card-body .uk-textarea::-webkit-input-placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea::-webkit-input-placeholder,
.uk-card-secondary.uk-card-body .uk-textarea::-webkit-input-placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea::-webkit-input-placeholder,
.uk-overlay-primary .uk-textarea::-webkit-input-placeholder,
.uk-offcanvas-bar .uk-textarea::-webkit-input-placeholder {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-textarea::-moz-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder,
.uk-card-primary.uk-card-body .uk-textarea::-moz-placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea::-moz-placeholder,
.uk-card-secondary.uk-card-body .uk-textarea::-moz-placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea::-moz-placeholder,
.uk-overlay-primary .uk-textarea::-moz-placeholder,
.uk-offcanvas-bar .uk-textarea::-moz-placeholder {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-textarea:-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder,
.uk-card-primary.uk-card-body .uk-textarea:-ms-input-placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea:-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-textarea:-ms-input-placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea:-ms-input-placeholder,
.uk-overlay-primary .uk-textarea:-ms-input-placeholder,
.uk-offcanvas-bar .uk-textarea:-ms-input-placeholder {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-textarea::placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-card-primary.uk-card-body .uk-textarea::placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea::placeholder,
.uk-card-secondary.uk-card-body .uk-textarea::placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea::placeholder,
.uk-overlay-primary .uk-textarea::placeholder,
.uk-offcanvas-bar .uk-textarea::placeholder {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-select:not([multiple]):not([size]),
.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),
.uk-card-primary > :not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),
.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),
.uk-card-secondary > :not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),
.uk-overlay-primary .uk-select:not([multiple]):not([size]),
.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) {
  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%23ccc%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23ccc%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-light .uk-input[list]:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-card-primary.uk-card-body .uk-input[list]:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-input[list]:hover,
.uk-card-secondary.uk-card-body .uk-input[list]:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-input[list]:hover,
.uk-overlay-primary .uk-input[list]:hover,
.uk-offcanvas-bar .uk-input[list]:hover,
.uk-light .uk-input[list]:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-card-primary.uk-card-body .uk-input[list]:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-input[list]:focus,
.uk-card-secondary.uk-card-body .uk-input[list]:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-input[list]:focus,
.uk-overlay-primary .uk-input[list]:focus,
.uk-offcanvas-bar .uk-input[list]: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%23ccc%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-light .uk-radio,
.uk-section-primary:not(.uk-preserve-color) .uk-radio,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio,
.uk-card-primary.uk-card-body .uk-radio,
.uk-card-primary > :not([class*=uk-card-media]) .uk-radio,
.uk-card-secondary.uk-card-body .uk-radio,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-radio,
.uk-overlay-primary .uk-radio,
.uk-offcanvas-bar .uk-radio,
.uk-light .uk-checkbox,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,
.uk-card-primary.uk-card-body .uk-checkbox,
.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox,
.uk-card-secondary.uk-card-body .uk-checkbox,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox,
.uk-overlay-primary .uk-checkbox,
.uk-offcanvas-bar .uk-checkbox {
  background-color: rgba(191, 191, 191, 0.1);
}

.uk-light .uk-radio:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-card-primary.uk-card-body .uk-radio:checked,
.uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked,
.uk-card-secondary.uk-card-body .uk-radio:checked,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked,
.uk-overlay-primary .uk-radio:checked,
.uk-offcanvas-bar .uk-radio:checked,
.uk-light .uk-checkbox:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-card-primary.uk-card-body .uk-checkbox:checked,
.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:checked,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked,
.uk-overlay-primary .uk-checkbox:checked,
.uk-offcanvas-bar .uk-checkbox:checked,
.uk-light .uk-checkbox:indeterminate,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate,
.uk-overlay-primary .uk-checkbox:indeterminate,
.uk-offcanvas-bar .uk-checkbox:indeterminate {
  background-color: #ccc;
}

.uk-light .uk-radio:checked:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-card-primary.uk-card-body .uk-radio:checked:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked:focus,
.uk-card-secondary.uk-card-body .uk-radio:checked:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked:focus,
.uk-overlay-primary .uk-radio:checked:focus,
.uk-offcanvas-bar .uk-radio:checked:focus,
.uk-light .uk-checkbox:checked:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked:focus,
.uk-overlay-primary .uk-checkbox:checked:focus,
.uk-offcanvas-bar .uk-checkbox:checked:focus,
.uk-light .uk-checkbox:indeterminate:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,
.uk-overlay-primary .uk-checkbox:indeterminate:focus,
.uk-offcanvas-bar .uk-checkbox:indeterminate:focus {
  background-color: #b3b3b3;
}

.uk-light .uk-radio:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-card-primary.uk-card-body .uk-radio:checked,
.uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked,
.uk-card-secondary.uk-card-body .uk-radio:checked,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked,
.uk-overlay-primary .uk-radio:checked,
.uk-offcanvas-bar .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%23444%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-light .uk-checkbox:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-card-primary.uk-card-body .uk-checkbox:checked,
.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:checked,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked,
.uk-overlay-primary .uk-checkbox:checked,
.uk-offcanvas-bar .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%23444%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-light .uk-checkbox:indeterminate,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate,
.uk-overlay-primary .uk-checkbox:indeterminate,
.uk-offcanvas-bar .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%23444%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-light .uk-form-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon,
.uk-card-primary.uk-card-body .uk-form-icon,
.uk-card-primary > :not([class*=uk-card-media]) .uk-form-icon,
.uk-card-secondary.uk-card-body .uk-form-icon,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-form-icon,
.uk-overlay-primary .uk-form-icon,
.uk-offcanvas-bar .uk-form-icon {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-form-icon:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-card-primary.uk-card-body .uk-form-icon:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-form-icon:hover,
.uk-card-secondary.uk-card-body .uk-form-icon:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-form-icon:hover,
.uk-overlay-primary .uk-form-icon:hover,
.uk-offcanvas-bar .uk-form-icon:hover {
  color: #ccc;
}

.uk-light .uk-button-default,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default,
.uk-card-primary.uk-card-body .uk-button-default,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-default,
.uk-card-secondary.uk-card-body .uk-button-default,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default,
.uk-overlay-primary .uk-button-default,
.uk-offcanvas-bar .uk-button-default {
  background-color: #ccc;
  color: #fff;
}

.uk-light .uk-button-default:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-card-primary.uk-card-body .uk-button-default:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-default:hover,
.uk-card-secondary.uk-card-body .uk-button-default:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default:hover,
.uk-overlay-primary .uk-button-default:hover,
.uk-offcanvas-bar .uk-button-default:hover,
.uk-light .uk-button-default:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-card-primary.uk-card-body .uk-button-default:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-default:focus,
.uk-card-secondary.uk-card-body .uk-button-default:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default:focus,
.uk-overlay-primary .uk-button-default:focus,
.uk-offcanvas-bar .uk-button-default:focus {
  background-color: #bfbfbf;
  color: #fff;
}

.uk-light .uk-button-default:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active,
.uk-card-primary.uk-card-body .uk-button-default:active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-default:active,
.uk-card-secondary.uk-card-body .uk-button-default:active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default:active,
.uk-overlay-primary .uk-button-default:active,
.uk-offcanvas-bar .uk-button-default:active,
.uk-light .uk-button-default.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-card-primary.uk-card-body .uk-button-default.uk-active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-default.uk-active,
.uk-card-secondary.uk-card-body .uk-button-default.uk-active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default.uk-active,
.uk-overlay-primary .uk-button-default.uk-active,
.uk-offcanvas-bar .uk-button-default.uk-active {
  background-color: #b3b3b3;
  color: #444;
}

.uk-light .uk-button-primary,
.uk-light .pollino_submit,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,
.uk-section-primary:not(.uk-preserve-color) .pollino_submit,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,
.uk-section-secondary:not(.uk-preserve-color) .pollino_submit,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,
.uk-tile-primary:not(.uk-preserve-color) .pollino_submit,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary,
.uk-tile-secondary:not(.uk-preserve-color) .pollino_submit,
.uk-card-primary.uk-card-body .uk-button-primary,
.uk-card-primary.uk-card-body .pollino_submit,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary,
.uk-card-primary > :not([class*=uk-card-media]) .pollino_submit,
.uk-card-secondary.uk-card-body .uk-button-primary,
.uk-card-secondary.uk-card-body .pollino_submit,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary,
.uk-card-secondary > :not([class*=uk-card-media]) .pollino_submit,
.uk-overlay-primary .uk-button-primary,
.uk-overlay-primary .pollino_submit,
.uk-offcanvas-bar .uk-button-primary,
.uk-offcanvas-bar .pollino_submit {
  background-color: #ccc;
  color: #fff;
}

.uk-light .uk-button-primary:hover,
.uk-light .pollino_submit:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-section-primary:not(.uk-preserve-color) .pollino_submit:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-section-secondary:not(.uk-preserve-color) .pollino_submit:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-primary:not(.uk-preserve-color) .pollino_submit:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .pollino_submit:hover,
.uk-card-primary.uk-card-body .uk-button-primary:hover,
.uk-card-primary.uk-card-body .pollino_submit:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary:hover,
.uk-card-primary > :not([class*=uk-card-media]) .pollino_submit:hover,
.uk-card-secondary.uk-card-body .uk-button-primary:hover,
.uk-card-secondary.uk-card-body .pollino_submit:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .pollino_submit:hover,
.uk-overlay-primary .uk-button-primary:hover,
.uk-overlay-primary .pollino_submit:hover,
.uk-offcanvas-bar .uk-button-primary:hover,
.uk-offcanvas-bar .pollino_submit:hover,
.uk-light .uk-button-primary:focus,
.uk-light .pollino_submit:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-section-primary:not(.uk-preserve-color) .pollino_submit:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-section-secondary:not(.uk-preserve-color) .pollino_submit:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-tile-primary:not(.uk-preserve-color) .pollino_submit:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-tile-secondary:not(.uk-preserve-color) .pollino_submit:focus,
.uk-card-primary.uk-card-body .uk-button-primary:focus,
.uk-card-primary.uk-card-body .pollino_submit:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary:focus,
.uk-card-primary > :not([class*=uk-card-media]) .pollino_submit:focus,
.uk-card-secondary.uk-card-body .uk-button-primary:focus,
.uk-card-secondary.uk-card-body .pollino_submit:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .pollino_submit:focus,
.uk-overlay-primary .uk-button-primary:focus,
.uk-overlay-primary .pollino_submit:focus,
.uk-offcanvas-bar .uk-button-primary:focus,
.uk-offcanvas-bar .pollino_submit:focus {
  background-color: #bfbfbf;
  color: #fff;
}

.uk-light .uk-button-primary:active,
.uk-light .pollino_submit:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-section-primary:not(.uk-preserve-color) .pollino_submit:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-section-secondary:not(.uk-preserve-color) .pollino_submit:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-tile-primary:not(.uk-preserve-color) .pollino_submit:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-tile-secondary:not(.uk-preserve-color) .pollino_submit:active,
.uk-card-primary.uk-card-body .uk-button-primary:active,
.uk-card-primary.uk-card-body .pollino_submit:active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary:active,
.uk-card-primary > :not([class*=uk-card-media]) .pollino_submit:active,
.uk-card-secondary.uk-card-body .uk-button-primary:active,
.uk-card-secondary.uk-card-body .pollino_submit:active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary:active,
.uk-card-secondary > :not([class*=uk-card-media]) .pollino_submit:active,
.uk-overlay-primary .uk-button-primary:active,
.uk-overlay-primary .pollino_submit:active,
.uk-offcanvas-bar .uk-button-primary:active,
.uk-offcanvas-bar .pollino_submit:active,
.uk-light .uk-button-primary.uk-active,
.uk-light .uk-active.pollino_submit,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-active.pollino_submit,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-active.pollino_submit,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-active.pollino_submit,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-active.pollino_submit,
.uk-card-primary.uk-card-body .uk-button-primary.uk-active,
.uk-card-primary.uk-card-body .uk-active.pollino_submit,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary.uk-active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-active.pollino_submit,
.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,
.uk-card-secondary.uk-card-body .uk-active.pollino_submit,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary.uk-active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-active.pollino_submit,
.uk-overlay-primary .uk-button-primary.uk-active,
.uk-overlay-primary .uk-active.pollino_submit,
.uk-offcanvas-bar .uk-button-primary.uk-active,
.uk-offcanvas-bar .uk-active.pollino_submit {
  background-color: #b3b3b3;
  color: #444;
}

.uk-light .uk-button-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary,
.uk-card-primary.uk-card-body .uk-button-secondary,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary,
.uk-card-secondary.uk-card-body .uk-button-secondary,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary,
.uk-overlay-primary .uk-button-secondary,
.uk-offcanvas-bar .uk-button-secondary {
  background-color: #fff;
  color: #ff3f00;
}

.uk-light .uk-button-secondary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-card-primary.uk-card-body .uk-button-secondary:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary:hover,
.uk-card-secondary.uk-card-body .uk-button-secondary:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary:hover,
.uk-overlay-primary .uk-button-secondary:hover,
.uk-offcanvas-bar .uk-button-secondary:hover,
.uk-light .uk-button-secondary:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-card-primary.uk-card-body .uk-button-secondary:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary:focus,
.uk-card-secondary.uk-card-body .uk-button-secondary:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary:focus,
.uk-overlay-primary .uk-button-secondary:focus,
.uk-offcanvas-bar .uk-button-secondary:focus {
  background-color: #f2f2f2;
  color: #ff3f00;
}

.uk-light .uk-button-secondary:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-card-primary.uk-card-body .uk-button-secondary:active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary:active,
.uk-card-secondary.uk-card-body .uk-button-secondary:active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary:active,
.uk-overlay-primary .uk-button-secondary:active,
.uk-offcanvas-bar .uk-button-secondary:active,
.uk-light .uk-button-secondary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary.uk-active,
.uk-overlay-primary .uk-button-secondary.uk-active,
.uk-offcanvas-bar .uk-button-secondary.uk-active {
  background-color: #e6e6e6;
  color: #444;
}

.uk-light .uk-button-text,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text,
.uk-card-primary.uk-card-body .uk-button-text,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-text,
.uk-card-secondary.uk-card-body .uk-button-text,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text,
.uk-overlay-primary .uk-button-text,
.uk-offcanvas-bar .uk-button-text {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-button-text:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-card-primary.uk-card-body .uk-button-text:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-text:hover,
.uk-card-secondary.uk-card-body .uk-button-text:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text:hover,
.uk-overlay-primary .uk-button-text:hover,
.uk-offcanvas-bar .uk-button-text:hover,
.uk-light .uk-button-text:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus,
.uk-card-primary.uk-card-body .uk-button-text:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-text:focus,
.uk-card-secondary.uk-card-body .uk-button-text:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text:focus,
.uk-overlay-primary .uk-button-text:focus,
.uk-offcanvas-bar .uk-button-text:focus {
  color: #ccc;
}

.uk-light .uk-button-text:disabled,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-card-primary.uk-card-body .uk-button-text:disabled,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-text:disabled,
.uk-card-secondary.uk-card-body .uk-button-text:disabled,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text:disabled,
.uk-overlay-primary .uk-button-text:disabled,
.uk-offcanvas-bar .uk-button-text:disabled {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-button-link,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link,
.uk-card-primary.uk-card-body .uk-button-link,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-link,
.uk-card-secondary.uk-card-body .uk-button-link,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-link,
.uk-overlay-primary .uk-button-link,
.uk-offcanvas-bar .uk-button-link {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-button-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-card-primary.uk-card-body .uk-button-link:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-link:hover,
.uk-card-secondary.uk-card-body .uk-button-link:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-link:hover,
.uk-overlay-primary .uk-button-link:hover,
.uk-offcanvas-bar .uk-button-link:hover,
.uk-light .uk-button-link:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-card-primary.uk-card-body .uk-button-link:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-button-link:focus,
.uk-card-secondary.uk-card-body .uk-button-link:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-link:focus,
.uk-overlay-primary .uk-button-link:focus,
.uk-offcanvas-bar .uk-button-link:focus {
  color: #ccc;
}

.uk-light .uk-grid-divider > :not(.uk-first-column)::before,
.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,
.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before,
.uk-card-primary > :not([class*=uk-card-media]) .uk-grid-divider > :not(.uk-first-column)::before,
.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-grid-divider > :not(.uk-first-column)::before,
.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before,
.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before {
  border-left-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-card-primary > :not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  border-top-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-close,
.uk-section-primary:not(.uk-preserve-color) .uk-close,
.uk-section-secondary:not(.uk-preserve-color) .uk-close,
.uk-tile-primary:not(.uk-preserve-color) .uk-close,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close,
.uk-card-primary.uk-card-body .uk-close,
.uk-card-primary > :not([class*=uk-card-media]) .uk-close,
.uk-card-secondary.uk-card-body .uk-close,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-close,
.uk-overlay-primary .uk-close,
.uk-offcanvas-bar .uk-close {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-close:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover,
.uk-card-primary.uk-card-body .uk-close:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-close:hover,
.uk-card-secondary.uk-card-body .uk-close:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-close:hover,
.uk-overlay-primary .uk-close:hover,
.uk-offcanvas-bar .uk-close:hover,
.uk-light .uk-close:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-close:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus,
.uk-card-primary.uk-card-body .uk-close:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-close:focus,
.uk-card-secondary.uk-card-body .uk-close:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-close:focus,
.uk-overlay-primary .uk-close:focus,
.uk-offcanvas-bar .uk-close:focus {
  color: #ccc;
}

.uk-light .uk-totop,
.uk-section-primary:not(.uk-preserve-color) .uk-totop,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop,
.uk-card-primary.uk-card-body .uk-totop,
.uk-card-primary > :not([class*=uk-card-media]) .uk-totop,
.uk-card-secondary.uk-card-body .uk-totop,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-totop,
.uk-overlay-primary .uk-totop,
.uk-offcanvas-bar .uk-totop {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-totop:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover,
.uk-card-primary.uk-card-body .uk-totop:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-totop:hover,
.uk-card-secondary.uk-card-body .uk-totop:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-totop:hover,
.uk-overlay-primary .uk-totop:hover,
.uk-offcanvas-bar .uk-totop:hover,
.uk-light .uk-totop:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus,
.uk-card-primary.uk-card-body .uk-totop:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-totop:focus,
.uk-card-secondary.uk-card-body .uk-totop:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-totop:focus,
.uk-overlay-primary .uk-totop:focus,
.uk-offcanvas-bar .uk-totop:focus {
  color: #ccc;
}

.uk-light .uk-totop:active,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active,
.uk-card-primary.uk-card-body .uk-totop:active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-totop:active,
.uk-card-secondary.uk-card-body .uk-totop:active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-totop:active,
.uk-overlay-primary .uk-totop:active,
.uk-offcanvas-bar .uk-totop:active {
  color: #ccc;
}

.uk-light .uk-badge,
.uk-section-primary:not(.uk-preserve-color) .uk-badge,
.uk-section-secondary:not(.uk-preserve-color) .uk-badge,
.uk-tile-primary:not(.uk-preserve-color) .uk-badge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge,
.uk-card-primary.uk-card-body .uk-badge,
.uk-card-primary > :not([class*=uk-card-media]) .uk-badge,
.uk-card-secondary.uk-card-body .uk-badge,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-badge,
.uk-overlay-primary .uk-badge,
.uk-offcanvas-bar .uk-badge {
  background-color: #ccc;
  color: #444;
}

.uk-light .uk-badge:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-badge:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover,
.uk-card-primary.uk-card-body .uk-badge:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-badge:hover,
.uk-card-secondary.uk-card-body .uk-badge:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-badge:hover,
.uk-overlay-primary .uk-badge:hover,
.uk-offcanvas-bar .uk-badge:hover,
.uk-light .uk-badge:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-badge:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus,
.uk-card-primary.uk-card-body .uk-badge:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-badge:focus,
.uk-card-secondary.uk-card-body .uk-badge:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-badge:focus,
.uk-overlay-primary .uk-badge:focus,
.uk-offcanvas-bar .uk-badge:focus {
  color: #444;
}

.uk-light .uk-label,
.uk-section-primary:not(.uk-preserve-color) .uk-label,
.uk-section-secondary:not(.uk-preserve-color) .uk-label,
.uk-tile-primary:not(.uk-preserve-color) .uk-label,
.uk-tile-secondary:not(.uk-preserve-color) .uk-label,
.uk-card-primary.uk-card-body .uk-label,
.uk-card-primary > :not([class*=uk-card-media]) .uk-label,
.uk-card-secondary.uk-card-body .uk-label,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-label,
.uk-overlay-primary .uk-label,
.uk-offcanvas-bar .uk-label {
  background-color: #ccc;
  color: #444;
}

.uk-light .uk-article-meta,
.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,
.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,
.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,
.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta,
.uk-card-primary.uk-card-body .uk-article-meta,
.uk-card-primary > :not([class*=uk-card-media]) .uk-article-meta,
.uk-card-secondary.uk-card-body .uk-article-meta,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-article-meta,
.uk-overlay-primary .uk-article-meta,
.uk-offcanvas-bar .uk-article-meta {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
.uk-card-primary.uk-card-body .uk-search-input,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-input,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input,
.uk-overlay-primary .uk-search-input,
.uk-offcanvas-bar .uk-search-input {
  color: #ccc;
}

.uk-light .uk-search-input:-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder,
.uk-overlay-primary .uk-search-input:-ms-input-placeholder,
.uk-offcanvas-bar .uk-search-input:-ms-input-placeholder {
  color: rgba(204, 204, 204, 0.5) !important;
}

.uk-light .uk-search-input::-webkit-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder,
.uk-card-primary.uk-card-body .uk-search-input::-webkit-input-placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-input::-webkit-input-placeholder,
.uk-card-secondary.uk-card-body .uk-search-input::-webkit-input-placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input::-webkit-input-placeholder,
.uk-overlay-primary .uk-search-input::-webkit-input-placeholder,
.uk-offcanvas-bar .uk-search-input::-webkit-input-placeholder {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-search-input::-moz-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder,
.uk-card-primary.uk-card-body .uk-search-input::-moz-placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-input::-moz-placeholder,
.uk-card-secondary.uk-card-body .uk-search-input::-moz-placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input::-moz-placeholder,
.uk-overlay-primary .uk-search-input::-moz-placeholder,
.uk-offcanvas-bar .uk-search-input::-moz-placeholder {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-search-input::-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input::-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-ms-input-placeholder,
.uk-card-primary.uk-card-body .uk-search-input::-ms-input-placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-input::-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-search-input::-ms-input-placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input::-ms-input-placeholder,
.uk-overlay-primary .uk-search-input::-ms-input-placeholder,
.uk-offcanvas-bar .uk-search-input::-ms-input-placeholder {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-search-input::placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-card-primary.uk-card-body .uk-search-input::placeholder,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-input::placeholder,
.uk-card-secondary.uk-card-body .uk-search-input::placeholder,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input::placeholder,
.uk-overlay-primary .uk-search-input::placeholder,
.uk-offcanvas-bar .uk-search-input::placeholder {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-search .uk-search-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-card-primary.uk-card-body .uk-search .uk-search-icon,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search .uk-search-icon,
.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search .uk-search-icon,
.uk-overlay-primary .uk-search .uk-search-icon,
.uk-offcanvas-bar .uk-search .uk-search-icon {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-search .uk-search-icon:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,
.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,
.uk-overlay-primary .uk-search .uk-search-icon:hover,
.uk-offcanvas-bar .uk-search .uk-search-icon:hover {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-search-default .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input,
.uk-overlay-primary .uk-search-default .uk-search-input,
.uk-offcanvas-bar .uk-search-default .uk-search-input {
  background-color: rgba(204, 204, 204, 0.1);
}

.uk-light .uk-search-default .uk-search-input:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,
.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,
.uk-overlay-primary .uk-search-default .uk-search-input:focus,
.uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
  background-color: rgba(204, 204, 204, 0.1);
}

.uk-light .uk-search-navbar .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,
.uk-overlay-primary .uk-search-navbar .uk-search-input,
.uk-offcanvas-bar .uk-search-navbar .uk-search-input {
  background-color: transparent;
}

.uk-light .uk-search-large .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-large .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-large .uk-search-input,
.uk-overlay-primary .uk-search-large .uk-search-input,
.uk-offcanvas-bar .uk-search-large .uk-search-input {
  background-color: transparent;
}

.uk-light .uk-search-toggle,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
.uk-card-primary.uk-card-body .uk-search-toggle,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-toggle,
.uk-card-secondary.uk-card-body .uk-search-toggle,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-toggle,
.uk-overlay-primary .uk-search-toggle,
.uk-offcanvas-bar .uk-search-toggle {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-search-toggle:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-card-primary.uk-card-body .uk-search-toggle:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-toggle:hover,
.uk-card-secondary.uk-card-body .uk-search-toggle:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-toggle:hover,
.uk-overlay-primary .uk-search-toggle:hover,
.uk-offcanvas-bar .uk-search-toggle:hover,
.uk-light .uk-search-toggle:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-card-primary.uk-card-body .uk-search-toggle:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-search-toggle:focus,
.uk-card-secondary.uk-card-body .uk-search-toggle:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-toggle:focus,
.uk-overlay-primary .uk-search-toggle:focus,
.uk-offcanvas-bar .uk-search-toggle:focus {
  color: #ccc;
}

.uk-light .uk-nav-parent-icon > .uk-parent > a::after,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent > a::after,
.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent > a::after,
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23ccc%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23ccc%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-light .uk-nav-default > li > a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a,
.uk-card-primary.uk-card-body .uk-nav-default > li > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li > a,
.uk-card-secondary.uk-card-body .uk-nav-default > li > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li > a,
.uk-overlay-primary .uk-nav-default > li > a,
.uk-offcanvas-bar .uk-nav-default > li > a {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-nav-default > li > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li > a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li > a:hover,
.uk-overlay-primary .uk-nav-default > li > a:hover,
.uk-offcanvas-bar .uk-nav-default > li > a:hover,
.uk-light .uk-nav-default > li > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
.uk-card-primary.uk-card-body .uk-nav-default > li > a:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li > a:focus,
.uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li > a:focus,
.uk-overlay-primary .uk-nav-default > li > a:focus,
.uk-offcanvas-bar .uk-nav-default > li > a:focus {
  color: #ccc;
}

.uk-light .uk-nav-default > li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li.uk-active > a,
.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li.uk-active > a,
.uk-overlay-primary .uk-nav-default > li.uk-active > a,
.uk-offcanvas-bar .uk-nav-default > li.uk-active > a {
  color: #ccc;
}

.uk-light .uk-nav-default .uk-nav-header,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,
.uk-overlay-primary .uk-nav-default .uk-nav-header,
.uk-offcanvas-bar .uk-nav-default .uk-nav-header {
  color: #ccc;
}

.uk-light .uk-nav-default .uk-nav-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,
.uk-overlay-primary .uk-nav-default .uk-nav-divider,
.uk-offcanvas-bar .uk-nav-default .uk-nav-divider {
  border-top-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-nav-default .uk-nav-sub a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-nav-default .uk-nav-sub a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,
.uk-light .uk-nav-default .uk-nav-sub a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus {
  color: #ccc;
}

.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a {
  color: #ccc;
}

.uk-light .uk-nav-primary > li > a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a,
.uk-card-primary.uk-card-body .uk-nav-primary > li > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li > a,
.uk-card-secondary.uk-card-body .uk-nav-primary > li > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li > a,
.uk-overlay-primary .uk-nav-primary > li > a,
.uk-offcanvas-bar .uk-nav-primary > li > a {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-nav-primary > li > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:hover,
.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:hover,
.uk-overlay-primary .uk-nav-primary > li > a:hover,
.uk-offcanvas-bar .uk-nav-primary > li > a:hover,
.uk-light .uk-nav-primary > li > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
.uk-card-primary.uk-card-body .uk-nav-primary > li > a:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:focus,
.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:focus,
.uk-overlay-primary .uk-nav-primary > li > a:focus,
.uk-offcanvas-bar .uk-nav-primary > li > a:focus {
  color: #ccc;
}

.uk-light .uk-nav-primary > li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li.uk-active > a,
.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li.uk-active > a,
.uk-overlay-primary .uk-nav-primary > li.uk-active > a,
.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a {
  color: #ccc;
}

.uk-light .uk-nav-primary .uk-nav-header,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,
.uk-overlay-primary .uk-nav-primary .uk-nav-header,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-header {
  color: #ccc;
}

.uk-light .uk-nav-primary .uk-nav-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,
.uk-overlay-primary .uk-nav-primary .uk-nav-divider,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider {
  border-top-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-nav-primary .uk-nav-sub a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-nav-primary .uk-nav-sub a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,
.uk-light .uk-nav-primary .uk-nav-sub a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus {
  color: #ccc;
}

.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a {
  color: #ccc;
}

.uk-light .uk-navbar-nav > li > a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a,
.uk-overlay-primary .uk-navbar-nav > li > a,
.uk-offcanvas-bar .uk-navbar-nav > li > a {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-navbar-nav > li:hover > a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li:hover > a,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li:hover > a,
.uk-overlay-primary .uk-navbar-nav > li:hover > a,
.uk-offcanvas-bar .uk-navbar-nav > li:hover > a,
.uk-light .uk-navbar-nav > li > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:focus,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:focus,
.uk-overlay-primary .uk-navbar-nav > li > a:focus,
.uk-offcanvas-bar .uk-navbar-nav > li > a:focus,
.uk-light .uk-navbar-nav > li > a.uk-open,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open,
.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a.uk-open,
.uk-overlay-primary .uk-navbar-nav > li > a.uk-open,
.uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open {
  color: #ccc;
}

.uk-light .uk-navbar-nav > li > a:active,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:active,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:active,
.uk-overlay-primary .uk-navbar-nav > li > a:active,
.uk-offcanvas-bar .uk-navbar-nav > li > a:active {
  color: #ccc;
}

.uk-light .uk-navbar-nav > li.uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li.uk-active > a,
.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li.uk-active > a,
.uk-overlay-primary .uk-navbar-nav > li.uk-active > a,
.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a {
  color: #ccc;
}

.uk-light .uk-navbar-item,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item,
.uk-card-primary.uk-card-body .uk-navbar-item,
.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-item,
.uk-card-secondary.uk-card-body .uk-navbar-item,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-item,
.uk-overlay-primary .uk-navbar-item,
.uk-offcanvas-bar .uk-navbar-item {
  color: #ccc;
}

.uk-light .uk-navbar-toggle,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-card-primary.uk-card-body .uk-navbar-toggle,
.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle,
.uk-card-secondary.uk-card-body .uk-navbar-toggle,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle,
.uk-overlay-primary .uk-navbar-toggle,
.uk-offcanvas-bar .uk-navbar-toggle {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-navbar-toggle:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle:hover,
.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle:hover,
.uk-overlay-primary .uk-navbar-toggle:hover,
.uk-offcanvas-bar .uk-navbar-toggle:hover,
.uk-light .uk-navbar-toggle:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-card-primary.uk-card-body .uk-navbar-toggle:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle:focus,
.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle:focus,
.uk-overlay-primary .uk-navbar-toggle:focus,
.uk-offcanvas-bar .uk-navbar-toggle:focus,
.uk-light .uk-navbar-toggle.uk-open,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open,
.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle.uk-open,
.uk-overlay-primary .uk-navbar-toggle.uk-open,
.uk-offcanvas-bar .uk-navbar-toggle.uk-open {
  color: #ccc;
}

.uk-light .uk-subnav > * > :first-child,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
.uk-card-primary.uk-card-body .uk-subnav > * > :first-child,
.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > * > :first-child,
.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > * > :first-child,
.uk-overlay-primary .uk-subnav > * > :first-child,
.uk-offcanvas-bar .uk-subnav > * > :first-child {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-subnav > * > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
.uk-card-primary.uk-card-body .uk-subnav > * > a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > * > a:hover,
.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > * > a:hover,
.uk-overlay-primary .uk-subnav > * > a:hover,
.uk-offcanvas-bar .uk-subnav > * > a:hover,
.uk-light .uk-subnav > * > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
.uk-card-primary.uk-card-body .uk-subnav > * > a:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > * > a:focus,
.uk-card-secondary.uk-card-body .uk-subnav > * > a:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > * > a:focus,
.uk-overlay-primary .uk-subnav > * > a:focus,
.uk-offcanvas-bar .uk-subnav > * > a:focus {
  color: #ccc;
}

.uk-light .uk-subnav > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > .uk-active > a,
.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > .uk-active > a,
.uk-overlay-primary .uk-subnav > .uk-active > a,
.uk-offcanvas-bar .uk-subnav > .uk-active > a {
  color: #ccc;
}

.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,
.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
  border-left-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-subnav-pill > * > :first-child,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child,
.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > :first-child,
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > :first-child,
.uk-overlay-primary .uk-subnav-pill > * > :first-child,
.uk-offcanvas-bar .uk-subnav-pill > * > :first-child {
  background-color: transparent;
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-subnav-pill > * > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:hover,
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:hover,
.uk-overlay-primary .uk-subnav-pill > * > a:hover,
.uk-offcanvas-bar .uk-subnav-pill > * > a:hover,
.uk-light .uk-subnav-pill > * > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:focus,
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:focus,
.uk-overlay-primary .uk-subnav-pill > * > a:focus,
.uk-offcanvas-bar .uk-subnav-pill > * > a:focus {
  background-color: rgba(204, 204, 204, 0.1);
  color: #ccc;
}

.uk-light .uk-subnav-pill > * > a:active,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:active,
.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:active,
.uk-overlay-primary .uk-subnav-pill > * > a:active,
.uk-offcanvas-bar .uk-subnav-pill > * > a:active {
  background-color: rgba(204, 204, 204, 0.1);
  color: #ccc;
}

.uk-light .uk-subnav-pill > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > .uk-active > a,
.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > .uk-active > a,
.uk-overlay-primary .uk-subnav-pill > .uk-active > a,
.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a {
  background-color: #ccc;
  color: #444;
}

.uk-light .uk-subnav > .uk-disabled > a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > .uk-disabled > a,
.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > .uk-disabled > a,
.uk-overlay-primary .uk-subnav > .uk-disabled > a,
.uk-offcanvas-bar .uk-subnav > .uk-disabled > a {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-breadcrumb > * > *,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
.uk-card-primary.uk-card-body .uk-breadcrumb > * > *,
.uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > * > *,
.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > * > *,
.uk-overlay-primary .uk-breadcrumb > * > *,
.uk-offcanvas-bar .uk-breadcrumb > * > * {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-breadcrumb > * > :hover,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :hover,
.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :hover,
.uk-overlay-primary .uk-breadcrumb > * > :hover,
.uk-offcanvas-bar .uk-breadcrumb > * > :hover,
.uk-light .uk-breadcrumb > * > :focus,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
.uk-card-primary.uk-card-body .uk-breadcrumb > * > :focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :focus,
.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :focus,
.uk-overlay-primary .uk-breadcrumb > * > :focus,
.uk-offcanvas-bar .uk-breadcrumb > * > :focus {
  color: #ccc;
}

.uk-light .uk-breadcrumb > :last-child > *,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *,
.uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > :last-child > *,
.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > :last-child > *,
.uk-overlay-primary .uk-breadcrumb > :last-child > *,
.uk-offcanvas-bar .uk-breadcrumb > :last-child > * {
  color: #ccc;
}

.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
.uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,
.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-pagination > * > *,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *,
.uk-card-primary.uk-card-body .uk-pagination > * > *,
.uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > * > *,
.uk-card-secondary.uk-card-body .uk-pagination > * > *,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > * > *,
.uk-overlay-primary .uk-pagination > * > *,
.uk-offcanvas-bar .uk-pagination > * > * {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-pagination > * > :hover,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,
.uk-card-primary.uk-card-body .uk-pagination > * > :hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > * > :hover,
.uk-card-secondary.uk-card-body .uk-pagination > * > :hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > * > :hover,
.uk-overlay-primary .uk-pagination > * > :hover,
.uk-offcanvas-bar .uk-pagination > * > :hover,
.uk-light .uk-pagination > * > :focus,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus,
.uk-card-primary.uk-card-body .uk-pagination > * > :focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > * > :focus,
.uk-card-secondary.uk-card-body .uk-pagination > * > :focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > * > :focus,
.uk-overlay-primary .uk-pagination > * > :focus,
.uk-offcanvas-bar .uk-pagination > * > :focus {
  color: #ccc;
}

.uk-light .uk-pagination > .uk-active > *,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *,
.uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > .uk-active > *,
.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > .uk-active > *,
.uk-overlay-primary .uk-pagination > .uk-active > *,
.uk-offcanvas-bar .uk-pagination > .uk-active > * {
  color: #ccc;
}

.uk-light .uk-pagination > .uk-disabled > *,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *,
.uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > .uk-disabled > *,
.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > .uk-disabled > *,
.uk-overlay-primary .uk-pagination > .uk-disabled > *,
.uk-offcanvas-bar .uk-pagination > .uk-disabled > * {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-tab > * > a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a,
.uk-card-primary.uk-card-body .uk-tab > * > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-tab > * > a,
.uk-card-secondary.uk-card-body .uk-tab > * > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > * > a,
.uk-overlay-primary .uk-tab > * > a,
.uk-offcanvas-bar .uk-tab > * > a {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-tab > * > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,
.uk-card-primary.uk-card-body .uk-tab > * > a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-tab > * > a:hover,
.uk-card-secondary.uk-card-body .uk-tab > * > a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > * > a:hover,
.uk-overlay-primary .uk-tab > * > a:hover,
.uk-offcanvas-bar .uk-tab > * > a:hover,
.uk-light .uk-tab > * > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus,
.uk-card-primary.uk-card-body .uk-tab > * > a:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-tab > * > a:focus,
.uk-card-secondary.uk-card-body .uk-tab > * > a:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > * > a:focus,
.uk-overlay-primary .uk-tab > * > a:focus,
.uk-offcanvas-bar .uk-tab > * > a:focus {
  color: #ccc;
}

.uk-light .uk-tab > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-card-primary.uk-card-body .uk-tab > .uk-active > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-tab > .uk-active > a,
.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > .uk-active > a,
.uk-overlay-primary .uk-tab > .uk-active > a,
.uk-offcanvas-bar .uk-tab > .uk-active > a {
  color: #ccc;
}

.uk-light .uk-tab > .uk-disabled > a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-tab > .uk-disabled > a,
.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > .uk-disabled > a,
.uk-overlay-primary .uk-tab > .uk-disabled > a,
.uk-offcanvas-bar .uk-tab > .uk-disabled > a {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-slidenav,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav,
.uk-card-primary.uk-card-body .uk-slidenav,
.uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav,
.uk-card-secondary.uk-card-body .uk-slidenav,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav,
.uk-overlay-primary .uk-slidenav,
.uk-offcanvas-bar .uk-slidenav {
  color: rgba(204, 204, 204, 0.7);
}

.uk-light .uk-slidenav:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-card-primary.uk-card-body .uk-slidenav:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav:hover,
.uk-card-secondary.uk-card-body .uk-slidenav:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav:hover,
.uk-overlay-primary .uk-slidenav:hover,
.uk-offcanvas-bar .uk-slidenav:hover,
.uk-light .uk-slidenav:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus,
.uk-card-primary.uk-card-body .uk-slidenav:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav:focus,
.uk-card-secondary.uk-card-body .uk-slidenav:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav:focus,
.uk-overlay-primary .uk-slidenav:focus,
.uk-offcanvas-bar .uk-slidenav:focus {
  color: rgba(204, 204, 204, 0.95);
}

.uk-light .uk-slidenav:active,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-card-primary.uk-card-body .uk-slidenav:active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav:active,
.uk-card-secondary.uk-card-body .uk-slidenav:active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav:active,
.uk-overlay-primary .uk-slidenav:active,
.uk-offcanvas-bar .uk-slidenav:active {
  color: rgba(204, 204, 204, 0.7);
}

.uk-light .uk-dotnav > * > *,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *,
.uk-card-primary.uk-card-body .uk-dotnav > * > *,
.uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > *,
.uk-card-secondary.uk-card-body .uk-dotnav > * > *,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > *,
.uk-overlay-primary .uk-dotnav > * > *,
.uk-offcanvas-bar .uk-dotnav > * > * {
  background-color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-dotnav > * > :hover,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
.uk-card-primary.uk-card-body .uk-dotnav > * > :hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > :hover,
.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > :hover,
.uk-overlay-primary .uk-dotnav > * > :hover,
.uk-offcanvas-bar .uk-dotnav > * > :hover,
.uk-light .uk-dotnav > * > :focus,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
.uk-card-primary.uk-card-body .uk-dotnav > * > :focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > :focus,
.uk-card-secondary.uk-card-body .uk-dotnav > * > :focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > :focus,
.uk-overlay-primary .uk-dotnav > * > :focus,
.uk-offcanvas-bar .uk-dotnav > * > :focus {
  background-color: rgba(204, 204, 204, 0.9);
}

.uk-light .uk-dotnav > * > :active,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active,
.uk-card-primary.uk-card-body .uk-dotnav > * > :active,
.uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > :active,
.uk-card-secondary.uk-card-body .uk-dotnav > * > :active,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > :active,
.uk-overlay-primary .uk-dotnav > * > :active,
.uk-offcanvas-bar .uk-dotnav > * > :active {
  background-color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-dotnav > .uk-active > *,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *,
.uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > .uk-active > *,
.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > .uk-active > *,
.uk-overlay-primary .uk-dotnav > .uk-active > *,
.uk-offcanvas-bar .uk-dotnav > .uk-active > * {
  background-color: rgba(204, 204, 204, 0.9);
}

.uk-light .uk-accordion-title::after,
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::after,
.uk-card-primary.uk-card-body .uk-accordion-title::after,
.uk-card-primary > :not([class*=uk-card-media]) .uk-accordion-title::after,
.uk-card-secondary.uk-card-body .uk-accordion-title::after,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-accordion-title::after,
.uk-overlay-primary .uk-accordion-title::after,
.uk-offcanvas-bar .uk-accordion-title::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ccc%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ccc%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-light .uk-open > .uk-accordion-title::after,
.uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::after,
.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::after,
.uk-card-primary > :not([class*=uk-card-media]) .uk-open > .uk-accordion-title::after,
.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::after,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-open > .uk-accordion-title::after,
.uk-overlay-primary .uk-open > .uk-accordion-title::after,
.uk-offcanvas-bar .uk-open > .uk-accordion-title::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ccc%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-light .uk-iconnav > * > a,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a,
.uk-card-primary.uk-card-body .uk-iconnav > * > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > * > a,
.uk-card-secondary.uk-card-body .uk-iconnav > * > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > * > a,
.uk-overlay-primary .uk-iconnav > * > a,
.uk-offcanvas-bar .uk-iconnav > * > a {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-iconnav > * > a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,
.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > * > a:hover,
.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > * > a:hover,
.uk-overlay-primary .uk-iconnav > * > a:hover,
.uk-offcanvas-bar .uk-iconnav > * > a:hover,
.uk-light .uk-iconnav > * > a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,
.uk-card-primary.uk-card-body .uk-iconnav > * > a:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > * > a:focus,
.uk-card-secondary.uk-card-body .uk-iconnav > * > a:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > * > a:focus,
.uk-overlay-primary .uk-iconnav > * > a:focus,
.uk-offcanvas-bar .uk-iconnav > * > a:focus {
  color: #ccc;
}

.uk-light .uk-iconnav > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,
.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a,
.uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > .uk-active > a,
.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > .uk-active > a,
.uk-overlay-primary .uk-iconnav > .uk-active > a,
.uk-offcanvas-bar .uk-iconnav > .uk-active > a {
  color: #ccc;
}

.uk-light .uk-text-lead,
.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-card-primary.uk-card-body .uk-text-lead,
.uk-card-primary > :not([class*=uk-card-media]) .uk-text-lead,
.uk-card-secondary.uk-card-body .uk-text-lead,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-text-lead,
.uk-overlay-primary .uk-text-lead,
.uk-offcanvas-bar .uk-text-lead {
  color: #ccc;
}

.uk-light .uk-text-meta,
.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta,
.uk-card-primary.uk-card-body .uk-text-meta,
.uk-card-primary > :not([class*=uk-card-media]) .uk-text-meta,
.uk-card-secondary.uk-card-body .uk-text-meta,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-text-meta,
.uk-overlay-primary .uk-text-meta,
.uk-offcanvas-bar .uk-text-meta {
  color: rgba(204, 204, 204, 0.5);
}

.uk-light .uk-text-muted,
.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted,
.uk-card-primary.uk-card-body .uk-text-muted,
.uk-card-primary > :not([class*=uk-card-media]) .uk-text-muted,
.uk-card-secondary.uk-card-body .uk-text-muted,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-text-muted,
.uk-overlay-primary .uk-text-muted,
.uk-offcanvas-bar .uk-text-muted {
  color: rgba(204, 204, 204, 0.5) !important;
}

.uk-light .uk-text-emphasis,
.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-card-primary.uk-card-body .uk-text-emphasis,
.uk-card-primary > :not([class*=uk-card-media]) .uk-text-emphasis,
.uk-card-secondary.uk-card-body .uk-text-emphasis,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-text-emphasis,
.uk-overlay-primary .uk-text-emphasis,
.uk-offcanvas-bar .uk-text-emphasis {
  color: #ccc !important;
}

.uk-light .uk-text-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary,
.uk-card-primary.uk-card-body .uk-text-primary,
.uk-card-primary > :not([class*=uk-card-media]) .uk-text-primary,
.uk-card-secondary.uk-card-body .uk-text-primary,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-text-primary,
.uk-overlay-primary .uk-text-primary,
.uk-offcanvas-bar .uk-text-primary {
  color: #ccc !important;
}

.uk-light .uk-text-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary,
.uk-card-primary.uk-card-body .uk-text-secondary,
.uk-card-primary > :not([class*=uk-card-media]) .uk-text-secondary,
.uk-card-secondary.uk-card-body .uk-text-secondary,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-text-secondary,
.uk-overlay-primary .uk-text-secondary,
.uk-offcanvas-bar .uk-text-secondary {
  color: #ccc !important;
}

.uk-light .uk-column-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider,
.uk-card-primary.uk-card-body .uk-column-divider,
.uk-card-primary > :not([class*=uk-card-media]) .uk-column-divider,
.uk-card-secondary.uk-card-body .uk-column-divider,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-column-divider,
.uk-overlay-primary .uk-column-divider,
.uk-offcanvas-bar .uk-column-divider {
  -moz-column-rule-color: rgba(204, 204, 204, 0.2);
       column-rule-color: rgba(204, 204, 204, 0.2);
}

.uk-light .uk-logo,
.uk-section-primary:not(.uk-preserve-color) .uk-logo,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
.uk-card-primary.uk-card-body .uk-logo,
.uk-card-primary > :not([class*=uk-card-media]) .uk-logo,
.uk-card-secondary.uk-card-body .uk-logo,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-logo,
.uk-overlay-primary .uk-logo,
.uk-offcanvas-bar .uk-logo {
  color: #ccc;
}

.uk-light .uk-logo:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
.uk-card-primary.uk-card-body .uk-logo:hover,
.uk-card-primary > :not([class*=uk-card-media]) .uk-logo:hover,
.uk-card-secondary.uk-card-body .uk-logo:hover,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-logo:hover,
.uk-overlay-primary .uk-logo:hover,
.uk-offcanvas-bar .uk-logo:hover,
.uk-light .uk-logo:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus,
.uk-card-primary.uk-card-body .uk-logo:focus,
.uk-card-primary > :not([class*=uk-card-media]) .uk-logo:focus,
.uk-card-secondary.uk-card-body .uk-logo:focus,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-logo:focus,
.uk-overlay-primary .uk-logo:focus,
.uk-offcanvas-bar .uk-logo:focus {
  color: #ccc;
}

.uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
.uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
.uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
.uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
.uk-card-primary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
.uk-card-primary > :not([class*=uk-card-media]) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
.uk-card-secondary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
.uk-card-secondary > :not([class*=uk-card-media]) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
.uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
.uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) {
  display: none;
}

.uk-light .uk-logo-inverse,
.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-card-primary.uk-card-body .uk-logo-inverse,
.uk-card-primary > :not([class*=uk-card-media]) .uk-logo-inverse,
.uk-card-secondary.uk-card-body .uk-logo-inverse,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-logo-inverse,
.uk-overlay-primary .uk-logo-inverse,
.uk-offcanvas-bar .uk-logo-inverse {
  display: inline;
}

/* ========================================================================
   Component: Print
 ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

@page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.color-dark-green {
  color: #6BBF23;
}

.color-light-green {
  color: #B5DF91;
}

.color-dark-red {
  color: #ff3f00;
}

.color-light-red {
  color: #FF9F80;
}

.color-dark-blue {
  color: #002D6D;
}

.color-light-blue {
  color: #D9E4F0;
}

.color-orange {
  color: #ff3f00;
}

.uk-heading-medium {
  letter-spacing: -0.01em;
}

@media (min-width: 1200px) {
  .uk-heading-medium {
    font-size: 2.8rem;
    line-height: 1.3;
  }
}

.uk-button-default {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #999999 0%, #777777 100%);
  border: 1px solid #777;
  border-radius: 6px;
  box-shadow: 1px 1px 4px 0 #333;
  text-shadow: 2px 1px 0 #777;
  color: #fff;
  line-height: 48px;
}

.uk-button-default:hover {
  color: #fff;
  background: linear-gradient(to bottom, #777777 0%, #999999 100%);
}

.uk-button-primary,
.pollino_submit {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff3f00 0%, #d93600 100%) repeat scroll 0 0;
  border: 1px solid #cc3300;
  border-radius: 6px;
  box-shadow: 1px 1px 4px 0 #333;
  text-shadow: 2px 1px 0 #d93600;
  color: #fff;
  line-height: 48px;
  font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.uk-button-primary:hover,
.pollino_submit:hover {
  color: #fff;
  background: #378de5 linear-gradient(to bottom, #d93600 5%, #ff3f00 100%) repeat scroll 0 0;
}

.uk-button-primary.uk-button-small,
.pollino_submit {
  line-height: 36px;
  font-size: 18px;
}

.uk-button-primary.uk-button-small strong,
.pollino_submit strong {
  font-weight: 500;
}

.uk-button-secondary {
  background: #fff;
  border: 5px solid #e0e0e0;
  color: #ff3f00;
  border-radius: 6px;
}

.uk-button-secondary:hover {
  color: #ff3f00;
  background: #fff !important;
  text-decoration: underline !important;
}

#offcanvas-nav .uk-margin-small-left {
  margin-left: 0 !important;
}

.navbar-item-separator {
  width: 1px;
  margin-left: 15px;
  margin-right: 15px;
  height: 30px;
  margin-top: 20px;
  background-color: #ddd;
}

.navbar-item-logout {
  position: relative;
}

.global-header .first-name {
  position: absolute;
  left: 5px;
  bottom: 4px;
  color: #666;
  font-size: 13px;
}

html {
  background-image: url(./../dist/images/bg.jpg?09f64e0edd006683d547ec493b356f01);
}

.uk-sortable-empty {
  min-height: 0;
}

a:hover {
  /*text-decoration: none;*/
}

progress {
  background-color: #fff !important;
}

.bookmarked {
  display: none;
}

.general-text {
  font-size: 16px;
  line-height: 29px;
  font-family: sans-serif;
}

.general-text.general-text-small {
  font-size: 14px;
}

.general-text.general-text-xsmall {
  font-size: 13px;
}

.general-text label {
  font-size: 12px;
  line-height: 22px;
}

.general-text a {
  color: #ff3f00;
}

.hr-blue {
  border-top: 1px solid #A7C1DC;
}

.blank-spacer {
  display: inline-block;
  width: 75px;
}

.blank-spacer-30 {
  display: inline-block;
  width: 30px;
}

.blank-spacer-45 {
  display: inline-block;
  width: 45px;
}

.blank-spacer-90 {
  display: inline-block;
  width: 90px;
}

.random-heading {
  font-size: 45px;
  text-align: center;
  color: #002D6D;
  font-weight: 300;
}

.uk-placeholder {
  font-family: sans-serif;
}

.admin-options {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
}

.admin-options .edit {
  float: right;
  margin-left: 2px;
  background-color: #333;
  opacity: 0.1;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial;
  color: #fff;
  display: block;
}

.admin-options .edit:hover,
.admin-options .edit:focus,
.admin-options .edit:active {
  opacity: 1;
  color: #fff;
  text-decoration: none;
}

.edit-partial {
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  background-color: #333;
  opacity: 0.1;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial;
  color: #fff;
  display: block;
}

.edit-partial:hover,
.edit-partial:focus,
.edit-partial:active {
  opacity: 1;
  color: #fff;
  text-decoration: none;
}

.edit-comment {
  background-color: #333;
  opacity: 0.1;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial;
  color: #fff !important;
  /*display: inline-block;*/
  display: inline;
}

.edit-comment:hover,
.edit-comment:focus,
.edit-comment:active {
  opacity: 1;
  color: #fff;
  text-decoration: none;
}

.site-logo {
  font-size: 22px;
  color: #888;
  font-weight: 700;
}

@media (max-width: 639px) {
  .global-header {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .global-header {
    /* 640px+ */
  }
}

@media (max-width: 959px) {
  .global-header {
    /* up to 959px */
    background-color: #3f3f3f;
    border-bottom: 10px solid #666;
  }
}

@media (min-width: 960px) {
  .global-header {
    /* 960px+ */
    background-color: #fff;
  }
}

@media (max-width: 1199px) {
  .global-header {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .global-header {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .global-header {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .global-header {
    /* 1600px+ */
  }
}

@media (max-width: 639px) {
  .global-header .uk-navbar {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .global-header .uk-navbar {
    /* 640px+ */
  }
}

@media (max-width: 959px) {
  .global-header .uk-navbar {
    /* up to 959px */
    background-color: #3f3f3f;
  }
}

@media (min-width: 960px) {
  .global-header .uk-navbar {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .global-header .uk-navbar {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .global-header .uk-navbar {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .global-header .uk-navbar {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .global-header .uk-navbar {
    /* 1600px+ */
  }
}

.global-header .uk-navbar a:hover {
  text-decoration: underline;
}

.global-header .menu-main-links li a {
  text-transform: uppercase;
}

.global-header .menu-main-links li a span {
  background-color: #f9f9f9;
  border-radius: 8px;
  padding: 3px 10px;
}

.global-header .menu-main-links li a:hover {
  text-decoration: underline;
}

.global-header .menu-main-links li.uk-active a span {
  background-color: #444;
}

.global-footer {
  border-top: 10px solid #666;
  padding: 30px 0 80px 0;
}

@media (max-width: 639px) {
  .global-footer {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .global-footer {
    /* 640px+ */
  }
}

@media (max-width: 959px) {
  .global-footer {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .global-footer {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .global-footer {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .global-footer {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .global-footer {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .global-footer {
    /* 1600px+ */
  }
}

.global-footer .uk-logo:hover {
  color: #888 !important;
}

.global-footer .menu-main-links li a {
  text-transform: uppercase;
}

.global-footer .menu-main-links li a span {
  background-color: #2f2f2f;
  border-radius: 8px;
  padding: 3px 10px;
}

.global-footer .menu-main-links li a:hover {
  text-decoration: underline;
}

.global-footer .menu-main-links li.uk-active a span {
  background-color: #fff;
  color: #333;
}

.global-footer .site-about {
  font-family: sans-serif;
  font-size: 13px;
}

.uk-subnav.subnav-style-1 {
  margin-top: 20px;
  font-size: 1.32rem;
}

.uk-subnav.subnav-style-1 > li:first-child * {
  padding-left: 0 !important;
}

.uk-subnav.subnav-style-1 li {
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 0;
}

@media (max-width: 639px) {
  .uk-subnav.subnav-style-1 li {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .uk-subnav.subnav-style-1 li {
    /* 640px+ */
    padding-left: 20px;
  }
}

@media (max-width: 959px) {
  .uk-subnav.subnav-style-1 li {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .uk-subnav.subnav-style-1 li {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .uk-subnav.subnav-style-1 li {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .uk-subnav.subnav-style-1 li {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .uk-subnav.subnav-style-1 li {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .uk-subnav.subnav-style-1 li {
    /* 1600px+ */
  }
}

@media (max-width: 639px) {
  .uk-subnav.subnav-style-1 li.subnav-search {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .uk-subnav.subnav-style-1 li.subnav-search {
    /* 640px+ */
  }
}

@media (max-width: 959px) {
  .uk-subnav.subnav-style-1 li.subnav-search {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .uk-subnav.subnav-style-1 li.subnav-search {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .uk-subnav.subnav-style-1 li.subnav-search {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .uk-subnav.subnav-style-1 li.subnav-search {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .uk-subnav.subnav-style-1 li.subnav-search {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .uk-subnav.subnav-style-1 li.subnav-search {
    /* 1600px+ */
  }
}

.uk-subnav.subnav-style-1 li a {
  position: relative;
}

@media (max-width: 639px) {
  .uk-subnav.subnav-style-1 li a {
    /* up to 639px */
    font-size: 18px;
  }
}

@media (min-width: 640px) {
  .uk-subnav.subnav-style-1 li a {
    /* 640px+ */
  }
}

@media (max-width: 959px) {
  .uk-subnav.subnav-style-1 li a {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .uk-subnav.subnav-style-1 li a {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .uk-subnav.subnav-style-1 li a {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .uk-subnav.subnav-style-1 li a {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .uk-subnav.subnav-style-1 li a {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .uk-subnav.subnav-style-1 li a {
    /* 1600px+ */
  }
}

.uk-subnav.subnav-style-1 li a:hover:after {
  content: "";
  width: 100%;
  height: 5px;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: -3px;
  box-sizing: border-box;
}

.uk-subnav.subnav-style-1 li.uk-active a:after {
  content: "";
  width: 100%;
  height: 5px;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: -3px;
  box-sizing: border-box;
}

.uk-subnav.subnav-style-2 {
  font-size: 1rem;
  font-weight: 300;
}

.uk-subnav.subnav-style-2 li {
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
  align-items: center;
}

.uk-subnav.subnav-style-2 li span {
  padding: 5px 10px;
}

.uk-subnav.subnav-style-2 li a {
  background-color: #fff;
  border-radius: 8px;
  padding: 2px 10px;
}

.uk-subnav.subnav-style-2 li a:hover {
  text-decoration: underline;
}

.recent-tests.recent-tests-01 {
  background-color: #fff;
}

.recent-tests.recent-tests-02 .user-items-list li {
  background-color: #fff;
}

@media (min-width: 960px) {
  /* 960px+ */

  .pattern-examples-inner {
    padding-left: 55px;
    padding-right: 55px;
  }

  .template-home .pattern-examples-inner {
    padding-left: 55px;
    padding-right: 55px;
  }
}

.rounded-list-heading {
  margin-left: 20px;
  font-weight: 300;
  font-size: 18px;
}

h3.rounded-list-heading {
  margin-bottom: 10px;
}

.uk-list.rounded-list {
  margin-top: 0;
}

/*
.rounded-list-heading strong {
  font-weight: 700;
}
*/

.rounded-list li a .tiered {
  font-size: 18px;
}

.rounded-list li a {
  display: block;
  border-radius: 8px;
  background-color: #fff;
  color: #ff3f00;
  font-weight: 200;
  box-shadow: 1px 1px 5px #ccc;
  line-height: 1;
  /**/
  padding: 11px 20px;
  font-size: 22px;
}

.rounded-list li a strong {
  display: block;
  margin-top: 4px;
  font-size: 22px;
}

@media (min-width: 960px) {
  /* 960px+ */

  .rounded-list li a {
    font-size: 26px;
  }

  .rounded-list li a .tiered {
    font-size: 18px;
  }

  .rounded-list li a strong {
    font-size: 26px;
  }
}

.rounded-list li.full-pattern-preview a {
  padding-bottom: 0;
}

.rounded-list li.uk-active a {
  background-color: #444;
  color: #fff;
}

.rounded-list li a .rounded-list-text-small {
  font-size: 18px;
}

.rounded-list li a .rounded-list-image {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}

/* home message v1 */

@media (max-width: 960px) {
  .home-message br {
    display: none;
  }
}

.home-message.home-message-03 {
  padding-bottom: 0 !important;
}

/*
.uk-margin-large-bottom.home-message {
  margin-bottom: 25px !important;
}

  .home-message-01 h2 {
    font-size: 28px;
    line-height: 1.6;
    font-weight: 300;
  }
    .home-message-01 h2 strong {
      font-weight: 700;
    }
    .home-message-01 h2 strong.highlight {
      color: #fff;
      background-color: #222;
      padding: 0px 8px;
      border-radius: $border-rounded-border-radius;
    }
  .home-message-01 .disclaimer {
    font-weight: 100;
  }
*/

.section-title {
  color: #85A8CF;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 15px !important;
}

.section-title span:before,
.section-title span:after {
  border-bottom: 1px solid #A7C1DC !important;
}

.section-title.section-title-gray {
  color: #999;
}

.section-title.section-title-gray span:before,
.section-title.section-title-gray span:after {
  border-bottom: 1px solid #444 !important;
}

.callout {
  background-color: #fff;
  border-radius: 8px;
  padding: 30px;
}

.callout-heading {
  color: #ff3f00;
  font-size: 40px;
}

.callout-subheading {
  font-weight: 300;
  font-size: 20px;
}

.callout-promotion span {
  background-color: #3F3F3F;
  color: #fff;
  border-radius: 8px;
  text-align: center;
  padding: 5px 30px;
  font-weight: 300;
  font-size: 18px;
}

ul.callout-key-points {
  font-size: 19px;
  /**/
  padding-left: 20px;
  padding-right: 20px;
}

ul.callout-key-points li {
  text-align: left;
  font-weight: 300;
}

ul.callout-key-points li .fa {
  margin-right: 6px;
  font-size: 22px;
}

ul.callout-key-points li strong {
  font-weight: 700;
}

ul.callout-key-points li a {
  color: #ff3f00;
}

.uk-pagination li a {
  background-color: #fff;
  padding: 6px 10px;
  color: #ff3f00;
  border-radius: 8px;
  font-weight: 300;
  text-decoration: none;
  font-size: 20px;
  font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, sans-serif !important;
  box-shadow: 1px 1px 5px #ccc;
}

.uk-pagination li.uk-active a {
  color: #444;
  display: block;
  /* override; prevent inline */
}

.see {
  background-color: #fff;
}

.see .see-for {
  font-weight: 300;
  font-size: 18px;
  padding-bottom: 8px;
}

.see .see-category {
  font-weight: 700;
}

.sticky-get-access {
  border-bottom: 1px solid #ddd;
  z-index: 980;
  opacity: 0;
  height: 1px;
}

.sticky-get-access.uk-sticky-fixed {
  opacity: 1;
  height: auto;
}

.special-message {
  background: #002D6D;
  border-radius: 10px;
  text-align: center;
  position: relative;
  padding: 10px 20px;
}

@media (max-width: 639px) {
  .special-message {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .special-message {
    /* 640px+ */
    padding: 25px;
  }
}

@media (max-width: 959px) {
  .special-message {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .special-message {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .special-message {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .special-message {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .special-message {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .special-message {
    /* 1600px+ */
  }
}

.special-message:after {
  position: absolute;
  bottom: -20px;
  border-top: #002D6D solid 20px;
  border-left: transparent solid 20px;
  border-right: transparent solid 20px;
  content: "";
  right: 150px;
}

/*
  .special-message a {
    color: $global-link-color;
  }

  .special-message p {
    font-size: 19px;
    font-weight: 300;
    margin: 0;
    color: #FFFFFF;
  }

  .special-message p:first-child {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #FFFFFF;
  }
*/

.social-corner {
  height: 280px;
  width: 190px;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 10001;
}

ol.numbered {
  counter-reset: item;
  margin: 0;
  padding-left: 0;
  margin-bottom: 50px;
  font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

ol.numbered li {
  counter-increment: item;
  list-style: none;
  margin: 40px 0 40px 70px;
  font-size: 16px;
  line-height: 29px;
  font-family: sans-serif;
}

ol.numbered li:before {
  content: counter(item);
  margin-left: -50px;
  margin-top: -3px;
  padding: 0px;
  display: block;
  border-radius: 100%;
  border: 3px solid #fff;
  width: 34px;
  height: 34px;
  background: #BE65AC;
  color: #fff;
  text-align: center;
  vertical-align: center;
  font-size: 22px;
  line-height: 30px;
  font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  float: left;
  position: absolute;
}

.numtitle {
  font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 26px;
  line-height: 1.2;
  display: inline-block;
  padding: 0;
  margin-bottom: 10px;
}

.stat {
  position: relative;
  overflow: hidden;
  margin-right: 5px;
  font-weight: 300;
  background-color: #eee;
  border-radius: 4px;
  font-size: 16px;
  padding: 3px 11px;
  color: #444;
}

.stat strong {
  font-weight: 700;
}

.stat.leak-change-pattern-repeatability,
.stat.conducted-test-stat-repeatability {
  background-color: #222;
  color: #fff;
}

/* grid xsmall */

.uk-grid-xsmall {
  margin-left: -8px;
}

.uk-grid-xsmall > * {
  padding-left: 8px;
}

/* grid xxsmall */

.uk-grid-xxsmall {
  margin-left: -3px;
}

.uk-grid-xxsmall > * {
  padding-left: 3px;
}

/* grid micro */

.uk-grid-micro {
  margin-left: -1px;
}

.uk-grid-micro > * {
  padding-left: 1px;
}

/* margin */

.uk-margin-xlarge-top {
  margin-top: 120px !important;
}

.uk-margin-xlarge-bottom {
  margin-bottom: 120px !important;
}

.uk-margin-xsmall-top {
  margin-top: 3px !important;
}

.uk-margin-xsmall-bottom {
  margin-bottom: 3px !important;
}

/* padding */

.uk-padding-xlarge {
  padding: 150px;
}

.uk-padding-xlarge-top {
  padding-top: 150px;
}

.uk-padding-xlarge-bottom {
  padding-bottom: 150px;
}

.uk-padding-large-top {
  padding-top: 70px;
}

.uk-padding-small-bottom {
  padding-bottom: 15px;
}

.uk-padding-remove-top {
  padding-top: 0 !important;
}

.uk-padding-remove-bottom {
  padding-bottom: 0 !important;
}

@media (max-width: 639px) {
  .uk-padding-remove-horizontal-mobile {
    /* up to 639px */
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 640px) {
  .uk-padding-remove-horizontal-mobile {
    /* 640px+ */
  }
}

@media (max-width: 959px) {
  .uk-padding-remove-horizontal-mobile {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .uk-padding-remove-horizontal-mobile {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .uk-padding-remove-horizontal-mobile {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .uk-padding-remove-horizontal-mobile {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .uk-padding-remove-horizontal-mobile {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .uk-padding-remove-horizontal-mobile {
    /* 1600px+ */
  }
}

/* text */

.uk-text-white {
  color: #fff !important;
}

.uk-font-sans {
  font-family: sans-serif;
}

.uk-text-general {
  font-size: 16px;
  line-height: 29px;
  font-weight: 300;
  font-family: sans-serif;
}

.uk-text-medium {
  font-size: 1.2rem;
}

/* subnav - reduce pipe spacing */

.uk-subnav > * {
  padding-left: 5px;
}

.uk-subnav > li:first-child * {
  padding-left: 15px;
}

.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
  margin-right: 5px;
}

#offcanvas-toggle svg {
  background: #2f2f2f;
  padding: 8px;
  border-radius: 5px;
  width: 40px !important;
  height: 40px !important;
}

.uk-offcanvas ul li a {
  color: #ff3f00 !important;
}

.uk-offcanvas ul li.uk-active a {
  color: #fff !important;
}

#wrap .uk-checkbox {
  width: 18px;
  height: 18px;
  border: 2px solid #b8b8b8 !important;
  box-shadow: inset 0 0 5px 2px #f0f0f0 !important;
  background-color: #fff !important;
}

#wrap .uk-radio:checked,
#wrap .uk-checkbox:checked,
#wrap .uk-checkbox:indeterminate {
  border: 0 !important;
  box-shadow: none !important;
  background-color: #000 !important;
}

#wrap .uk-input:not(.uk-search-input),
#wrap .uk-textarea {
  font-family: sans-serif !important;
  border-radius: 5px !important;
  border: 1px solid #b8b8b8 !important;
  box-shadow: inset 0 0 5px 2px #f0f0f0 !important;
  background-color: #fff !important;
}

.uk-search.uk-search-default {
  margin-right: 15px;
}

@media (max-width: 639px) {
  .uk-search.uk-search-default {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .uk-search.uk-search-default {
    /* 640px+ */
    width: 200px;
  }
}

@media (max-width: 959px) {
  .uk-search.uk-search-default {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .uk-search.uk-search-default {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .uk-search.uk-search-default {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .uk-search.uk-search-default {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .uk-search.uk-search-default {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .uk-search.uk-search-default {
    /* 1600px+ */
  }
}

@media (max-width: 639px) {
  .uk-search .uk-search-icon-flip {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .uk-search .uk-search-icon-flip {
    /* 640px+ */
  }
}

@media (max-width: 959px) {
  .uk-search .uk-search-icon-flip {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .uk-search .uk-search-icon-flip {
    /* 960px+ */
    right: -15px !important;
  }
}

@media (max-width: 1199px) {
  .uk-search .uk-search-icon-flip {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .uk-search .uk-search-icon-flip {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .uk-search .uk-search-icon-flip {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .uk-search .uk-search-icon-flip {
    /* 1600px+ */
  }
}

.uk-textarea-special,
.uk-select-special,
.uk-input-special {
  background-color: #fff !important;
  box-shadow: inset 0 0 5px 2px #f0f0f0 !important;
  border: 2px solid #ff3f00 !important;
  border-radius: 5px !important;
  font-family: sans-serif !important;
  font-size: 14px !important;
  font-weight: normal !important;
}

.leak-filters .uk-textarea-special,
.pattern-filters .uk-textarea-special,
.leak-filters .uk-select-special,
.pattern-filters .uk-select-special,
.leak-filters .uk-input-special,
.pattern-filters .uk-input-special {
  border: 2px solid #000 !important;
}

.uk-textarea-special:focus,
.uk-select-special:focus,
.uk-input-special:focus {
  border: 2px solid #000 !important;
}

.uk-textarea-special.unpopulated,
.uk-textarea-special:disabled,
.uk-select-special.unpopulated,
.uk-select-special:disabled,
.uk-input-special.unpopulated,
.uk-input-special:disabled {
  border: 2px solid #a8a8a8 !important;
}

input#q-flexdatalist,
input#q {
  margin-left: 15px !important;
  width: 100% !important;
}

@media (max-width: 639px) {
  input#q-flexdatalist,
  input#q {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  input#q-flexdatalist,
  input#q {
    /* 640px+ */
    width: 200px !important;
  }
}

@media (max-width: 959px) {
  input#q-flexdatalist,
  input#q {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  input#q-flexdatalist,
  input#q {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  input#q-flexdatalist,
  input#q {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  input#q-flexdatalist,
  input#q {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  input#q-flexdatalist,
  input#q {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  input#q-flexdatalist,
  input#q {
    /* 1600px+ */
  }
}

.q-icon {
  color: #ff3f00 !important;
}

ul.flexdatalist-results {
  border: 0 !important;
  border-radius: 5px !important;
  margin-left: 0 !important;
  width: 200px !important;
  font-family: Arial, sans-serif;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

ul.flexdatalist-results li.item {
  font-weight: 300;
  color: #ff3f00 !important;
  border-bottom: 0 !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  font-size: 14px !important;
}

ul.flexdatalist-results li.item a {
  color: #ff3f00 !important;
}

ul.flexdatalist-results li.item strong {
  text-transform: uppercase !important;
}

ul.flexdatalist-results li.item .item-model {
  text-transform: lowercase !important;
}

ul.flexdatalist-results li.item.active {
  background-color: #ff3f00 !important;
  color: #fff !important;
}

.rootparent-blog,
.rootparent-post-tags {
  /*
  #comment {
    width: 800px;
    max-width: 800px;
  }

  .comment-timestamp {
    color: #888;
    font-weight: normal;
    display: inline-block;
  }

  .comment-form-wrapper {

  }   

      .comment-form-wrapper label {
        width: 70px;
        display: inline-block;
        margin-bottom: 15px;
      }
      #prompt-comment-subscribe {
        width: auto;
      }

      .comment-form-wrapper input {
        border: 1px solid #FF3F00;
        padding: 8px 10px;
        font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
        font-size: 12pt;  
        line-height: 1;           
      }

      textarea {
        border: 1px solid #FF3F00;
        padding: 10px;
        box-sizing: border-box;
        font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
        font-size: 12pt;  
        line-height: 1.2;         
      }

      .form-submit {
        margin-bottom: 5px;
      }

      .mssg-emaildisclaimer {
        margin: 0;
        color: #666;
        font-size: 15px;
      }
      */
  /* Principles */
  /* SOCIAL PLUIGN */
  /* BLOG FIGURE AND CAPTIONS */
  /* Highlight */
  /*highlight::before {
  background: white;
  content: "";
  height: 240px;
  left: 0;
  margin-top: -30px;
  position: absolute;
  width: 100%;
  z-index: -1;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  }*/
  /****************************** SCALE *************************************/
  /* Nav & Footer v.2 */
  /*********************** FULL FOOTER ***************************/
  /************* CLOSING *****************/
  /************************************ PATTERN: BUTTON ***************************/
  /************************ FOOTER NAV CONTENT ****************************/
  /********************************** NARROW VIEW *****************************/
}

.rootparent-blog .post-item .post-item-title,
.rootparent-post-tags .post-item .post-item-title {
  font-size: 26px !important;
}

.rootparent-blog .post-item .post-item-meta,
.rootparent-post-tags .post-item .post-item-meta {
  color: #666;
  font-size: 15px;
}

.rootparent-blog .post-item .post-item-comments-count,
.rootparent-post-tags .post-item .post-item-comments-count {
  background-color: #fff;
  color: #000 !important;
  border-radius: 5px;
  padding: 3px 10px;
  font-weight: bold;
}

.rootparent-blog span.bold,
.rootparent-post-tags span.bold {
  font-weight: bold;
}

.rootparent-blog .blog-action,
.rootparent-post-tags .blog-action {
  background-color: #ffffff;
  border-radius: 5px;
  display: inline-block;
  padding: 4px 10px;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.2;
  margin: 30px 0 5px 0;
  color: #ff3f00;
}

.rootparent-blog article > .post-body > ul,
.rootparent-post-tags article > .post-body > ul {
  list-style: none;
  padding-bottom: 20px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 16px;
  line-height: 29px;
  font-family: sans-serif;
}

.rootparent-blog article > .post-body > ul > li > ul,
.rootparent-post-tags article > .post-body > ul > li > ul {
  padding-bottom: 20px;
}

.rootparent-blog article > .post-body > ul li,
.rootparent-post-tags article > .post-body > ul li {
  /*margin-left: 35px;
  text-indent: -25px;*/
  padding-bottom: 5px;
}

.rootparent-blog article > .post-body > ul > li:before,
.rootparent-post-tags article > .post-body > ul > li:before {
  content: "\2022";
  color: #BD64AC;
  font-size: 36px;
  line-height: 28px;
  position: absolute;
  margin-left: -35px;
}

.rootparent-blog article > .post-body > ul.checkmarks,
.rootparent-post-tags article > .post-body > ul.checkmarks {
  list-style-type: none;
  padding-left: 40px;
}

.rootparent-blog article > .post-body > ul.checkmarks li,
.rootparent-post-tags article > .post-body > ul.checkmarks li {
  background-repeat: no-repeat;
  background-position: 0px top;
  padding-left: 45px;
  margin-bottom: 32px;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
}

.rootparent-blog article > .post-body > ul.checkmarks li:before,
.rootparent-post-tags article > .post-body > ul.checkmarks li:before {
  content: "";
}

.rootparent-blog strong.comment,
.rootparent-post-tags strong.comment {
  background-color: #ffffff;
  border-radius: 5px;
  display: inline;
  margin: 0px 1px;
  padding: 4px 10px;
  color: #111;
  font-weight: bold;
}

.rootparent-blog strong.tag-strategy,
.rootparent-blog strong.tag-process,
.rootparent-blog strong.tag-datastory,
.rootparent-blog strong.tag-blueprint,
.rootparent-blog strong.tag-insight,
.rootparent-blog strong.tag-question,
.rootparent-post-tags strong.tag-strategy,
.rootparent-post-tags strong.tag-process,
.rootparent-post-tags strong.tag-datastory,
.rootparent-post-tags strong.tag-blueprint,
.rootparent-post-tags strong.tag-insight,
.rootparent-post-tags strong.tag-question {
  border-radius: 5px;
  display: inline;
  margin: 0px 1px;
  padding: 4px 10px;
  font-weight: normal;
}

.rootparent-blog strong.tag-strategy,
.rootparent-post-tags strong.tag-strategy {
  background-color: #444;
  color: #fff;
}

.rootparent-blog strong.tag-blueprint,
.rootparent-post-tags strong.tag-blueprint {
  background-color: #66A7DD;
  color: #fff;
}

.rootparent-blog strong.tag-process,
.rootparent-post-tags strong.tag-process {
  background-color: #02D069;
  color: #fff;
}

.rootparent-blog strong.tag-datastory,
.rootparent-post-tags strong.tag-datastory {
  background-color: #BE65AD;
  color: #fff;
}

.rootparent-blog strong.tag-insight,
.rootparent-post-tags strong.tag-insight {
  background-color: #444;
  color: #fff;
}

.rootparent-blog strong.tag-question,
.rootparent-post-tags strong.tag-question {
  background-color: #FF694F;
  color: #fff;
}

.rootparent-blog strong.pos,
.rootparent-blog strong.neg,
.rootparent-blog strong.flat,
.rootparent-post-tags strong.pos,
.rootparent-post-tags strong.neg,
.rootparent-post-tags strong.flat {
  border-radius: 5px;
  display: inline;
  margin: 0px 1px;
  padding: 4px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 11pt;
}

.rootparent-blog strong.pos,
.rootparent-post-tags strong.pos {
  background-color: #6BBF22;
}

.rootparent-blog strong.neg,
.rootparent-post-tags strong.neg {
  background-color: #FF3F00;
}

.rootparent-blog strong.flat,
.rootparent-post-tags strong.flat {
  background-color: #999;
}

.rootparent-blog .taglink,
.rootparent-post-tags .taglink {
  color: #ffffff;
}

.rootparent-blog .number,
.rootparent-post-tags .number {
  background-color: #be65ad;
  border-radius: 40px;
  display: inline-block;
  margin: 0px 1px;
  padding: 0px 0px;
  width: 25px;
  height: 25px;
  text-align: center;
  color: #fff;
  font-weight: normal;
  line-height: 1.7;
  font-weight: bold;
}

.rootparent-blog .page-index h1,
.rootparent-post-tags .page-index h1 {
  margin: 75px 0 40px 0;
  font-size: 48px;
  line-height: 1.4;
}

.rootparent-blog .textGood,
.rootparent-post-tags .textGood {
  color: black;
}

.rootparent-blog .page-index .blog-name,
.rootparent-post-tags .page-index .blog-name {
  font-size: 60px;
}

.rootparent-blog .blog-name,
.rootparent-post-tags .blog-name {
  font-size: 15px;
  text-transform: uppercase;
}

.rootparent-blog .blog-description,
.rootparent-post-tags .blog-description {
  font-size: 22px;
  margin: 0;
  line-height: 1;
}

.rootparent-blog .image-header,
.rootparent-post-tags .image-header {
  border: 15px solid #000;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.rootparent-blog .image-header-noborder,
.rootparent-post-tags .image-header-noborder {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.rootparent-blog .image-inner,
.rootparent-post-tags .image-inner {
  border: 1px solid #aaa;
  width: 100%;
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
}

.rootparent-blog .image-inner-full,
.rootparent-post-tags .image-inner-full {
  border: 1px solid #aaa;
  width: 100%;
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
}

.rootparent-blog .stretch,
.rootparent-post-tags .stretch {
  width: 99.4vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

.rootparent-blog article table,
.rootparent-post-tags article table {
  border-collapse: collapse;
  width: 100%;
}

.rootparent-blog article th,
.rootparent-post-tags article th {
  background-color: #ffffff;
}

.rootparent-blog article td,
.rootparent-blog th,
.rootparent-post-tags article td,
.rootparent-post-tags th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.rootparent-blog article img,
.rootparent-post-tags article img {
  margin: 20px 0 0 0;
  width: 100%;
}

.rootparent-blog .authorship,
.rootparent-post-tags .authorship {
  text-align: center;
  padding: 0;
  margin: 40px 0 0 0;
  font: 18pt "OswaldLight";
  padding-bottom: 0px;
  height: 120px;
  color: #444;
}

.rootparent-blog .author-gravatar,
.rootparent-post-tags .author-gravatar {
  vertical-align: middle;
  display: inline-block;
}

.rootparent-blog .author-gravatar img,
.rootparent-post-tags .author-gravatar img {
  border-radius: 70px;
  border: 3px solid #fff;
}

.rootparent-blog .post-links,
.rootparent-post-tags .post-links {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0px 20px 0px;
  width: 100%;
}

.rootparent-blog .post-link-header,
.rootparent-post-tags .post-link-header {
  pointer-events: none;
  cursor: default;
}

.rootparent-blog .post-links h3,
.rootparent-post-tags .post-links h3 {
  margin-top: 0;
  margin-bottom: 2px;
  color: #444;
  line-height: 1;
  font: 18pt "OswaldLight";
}

.rootparent-blog .post-link,
.rootparent-post-tags .post-link {
  width: 30%;
  border-right: 1px solid #ddd;
  vertical-align: top;
  padding: 0 10px;
}

.rootparent-blog .post-link:first-child,
.rootparent-post-tags .post-link:first-child {
  border-left: 0;
  padding-left: 0;
}

.rootparent-blog .post-link-social,
.rootparent-post-tags .post-link-social {
  width: 15%;
  text-align: center;
  padding-right: 0;
}

.rootparent-blog .post-links-social img,
.rootparent-post-tags .post-links-social img {
  vertical-align: top;
  position: relative;
  margin-top: -5px;
}

.rootparent-blog .post-link:last-child,
.rootparent-post-tags .post-link:last-child {
  border-right: 0;
}

.rootparent-blog .post-links:after,
.rootparent-post-tags .post-links:after {
  clear: both;
  content: "";
  display: block;
}

.rootparent-blog .post-link-title,
.rootparent-post-tags .post-link-title {
  font: 15pt "OswaldLight";
  line-height: 1.4;
}

.rootparent-blog #comments,
.rootparent-post-tags #comments {
  margin-top: 50px;
  padding-bottom: 20px;
}

.rootparent-blog .depth-2,
.rootparent-post-tags .depth-2 {
  margin-left: 56px;
}

.rootparent-blog .depth-3,
.rootparent-post-tags .depth-3 {
  margin-left: 112px;
}

.rootparent-blog .depth-4,
.rootparent-post-tags .depth-4 {
  margin-left: 168px;
}

.rootparent-blog #comments h2,
.rootparent-post-tags #comments h2 {
  font-size: 30px;
}

.rootparent-blog .comment,
.rootparent-post-tags .comment {
  margin-bottom: 25px;
}

.rootparent-blog .comment-author,
.rootparent-post-tags .comment-author {
  font-weight: bold;
}

.rootparent-blog .comment-author-name,
.rootparent-post-tags .comment-author-name {
  display: inline-block;
}

.rootparent-blog .comment-author a,
.rootparent-post-tags .comment-author a {
  color: #444;
}

.rootparent-blog .comment-gravatar,
.rootparent-post-tags .comment-gravatar {
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  float: left;
}

.rootparent-blog .comment-gravatar img,
.rootparent-post-tags .comment-gravatar img {
  border-radius: 64px;
  border: 3px solid #fff;
}

.rootparent-blog .comment-content,
.rootparent-post-tags .comment-content {
  margin-left: 56px;
  margin-top: -5px;
  max-width: 800px;
}

.rootparent-blog .comment-content p,
.rootparent-post-tags .comment-content p {
  margin: 0;
  display: inline-block;
  line-height: 25px;
}

.rootparent-blog .comment-reply-link,
.rootparent-post-tags .comment-reply-link {
  margin-left: 56px;
}

.rootparent-blog .comment-approval,
.rootparent-post-tags .comment-approval {
  padding: 3px 10px;
  background: #FFFFD6;
  display: inline-block;
}

.rootparent-blog #comments > h2,
.rootparent-blog #reply-title,
.rootparent-post-tags #comments > h2,
.rootparent-post-tags #reply-title {
  /*padding: 0px 0 5px 0;
  font: 25px/1 'OswaldLight';
  margin-bottom: 0px;*/
  font-size: 22px;
  line-height: 1.2;
  font-family: "Oswald";
  font-weight: bold;
  padding: 0;
  margin: 30px 0 10px 0;
}

.rootparent-blog .must-log-in,
.rootparent-blog .logged-in-as,
.rootparent-post-tags .must-log-in,
.rootparent-post-tags .logged-in-as {
  padding-bottom: 5px;
  margin: 0px;
}

.rootparent-blog .principle,
.rootparent-post-tags .principle {
  max-width: 740px;
  background-color: #FFF;
  text-align: left;
  padding: 30px 30px 30px 30px;
  margin-bottom: 50px;
  margin-top: 20px;
}

.rootparent-blog .ptag,
.rootparent-post-tags .ptag {
  color: #999999;
  font-size: 16px;
  font-family: Arial;
  text-transform: uppercase;
  display: block;
}

.rootparent-blog .ptag + p,
.rootparent-post-tags .ptag + p {
  display: none;
}

.rootparent-blog .pifthen,
.rootparent-post-tags .pifthen {
  font-size: 30px;
  line-height: 50px;
  font-family: "Oswald";
  font-weight: bold;
  padding-bottom: 10px;
  display: inline;
}

.rootparent-blog .pif,
.rootparent-post-tags .pif {
  color: #666666;
}

.rootparent-blog .piftext,
.rootparent-post-tags .piftext {
  color: #212121;
}

.rootparent-blog .pthen,
.rootparent-post-tags .pthen {
  color: #666666;
}

.rootparent-blog .pthentext,
.rootparent-post-tags .pthentext {
  color: #00B200;
}

.rootparent-blog .ssba-wrap > div,
.rootparent-post-tags .ssba-wrap > div {
  text-align: center !important;
  position: absolute;
  width: 800px;
  margin-top: 70px;
}

.rootparent-blog .ssba-img,
.rootparent-post-tags .ssba-img {
  padding-right: 5px;
}

.rootparent-blog .ssba img,
.rootparent-post-tags .ssba img {
  vertical-align: baseline !important;
  margin: 5px;
  width: auto;
}

.rootparent-blog .ssba_sharecount,
.rootparent-post-tags .ssba_sharecount {
  position: absolute !important;
  margin-left: -45px !important;
  margin-top: 68px !important;
  font-size: 14px !important;
  border: 0px !important;
  background: none !important;
  text-align: center;
  font-weight: bold;
  font-family: "Oswald";
  font-size: 12px;
  color: #999 !important;
}

.rootparent-blog body,
.rootparent-post-tags body {
  counter-reset: figures;
}

.rootparent-blog figure,
.rootparent-post-tags figure {
  padding: 0px;
  margin: 0px;
}

.rootparent-blog figcaption,
.rootparent-post-tags figcaption {
  color: #666;
  font-style: italic;
  text-align: center;
  padding-top: 10px;
}

.rootparent-blog figcaption::before,
.rootparent-post-tags figcaption::before {
  counter-increment: figures;
  content: "Figure " counter(figures) ": ";
}

.rootparent-blog .highlight,
.rootparent-post-tags .highlight {
  background-color: #ffffff;
  border-color: #dfdfdf;
  border-width: 1px;
  color: #444444;
  font-size: 22px;
  font-family: "Oswald";
  height: 220px;
  margin-left: 0;
  padding: 70px 0 0;
  margin-bottom: 40px;
  text-align: center;
  vertical-align: middle;
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.rootparent-blog .highlight a,
.rootparent-post-tags .highlight a {
  font-size: 38px;
  font-family: "Oswald";
}

.rootparent-blog .highlightOffer,
.rootparent-post-tags .highlightOffer {
  padding-top: 5px;
  margin-top: 15px;
  display: inline-block;
  border-top: 1px solid #ddd;
}

.rootparent-blog .highlightOffer a,
.rootparent-post-tags .highlightOffer a {
  font-size: 22px;
  font-family: "Oswald";
  font-weight: bold;
}

.rootparent-blog .highlightPush,
.rootparent-post-tags .highlightPush {
  height: 300px;
  display: block;
}

.rootparent-blog #nextstep,
.rootparent-post-tags #nextstep {
  position: absolute;
  width: 200px;
  height: 100px;
  margin-left: 50%;
  left: -555px;
  top: 30px;
}

.rootparent-blog #wc-comment-header,
.rootparent-post-tags #wc-comment-header {
  font-size: 32px !important;
  font-family: "Oswald";
  font-weight: bold;
}

.rootparent-blog .wc-comment-bar,
.rootparent-post-tags .wc-comment-bar {
  display: none !important;
}

.rootparent-blog .wc-comment-author,
.rootparent-post-tags .wc-comment-author {
  font-weight: bold;
}

.rootparent-blog .wpdiscuz-sort-button-active,
.rootparent-post-tags .wpdiscuz-sort-button-active {
  color: #1f1f1f !important;
  font-weight: bold;
}

.rootparent-blog .wpdiscuz-sort-button,
.rootparent-post-tags .wpdiscuz-sort-button {
  color: #ff3f00 !important;
}

.rootparent-blog #hire,
.rootparent-post-tags #hire {
  position: fixed;
  padding: 20px 30px;
  background-color: #ffffff;
  top: 0px;
  right: 5%;
  border-radius: 0 0 8px 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  font-family: "Oswald";
  text-align: center;
  color: #666666;
}

.rootparent-blog #hire a,
.rootparent-post-tags #hire a {
  font-size: 20px;
  font-family: "Oswald";
}

.rootparent-blog .c,
.rootparent-post-tags .c {
  background-color: #000000;
  border-radius: 5px;
  display: inline;
  margin: 0px 1px;
  padding: 4px 10px;
  color: #fff;
  font-weight: normal;
}

.rootparent-blog .h2var,
.rootparent-post-tags .h2var {
  margin-bottom: 0px;
  padding-bottom: 0px;
  clear: both;
  padding-top: 20px;
}

.rootparent-blog .h2var + p,
.rootparent-post-tags .h2var + p {
  margin-top: 5px;
}

.rootparent-blog .varA,
.rootparent-post-tags .varA {
  background-color: #000000;
  border-radius: 60px;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  width: 46px;
  height: 46px;
  color: #fff;
  font-family: "Oswald";
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  border: 3px solid #fff;
}

.rootparent-blog .var,
.rootparent-post-tags .var {
  background-color: #999999;
  border-radius: 60px;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  width: 46px;
  height: 46px;
  color: #fff;
  font-size: 28px;
  font-family: "Oswald";
  text-align: center;
  border: 3px solid #fff;
}

.rootparent-blog .question:before,
.rootparent-post-tags .question:before {
  content: "Question";
  background-color: #bd64ac;
  border-radius: 5px;
  display: inline;
  margin: 0px 5px 0 1px;
  padding: 4px 10px;
  color: #ffffff;
  font-weight: normal;
}

.rootparent-blog .question,
.rootparent-post-tags .question {
  color: #bd64ac;
  font-style: italic;
}

.rootparent-blog ul.questions,
.rootparent-post-tags ul.questions {
  clear: both;
  padding-top: 5px;
}

.rootparent-blog .questions li:before,
.rootparent-post-tags .questions li:before {
  content: "Question";
  font-weight: bold;
  font-family: "Oswald";
  font-size: 18px;
  color: #bd64ac;
  padding: 0px 10px 0 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  position: relative;
  margin-top: -5px;
  margin-left: 0px;
}

.rootparent-blog .questions li,
.rootparent-post-tags .questions li {
  color: #bd64ac;
}

.rootparent-blog .smallerPattern,
.rootparent-post-tags .smallerPattern {
  width: 390px;
  padding: 0px 15px 0px 0;
  margin: 0px;
  float: left;
}

.rootparent-blog .nomargin,
.rootparent-post-tags .nomargin {
  margin-top: -10px;
  margin-bottom: 10px;
}

.rootparent-blog .appliesYes,
.rootparent-post-tags .appliesYes {
  display: inline-block;
  border-radius: 7px;
  background-color: #ffffff;
  text-align: center;
  vertical-align: center;
  padding: 2px 12px 2px 42px;
  margin: 0 3px 3px 0;
  border: 1px #e0e0e0 solid;
  font-size: 22px;
  font-family: "Oswald";
}

.rootparent-blog .appliesNo,
.rootparent-post-tags .appliesNo {
  display: inline-block;
  border-radius: 7px;
  background-color: none;
  text-align: center;
  vertical-align: center;
  padding: 2px 12px 2px 12px;
  margin: 0 3px 3px 0;
  border: 1px #e0e0e0 solid;
  font-size: 22px;
  color: #888;
  font-family: "Oswald";
}

.rootparent-blog ol.numbered2,
.rootparent-post-tags ol.numbered2 {
  counter-reset: item;
  margin: 0;
  padding-left: 0;
  margin-bottom: 50px;
}

.rootparent-blog ol.numbered2 > li,
.rootparent-post-tags ol.numbered2 > li {
  counter-increment: item;
  list-style: none;
  margin: 40px 0 40px 0px;
}

.rootparent-blog ol.numbered2 > li:before,
.rootparent-post-tags ol.numbered2 > li:before {
  content: counter(item);
  margin-left: -50px;
  margin-top: 2px;
  padding: 0px;
  display: block;
  border-radius: 100%;
  border: 3px solid #fff;
  width: 38px;
  height: 38px;
  background: #BE65AC;
  color: #fff;
  text-align: center;
  vertical-align: center;
  font-family: "Oswald";
  font-size: 24px;
  font-weight: 800;
  float: left;
  position: absolute;
}

.rootparent-blog ol.numbered3,
.rootparent-post-tags ol.numbered3 {
  counter-reset: item;
  margin: 0;
  padding-left: 0;
  margin-bottom: 50px;
}

.rootparent-blog ol.numbered3 > li,
.rootparent-post-tags ol.numbered3 > li {
  counter-increment: item;
  list-style: none;
  margin: 40px 0 50px 0px;
}

.rootparent-blog ol.numbered3 > li:before,
.rootparent-post-tags ol.numbered3 > li:before {
  content: counter(item);
  margin-left: -50px;
  margin-top: -3px;
  padding: 0px;
  display: block;
  border-radius: 100%;
  border: 3px solid #fff;
  width: 34px;
  height: 34px;
  background: #BE65AC;
  color: #fff;
  text-align: center;
  vertical-align: center;
  font-family: "Oswald";
  font-size: 22px;
  font-weight: 800;
  float: left;
  position: absolute;
}

.rootparent-blog .image-inner-num,
.rootparent-post-tags .image-inner-num {
  border: 1px solid #aaa;
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

.rootparent-blog .numtitle2,
.rootparent-post-tags .numtitle2 {
  font-family: "Oswald";
  font-size: 18px;
  line-height: 1.2;
  display: inline-block;
  padding: 0;
  margin-bottom: 20px;
}

.rootparent-blog blockquote,
.rootparent-post-tags blockquote {
  border-left: 30px solid #ffffff;
  padding: 0 0 0 40px;
  font-style: italic !important;
  color: #444;
  margin: 20px 0 20px 0 !important;
  display: inline-block;
}

.rootparent-blog dl,
.rootparent-post-tags dl {
  font-style: italic !important;
  padding: 30px;
  background-color: #fcfcfc;
  border-radius: 10px;
}

.rootparent-blog dt,
.rootparent-blog dd,
.rootparent-post-tags dt,
.rootparent-post-tags dd {
  padding-left: 60px;
  margin: 0;
  position: relative;
  margin-bottom: 10px;
  text-indent: -60px;
}

.rootparent-blog dt,
.rootparent-blog dd,
.rootparent-post-tags dt,
.rootparent-post-tags dd {
  margin-bottom: 20px;
}

.rootparent-blog dt:before,
.rootparent-post-tags dt:before {
  content: "Designer Bob: ";
  color: #999;
  text-transform: uppercase;
  font-size: 14px;
}

.rootparent-blog dd:before,
.rootparent-post-tags dd:before {
  content: "Designer Joe: ";
  color: #999;
  text-transform: uppercase;
  font-size: 14px;
}

.rootparent-blog .heateor_sss_sharing_container,
.rootparent-post-tags .heateor_sss_sharing_container {
  padding-bottom: 30px;
}

.rootparent-blog .heateor_sss_sharing_title,
.rootparent-post-tags .heateor_sss_sharing_title {
  font-family: "Oswald";
  font-size: 24px;
  font-weight: 200 !important;
}

@media (max-width: 1520px) {
  .rootparent-blog #hire,
  .rootparent-post-tags #hire {
    position: absolute;
  }
}

.rootparent-blog .scale-subjective,
.rootparent-post-tags .scale-subjective {
  background: #ddd;
  display: table;
  width: 100%;
  height: 110px;
  position: relative;
  border-radius: 15px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin: 20px 0;
}

.rootparent-blog .scale-subjective:after,
.rootparent-post-tags .scale-subjective:after {
  content: "";
  display: block;
  clear: both;
}

.rootparent-blog .scale-subjective:before,
.rootparent-post-tags .scale-subjective:before {
  content: "";
  width: 4px;
  background: black;
  height: 110px;
  position: absolute;
  left: 50%;
  margin-left: -2px;
  top: 0;
  z-index: 2;
}

.rootparent-blog .scale-subjective em,
.rootparent-post-tags .scale-subjective em {
  font-family: "Oswald";
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  color: #333333;
  font-style: normal;
}

.rootparent-blog .scale-from,
.rootparent-blog .scale-to,
.rootparent-post-tags .scale-from,
.rootparent-post-tags .scale-to {
  width: 75px;
  display: table-cell;
  font-family: Oswald;
  font-weight: bold;
  line-height: 1;
  position: relative;
}

.rootparent-blog .scale-subjective .scale-key,
.rootparent-post-tags .scale-subjective .scale-key {
  background: black;
  border: 3px solid white;
  border-radius: 100px;
  font-size: 36px;
  line-height: 55px;
  width: 60px;
  height: 60px;
  color: #FFFFFF;
  display: block;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: -5px;
  box-sizing: border-box;
  margin-bottom: 4px;
}

.rootparent-blog .scale-subjective .scale,
.rootparent-post-tags .scale-subjective .scale {
  padding: 0 15px;
  position: relative;
  vertical-align: middle;
  display: table-cell;
  box-sizing: border-box;
}

.rootparent-blog .scale-subjective .scale > div,
.rootparent-post-tags .scale-subjective .scale > div {
  display: table;
  width: 100%;
  table-layout: fixed;
  height: 50%;
  box-sizing: border-box;
}

.rootparent-blog .scale-subjective .scale > div > span,
.rootparent-post-tags .scale-subjective .scale > div > span {
  display: table-cell;
  width: auto;
  text-align: center;
  font-family: "Oswald";
  color: #666;
  position: relative;
}

.rootparent-blog .scale-subjective .scale-units,
.rootparent-post-tags .scale-subjective .scale-units {
  border-bottom: 1px solid white;
  font-size: 22px;
}

.rootparent-blog .scale-subjective .scale > .scale-units > span,
.rootparent-post-tags .scale-subjective .scale > .scale-units > span {
  vertical-align: bottom;
}

.rootparent-blog .scale-subjective .scale-units > span:after,
.rootparent-post-tags .scale-subjective .scale-units > span:after {
  width: 1px;
  background: white;
  position: absolute;
  bottom: -5px;
  height: 10px;
  content: "";
  left: 50%;
}

.rootparent-blog .scale-subjective .scale-selected,
.rootparent-post-tags .scale-subjective .scale-selected {
  display: block;
  background: black;
  color: white;
  position: absolute;
  width: 50px;
  height: 65px;
  text-align: center;
  font-family: "Oswald";
  font-weight: bold;
  font-size: 26px;
  top: -5%;
  height: 55%;
  left: 50%;
  margin-left: 5%;
  margin-top: -1px;
  z-index: 4;
  padding-top: 15px;
  box-sizing: border-box;
}

.rootparent-blog .scale-subjective .scale-selected:after,
.rootparent-post-tags .scale-subjective .scale-selected:after {
  background: #cccccc;
  background: linear-gradient(to bottom, #999999 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#999999", endColorstr="transparent",GradientType=0 );
  width: 100%;
  height: 50px;
  bottom: -50px;
  left: 0;
  content: "";
  position: absolute;
  opacity: 0.4;
}

.rootparent-blog .scale-subjective .scale-labels,
.rootparent-post-tags .scale-subjective .scale-labels {
  font-size: 16px;
}

.rootparent-blog .scale-subjective .scale-labels > span,
.rootparent-post-tags .scale-subjective .scale-labels > span {
  padding-top: 4px;
}

.rootparent-blog .scale-unit-middle em,
.rootparent-post-tags .scale-unit-middle em {
  position: absolute;
  width: 80px;
  background: #ddd;
  left: 50%;
  margin-left: -40px;
  padding: 4px 0;
  z-index: 3;
  top: 5px;
}

@media (max-width: 650px) {
  .rootparent-blog .scale-subjective .scale-labels > span,
  .rootparent-post-tags .scale-subjective .scale-labels > span {
    visibility: hidden;
  }

  .rootparent-blog .scale-subjective .scale-labels > .scale-unit-middle,
  .rootparent-blog .scale-subjective .scale-labels > .scale-unit-intermediate,
  .rootparent-post-tags .scale-subjective .scale-labels > .scale-unit-middle,
  .rootparent-post-tags .scale-subjective .scale-labels > .scale-unit-intermediate {
    visibility: visible;
  }
}

@media (max-width: 450px) {
  .rootparent-blog .scale-subjective .scale-labels > .scale-unit-intermediate,
  .rootparent-post-tags .scale-subjective .scale-labels > .scale-unit-intermediate {
    visibility: hidden;
  }
}

@media (max-width: 600px) {
  .rootparent-blog .page-index h1,
  .rootparent-post-tags .page-index h1 {
    margin: 30px 0;
  }

  .rootparent-blog article,
  .rootparent-post-tags article {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .rootparent-blog .page-index h1,
  .rootparent-blog .page-index .blog-name,
  .rootparent-post-tags .page-index h1,
  .rootparent-post-tags .page-index .blog-name {
    font-size: 50px;
    line-height: 1.4;
  }

  .rootparent-blog .articles-single p > img,
  .rootparent-post-tags .articles-single p > img {
    width: 100%;
  }

  .rootparent-blog hr,
  .rootparent-post-tags hr {
    width: 100%;
  }

  .rootparent-blog #hire,
  .rootparent-post-tags #hire {
    display: none;
  }

  .rootparent-blog #comments,
  .rootparent-post-tags #comments {
    overflow: hidden;
  }

  .rootparent-blog .ssba.ssba-wrap,
  .rootparent-post-tags .ssba.ssba-wrap {
    display: block !important;
    position: relative !important;
    width: 100% !important;
  }

  .rootparent-blog .ssba-wrap > div,
  .rootparent-post-tags .ssba-wrap > div {
    width: 100%;
    margin-top: 0;
    margin-bottom: 40px;
    position: static !important;
  }

  .rootparent-blog .ssba,
  .rootparent-blog .ssba a,
  .rootparent-post-tags .ssba,
  .rootparent-post-tags .ssba a {
    width: 30px;
  }

  .rootparent-blog .ssba_sharecount,
  .rootparent-post-tags .ssba_sharecount {
    margin-left: -29px !important;
    margin-top: 35px !important;
  }

  .rootparent-blog .closing-hireus .cols-2 > div,
  .rootparent-post-tags .closing-hireus .cols-2 > div {
    display: block;
    float: none;
    width: 100%;
  }

  .rootparent-blog .closing-hireus .cols-2 div:first-child,
  .rootparent-post-tags .closing-hireus .cols-2 div:first-child {
    margin-bottom: 20px;
  }

  .rootparent-blog .closing-hireus .cols-2 div:last-child,
  .rootparent-post-tags .closing-hireus .cols-2 div:last-child {
    margin-left: 0;
  }
}

.rootparent-blog .nav-v2,
.rootparent-post-tags .nav-v2 {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  font-family: OswaldLight;
  font-size: 12pt;
  line-height: 1;
  z-index: 1000 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.rootparent-blog .nav-top,
.rootparent-post-tags .nav-top {
  padding: 0 10px 0;
  background: white;
  border-bottom: 0;
  height: 70px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.rootparent-blog .nav-bottom,
.rootparent-post-tags .nav-bottom {
  margin-bottom: 10px;
}

.rootparent-blog .nav-bottom .nav-link,
.rootparent-post-tags .nav-bottom .nav-link {
  background: #2F2F2F;
  color: #FF3F00;
}

.rootparent-blog .nav-link:active,
.rootparent-post-tags .nav-link:active {
  background: black;
}

.rootparent-blog .nav-floatable,
.rootparent-post-tags .nav-floatable {
  /* JS added property; if nav can float, add space for nav BUT ...*/
  padding-top: 70px;
}

.rootparent-blog .welcome-visible,
.rootparent-post-tags .welcome-visible {
  /* ...BUT when welcome is visible on home, override bc nav is not at the top */
  padding-top: 0 !important;
}

.rootparent-blog .nav-floatable.welcome-visible .opening,
.rootparent-post-tags .nav-floatable.welcome-visible .opening {
  /* When welcome shown, add space for nav to opening instead */
  margin-top: 70px;
}

.rootparent-blog .nav-floatable .nav-top,
.rootparent-post-tags .nav-floatable .nav-top {
  position: fixed;
  top: -76px;
  /* 76px due to box shadow */
  left: 0;
  z-index: 999;
}

.rootparent-blog .nav-link,
.rootparent-blog .nav-this,
.rootparent-post-tags .nav-link,
.rootparent-post-tags .nav-this {
  text-decoration: none !important;
  margin-right: 10px;
  color: #FF3F00;
  padding: 0 10px;
  background: #F9F9F9;
  border-radius: 5px;
  font-size: 19px;
  line-height: 35px;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
}

.rootparent-blog .nav-link.notif:after,
.rootparent-post-tags .nav-link.notif:after {
  content: "";
  position: absolute;
  right: -4px;
  width: 12px;
  height: 12px;
  background: white;
  border-radius: 100%;
  border: 5px solid #FF3F0D;
  box-sizing: border-box;
  top: 10px;
}

.rootparent-blog .nav-link:hover,
.rootparent-blog .nav-this:hover,
.rootparent-post-tags .nav-link:hover,
.rootparent-post-tags .nav-this:hover {
  text-decoration: underline !important;
}

.rootparent-blog .nav-top .nav-this,
.rootparent-post-tags .nav-top .nav-this {
  background: #444;
  color: #fff;
}

.rootparent-blog .nav-bottom .nav-this,
.rootparent-post-tags .nav-bottom .nav-this {
  background: #fff;
  color: #333;
}

.rootparent-blog .nav-v2 a:last-child,
.rootparent-post-tags .nav-v2 a:last-child {
  margin-right: 0;
}

.rootparent-blog .logo,
.rootparent-post-tags .logo {
  font-size: 22px;
  color: #888;
  font-family: "Oswald";
  text-decoration: none;
  margin-right: 20px;
}

.rootparent-blog .closing em,
.rootparent-post-tags .closing em {
  color: white;
  font-family: "Oswald";
  font-weight: bold;
  font-style: normal;
  font-weight: 400;
}

.rootparent-blog body > .closing,
.rootparent-post-tags body > .closing {
  background: #333 none repeat scroll 0 0;
  border-bottom: 10px solid #666;
  box-sizing: border-box;
  color: #eee;
  min-height: 800px;
  padding: 100px 20px 65px;
  position: relative;
  z-index: 999;
}

.rootparent-blog .closing .closing-heading,
.rootparent-post-tags .closing .closing-heading {
  font-family: "Oswald";
  font-weight: bold;
  font-size: 40px;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #FFFFFF;
  text-align: center;
  padding-bottom: 0;
}

.rootparent-blog .closing-heading:hover,
.rootparent-post-tags .closing-heading:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  cursor: default;
}

.rootparent-blog .closing-subtitle,
.rootparent-post-tags .closing-subtitle {
  color: #bbbbbb;
  font-size: 20px;
  font-family: "Oswald";
  line-height: 1.5;
  margin: 0 auto 40px;
  max-width: 850px;
  text-align: center;
  padding-bottom: 0;
}

.rootparent-blog #closing-form,
.rootparent-post-tags #closing-form {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}

.rootparent-blog .closing label,
.rootparent-post-tags .closing label {
  color: #bbbbbb;
  display: block;
  font-size: 20px;
  font-family: "Oswald";
  line-height: 1;
  margin-bottom: 4px;
  text-align: left;
}

.rootparent-blog .closing .group-fields,
.rootparent-post-tags .closing .group-fields {
  border: 0 none;
  box-sizing: border-box;
  display: block;
  margin: 0 auto 10px;
  max-width: 350px;
  position: relative;
  width: 100%;
  padding: 0 10px;
}

.rootparent-blog .closing .group-button,
.rootparent-post-tags .closing .group-button {
  border: 0 none;
  display: block;
  text-align: center;
  padding: 0;
}

.rootparent-blog .closing [type=text],
.rootparent-post-tags .closing [type=text] {
  border: 0 none;
  box-shadow: 2px 2px 3px 0 #aaa inset;
  box-sizing: border-box;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 15px;
  padding: 0 10px;
  width: 100%;
}

.rootparent-blog .closing-social-proof,
.rootparent-post-tags .closing-social-proof {
  color: #aaa;
  font: 18px/22px "Oswald";
  left: 50%;
  margin-left: 285px;
  position: absolute;
  text-align: left;
  top: 70px;
  width: 220px;
}

@media (max-width: 1000px) {
  .rootparent-blog .closing-social-proof,
  .rootparent-post-tags .closing-social-proof {
    margin: 0 auto;
    max-width: 450px;
    position: static;
    text-align: center;
    width: auto;
  }

  .rootparent-blog .closing-social-proof:before,
  .rootparent-post-tags .closing-social-proof:before {
    display: none;
  }
}

.rootparent-blog .closing-social-proof::before,
.rootparent-post-tags .closing-social-proof::before {
  content: "";
  height: 51px;
  left: -80px;
  position: absolute;
  top: -65px;
  width: 161px;
}

.rootparent-blog .closing-disclaimer,
.rootparent-post-tags .closing-disclaimer {
  color: #aaaaaa;
  font-family: "Oswald";
  font-size: 18px;
  margin: 10px auto 0 auto;
  max-width: 650px;
  padding-bottom: 0;
  text-align: center;
}

.rootparent-blog .closing-disclaimer em,
.rootparent-post-tags .closing-disclaimer em {
  font-family: "Oswald";
}

.rootparent-blog .textSubtitles,
.rootparent-post-tags .textSubtitles {
  font: 300 32px/52px "OswaldLight";
}

.rootparent-blog #bt_sketch,
.rootparent-post-tags #bt_sketch {
  height: 46px;
  width: 214px;
}

.rootparent-blog #fsubmit2,
.rootparent-post-tags #fsubmit2 {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff3f00 0%, #d93600 100%) repeat scroll 0 0;
  border: 1px solid #cc3300;
  border-radius: 6px;
  box-shadow: 1px 1px 4px 0 #333;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font: 22px/28px "Oswald";
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-shadow: 2px 1px 0 #d93600;
}

.rootparent-blog .closing-hireus,
.rootparent-post-tags .closing-hireus {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
}

.rootparent-blog .closing-hireus .cols-2 div,
.rootparent-post-tags .closing-hireus .cols-2 div {
  width: 48%;
  float: left;
  background: #333;
  padding: 20px;
  border-radius: 10px;
}

.rootparent-blog .closing-hireus .cols-2 div:first-child,
.rootparent-post-tags .closing-hireus .cols-2 div:first-child {
  margin-right: 2%;
}

.rootparent-blog .closing-hireus .cols-2 div:last-child,
.rootparent-post-tags .closing-hireus .cols-2 div:last-child {
  margin-left: 2%;
}

.rootparent-blog .closing-hireus .cols-2:after,
.rootparent-post-tags .closing-hireus .cols-2:after {
  content: "";
  clear: both;
  display: block;
}

.rootparent-blog .closing-hireus h3,
.rootparent-post-tags .closing-hireus h3 {
  font-size: 30px;
  color: #FFFFFF;
  font-family: "Oswald";
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0;
  line-height: 1.4;
}

.rootparent-blog .closing-hireus small,
.rootparent-post-tags .closing-hireus small {
  font-size: 20px;
  display: block;
  font-family: "Oswald";
  margin-bottom: 5px;
}

.rootparent-blog .closing-hireus p,
.rootparent-post-tags .closing-hireus p {
  font-size: 14px;
  color: #888;
  line-height: 1.6;
  font-family: Arial;
  margin: 0 0 10px 0;
  padding: 0;
}

.rootparent-blog .closing-hireus .button.selected,
.rootparent-post-tags .closing-hireus .button.selected {
  background: black;
  border-color: black;
  cursor: default;
  text-shadow: none;
  box-shadow: none;
}

.rootparent-blog .closing-hireus .button em,
.rootparent-post-tags .closing-hireus .button em {
  font-family: "Oswald";
  font-weight: bold;
  font-style: normal;
}

.rootparent-blog .button,
.rootparent-post-tags .button {
  font-size: 22px;
  padding: 10px 15px;
  box-shadow: none;
  width: auto;
  text-align: center;
  display: inline-block;
  margin: 0;
  font-family: OswaldRegular;
  line-height: 1;
  letter-spacing: 0;
  background: #79bbff linear-gradient(to bottom, #ff3f00 5%, #d93600 100%) repeat scroll 0 0;
  border: 1px solid #cc3300;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  text-shadow: 2px 1px 0 #cc3300;
  font-size: 1.2em;
  font-size: 20px;
}

.rootparent-blog .button:hover,
.rootparent-post-tags .button:hover {
  background: #378de5 linear-gradient(to bottom, #d93600 5%, #ff3f00 100%) repeat scroll 0 0;
}

.rootparent-blog .footer-nav-content,
.rootparent-post-tags .footer-nav-content {
  text-align: center;
  border-top: 1px solid #ddd;
  padding-top: 40px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.rootparent-blog .footer-nav-content:first-child,
.rootparent-post-tags .footer-nav-content:first-child {
  padding-top: 0;
  border: 0;
}

.rootparent-blog .footer-full .footer-nav-content,
.rootparent-blog body.home .footer-nav-content,
.rootparent-post-tags .footer-full .footer-nav-content,
.rootparent-post-tags body.home .footer-nav-content {
  border-top: 1px solid #666;
  margin-top: 30px;
}

.rootparent-blog .footer-full .closing.hidden + .footer-nav-content,
.rootparent-post-tags .footer-full .closing.hidden + .footer-nav-content {
  padding-top: 0;
  border-top: 0;
  margin-top: 0;
}

.rootparent-blog footer .caption,
.rootparent-post-tags footer .caption {
  border-top: 0;
  margin-top: 15px;
  padding-top: 0;
  color: #ccc;
}

.rootparent-blog .caption,
.rootparent-post-tags .caption {
  max-width: 800px;
  width: 100%;
  border-top: solid 1px #666666;
  margin-top: 50px;
  text-align: center;
  font-family: Arial;
  font-size: 13px;
  display: inline-block;
  margin-left: auto;
  padding-top: 20px;
  box-sizing: border-box;
}

.rootparent-blog .caption a,
.rootparent-post-tags .caption a {
  color: #ff3f00;
}

.rootparent-blog .mobile-drawer,
.rootparent-post-tags .mobile-drawer {
  display: block;
  height: 150%;
  background: #2f2f2f;
  width: 80%;
  position: fixed;
  top: 0;
  left: -80%;
  z-index: 999;
  font-family: OswaldLight;
  padding: 20px 20px 0 50px;
  box-sizing: border-box;
  text-align: left;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}

.rootparent-blog .mobile-drawer .drawer-close,
.rootparent-post-tags .mobile-drawer .drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 50px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  text-decoration: none;
}

.rootparent-blog .mobile-drawer a,
.rootparent-post-tags .mobile-drawer a {
  display: block;
  background: none;
  width: 100%;
  margin-bottom: 15px;
  font-size: 20px;
  box-sizing: border-box;
}

.rootparent-blog .mobile-drawer .drawer-expand,
.rootparent-post-tags .mobile-drawer .drawer-expand {
  display: none;
}

.rootparent-blog .drawer-close,
.rootparent-post-tags .drawer-close {
  color: #ff3f00;
}

.rootparent-blog .drawer-expand,
.rootparent-post-tags .drawer-expand {
  cursor: pointer;
  text-decoration: none !important;
  fill: #ff3f00;
  height: 35px;
  display: none;
}

.rootparent-blog .drawer-expand svg,
.rootparent-post-tags .drawer-expand svg {
  margin-top: 7px;
}

.rootparent-blog .links-blog,
.rootparent-post-tags .links-blog {
  display: none;
}

@media (max-width: 800px) {
  .rootparent-blog .nav-bottom,
  .rootparent-post-tags .nav-bottom {
    height: auto !important;
  }

  .rootparent-blog .mobile-drawer:after,
  .rootparent-post-tags .mobile-drawer:after {
    content: "";
    position: absolute;
    top: 25%;
    height: 100px;
    width: 4px;
    right: -4px;
    border-radius: 0 3px 3px 0;
    background: red;
    opacity: 0.4;
  }

  .rootparent-blog .nav-link,
  .rootparent-blog .nav-this,
  .rootparent-post-tags .nav-link,
  .rootparent-post-tags .nav-this {
    font-size: 14px;
    display: none;
  }

  .rootparent-blog .nav-link:nth-child(2),
  .rootparent-blog .nav-link:nth-child(3),
  .rootparent-blog .drawer-expand,
  .rootparent-post-tags .nav-link:nth-child(2),
  .rootparent-post-tags .nav-link:nth-child(3),
  .rootparent-post-tags .drawer-expand {
    display: inline-block;
  }

  .rootparent-blog .links-blog,
  .rootparent-post-tags .links-blog {
    display: block;
    padding-left: 20px;
    font-size: 16px;
  }

  .rootparent-blog .logo,
  .rootparent-post-tags .logo {
    margin-right: 10px;
    font-size: 18px;
  }

  .rootparent-blog .closing-hireus .cols-2 div,
  .rootparent-post-tags .closing-hireus .cols-2 div {
    width: 100%;
    float: none;
    margin: 0 0 5px !important;
    border-radius: 0;
  }
}

.rootparent-blog .post-tag,
.rootparent-post-tags .post-tag {
  margin-left: 5px;
  background-color: #fff;
  color: #000 !important;
  border-radius: 5px;
  padding: 3px 10px;
}

.rootparent-blog .post mark,
.rootparent-post-tags .post mark {
  background-color: #fff;
  padding: 5px 10px;
}

.rootparent-blog .post .post-title,
.rootparent-post-tags .post .post-title {
  font-weight: 700;
  letter-spacing: -0.01em;
}

.rootparent-blog .post .post-body p.intro,
.rootparent-post-tags .post .post-body p.intro {
  font-size: 22px;
  line-height: 38px;
}

.rootparent-blog .post .post-body p:not(.intro),
.rootparent-post-tags .post .post-body p:not(.intro) {
  font-size: 16px;
  line-height: 29px;
  font-family: sans-serif;
}

.rootparent-blog .post .image-inner,
.rootparent-post-tags .post .image-inner {
  border: 1px solid #aaa;
  display: block;
}

.rootparent-blog .post figcaption,
.rootparent-post-tags .post figcaption {
  color: #666;
  font-style: italic;
  text-align: center;
  padding-top: 10px;
  font-size: 16px;
  line-height: 29px;
  font-family: sans-serif;
}

.rootparent-blog .post h4,
.rootparent-post-tags .post h4 {
  font-size: 24px;
}

.rootparent-blog .post .post-author-profile-image,
.rootparent-post-tags .post .post-author-profile-image {
  display: inline-block;
  margin-top: 0;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  border: 3px solid #fff;
}

.pollino_poll {
  margin-bottom: 40px;
}

.pollino_form {
  text-align: right;
}

.pollino_list_results,
.pollino_list {
  text-align: left;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ddd;
  list-style: none;
  padding-left: 0;
}

.pollino_item {
  padding: 20px;
  border-bottom: 1px solid #ddd;
}

.pollino_item:last-child {
  border-bottom: 0;
}

.pollino_item label input {
  margin-right: 20px;
  border-right: 1px dashed #ddd;
}

.pollino_poll .pollino_list .pollino_item label {
  cursor: pointer;
}

.pollino_poll .pollino_percent_wrapper {
  display: block;
  width: 100%;
  background-color: #eee;
  overflow: hidden;
}

.pollino_poll .pollino_percent_bar {
  display: block;
  background-color: #666;
  height: 10px;
}

.pollino_poll .pollino_error {
  background-color: #aa0000;
  color: white;
  padding: 0 0.5em;
}

/**
 * examples colors
 */

/*
.pollino_poll .pollino_item0 .pollino_percent_bar{ background-color: darkcyan; }
.pollino_poll .pollino_item1 .pollino_percent_bar{ background-color: indianred; }
.pollino_poll .pollino_item2 .pollino_percent_bar{ background-color: tomato; }
.pollino_poll .pollino_item3 .pollino_percent_bar{ background-color: olive; }
.pollino_poll .pollino_item4 .pollino_percent_bar{ background-color: steelblue; }
.pollino_poll .pollino_item5 .pollino_percent_bar{ background-color: goldenrod; }
*/

.pollino_percent_bar {
  background-color: #ff3f00;
}

/** Ajax loader anim */

.pollino_loader {
  display: inline-block;
  width: 20px;
  height: 10px;
  background: url(./../dist/images/ajax-loader.gif?c5d6cc994432b0b645d7a28060aad648) no-repeat;
}

.pollino_hidden {
  display: none;
}

/**
 * For custom output
 */

/*
==============================================
stretchRight
==============================================
*/

.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}

@keyframes stretchRight {
  0% {
    transform: scaleX(0.3);
  }

  40% {
    transform: scaleX(1.02);
  }

  60% {
    transform: scaleX(0.98);
  }

  80% {
    transform: scaleX(1.01);
  }

  100% {
    transform: scaleX(0.98);
  }

  80% {
    transform: scaleX(1.01);
  }

  100% {
    transform: scaleX(1);
  }
}

@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3);
  }

  40% {
    -webkit-transform: scaleX(1.02);
  }

  60% {
    -webkit-transform: scaleX(0.98);
  }

  80% {
    -webkit-transform: scaleX(1.01);
  }

  100% {
    -webkit-transform: scaleX(0.98);
  }

  80% {
    -webkit-transform: scaleX(1.01);
  }

  100% {
    -webkit-transform: scaleX(1);
  }
}

.page-comments {
  font-size: 16px;
  line-height: 29px;
  font-family: sans-serif;
}

.page-comments > h3 {
  font-weight: bold;
}

.page-comments .CommentList .CommentListItem {
  background-color: #fff;
  padding: 20px;
}

.page-comments .CommentList .CommentListItem .CommentGravatar {
  top: 30px;
  left: 20px;
}

.page-comments .CommentList .CommentListItem .CommentActionReply {
  border: 1px solid #ff3f00;
  padding: 3px 8px;
  font-size: 14px;
}

.page-comments .CommentList .CommentListItem .CommentFooter > .CommentForm {
  margin-top: 10px;
  margin-left: -15px;
}

.page-comments #CommentForm.CommentForm_new {
  background-color: #fff;
  padding: 20px;
}

.page-comments #CommentForm.CommentForm_new > h3 {
  display: none;
}

@media (max-width: 639px) {
  .page-comments #CommentForm.CommentForm_new form p:not(:first-of-type) {
    /* up to 639px */
    margin-top: 15px;
  }
}

@media (min-width: 640px) {
  .page-comments #CommentForm.CommentForm_new form p:not(:first-of-type) {
    /* 640px+ */
  }
}

@media (max-width: 959px) {
  .page-comments #CommentForm.CommentForm_new form p:not(:first-of-type) {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .page-comments #CommentForm.CommentForm_new form p:not(:first-of-type) {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .page-comments #CommentForm.CommentForm_new form p:not(:first-of-type) {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .page-comments #CommentForm.CommentForm_new form p:not(:first-of-type) {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .page-comments #CommentForm.CommentForm_new form p:not(:first-of-type) {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .page-comments #CommentForm.CommentForm_new form p:not(:first-of-type) {
    /* 1600px+ */
  }
}

.conducted-test-super-comment {
  position: relative;
}

.conducted-test-super-comment a {
  color: #FF3F00;
}

.conducted-test-super-comment-title {
  color: #002D6D;
  font-weight: 300;
}

.conducted-test-super-comment-type-icon {
  display: block;
  margin: 0 auto;
  margin-top: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  background-color: #002D6D;
  border-radius: 50%;
}

.conducted-test-super-comment-author {
  color: #fff;
  padding: 3px 10px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #002D6D;
  border-radius: 5px;
}

.conducted-test-super-comment-meta {
  font-size: 16px;
  line-height: 29px;
  font-weight: 300;
  font-family: sans-serif;
}

.conducted-test-super-comment-replies {
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
}

.conducted-test-super-comment-reply {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-family: sans-serif;
}

.conducted-test-super-comment-reply-date {
  color: #999;
}

.conducted-test-super-comment-reply-author {
  color: #fff;
  padding: 3px 10px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #002D6D;
  border-radius: 5px;
}

.comment-notification-field {
  cursor: pointer;
  font-family: sans-serif;
  color: #222;
}

.comment-notification-field:hover {
  text-decoration: none;
}

.add-reply {
  font-size: 14px;
  margin-left: 58px;
}

.small-col-top-margin {
  margin-top: 27px;
}

.voting.voting-primary {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.voting.voting-primary .vote-count {
  font-size: 20px;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
  letter-spacing: -1px;
}

.voting.voting-primary .submit-vote {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #eee;
}

.voting.voting-primary .submit-vote:hover {
  text-decoration: none;
}

.voting.voting-secondary .vote-count {
  color: #666;
}

.voting.voting-secondary a:hover {
  text-decoration: none !important;
}

/* no longer being used */

.voting.voting-v1 {
  font-size: 12px;
  font-weight: bold;
}

.voting.voting-v1 .submit-vote {
  padding: 5px;
}

.voting.voting-v1 .submit-vote:hover {
  background-color: #f0f0f0;
  text-decoration: none;
}

.voting.voting-v1 .submit-vote-upvote {
  border-right: 1px solid #ccc;
  color: green !important;
}

.voting.voting-v1 .submit-vote-upvote:hover {
  color: green !important;
}

.voting.voting-v1 .submit-vote-downvote {
  color: red !important;
}

.voting.voting-v1 .submit-vote-downvote:hover {
  color: red !important;
}

#LoginRegister .LoginRegisterLinks {
  display: none;
}

.global-test-results-line-graph {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 20px;
  height: 18px;
  overflow: auto;
  text-align: left;
}

.global-test-results-line-graph .global-test-results-line-graph-stat {
  /* width is inline */
  height: 8px;
  float: left;
  position: relative;
}

.global-test-results-line-graph .global-test-results-line-graph-stat span {
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 12px;
  font-family: sans-serif;
  font-weight: 300;
  width: 200px;
}

.global-test-results-line-graph .global-test-results-line-graph-stat.global-test-results-line-graph-stat-winning span {
  right: 0;
  width: auto;
}

.global-test-results-line-graph .global-test-results-line-graph-stat-losing {
  background-color: #FF3F00;
}

.global-test-results-line-graph .global-test-results-line-graph-stat-insignificant {
  background-color: #ccc;
  text-align: left;
}

.global-test-results-line-graph .global-test-results-line-graph-stat-insignificant:before {
  content: "";
  border-right: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
}

.global-test-results-line-graph .global-test-results-line-graph-stat-insignificant:after {
  content: "";
  border-right: 1px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  height: 8px;
}

.global-test-results-line-graph .global-test-results-line-graph-stat-winning {
  background-color: #6BBF23;
  text-align: right;
}

.buy .plan-chooser {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,000000+100&0.65+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(239, 239, 239, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6efefef", endColorstr="#00000000",GradientType=0 );
  /* IE6-9 */
}

.buy.uk-light .plan-chooser,
.buy.uk-section-primary:not(.uk-preserve-color) .plan-chooser,
.buy.uk-section-secondary:not(.uk-preserve-color) .plan-chooser,
.buy.uk-tile-primary:not(.uk-preserve-color) .plan-chooser,
.buy.uk-tile-secondary:not(.uk-preserve-color) .plan-chooser,
.buy.uk-card-primary.uk-card-body .plan-chooser,
.uk-card-primary > .buy:not([class*=uk-card-media]) .plan-chooser,
.buy.uk-card-secondary.uk-card-body .plan-chooser,
.uk-card-secondary > .buy:not([class*=uk-card-media]) .plan-chooser,
.buy.uk-overlay-primary .plan-chooser,
.buy.uk-offcanvas-bar .plan-chooser {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,000000+100&0.65+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fefefe 0%, rgba(254, 254, 254, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffffff", endColorstr="#00ffffff",GradientType=0 );
  /* IE6-9 */
}

.buy.uk-light h1,
.buy.uk-section-primary:not(.uk-preserve-color) h1,
.buy.uk-section-secondary:not(.uk-preserve-color) h1,
.buy.uk-tile-primary:not(.uk-preserve-color) h1,
.buy.uk-tile-secondary:not(.uk-preserve-color) h1,
.buy.uk-card-primary.uk-card-body h1,
.uk-card-primary > .buy:not([class*=uk-card-media]) h1,
.buy.uk-card-secondary.uk-card-body h1,
.uk-card-secondary > .buy:not([class*=uk-card-media]) h1,
.buy.uk-overlay-primary h1,
.buy.uk-offcanvas-bar h1,
.buy.uk-light h2,
.buy.uk-section-primary:not(.uk-preserve-color) h2,
.buy.uk-section-secondary:not(.uk-preserve-color) h2,
.buy.uk-tile-primary:not(.uk-preserve-color) h2,
.buy.uk-tile-secondary:not(.uk-preserve-color) h2,
.buy.uk-card-primary.uk-card-body h2,
.uk-card-primary > .buy:not([class*=uk-card-media]) h2,
.buy.uk-card-secondary.uk-card-body h2,
.uk-card-secondary > .buy:not([class*=uk-card-media]) h2,
.buy.uk-overlay-primary h2,
.buy.uk-offcanvas-bar h2,
.buy.uk-light h3,
.buy.uk-section-primary:not(.uk-preserve-color) h3,
.buy.uk-section-secondary:not(.uk-preserve-color) h3,
.buy.uk-tile-primary:not(.uk-preserve-color) h3,
.buy.uk-tile-secondary:not(.uk-preserve-color) h3,
.buy.uk-card-primary.uk-card-body h3,
.uk-card-primary > .buy:not([class*=uk-card-media]) h3,
.buy.uk-card-secondary.uk-card-body h3,
.uk-card-secondary > .buy:not([class*=uk-card-media]) h3,
.buy.uk-overlay-primary h3,
.buy.uk-offcanvas-bar h3,
.buy.uk-light p.buy-msg,
.buy.uk-section-primary:not(.uk-preserve-color) p.buy-msg,
.buy.uk-section-secondary:not(.uk-preserve-color) p.buy-msg,
.buy.uk-tile-primary:not(.uk-preserve-color) p.buy-msg,
.buy.uk-tile-secondary:not(.uk-preserve-color) p.buy-msg,
.buy.uk-card-primary.uk-card-body p.buy-msg,
.uk-card-primary > .buy:not([class*=uk-card-media]) p.buy-msg,
.buy.uk-card-secondary.uk-card-body p.buy-msg,
.uk-card-secondary > .buy:not([class*=uk-card-media]) p.buy-msg,
.buy.uk-overlay-primary p.buy-msg,
.buy.uk-offcanvas-bar p.buy-msg,
.buy.uk-light ul.buy-key-points,
.buy.uk-section-primary:not(.uk-preserve-color) ul.buy-key-points,
.buy.uk-section-secondary:not(.uk-preserve-color) ul.buy-key-points,
.buy.uk-tile-primary:not(.uk-preserve-color) ul.buy-key-points,
.buy.uk-tile-secondary:not(.uk-preserve-color) ul.buy-key-points,
.buy.uk-card-primary.uk-card-body ul.buy-key-points,
.uk-card-primary > .buy:not([class*=uk-card-media]) ul.buy-key-points,
.buy.uk-card-secondary.uk-card-body ul.buy-key-points,
.uk-card-secondary > .buy:not([class*=uk-card-media]) ul.buy-key-points,
.buy.uk-overlay-primary ul.buy-key-points,
.buy.uk-offcanvas-bar ul.buy-key-points,
.buy.uk-light p.buy-new-patterns-and-tests,
.buy.uk-section-primary:not(.uk-preserve-color) p.buy-new-patterns-and-tests,
.buy.uk-section-secondary:not(.uk-preserve-color) p.buy-new-patterns-and-tests,
.buy.uk-tile-primary:not(.uk-preserve-color) p.buy-new-patterns-and-tests,
.buy.uk-tile-secondary:not(.uk-preserve-color) p.buy-new-patterns-and-tests,
.buy.uk-card-primary.uk-card-body p.buy-new-patterns-and-tests,
.uk-card-primary > .buy:not([class*=uk-card-media]) p.buy-new-patterns-and-tests,
.buy.uk-card-secondary.uk-card-body p.buy-new-patterns-and-tests,
.uk-card-secondary > .buy:not([class*=uk-card-media]) p.buy-new-patterns-and-tests,
.buy.uk-overlay-primary p.buy-new-patterns-and-tests,
.buy.uk-offcanvas-bar p.buy-new-patterns-and-tests,
.buy.uk-light .join-details p,
.buy.uk-section-primary:not(.uk-preserve-color) .join-details p,
.buy.uk-section-secondary:not(.uk-preserve-color) .join-details p,
.buy.uk-tile-primary:not(.uk-preserve-color) .join-details p,
.buy.uk-tile-secondary:not(.uk-preserve-color) .join-details p,
.buy.uk-card-primary.uk-card-body .join-details p,
.uk-card-primary > .buy:not([class*=uk-card-media]) .join-details p,
.buy.uk-card-secondary.uk-card-body .join-details p,
.uk-card-secondary > .buy:not([class*=uk-card-media]) .join-details p,
.buy.uk-overlay-primary .join-details p,
.buy.uk-offcanvas-bar .join-details p {
  color: #fff;
}

ul.buy-key-points {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 960px) {
  ul.buy-key-points {
    /* 960px+ */
    width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
}

ul.buy-key-points li {
  text-align: left;
}

ul.buy-key-points li .fa {
  margin-right: 6px;
  font-size: 22px;
}

.plan-chooser {
  margin-top: 50px;
  padding-top: 10px;
  height: 200px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 960px) {
  /* 960px+ */

  .plan-chooser {
    width: 600px;
  }
}

@media (max-width: 960px) {
  .plan-chooser {
    height: 220px;
  }
}

.plan-chooser > li:first-child * {
  padding-left: 0 !important;
}

.plan-chooser li {
  position: relative;
  margin-top: 10px;
  text-align: left;
}

.plan-chooser li#plan-annually {
  margin-right: 26px;
}

@media (min-width: 960px) {
  /* 960px+ */

  .plan-chooser li#plan-annually {
    margin-right: 40px;
  }
}

.plan-chooser li#plan-monthly {
  margin-right: 0;
}

.plan-chooser li input {
  position: absolute;
  left: -20px;
  top: 5px;
}

.plan-chooser span {
  cursor: pointer !important;
  text-transform: none !important;
  color: #FF3F00 !important;
  background-color: transparent !important;
  /**/
  font-size: 13px;
}

@media (min-width: 960px) {
  /* 960px+ */

  .plan-chooser span {
    font-size: 16px;
  }
}

.plan-chooser .uk-active span {
  color: #000 !important;
  background-color: transparent !important;
  display: inline-block;
  position: relative;
}

#plan-annually .plan-annually-click:after {
  max-width: 110px;
}

@media (max-width: 978px) {
  #plan-annually .plan-annually-click:after {
    max-width: 85px;
  }
}

@media (max-width: 500px) {
  .plan-chooser {
    display: block;
  }

  .plan-chooser li {
    margin: 0 0 20px 40px !important;
  }

  .membership-types .membership-type:first-child {
    margin-top: 40px;
  }
}

.plan-chooser span strong {
  font-weight: 700;
  /**/
  font-size: 15px;
}

@media (min-width: 960px) {
  /* 960px+ */

  .plan-chooser span strong {
    font-size: 19px;
  }
}

.best-value {
  font-size: 16px !important;
  background: #ccc;
  border-radius: 6px;
  position: absolute;
  top: 18px;
  left: 50%;
  margin-left: -50px;
  color: white;
  width: 100px;
  padding: 5px 0;
}

.membership-types {
  display: table;
  border-spacing: 20px;
  width: 100%;
  box-sizing: border-box;
  margin-top: -180px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 999;
}

.membership-type {
  position: relative;
  display: table-cell;
  width: 33.33%;
  text-align: center;
  padding: 20px 16px;
  border-radius: 8px;
  background-color: #fff;
  color: #444;
  font-weight: 200;
  box-shadow: 1px 1px 5px #ccc;
  box-sizing: border-box;
}

.buy-2 .membership-type {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}

.membership-type strong {
  font-weight: 700;
}

.membership-type .membership-type-title {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #444;
}

.membership-type .membership-type-description {
  color: #444;
}

@media (max-width: 959px) {
  /* up to 959px */

  .membership-types,
  .membership-type {
    display: block;
  }

  .membership-types .membership-type {
    margin-bottom: 30px;
    display: block;
    width: 100%;
  }

  .membership-type .membership-type-description {
    font-size: 14px;
  }
}

.membership-type .membership-type-description {
  margin-bottom: 0;
}

.membership-type .membership-type-description + p {
  margin-top: 0;
}

.membership-type .membership-type-description.membership-type-description-special {
  display: inline-block;
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 0 !important;
  margin-bottom: 10px;
}

/*set a height to prevent jumping*/

/*
.membership-type .membership-type-annually,
.membership-type .membership-type-monthly {
  height: 52px;  
}
*/

.membership-type .membership-type-price-by-month {
  font-size: 19px;
}

.membership-type .membership-type-coaching {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 19px;
}

.membership-type .membership-type-coaching-1 {
  color: #FF3F00;
}

.membership-type .membership-type-coaching-2 {
  color: #444;
}

.membership-type .membership-type-coaching-3 {
  color: #ddd;
}

.membership-type .membership-type-coaching a {
  color: #FF3F00;
}

p.buy-new-patterns-and-tests {
  font-size: 19px;
}

p.buy-new-patterns-and-tests strong {
  font-weight: 700;
}

.membership-type-price-by-month strike {
  margin-right: 5px;
  color: #FF9700;
  font-weight: 400;
}

.subscribe .subscribe-fields-container {
  margin: 0 auto;
  text-align: left;
}

@media (min-width: 640px) {
  .subscribe .subscribe-fields-container {
    /* 640px+ */
    width: 330px;
  }
}

.subscribe .subscribe-p1 {
  color: #bbb;
  font-size: 24px;
  line-height: 1.4;
}

@media (min-width: 640px) {
  .subscribe .subscribe-p1 {
    /* 640px+ */
    font-size: 32px;
    line-height: 45px;
  }
}

.subscribe label {
  color: #bbb;
  font-size: 22px;
}

#wrap .subscribe .uk-input {
  box-sizing: border-box;
  font-size: 18px;
  line-height: 40px;
  height: 40px;
  margin-bottom: 15px;
  padding: 0 10px;
  border: 0 !important;
  box-shadow: inset 2px 2px 3px 0 #aaa !important;
  background-color: #f1f1f1 !important;
  color: #333 !important;
}

.subscribe .subscribe-closing-disclaimer {
  color: #aaa;
  font-size: 18px;
}

.subscribe .subscribe-closing-disclaimer em {
  font-style: normal;
  color: #fff;
}

.this-vs-that {
  position: relative;
  background: white;
  padding: 60px 15px 60px;
  font-size: 16px;
  line-height: 29px;
  font-weight: 300;
  font-family: sans-serif;
  color: #444;
}

.this-vs-that:before {
  content: none !important;
  width: 2000px;
  position: absolute;
  left: -2000px;
  background: white;
  height: 100%;
  top: 0;
}

.this-vs-that:after {
  content: none !important;
  width: 2000px;
  position: absolute;
  right: -2000px;
  background: white;
  height: 100%;
  top: 0;
}

.this-vs-that h3 {
  margin-bottom: 10px;
}

.this-vs-that h3 + p {
  margin-top: 0;
}

.this-vs-that-row {
  position: relative;
  width: 100%;
  display: table;
  text-align: left;
}

.this-vs-that-row > div {
  box-sizing: border-box;
  width: 50%;
  padding-bottom: 40px;
  display: table-cell;
}

.this-vs-that-row > div:first-child {
  padding-right: 50px;
  text-align: right;
}

.this-vs-that-row h2 {
  margin-bottom: 0;
  text-align: left;
}

.this-vs-that-row > div:first-child h2,
.this-vs-that-row > div:first-child h3 {
  text-align: right;
}

.this-vs-that-row > div:last-child {
  border-left: 1px solid #CCCCCC;
  padding-left: 50px;
}

.this-vs-that h3,
.this-vs-that-row h3 span {
  text-align: left;
}

.this-vs-that h3 strong {
  font-weight: 700;
}

.this-vs-that-row:first-child h3 {
  font-size: 32px;
}

.this-vs-that-row:last-child > div {
  padding-bottom: 0;
}

.this-vs-that-row:first-child:after {
  display: none;
}

.this-vs-that-row:after {
  content: "";
  background: url("data:image/png;base64,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YWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBGaXJld29ya3MgQ1M2IChXaW5kb3dzKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxOC0wMy0wNlQxNjo0MTo1M1o8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxOC0wMy0wNlQxNjo0MjoxOVo8L3htcDpNb2RpZnlEYXRlPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAg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");
  width: 60px;
  height: 60px;
  top: -8px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
}

@media (max-width: 600px) {
  .this-vs-that-header {
    display: none !important;
  }

  .this-vs-that-row:after {
    display: none;
  }

  .this-vs-that h3,
  .this-vs-that-row h3 span,
  .this-vs-that-row > div:first-child,
  .this-vs-that-row > div:first-child h2,
  .this-vs-that-row > div:first-child h3 {
    text-align: left;
  }

  .this-vs-that h3 {
    margin-bottom: 5px;
  }

  .this-vs-that h3 + p {
    margin-top: 0;
  }

  .this-vs-that-row {
    display: block;
  }

  .this-vs-that-row > div {
    width: 100%;
    display: block;
  }

  .this-vs-that-row > div:last-child {
    margin-left: 0;
    padding-left: 0;
    border: 0;
  }

  .cols {
    display: block;
  }

  span.hide-mobile {
    display: inline-block;
  }
}

.collection-filters {
  padding: 12px 15px 18px 15px;
}

@media (max-width: 639px) {
  .collection-filters {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .collection-filters {
    /* 640px+ */
  }
}

@media (max-width: 959px) {
  .collection-filters {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .collection-filters {
    /* 960px+ */
    padding: 12px 40px 18px 40px;
  }
}

@media (max-width: 1199px) {
  .collection-filters {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .collection-filters {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .collection-filters {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .collection-filters {
    /* 1600px+ */
  }
}

.collection-filters a {
  position: relative;
  color: #FF3F00;
}

.collection-filters a.uk-active {
  color: #444;
  font-weight: bold;
}

.collection-filters a.uk-active:after {
  content: "";
  width: 100%;
  height: 5px;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: -6px;
  box-sizing: border-box;
}

.collection-filters.collection-filters-style-1 {
  color: #444;
  font-weight: 300;
  font-size: 20px;
}

.collection-filters.collection-filters-style-1 strong {
  position: relative;
}

.collection-filters.collection-filters-style-1 strong:after {
  content: "";
  width: 100%;
  height: 5px;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: -3px;
  box-sizing: border-box;
}

.collection-filters.collection-filters-style-1 .collection-filters-members {
  margin-left: 20px;
}

.collection-filters.collection-filters-style-1 .collection-filters-list {
  color: #aaa;
}

.collection-filters.collection-filters-style-1 .collection-filters-list .pipe {
  color: #444;
}

.collection-filters.collection-filters-style-2 {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
}

@media (max-width: 639px) {
  .collection-filters.collection-filters-style-2 {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .collection-filters.collection-filters-style-2 {
    /* 640px+ */
    margin-bottom: 40px;
  }
}

@media (max-width: 959px) {
  .collection-filters.collection-filters-style-2 {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .collection-filters.collection-filters-style-2 {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .collection-filters.collection-filters-style-2 {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .collection-filters.collection-filters-style-2 {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .collection-filters.collection-filters-style-2 {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .collection-filters.collection-filters-style-2 {
    /* 1600px+ */
  }
}

@media (max-width: 639px) {
  .collection-filters .collection-sort-option {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .collection-filters .collection-sort-option {
    /* 640px+ */
    width: 120px;
  }
}

@media (max-width: 959px) {
  .collection-filters .collection-sort-option {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .collection-filters .collection-sort-option {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .collection-filters .collection-sort-option {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .collection-filters .collection-sort-option {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .collection-filters .collection-sort-option {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .collection-filters .collection-sort-option {
    /* 1600px+ */
  }
}

.collection-filters .filter-checkbox-label {
  font-size: 14px;
  font-family: sans-serif;
}

.current-test-box {
  padding: 35px 40px;
  background-color: #fff;
  border-radius: 8px;
}

progress,
progress[role] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  background-size: auto;
  width: 100%;
  height: 10px;
}

progress[role]:after {
  background-image: none;
}

progress[role] strong {
  display: none;
}

progress,
progress[role][aria-valuenow] {
  background: #EEEEEE !important;
}

progress::-webkit-progress-bar {
  background: #EEEEEE;
}

progress {
  color: #B5DF91;
}

progress::-moz-progress-bar {
  background: #B5DF91;
}

progress::-webkit-progress-value {
  background: #B5DF91;
}

progress[aria-valuenow]:before {
  background: #B5DF91;
}

.test-pool-meta {
  font-family: Arial, sans-serif;
  color: #999999;
  display: block;
  font-size: 13px;
  line-height: 16px;
}

.test-pools-radios,
.test-pools {
  display: flex;
}

.test-pools {
  justify-content: space-between;
}

.test-pools-radios h3 {
  padding-right: 15px;
  font-size: 19px;
  font-weight: 300;
}

.template-tests h1 {
  margin-top: 35px;
}

.template-tests .test-pools .sig-checkbox {
  min-width: 145px;
  color: #4F4F4F;
}

.template-tests .test-pools .sig-checkbox .test-pool-meta {
  padding-left: 24px;
}

.template-tests .test-pools .radiobtn {
  position: absolute;
  top: 4px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: transparent;
  border: 2px solid #999999;
  border-radius: 50%;
}

.template-tests .test-pools label {
  position: relative;
  font-size: 19px;
  color: #FF3F00;
  position: relative;
  padding-left: 26px;
  padding-right: 15px;
}

.template-tests .test-pools label.isCurrent {
  color: #4F4F4F;
}

.template-tests .test-pools label input:checked ~ .radiobtn::after {
  display: block;
}

.template-tests .test-pools label input[type=radio] {
  opacity: 0.00001;
  position: absolute;
}

.template-tests .test-pools label .radiobtn::after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000;
}

.template-tests .test-pools .radiobtn::after {
  content: "";
  position: absolute;
  display: none;
}

.template-tests .test-card {
  padding: 35px 40px;
}

.template-tests .test-header {
  text-align: center;
}

.template-tests .test-kicker {
  margin-top: 1.8em;
  margin-bottom: 9px;
}

.template-tests .test-kicker + h2 {
  margin-top: 0;
}

.template-tests .test-answers {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.template-tests .test-answers-cell {
  display: flex;
  justify-content: center;
}

.template-tests .test-answer-btn {
  width: 185px;
  height: 36px;
  line-height: 36px;
}

.template-tests .test-answer-input {
  opacity: 0.00001;
  position: absolute;
}

.template-tests .test-creator {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.template-tests .test-thumbs {
  margin-top: 2rem;
  display: flex;
}

.template-tests .test-thumb {
  max-width: 50%;
  float: left;
  border: 3px solid #CDCDCD;
  box-sizing: border-box;
}

.template-tests .test-thumb::before {
  position: absolute;
  left: 50%;
  top: -25px;
  width: 40px;
  height: 40px;
  color: #fff;
  font-family: Oswald;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  background: #999999;
  border: 3px solid #fff;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%);
}

.template-tests .test-thumb:first-child {
  margin-right: 5px;
  position: relative;
}

.template-tests .test-thumb:first-child::before {
  content: "A";
}

.template-tests .test-thumb:last-child {
  margin-left: 5px;
  position: relative;
}

.template-tests .test-thumb:last-child::before {
  content: "B";
  position: absolute;
}

.template-tests .tests-intro {
  font-family: Oswald;
  font-style: normal;
  font-weight: 300;
  font-size: 21px;
  line-height: 40px;
}

.template-tests .tests-advantages {
  display: flex;
  justify-content: center;
}

.template-tests .tests-advantages li {
  list-style: none;
  margin-right: 60px;
  text-transform: uppercase;
}

/* patterns search */

/* adjust the box so it's more in-line with the subnav links beside it */

.patterns-search {
  margin-top: -3px;
}

/* patterns */

.message-avoid-repeat {
  font-weight: 300;
  font-size: 20px;
}

.pattern-message-logged-out {
  font-weight: 300;
}

.pattern-message-logged-out a {
  color: #FF3F00;
}

.pattern-variant {
  position: relative;
  margin-top: 16px;
}

.pattern-variant__number {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background: #999999;
  border: 2.75px solid #FFFFFF;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  justify-content: center;
  display: flex;
  align-items: center;
  font-family: Oswald;
  font-weight: bold;
  font-size: 20px;
  line-height: 36px;
  color: #fff;
}

/* pattern - global */

#content .pattern-meta-bar {
  overflow: auto;
  color: #444;
  background-color: #BBCFE4;
  padding: 8px 15px;
  border-radius: 8px;
  margin-bottom: 10px;
}

@media (max-width: 639px) {
  #content .pattern-meta-bar {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  #content .pattern-meta-bar {
    /* 640px+ */
    margin-bottom: 30px;
  }
}

@media (max-width: 959px) {
  #content .pattern-meta-bar {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  #content .pattern-meta-bar {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  #content .pattern-meta-bar {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  #content .pattern-meta-bar {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  #content .pattern-meta-bar {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  #content .pattern-meta-bar {
    /* 1600px+ */
  }
}

.template-pattern #content .pattern-meta-bar {
  padding: 8px 20px;
}

@media (max-width: 639px) {
  /* up to 639px */
}

@media (min-width: 640px) {
  /* 640px+ */
}

@media (max-width: 959px) {
  /* up to 959px */
}

@media (min-width: 960px) {
  /* 960px+ */

  .template-pattern #content .pattern-meta-bar {
    padding: 8px 20px 8px 50px;
  }
}

@media (max-width: 1199px) {
  /* up to 1199px */
}

@media (min-width: 1200px) {
  /* 1200px+ */
}

@media (max-width: 1599px) {
  /* up to 1599px */
}

@media (min-width: 1600px) {
  /* 1600px+ */
}

/* not using subnav anymore due to floating limitations */

#content .pattern-meta-bar ul {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  list-style: none;
}

#content .pattern-meta-bar ul li {
  float: left;
  color: #444;
  font-weight: 300;
  margin-right: 30px;
}

#content .pattern-meta-bar ul li strong {
  /*display: inline-block;*/
  /* why did i have this??? */
  font-weight: 700;
  color: #444;
  text-transform: none;
  font-size: inherit;
}

#content .pattern-meta-bar ul li a {
  color: #444;
}

#content .pattern-meta-bar ul li.pattern-meta-bar-calculation-explanation,
#content .pattern-meta-bar ul li.pattern-meta-bar-source-code {
  float: right;
}

#content .pattern-meta-bar ul li.pattern-meta-bar-source-code {
  margin-right: 0;
}

#content .pattern-meta-bar ul li.pattern-meta-bar-source-code a {
  text-transform: uppercase;
  font-weight: 700;
}

#content .pattern-metrics {
  overflow: hidden;
  /* required so this container div applies to the child elements */
}

@media (min-width: 960px) {
  /* 960px+ */

  #content .pattern-metrics {
    border-radius: 12px;
  }
}

#content .pattern-metrics .pattern-metrics-main {
  position: relative;
  padding: 16px 20px 16px 20px;
  background-color: #222;
  color: #fff;
}

@media (max-width: 959px) {
  /* up to 959px */

  #content .pattern-metrics .pattern-metrics-main {
    margin-bottom: 10px;
    border-radius: 12px;
  }
}

@media (min-width: 960px) {
  /* 960px+ */

  #content .pattern-metrics .pattern-metrics-main {
    padding: 16px 20px 16px 50px;
  }

  #content .pattern-metrics.pattern-metrics-only-one-effect .pattern-metrics-main {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}

#content .pattern-metrics .pattern-metrics-main h2 {
  color: #fff;
  margin-bottom: 0;
  margin-top: 0;
}

#content .pattern-metrics .pattern-metrics-main h2.pattern-metrics-guest-title {
  font-size: 28px;
  /* normally 32px */
}

#content .pattern-metrics .pattern-metrics-main h2 strong {
  font-weight: 700 !important;
}

#content .pattern-metrics .pattern-metrics-main p {
  color: #ccc;
  margin-bottom: 0;
  margin-top: 0;
}

#content .pattern-metrics .pattern-metrics-main .pattern-metrics-guest-message {
  font-weight: 300;
}

#content .pattern-metrics .pattern-metrics-main .pattern-metrics-guest-message a {
  color: #FF3F00;
}

/* "experimental" state */

#content .pattern-metrics.pattern-metrics-experimental .pattern-metrics-main {
  background-color: #666;
  color: #fff;
}

#content .pattern-metrics.pattern-metrics-experimental .pattern-metrics-main:after {
  display: none;
}

#content .pattern-metrics .pattern-metrics-calculated-field {
  position: relative;
  padding: 12px 20px 15px 20px;
  color: #fff;
  text-align: center;
  margin-left: 0px;
}

#content .pattern-metrics .pattern-metrics-calculated-field.pattern-metrics-calculated-field-shallow {
  /*overflow: hidden;*/
  overflow: visible;
  border-radius: 12px;
}

#content .pattern-metrics .pattern-metrics-calculated-field.pattern-metrics-calculated-field-shallow:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  background-color: #D9E4F0;
  height: 100%;
  /**/
  left: -10px;
  width: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#content .pattern-metrics .pattern-metrics-calculated-field.pattern-metrics-calculated-field-shallow:after {
  z-index: 10;
  content: "";
  position: absolute;
  top: 0;
  background-color: #D9E4F0;
  height: 100%;
  /**/
  right: -10px;
  width: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#content .pattern-metrics .pattern-metrics-calculated-field.pattern-metrics-calculated-field-deep {
  padding-left: 30px;
  /*overflow: hidden;*/
  overflow: visible;
}

@media (max-width: 959px) {
  /* up to 959px */

  #content .pattern-metrics .pattern-metrics-calculated-field.pattern-metrics-calculated-field-deep {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}

/* only one effect */

#content .pattern-metrics.pattern-metrics-only-one-effect .pattern-metrics-calculated-field.pattern-metrics-calculated-field-deep:after {
  z-index: 10;
  content: "";
  position: absolute;
  top: 0;
  background-color: #D9E4F0;
  height: 100%;
  /**/
  left: 0px;
  width: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#content .pattern-metrics .pattern-metrics-calculated-field h4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
}

#content .pattern-metrics .pattern-metrics-calculated-field p {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
}

/**/

#content .pattern-metrics .pattern-metrics-calculated-field-positive {
  background-color: #6BBF23;
  /* dark green */
  /*background-color: #B5DF91;*/
  /* light green */
}

#content .pattern-metrics .pattern-metrics-calculated-field-negative {
  background-color: #FF3F00;
  /* dark red */
  /*background-color: #FF9F80;* /* light red */
}

/*background-color: #a1a1a1;*/

/* pattern-item */

.pattern-item {
  overflow: hidden;
  /* for "full preview" ribbon */
  position: relative;
  box-sizing: border-box;
  background-color: #D9E4F0 !important;
  border-radius: 12px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
  /**/
  padding: 15px 20px;
}

@media (min-width: 960px) {
  .pattern-item {
    /* 960px+ */
    padding: 30px 40px;
  }
}

.pattern-item.pattern-item-newest {
  background-color: #fff !important;
}

.pattern-item.pattern-item-newest .pattern-item-title a {
  color: #ff3f00 !important;
}

.pattern-item.pattern-item-newest .pattern-item-date,
.pattern-item.pattern-item-newest .pattern-item-title {
  margin: 0;
}

.pattern-item.pattern-item-newest .pattern-author-scale {
  margin-top: 5px;
}

.pattern-item .pattern-item-user-profile-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 0 5px;
}

.pattern-conducted-tests-count {
  font-family: "Oswald", sans-serif;
  color: #666;
  font-weight: 300;
  margin-bottom: 3px;
  /**/
  font-size: 16px;
}

.pattern-conducted-tests-count .pattern-conducted-tests-count-blocks {
  margin-left: 3px;
  /* must set this to zero so that the space between them can be controlled precisely via margin-right */
  font-size: 0;
}

.pattern-item .pattern-item-title {
  margin-bottom: 10px;
  /**/
  font-size: 26px;
}

@media (min-width: 960px) {
  /* 960px+ */
}

.pattern-item .pattern-item-title a {
  color: #002D6D;
  font-weight: 300;
}

.pattern-item .pattern-item-title a span {
  font-weight: 700;
}

.pattern-item .pattern-item-guest-message {
  font-weight: 300;
}

.pattern-item .pattern-item-guest-message a {
  color: #FF3F00;
}

.pattern-item .pattern-item-stats-bar {
  margin-bottom: 5px;
}

.pattern-item-stat {
  position: relative;
  overflow: hidden;
  display: inline-block;
  color: #fff;
  border-radius: 8px;
  padding: 8px 15px;
  margin-right: 5px;
  font-weight: 300;
  font-size: 16px;
}

.pattern-item-stat strong {
  font-weight: 700;
}

.pattern-item-stat-repeatability {
  background-color: #222;
}

.pattern-item-stat-shallow-effect {
  z-index: 5;
  border-right: 3px solid #D9E4F0;
  margin-right: -15px;
}

.pattern-item-stat-deep-effect {
  padding-left: 22px !important;
}

/**/

.pattern-item-stat-positive {
  background-color: #6BBF23;
  /* dark green */
  /*background-color: #B5DF91;*/
  /* light green */
}

.pattern-item-stat-negative {
  background-color: #FF3F00;
  /* dark red */
  /*background-color: #FF9F80;* /* light red */
}

/*background-color: #a1a1a1;*/

.pattern-item-stat-experimental {
  background-color: #666;
}

.pattern-item .pattern-item-body p {
  font-size: 16px;
  line-height: 29px;
  font-weight: 300;
  font-family: sans-serif;
}

.pattern-item .pattern-item-body p:last-of-type {
  margin-bottom: 0;
}

.pattern-item .pattern-item-editors-pick {
  display: none !important;
  /* @todo come back later */
  box-sizing: border-box;
  position: absolute;
  width: 120px;
  height: 120px;
  left: -60px;
  top: 60px;
  background-color: #1e87f0;
  color: #fff;
  text-align: center;
  padding: 20px;
  font-size: 15px;
}

.pattern-item .pattern-item-ideas :first-of-type,
.pattern-item .pattern-item-ideas a:first-of-type {
  padding-left: 0;
}

.pattern-item .pattern-item-image-secondary-wrapper {
  position: relative;
  text-align: center;
}

.pattern-item .pattern-item-image-secondary-wrapper img {
  margin-bottom: 10px;
}

@media (max-width: 639px) {
  .pattern-item .pattern-item-image-secondary-wrapper img {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .pattern-item .pattern-item-image-secondary-wrapper img {
    /* 640px+ */
    margin-bottom: 20px;
  }
}

@media (max-width: 959px) {
  .pattern-item .pattern-item-image-secondary-wrapper img {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .pattern-item .pattern-item-image-secondary-wrapper img {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .pattern-item .pattern-item-image-secondary-wrapper img {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .pattern-item .pattern-item-image-secondary-wrapper img {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .pattern-item .pattern-item-image-secondary-wrapper img {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .pattern-item .pattern-item-image-secondary-wrapper img {
    /* 1600px+ */
  }
}

.pattern-item.pattern-item-shortened .pattern-item-image-secondary-wrapper {
  height: 240px;
  overflow: hidden;
}

@media (max-width: 639px) {
  .pattern-item .pattern-item-image-secondary-wrapper .view-pattern-button {
    /* up to 639px */
    padding: 0 15px;
    line-height: 30px;
    font-size: 0.875rem;
  }
}

@media (min-width: 640px) {
  .pattern-item .pattern-item-image-secondary-wrapper .view-pattern-button {
    /* 640px+ */
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50px;
    width: 230px;
    margin-left: -115px;
    transition: all 0.2s linear;
  }
}

@media (max-width: 959px) {
  .pattern-item .pattern-item-image-secondary-wrapper .view-pattern-button {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .pattern-item .pattern-item-image-secondary-wrapper .view-pattern-button {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .pattern-item .pattern-item-image-secondary-wrapper .view-pattern-button {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .pattern-item .pattern-item-image-secondary-wrapper .view-pattern-button {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .pattern-item .pattern-item-image-secondary-wrapper .view-pattern-button {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .pattern-item .pattern-item-image-secondary-wrapper .view-pattern-button {
    /* 1600px+ */
  }
}

.pattern-item .pattern-item-image-secondary-wrapper img {
  display: block;
}

.pattern-item.pattern-item-shortened .pattern-properties-simple-hr {
  margin-top: 0 !important;
}

/* http://leojiang.com/experiments/ribbon/ */

.ribbon {
  position: absolute;
  font-size: 18px;
  right: -100px;
  top: -50px;
  padding: 0;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  transform-origin: 0 100%;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  color: #fff;
  background-color: #002D6D;
  height: 30px;
  width: 200px;
  transform: rotateZ(45deg);
  padding-left: 30px;
  padding-right: 30px;
  line-height: 30px;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  text-transform: uppercase;
}

@media (max-width: 460px) {
  /* custom breakpoint; change if necessary */

  .ribbon {
    font-size: 9px;
    right: -135px;
    top: -90px;
  }
}

/* patterns - outside of div (move in later) */

.template-pattern .pattern-number {
  color: #002D6D;
  font-weight: 300;
  font-size: 20px;
}

.template-pattern .pattern-page-title {
  color: #002D6D;
  letter-spacing: -0.01em;
}

.template-pattern .pattern-page-title.pattern-page-title-highlight {
  color: #fff;
  margin-bottom: 30px;
}

.template-pattern .pattern-page-title span {
  font-weight: 900;
}

.template-pattern .pattern-user {
  color: #002D6D;
  font-weight: 300;
  font-size: 20px;
}

.template-pattern .pattern-user strong {
  font-weight: 700;
}

.template-pattern .pattern-user .pattern-user-profile-image {
  display: inline-block;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  border: 3px solid #002D6D;
  margin-left: 3px;
  margin-right: 3px;
}

.template-pattern .pattern-user a {
  color: #002D6D;
}

/* pattern */

.pattern-image {
  box-sizing: border-box;
}

.conducted-tests .conducted-test {
  overflow: hidden;
  /* for "full preview" ribbon */
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 12px;
  padding: 15px 20px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}

@media (min-width: 960px) {
  /* 960px+ */

  .conducted-tests .conducted-test {
    padding: 30px 40px;
  }
}

/* no longer needed sicne the way it appears highlighted is in the bleed background */

/*
.conducted-tests .conducted-test.conducted-test-highlighted {
  background-color: $global-danger-background;
  color: #fff;
}
  .conducted-tests .conducted-test.conducted-test-highlighted table,
  .conducted-tests .conducted-test.conducted-test-highlighted h2,
  .conducted-tests .conducted-test.conducted-test-highlighted p {
    color: #fff;
  }
  .conducted-tests .conducted-test.conducted-test-highlighted .conducted-test-meta-subnav {
  }
    .conducted-tests .conducted-test.conducted-test-highlighted .conducted-test-meta-subnav ul {

    }

      .conducted-tests .conducted-test.conducted-test-highlighted .conducted-test-meta-subnav ul li,
      .conducted-tests .conducted-test.conducted-test-highlighted .conducted-test-meta-subnav ul li.conducted-test-meta-subnav-number strong {
        color: #ccc !important;
      }
      .conducted-tests .conducted-test.conducted-test-highlighted .conducted-test-sneak-peek {
        color: #fff !important;
      }
*/

.conducted-test-body p {
  font-size: 16px;
  line-height: 29px;
  font-weight: 300;
  font-family: sans-serif;
}

.conducted-test-metrics {
  width: 100%;
  font-size: 13px;
  font-family: sans-serif;
}

.conducted-test-metrics .conducted-test-metrics-p-value {
  font-family: "Oswald", sans-serif;
  font-size: 15px;
}

.cancel-comment,
.add-comment {
  font-family: "Oswald", sans-serif;
  color: #FF3F00;
}

.cancel-comment:hover,
.add-comment:hover {
  color: #FF3F00;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs {
  /* if auto, down arrows show scroll */
  /* if visible, numbers get thrown to left */
  overflow: auto;
  margin-bottom: 3px;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li.conducted-test-metrics-orb {
  position: relative;
  font-family: "Oswald", sans-serif;
  margin-top: 0 !important;
  height: 88px;
  /* keep this; remember this is an estimate based on the li height plus arrow height and a little extra! */
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li a {
  position: relative;
  display: block;
  padding-left: 0 !important;
  /* override uikit defaults */
  padding-right: 0 !important;
  /* override uikit defaults */
  color: #fff !important;
  box-sizing: border-box !important;
  text-transform: none !important;
  /*width: 180px;*/
  width: 120px;
  height: 60px;
  text-align: center;
  line-height: 0.8;
  font-weight: 300;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.55);
}

@media (min-width: 414px) {
  .conducted-test-metrics ul.conducted-test-metrics-orbs li a {
    width: 160px;
  }
}

@media (min-width: 960px) {
  /* 960px+ */

  .conducted-test-metrics ul.conducted-test-metrics-orbs li a {
    width: 150px;
  }
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li.conducted-test-metrics-orb.conducted-test-metrics-orb-deep a {
  overflow: visible;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 130px;
}

@media (min-width: 414px) {
  .conducted-test-metrics ul.conducted-test-metrics-orbs li.conducted-test-metrics-orb.conducted-test-metrics-orb-deep a {
    width: 170px;
  }
}

@media (min-width: 960px) {
  /* 960px+ */

  .conducted-test-metrics ul.conducted-test-metrics-orbs li.conducted-test-metrics-orb.conducted-test-metrics-orb-deep a {
    width: 160px;
  }
}

/* !!! put it on :before so it doesn't interfere with the triangle !!! */

.conducted-test-metrics ul.conducted-test-metrics-orbs li.conducted-test-metrics-orb.conducted-test-metrics-orb-shallow a {
  overflow: visible;
  border-radius: 8px;
}

/* !!! put it on :before so it doesn't interfere with the triangle !!! */

.conducted-test-metrics ul.conducted-test-metrics-orbs li.conducted-test-metrics-orb.conducted-test-metrics-orb-shallow a:before {
  display: block;
  z-index: 10;
  content: "";
  position: absolute;
  top: 0;
  background-color: #fff;
  height: 100%;
  /**/
  right: -7px;
  width: 7px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/**/

.conducted-test-metrics ul.conducted-test-metrics-orbs li.uk-active a:after,
.conducted-test-metrics ul.conducted-test-metrics-orbs li a:hover:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -14px;
  /* https://css-tricks.com/snippets/css/css-triangle/ */
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top-style: solid;
  border-top-width: 14px;
  /**/
  /*border-top-color: green;*/
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li a strong {
  margin-top: 0;
  padding-top: 10px;
  padding-left: 0 !important;
  /* override uikit */
  font-weight: 700;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li a strong.ab-effect {
  display: block;
  margin-top: 0px;
  padding-top: 10px;
  margin-bottom: 0px;
  /*font-size: 24px;*/
  font-size: 21px;
  letter-spacing: -1px;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li a strong.ab-effect .bigger-question-mark {
  line-height: 0.4;
  font-size: 25px;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li a strong.ab-effect .not-strong {
  font-weight: 300;
}

.conducted-test-metrics ul.uk-switcher {
  font-size: 12px;
  margin-top: 0;
}

@media (min-width: 960px) {
  /* 960px+ */

  .conducted-test-metrics ul.uk-switcher p.conducted-test-metrics-measured-by {
    /*
    margin-left: 178px;
    margin-bottom: 3px;
    */
    margin-bottom: 3px;
    text-align: center;
  }
}

.conducted-test-metrics-calculations {
  font-size: 12px;
}

.conducted-tests-style-1 .conducted-test-metrics-calculations {
  margin-top: 2px !important;
}

.conducted-tests-style-2 .conducted-test-metrics-calculations {
  margin-left: 27%;
}

.conducted-test-metrics ul.uk-switcher table th {
  font-weight: normal;
}

.conducted-test-stats-bar {
  margin-bottom: 5px;
}

.conducted-tests .conducted-test .conducted-test-result {
  letter-spacing: -1px;
  /*font-size: 42px;*/
  font-size: 26px;
}

.conducted-tests .conducted-test .conducted-test-result .conducted-test-result-bubble {
  position: relative;
  /* required so that 'top' works */
  top: -5px;
  border: 2px solid #fff;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  padding: 5px 20px;
  font-size: 24px;
  margin-left: 10px;
}

.conducted-tests .conducted-test .conducted-test-result .conducted-test-result-bubble-positive {
  background-color: #6bbf23;
}

.conducted-tests .conducted-test .conducted-test-result .conducted-test-result-bubble-negative {
  background-color: #FF3F00;
}

.conducted-tests .conducted-test .conducted-test-sneak-peek {
  font-weight: 300;
}

.conducted-tests .conducted-test .conducted-test-meta,
.conducted-tests .conducted-test .conducted-test-meta-subnav {
  overflow: hidden;
  font-size: 15px;
}

@media (max-width: 639px) {
  /* up to 639px */
}

@media (min-width: 640px) {
  /* 640px+ */
}

@media (max-width: 959px) {
  /* up to 959px */

  /*
  .uk-subnav>*>:first-child {
    display: inline;
  }
  .uk-subnav>* {
    padding-left: 20px;
  }
  .uk-subnav>li:first-child * {
    padding-left: 0;
    display: inline;
  }
  .conducted-tests .conducted-test .conducted-test-meta-subnav {
    margin-bottom: 5px;
  }
  .conducted-tests .conducted-test .conducted-test-meta-subnav li {
    width: 100%;
    display: block;
    margin-top: 0 !important;
    margin-bottom: 0;
  }
  */
}

@media (min-width: 960px) {
  /* 960px+ */
}

@media (max-width: 1199px) {
  /* up to 1199px */
}

@media (min-width: 1200px) {
  /* 1200px+ */
}

@media (max-width: 1599px) {
  /* up to 1599px */
}

@media (min-width: 1600px) {
  /* 1600px+ */
}

.conducted-test-meta-divider {
  padding-left: 3px;
  border-right: 1px solid #ccc;
  margin-right: 5px;
}

.conducted-tests .conducted-test .conducted-test-meta a,
.conducted-tests .conducted-test .conducted-test-meta-subnav a {
  color: #FF3F00 !important;
}

/* the li's */

.conducted-tests .conducted-test .conducted-test-meta .conducted-test-number,
.conducted-tests .conducted-test .conducted-test-meta-subnav ul li.conducted-test-meta-subnav-number strong {
  font-size: 15px;
  /* override uikit */
  text-transform: none !important;
  /* override uikit */
  color: #666 !important;
  font-weight: 700;
}

.conducted-tests .conducted-test .conducted-test-meta .conducted-test-url,
.conducted-tests .conducted-test .conducted-test-meta-subnav ul li.conducted-test-url {
  font-weight: 300 !important;
}

.conducted-tests .conducted-test .conducted-test-meta .conducted-test-url a,
.conducted-tests .conducted-test .conducted-test-meta-subnav ul li.conducted-test-url a {
  font-size: 16px;
  /* override uikit */
  text-transform: none !important;
}

.conducted-tests .conducted-test .conducted-test-meta .conducted-test-date,
.conducted-tests .conducted-test .conducted-test-meta-subnav ul li.conducted-test-date {
  font-weight: 300 !important;
}

.conducted-tests .conducted-test .conducted-test-reference-test-url {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.conducted-tests .conducted-test .conducted-test-reference-test-url a {
  color: #FF3F00;
}

.conducted-tests .conducted-test .conducted-test-body {
  font-family: sans-serif;
  line-height: 1.5;
}

.conducted-test-test-image-set {
  position: relative;
  text-align: center;
  /* this centers the inline-block elements in the modal */
}

.conducted-test-test-image-set .conducted-test-change-type {
  /* this is hidden for now via php */
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -75px;
  margin-top: -25px;
  /**/
  display: block;
  text-align: center;
  box-sizing: border-box;
  width: 150px;
  height: 50px;
  line-height: 50px;
  background-color: #e0e0e0;
}

.conducted-test-test-image-set .conducted-test-zoom {
  width: 120px;
  position: absolute;
  left: 50%;
  margin-left: -60px;
  margin-top: -25px;
  z-index: 1;
  transition: all 0.2s linear;
  top: 80px;
}

@media (min-width: 960px) {
  /* 960px+ */

  .conducted-test-test-image-set .conducted-test-zoom {
    top: 50%;
  }
}

.conducted-test-test-image-sets:hover .conducted-test-test-image-set .conducted-test-zoom {
  color: #fff;
  background-color: #FF3F00;
}

.conducted-test-test-image-single {
  position: relative;
  border: 5px solid #e0e0e0;
}

.conducted-test-test-image-set .conducted-test-test-image-set-image {
  width: auto;
  display: inline-block;
  position: relative;
  border: 5px solid #e0e0e0;
  transition: all 0.2s linear;
}

.conducted-test-test-image-set .conducted-test-test-image-set-image.no-borders {
  border: 0;
}

.conducted-test-test-image-set .conducted-test-test-image-set-image-fake {
  width: 100%;
  background-color: #222;
}

@media (max-width: 959px) {
  /* up to 959px */

  .conducted-test-test-image-set .conducted-test-test-image-set-image-a {
    margin-bottom: 30px;
  }
}

.conducted-test-test-image-sets:hover .conducted-test-test-image-set .conducted-test-test-image-set-image {
  border: 5px solid #FF3F00;
}

.conducted-test-control-is-a-pattern .conducted-test-test-image-set .conducted-test-test-image-set-image {
  border: 5px solid #002D6D;
  background-color: #002D6D;
}

.conducted-test-test-image-set .conducted-test-test-image-set-image .conducted-test-test-image-set-image-title {
  padding-top: 18px;
  padding-bottom: 10px;
  text-align: center;
  line-height: 1.2;
  color: #fff;
}

.conducted-test-test-image-set .conducted-test-test-image-set-image .conducted-test-test-image-set-image-title .conducted-test-test-image-set-image-title-line-1 {
  font-size: 18px;
  font-weight: 300;
}

.conducted-test-test-image-set .conducted-test-test-image-set-image .conducted-test-test-image-set-image-title .conducted-test-test-image-set-image-title-line-2 {
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 28px;
}

.conducted-tests .conducted-test .conducted-test-comments,
.conducted-tests .conducted-test .conducted-test-super-comments,
.conducted-tests .conducted-test .conducted-test-super-comment-replies {
  font-size: 16px;
  line-height: 29px;
  font-weight: 300;
  font-family: sans-serif;
}

.conducted-tests .conducted-test .conducted-test-super-comment-replies {
  font-size: 14px;
}

.comment-profile-image {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 5px solid #fff;
}

.conducted-test-super-comment-body p {
  margin-bottom: 0px;
}

.control-is-a-pattern-label {
  display: block;
  position: absolute;
  z-index: 1;
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border: 6px solid #fff;
  background-color: #002D6D;
  border-radius: 50%;
  font-size: 30px;
  font-weight: 700;
  box-shadow: 2px 2px 10px #666;
  /**/
  left: 50%;
  top: 10px;
  margin-left: -33px;
}

.image-label {
  display: block;
  position: absolute;
  z-index: 1;
  color: #fff;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border: 3px solid #fff;
  background-color: #999;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 700;
}

.image-label-single {
  left: 20px;
  top: 20px;
}

.image-label-a,
.image-label-b {
  top: -28px;
  margin-left: -28px;
}

.conducted-test-test-image-set-image.abba-exists-0 .image-label-a,
.conducted-test-test-image-set-image .image-label-a,
.conducted-tests-style-1 .image-label-a,
.conducted-test-test-image-set-image.abba-exists-0 .image-label-b,
.conducted-test-test-image-set-image .image-label-b,
.conducted-tests-style-1 .image-label-b {
  left: 50%;
}

.conducted-tests-style-2 .image-label-a,
.conducted-tests-style-2 .image-label-b {
  left: 20%;
}

.conducted-test-control-is-a-pattern .image-label-a,
.conducted-test-control-is-a-pattern .image-label-b {
  top: 80px;
}

.image-label-b {
  background-color: #222;
}

@media (min-width: 960px) {
  /* 960px+ */

  .pattern-median-effects-columns > div:first-of-type > .median-effect {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .pattern-median-effects-columns > div:last-of-type > .median-effect {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

.median-effect {
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 10px 3px;
}

.median-effect .median-effect-value {
  font-size: 24px;
  color: #fff !important;
  font-weight: 700;
  line-height: 0.8;
}

.median-effect .median-effect-metric {
  font-size: 19px;
  color: #fff !important;
  font-weight: 700;
  line-height: 1.3;
}

.median-effect .median-effect-examples {
  font-size: 16px;
  font-weight: 300 !important;
  color: #fff !important;
}

.median-effect-tests-count {
  text-align: center;
  margin-top: 5px;
  font-family: sans-serif;
  font-size: 12px;
}

#pattern-median-effects .median-effect.median-effect-result-positive-strong {
  background-color: #6BBF23;
}

/* dark green */

#pattern-median-effects .median-effect.median-effect-result-positive {
  background-color: #B5DF91;
}

/* light green */

#pattern-median-effects .median-effect.median-effect-result-neutral {
  background-color: #ccc;
}

/* gray */

#pattern-median-effects .median-effect.median-effect-result-negative {
  background-color: #FF9F80;
}

/* light red */

#pattern-median-effects .median-effect.median-effect-result-negative-strong {
  background-color: #FF9F80;
}

/* dark red */

/**/

#pattern-median-effects .median-effect.median-effect-result-none {
  background-color: #d3e0ee;
}

/* light blue */

#pattern-median-effects .median-effect.median-effect-result-none .median-effect-value,
#pattern-median-effects .median-effect.median-effect-result-none .median-effect-metric,
#pattern-median-effects .median-effect.median-effect-result-none .median-effect-examples {
  color: #85A8CF !important;
}

.pattern-properties-simple-hr {
  border-top: 2px solid #ced7e6 !important;
}

.pattern-properties-simple ol li {
  font-weight: 300 !important;
  font-family: sans-serif !important;
}

.pattern-properties-simple ol li span {
  display: inline-block !important;
  color: #002D6D !important;
  text-transform: none !important;
  font-size: inherit !important;
  font-weight: 700 !important;
}

#calculation-explanation-modal {
  font-family: sans-serif;
}

/**/

.pattern-properties ol li {
  display: list-item;
  counter-increment: step-counter;
  position: relative;
}

.pattern-properties ol li::before {
  position: absolute;
  left: -40px;
  top: 0;
  content: counter(step-counter);
  margin-right: 5px;
  background-color: #002D6D;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  text-align: center;
  font-size: 22px;
  line-height: 36px;
  width: 36px;
  height: 36px;
  border: 3px solid #fff;
}

@media (max-width: 639px) {
  .pattern-properties ol li::before {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .pattern-properties ol li::before {
    /* 640px+ */
    font-size: 28px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border: 5px solid #fff;
    box-shadow: 2px 2px 10px #666;
  }
}

@media (max-width: 959px) {
  .pattern-properties ol li::before {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .pattern-properties ol li::before {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .pattern-properties ol li::before {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .pattern-properties ol li::before {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .pattern-properties ol li::before {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .pattern-properties ol li::before {
    /* 1600px+ */
  }
}

.pattern-property {
  overflow: auto;
  margin-left: 15px;
}

@media (max-width: 639px) {
  .pattern-property {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .pattern-property {
    /* 640px+ */
    margin-left: 40px;
  }
}

@media (max-width: 959px) {
  .pattern-property {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .pattern-property {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .pattern-property {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .pattern-property {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .pattern-property {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .pattern-property {
    /* 1600px+ */
  }
}

.pattern-property .pattern-property-title {
  color: #002D6D;
  font-weight: 300;
  font-size: 24px;
  margin-top: 5px;
  margin-bottom: 8px;
}

@media (max-width: 639px) {
  .pattern-property .pattern-property-title {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .pattern-property .pattern-property-title {
    /* 640px+ */
    font-size: 28px;
    margin-top: 11px;
    margin-bottom: 8px;
  }
}

@media (max-width: 959px) {
  .pattern-property .pattern-property-title {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .pattern-property .pattern-property-title {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .pattern-property .pattern-property-title {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .pattern-property .pattern-property-title {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .pattern-property .pattern-property-title {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .pattern-property .pattern-property-title {
    /* 1600px+ */
  }
}

.pattern-property .pattern-property-idea {
  background-color: #f8f8f8;
  border-radius: 8px;
  color: #333;
  padding: 5px 10px;
  font-weight: 500;
}

.pattern-property .pattern-property-body p {
  font-size: 16px;
  line-height: 29px;
  font-weight: 300;
  font-family: sans-serif;
}

.template-pattern {
  background-color: #D9E4F0;
  background-image: none;
}

.related-patterns ul li a {
  color: #FF3F00;
}

/* expand this */

.test-result {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  margin-right: 2px;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="1"] a,
.test-result[data-points="1"] {
  background-color: #6BBF23;
  /* dark green */
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="1"] a:hover:after,
.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="1"].uk-active a:after {
  border-top-color: #6BBF23;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="0.5"] a,
.test-result[data-points="0.5"] {
  background-color: #B5DF91;
  /* light green */
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="0.5"] a:hover:after,
.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="0.5"].uk-active a:after {
  border-top-color: #B5DF91;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="0.25"] a,
.test-result[data-points="0.25"] {
  /* remember, the icon for neutral can be plus or minus */
  background-color: #ccc;
  /* gray */
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="0.25"] a:hover:after,
.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="0.25"].uk-active a:after {
  border-top-color: #ccc;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="0.25"] a {
  color: #444 !important;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="0"] a,
.test-result[data-points="0"] {
  background-color: #ccc;
  /* this will never happen */
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="0"] a:hover:after,
.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="0"].uk-active a:after {
  border-top-color: #ccc;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="-0.25"] a,
.test-result[data-points="-0.25"] {
  background-color: #ccc;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="-0.25"] a:hover:after,
.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="-0.25"].uk-active a:after {
  border-top-color: #ccc;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="-0.25"] a {
  color: #444 !important;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="-0.5"] a,
.test-result[data-points="-0.5"] {
  background-color: #FF9F80;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="-0.5"] a:hover:after,
.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="-0.5"].uk-active a:after {
  border-top-color: #FF9F80;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="-1"] a,
.test-result[data-points="-1"] {
  background-color: #FF3F00;
  /* dark red */
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="-1"] a:hover:after,
.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points="-1"].uk-active a:after {
  border-top-color: #FF3F00;
}

.test-result i {
  color: #fff;
  line-height: 16px;
}

.conducted-test-metrics ul.conducted-test-metrics-orbs li[data-points=""] a {
  background-color: #f3f3f3;
}

/* teaser */

.conducted-test-metrics.conducted-test-metrics-teaser ul.conducted-test-metrics-orbs li a {
  background-color: #333 !important;
}

.conducted-test-metrics.conducted-test-metrics-teaser ul.conducted-test-metrics-orbs li a:hover:after,
.conducted-test-metrics.conducted-test-metrics-teaser ul.conducted-test-metrics-orbs li.uk-active a:after {
  border-top-color: #333 !important;
}

.conducted-test-container {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: transparent;
}

.conducted-test-container-highlight {
  background-color: #002D6D;
  padding-top: 60px;
  padding-bottom: 60px;
}

.pattern-metrics-scale {
  overflow: hidden;
  /* for marker */
  position: relative;
  background-color: #333;
  padding: 15px 0px;
  /* do not put left padding; makes calculations easier */
  border-radius: 8px;
  /* the natural height of this is ~109px, but let's assume 112px */
  /* we need to know this in order to hack-position the marker */
}

.pattern-metrics-scale p {
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  padding-left: 15px;
  padding-right: 15px;
  /* we need to assign these two so that the marker does not overlap this paragraph! */
  position: relative;
  z-index: 11;
}

@media (max-width: 639px) {
  /* up to 639px */
}

@media (min-width: 640px) {
  /* 640px+ */
}

@media (max-width: 959px) {
  /* up to 959px */

  .pattern-metrics-scale p {
    margin-bottom: 0;
  }
}

@media (min-width: 960px) {
  /* 960px+ */
}

@media (max-width: 1199px) {
  /* up to 1199px */
}

@media (min-width: 1200px) {
  /* 1200px+ */
}

@media (max-width: 1599px) {
  /* up to 1599px */
}

@media (min-width: 1600px) {
  /* 1600px+ */
}

.pattern-metrics-scale p .pattern-metrics-scale-tests-count {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background-color: #000;
  font-weight: 700;
}

.pattern-metrics-scale p .pattern-metrics-scale-repeatability {
  background-color: #000;
  padding: 2px 7px;
  border-radius: 8px;
  margin-right: 6px;
  margin-left: 3px;
  font-weight: 700;
  font-size: 18px;
}

.pattern-metrics-scale p .pattern-metrics-scale-median-effect {
  background-color: #000;
  padding: 2px 7px;
  border-radius: 8px;
  margin-right: 6px;
  margin-left: 3px;
  font-weight: 700;
  font-size: 18px;
}

@media (max-width: 639px) {
  /* up to 639px */
}

@media (min-width: 640px) {
  /* 640px+ */
}

@media (max-width: 959px) {
  /* up to 959px */

  .pattern-metrics-scale p .pattern-metrics-scale-median-effect {
    display: inline-block;
  }
}

@media (min-width: 960px) {
  /* 960px+ */
}

@media (max-width: 1199px) {
  /* up to 1199px */
}

@media (min-width: 1200px) {
  /* 1200px+ */
}

@media (max-width: 1599px) {
  /* up to 1599px */
}

@media (min-width: 1600px) {
  /* 1600px+ */
}

.pattern-metrics-scale p .pattern-metrics-scale-median-effect-positive {
  background-color: #6BBF23;
  /* dark green */
  /*background-color: #B5DF91;*/
  /* light green */
}

.pattern-metrics-scale p .pattern-metrics-scale-median-effect-negative {
  background-color: #FF3F00;
  /* dark red */
  /*background-color: #FF9F80;* /* light red */
}

.pattern-metrics-scale .uk-width-auto {
  position: relative;
}

.pattern-metrics-scale .pattern-metrics-scale-marker {
  z-index: 10;
  /*top: 0;*/
  top: -66px;
  /* based on natural flow */
  position: absolute;
  display: inline-block;
  background-color: #000;
  width: 15px;
  /*height: 100%;*/
  height: 112px;
}

.pattern-metrics-scale .pattern-metrics-scale-marker:after {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  top: 59px;
  width: 3px;
  height: 15px;
  background-color: #fff;
}

.pattern-metrics-scale .pattern-metrics-scale-grid {
  position: relative;
}

.pattern-metrics-scale .pattern-metrics-scale-grid:after {
  content: "";
  position: absolute;
  left: 210px;
  top: 0px;
  width: 540px;
  height: 1px;
  background-color: #555;
}

/**/

/* nested in pattern-item... 80px less */

/**/

.pattern-item .pattern-metrics-scale .pattern-metrics-scale-grid:after {
  left: 170px;
}

.pattern-metrics-scale .pattern-metrics-scale-number {
  z-index: 12;
  position: relative;
  width: 40px;
  font-size: 13px;
  padding-top: 10px;
  font-weight: 700;
}

.pattern-metrics-scale .pattern-metrics-scale-number:after {
  z-index: 9;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 0;
  content: "";
  width: 1px;
  height: 5px;
  background-color: #555;
}

.pattern-metrics-scale[data-pattern-repeatability="0"] .pattern-metrics-scale-number.pattern-metrics-scale-number-zero:after,
.pattern-metrics-scale[data-pattern-repeatability="-1"] .pattern-metrics-scale-number.pattern-metrics-scale-number-negative-1:after,
.pattern-metrics-scale[data-pattern-repeatability="-2"] .pattern-metrics-scale-number.pattern-metrics-scale-number-negative-2:after,
.pattern-metrics-scale[data-pattern-repeatability="-3"] .pattern-metrics-scale-number.pattern-metrics-scale-number-negative-3:after,
.pattern-metrics-scale[data-pattern-repeatability="-4"] .pattern-metrics-scale-number.pattern-metrics-scale-number-negative-4:after,
.pattern-metrics-scale[data-pattern-repeatability="-5"] .pattern-metrics-scale-number.pattern-metrics-scale-number-negative-5:after,
.pattern-metrics-scale[data-pattern-repeatability="1"] .pattern-metrics-scale-number.pattern-metrics-scale-number-positive-1:after,
.pattern-metrics-scale[data-pattern-repeatability="2"] .pattern-metrics-scale-number.pattern-metrics-scale-number-positive-2:after,
.pattern-metrics-scale[data-pattern-repeatability="3"] .pattern-metrics-scale-number.pattern-metrics-scale-number-positive-3:after,
.pattern-metrics-scale[data-pattern-repeatability="4"] .pattern-metrics-scale-number.pattern-metrics-scale-number-positive-4:after,
.pattern-metrics-scale[data-pattern-repeatability="5"] .pattern-metrics-scale-number.pattern-metrics-scale-number-positive-5:after {
  background-color: #fff;
}

.pattern-metrics-scale .pattern-metrics-scale-label {
  color: #ccc;
  font-weight: 300;
  width: 200px;
  font-size: 16px;
  margin-top: -13px;
}

.pattern-metrics-scale .pattern-metrics-scale-number-positive {
  color: #6BBF23;
}

.pattern-metrics-scale .pattern-metrics-scale-number-negative {
  color: #FF9F80;
}

.pattern-metrics-scale .pattern-metrics-scale-number-zero {
  color: #ccc;
}

/* author patterns, /authors/      page */

/* contributors,    /contributors/ page */

@media (max-width: 639px) {
  /* up to 639px */
}

@media (min-width: 640px) {
  /* 640px+ */
}

@media (max-width: 959px) {
  /* up to 959px */
}

@media (min-width: 960px) {
  /* 960px+ */

  .author-patterns {
    margin-left: 150px;
  }
}

@media (max-width: 1199px) {
  /* up to 1199px */
}

@media (min-width: 1200px) {
  /* 1200px+ */
}

@media (max-width: 1599px) {
  /* up to 1599px */
}

@media (min-width: 1600px) {
  /* 1600px+ */
}

.author-pattern a {
  color: #FF3F00 !important;
}

.author-pattern .author-pattern-profile-image {
  display: inline-block;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  border: 3px solid #fff;
}

.author-pattern .author-pattern-author {
  font-size: 16px;
  font-weight: 300;
}

.author-pattern .author-pattern-stats {
  font-size: 16px;
  font-weight: 300;
}

@media (min-width: 640px) {
  /* 640px+ */

  .author-pattern .author-pattern-author {
    font-size: 20px;
    line-height: 1;
  }

  .author-pattern .author-pattern-stats {
    font-size: 16px;
    line-height: 1;
  }
}

.author-pattern .author-pattern-author strong,
.author-pattern .author-pattern-stats strong {
  font-weight: 700;
}

.author-pattern .author-pattern-pattern-title {
  color: #FF3F00;
  font-size: 22px;
}

@media (min-width: 640px) {
  /* 640px+ */

  .author-pattern .author-pattern-pattern-title {
    font-size: 28px;
  }
}

@media (min-width: 640px) {
  /* 640px+ */

  .author-pattern .author-pattern-pattern-title {
    display: flex;
    align-items: center;
  }
}

.author-pattern .pattern-item-stat {
  /*
  clear: both !important;
  display: inline-block;
  margin-top: 20px;
  margin-left: 0 !important;
  */
}

@media (min-width: 640px) {
  /* 640px+ */
}

.author-pattern .author-pattern-conducted-tests {
  color: #666;
  font-weight: 300;
  font-size: 16px;
}

.author-pattern .author-pattern-meta-links {
  font-weight: 300;
  color: #ddd;
  line-height: 1;
}

.author-pattern .author-pattern-conducted-tests {
  color: #666;
  font-weight: 300;
}

.author-pattern .author-test-list {
  color: #ddd;
}

.author-rank {
  text-align: right;
  color: #999;
  font-weight: 100;
  font-size: 34px;
  letter-spacing: -2px;
}

.user-item-date:before {
  content: " | ";
  display: inline-block;
}

@media (max-width: 959px) {
  .user-item-date {
    order: -1;
    display: block;
  }

  .user-item-date:before {
    display: none;
  }
}

.user-items-list li {
  position: relative;
  border-radius: 8px;
  font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #4F4F4F;
  font-weight: 300;
  background-color: #D9E4F0;
  /**/
  padding: 30px 30px 20px 30px;
  margin-bottom: 50px;
  display: flex;
}

@media (max-width: 959px) {
  .user-items-list li {
    flex-direction: column;
  }
}

@media (min-width: 960px) {
  /* 960px+ */

  .user-items-list li {
    padding: 10px 30px;
    margin-bottom: 24px;
  }
}

.user-items-list li * {
  margin-bottom: 0;
  vertical-align: top;
  /* or middle */
}

.user-items-list li .user-item-date {
  display: block;
  color: #4F4F4F;
}

@media (min-width: 960px) {
  /* 960px+ */

  .user-items-list li .user-item-date {
    display: inline-block;
    width: 100px;
  }
}

.user-items-list li .user-item-user-profile-image {
  position: absolute;
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 5px solid #fff;
  /**/
  left: 50%;
  top: -36px;
  margin-left: -34px;
}

@media (min-width: 960px) {
  /* 960px+ */

  .user-items-list li .user-item-user-profile-image {
    left: 20px;
    top: -11px;
    margin-left: 0;
  }
}

.user-items-list li .user-item-line {
  display: inline-block;
  font-weight: 300;
}

@media (min-width: 960px) {
  /* 960px+ */

  .user-items-list li .user-item-line {
    margin-right: 8px;
    margin-left: 64px;
    font-weight: 300;
  }
}

.user-items-list li .user-item-pattern {
  color: #ff3f00;
}

.user-items-list li .user-item-url {
  font-weight: bold;
  color: #444;
}

.template-templates .populated {
  border-color: #222 !important;
}

.template-template h1 {
  text-transform: capitalize;
}

.template-template .better-green {
  color: #6bbf22;
  font-weight: bold;
}

.template-body-region {
  background-color: #fff;
}

.template-thumb-wrapper {
  display: inline-block;
  max-height: 370px;
  overflow: hidden;
}

.template-thumb-wrapper img {
  transition: all 0.33s;
}

.template-thumb-wrapper:hover {
  display: inline-block;
}

.template-thumb-wrapper:hover img {
  transform: scale(1.06);
}

.template-thumb-wrapper {
  border-bottom: 1px solid #CCCCCC;
}

.is-better .template-thumb-wrapper {
  border-color: #6bbf22;
}

.is-best .template-thumb-wrapper {
  border-color: #222;
}

.template-metric-badge {
  position: absolute;
  top: -20px;
  padding: 2px 12px;
  line-height: 24px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
}

.is-better .template-metric-badge {
  background-color: #6bbf22;
}

.is-best .template-metric-badge {
  background-color: #222;
}

.template-subline {
  font-size: 19px;
  text-transform: uppercase;
}

.template-use-case h3 {
  font-size: 26px;
}

.template-use-case,
.cta-box-obtain,
.c-figma-download {
  background-color: #fff;
  border-radius: 8px;
}

.c-figma-download {
  padding: 10px 30px 20px;
  position: relative;
}

.c-figma-download__link a {
  margin-right: 1ch;
}

.c-figma-download__link + .new-badge {
  margin-left: 0;
}

.c-figma-download__allversions {
  margin: 0;
  padding: 0;
}

.c-figma-download__allversions li {
  list-style: none;
}

.c-figma-download__allversions[aria-hidden=true] {
  display: none;
}

.c-figma-download__allversions[aria-hidden=false] {
  display: block;
  border-top: 1px solid #CCC;
  margin-top: 8px;
  padding-top: 8px;
  line-height: 1.6;
  font-size: 13px;
}

.c-figma-download__toggle {
  position: absolute;
  right: 20px;
  top: 10px;
  color: #FF3F00;
  font-family: Oswald, Sans-Serif;
  font-style: normal;
  font-weight: 300;
  font-size: 19px;
  line-height: 2.11;
  background: transparent;
  border: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.c-figma-download__toggle:hover,
.c-figma-download__toggle:focus {
  text-decoration: underline;
  outline: 0;
}

.c-figma-download__toggle::-moz-focus-inner {
  border: 0;
}

.c-figma-download__fineprint {
  font-size: 13px;
  line-height: 1.23;
  color: #999999;
  margin: 0;
  display: block;
}

.c-figma-download__link {
  font-family: Oswald, Sans-Serif;
  font-style: normal;
  font-weight: 300;
  font-size: 19px;
  line-height: 40px;
}

.c-figma-download__version-date {
  color: #444444;
  font-weight: 300;
  font-size: 16px;
  line-height: 2.5;
}

.c-figma-download__date {
  text-transform: uppercase;
  border-left: 1px solid #C4C4C4;
  margin-left: 7px;
  padding-left: 9px;
}

.template-headline-usecases {
  font-size: 42px;
}

.headline-kicker {
  font-size: 16px;
  text-transform: uppercase;
  display: block;
}

.ps-image {
  margin-right: -50vw;
  max-width: 100vw;
}

.icon--canbeusedfor {
  margin-top: -5px;
  margin-right: 6px;
}

.icon--psteaser {
  margin-top: -5px;
  margin-right: 6px;
}

.icon--withinheadline {
  margin-top: -10px;
  margin-left: 10px;
}

.template-filter {
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
}

.template-filter select {
  margin-right: 20px;
  margin-left: 5px;
}

.template-filter .select-label {
  text-transform: uppercase;
}

.template-can-be-used-for {
  list-style: none;
  margin: 25px 0 50px;
  padding: 0;
}

.template-can-be-used-for li {
  display: inline-block;
  color: #FF3F00;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Oswald", sans-serif;
  margin-right: 25px;
  font-size: 16px;
}

.template-ps-headlines {
  font-size: 50px;
  line-height: 62px;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: #222222;
}

.template-calculation-line {
  height: 16px;
  background-color: #222222;
  box-sizing: border-box;
  position: relative;
  right: 50%;
  left: 50%;
  display: inline-block;
  margin: 0 -50vw 50px;
  width: 100vw;
  max-width: none;
}

.template-equals,
.template-plus {
  position: absolute;
  left: -120px;
}

.template-plus {
  margin-top: -130px;
}

.ps-teaser {
  margin-right: 20px;
  font-family: Oswald, Sans-Serif;
  font-style: normal;
  font-weight: 300;
  font-size: 19px;
  line-height: 40px;
  text-transform: uppercase;
}

.template-equation {
  position: relative;
}

.new-badge {
  font-family: Oswald, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  background: #FF9900;
  border-radius: 4px;
  display: inline-block;
  margin: 0 10px;
  padding: 0 10px;
  text-transform: uppercase;
}

.free-badge {
  display: inline-block;
  color: #FFFFFF;
  background: #FF3F00;
  border-radius: 4px;
  margin: 0 10px;
  padding: 0 10px;
  text-transform: uppercase;
  font-family: Oswald, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
}

.template-item-meta {
  margin-top: 6px;
  margin-right: 6px;
  z-index: 2;
}

.template-item-meta .free-badge,
.template-item-meta .new-badge,
.template-item-meta .icon--psteaser {
  margin: 0 4px 0 0;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}

.template-item-meta > .ps-teaser-dm,
.template-item-meta .ps-teaser {
  margin-right: 0;
  display: flex;
  justify-content: flex-end;
  align-content: center;
}

.template-item-meta .free-badge,
.template-item-meta .new-badge {
  margin-top: 2px;
}

.c-collaborators {
  overflow: auto;
}

.c-collaborators__name {
  font-size: 19px;
  color: #444;
  display: inline-block;
}

.c-collaborators__company {
  display: block;
  font-size: 13px;
  color: #999999;
  line-height: 1;
  min-width: 140%;
}

.c-collaborators ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-collaborators li {
  float: left;
  display: inline-block;
  margin-right: 35px;
}

.c-collaborators .creator-40 {
  float: left;
  margin-right: 5px;
  max-width: 46px;
}

.creator-80 {
  margin-left: 11px;
  border: 4px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 50%;
  max-width: 80px;
}

.creator-40 {
  border: 3px solid #CCCCCC;
  border-radius: 50%;
}

.ps-container {
  border-top: 1px solid #CCCCCC;
  padding: 35px 0 50px;
}

.ps-container--no-border {
  padding-top: 0;
  border: none;
  margin-top: -13px;
}

.template-teasers {
  display: flex;
  justify-content: center;
  position: relative;
  right: 50%;
  left: 50%;
  box-sizing: border-box;
  margin-right: -50vw;
  margin-left: -50vw;
  width: 100vw;
  max-width: none;
  flex-wrap: wrap;
}

.template-info {
  text-transform: uppercase;
  margin: 0.5em 0;
}

.template-info-ps {
  margin-right: 20px;
}

.template-teaser-subline p {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.5em;
}

.template-version {
  color: #999;
  text-transform: lowercase;
}

.templates-filter-checkboxes {
  display: inline-block;
}

.template-item {
  max-width: 470px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
  margin: 0 8px;
  flex: 0 0 470px;
}

.template-item .creator-40 {
  max-width: 46px;
}

.template-item ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.template-item ul li {
  display: inline;
}

.template-item-textbox {
  position: relative;
  padding: 20px;
}

.template-item-textbox h2 {
  margin: 0;
  font-size: 26px;
  text-transform: capitalize;
}

.template-item-meta {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: flex-end;
}

/* ######### */

.template-template {
  overflow-x: hidden;
}

.template-template #additional {
  border-top: 10px solid rgba(0, 0, 0, 0.1);
  border-bottom: 10px solid rgba(0, 0, 0, 0.1);
  /*margin-top: -100px;*/
}

.template-template .template-meta {
  color: #fff;
  text-align: center;
}

.template-template .template-meta h1 {
  color: #fff;
}

.template-template .template-meta p.buy-msg {
  color: #fff;
}

.template-template .template-meta p.buy-msg strong {
  font-weight: 700;
}

.template-template .template-current-version-number {
  color: #aaa;
}

.template-template .template-subtitle {
  font-weight: 300;
  font-size: 21px;
}

.template-template .template-title-meta {
  font-weight: 300;
}

.template-template .template-image-secondary {
  border-top: 10px solid rgba(0, 0, 0, 0.1);
  border-bottom: 10px solid rgba(0, 0, 0, 0.1);
  padding: 20px 0;
}

.template-template .template-properties ul li a {
  color: #FF3F00;
}

.template-template .template-comes-with .template-comes-with-item {
  text-align: center;
}

.template-template .template-comes-with .template-comes-with-item h4 {
  color: #fff;
}

.template-template .template-comes-with .template-comes-with-item img {
  display: block;
  margin: 0 auto;
}

.template-template .template-comes-with .template-comes-with-item p {
  color: #999;
}

.template-template .template-file-format-item {
  text-align: left;
}

.template-template .template-file-format-item .template-file-format-item-image {
  width: 60px;
  height: auto;
}

.template-template .template-file-format-item .template-file-format-item-title {
  color: #fff;
}

.template-template .template-file-format-item .template-file-format-item-description {
  color: #999;
}

.template-template .template-changelog {
  color: #999;
}

.template-template .template-changelog h5,
.template-template .template-changelog ul li p {
  color: #999 !important;
}

.template-leaks .leaks-results-heading {
  padding-left: 40px;
}

.template-leak .image-inner {
  border: 1px solid #aaa;
  display: block;
}

.template-leak figure {
  padding: 0px;
  margin: 0px;
}

.template-leak figcaption {
  color: #666;
  font-style: italic;
  text-align: center;
  padding-top: 10px;
}

.template-leak figcaption::before {
  counter-increment: figures;
  content: "Figure " counter(figures) ": ";
}

.leak-section {
  margin-top: 80px;
}

.leak-section h2 {
  text-align: center;
  padding-top: 30px;
  border-top: 1px solid #ddd;
}

.leak-comments {
  padding-top: 30px;
  border-top: 1px solid #ddd;
}

.pattern-leaks {
  font-size: 14px;
}

.leak-title {
  letter-spacing: -0.01em;
  font-weight: 700;
}

.leak-meta {
  font-size: 19px;
}

.leak-meta .leak-date {
  margin-right: 10px;
}

.leak-item .leak-meta {
  font-size: 16px;
  margin-bottom: 5px;
}

.leak-body {
  font-size: 22px;
  line-height: 38px;
}

.template-leaks .leak-variants:hover img {
  border-color: #ff3f00 !important;
}

.leak-variants-count-2 .leak-variants .leak-variant img {
  border-width: 5px;
}

.leak-variants .leak-variant .leak-variant-title {
  overflow: auto;
  z-index: 10;
  display: inline-block;
  text-align: center;
  color: #fff;
  padding: 6px 15px;
  font-size: 18px;
  margin-bottom: -21px;
  margin-top: 10px;
  background-color: #000;
}

.template-leaks .leak-variants .leak-variant .leak-variant-title {
  padding: 3px 8px;
  margin-bottom: -17px;
  border-radius: 4px;
  font-size: 16px;
}

.template-leak .leak-variants .leak-variant .leak-variant-title {
  border-radius: 8px;
}

.leak-variants .leak-variant .leak-variant-title.leak-variant-title-with-status.leak-variant-title-rejected {
  background: #ff3f00;
}

.leak-variants .leak-variant .leak-variant-title.leak-variant-title-with-status.leak-variant-title-implemented {
  background: #6bbf22;
}

.template-leaks .leak-variants .leak-variant .leak-variant-title.leak-variant-title-with-status {
  margin-left: 5px;
}

.template-leak .leak-variants .leak-variant .leak-variant-title.leak-variant-title-with-status {
  margin-top: -35px;
  margin-bottom: -24px;
  padding: 8px 15px;
}

@media (max-width: 639px) {
  .template-leak .leak-variants .leak-variant .leak-variant-title.leak-variant-title-with-status {
    /* up to 639px */
    margin-top: 50px;
  }
}

@media (min-width: 640px) {
  .template-leak .leak-variants .leak-variant .leak-variant-title.leak-variant-title-with-status {
    /* 640px+ */
  }
}

@media (max-width: 959px) {
  .template-leak .leak-variants .leak-variant .leak-variant-title.leak-variant-title-with-status {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .template-leak .leak-variants .leak-variant .leak-variant-title.leak-variant-title-with-status {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .template-leak .leak-variants .leak-variant .leak-variant-title.leak-variant-title-with-status {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .template-leak .leak-variants .leak-variant .leak-variant-title.leak-variant-title-with-status {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .template-leak .leak-variants .leak-variant .leak-variant-title.leak-variant-title-with-status {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .template-leak .leak-variants .leak-variant .leak-variant-title.leak-variant-title-with-status {
    /* 1600px+ */
  }
}

.leak-variants .leak-variant .leak-variant-title span.inner-span {
  margin-top: 5px;
  display: inline-block;
  background: #000;
  color: #fff;
  border-radius: 8px;
  padding: 6px 15px;
  font-size: 18px;
}

.leak-variants .leak-variant img {
  transition: all 0.2s linear;
  border-width: 3px;
  border-style: solid;
  border-color: #ccc;
}

.leak-variants .leak-variant.leak-variant-rejected img {
  border-color: #ff3f00;
}

.leak-variants .leak-variant.leak-variant-implemented img {
  border-color: #6bbf22;
}

@media (max-width: 639px) {
  .leak-changes .numbered li {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .leak-changes .numbered li {
    /* 640px+ */
  }
}

@media (max-width: 959px) {
  .leak-changes .numbered li {
    /* up to 959px */
    margin: 40px 0 40px 50px;
  }
}

@media (min-width: 960px) {
  .leak-changes .numbered li {
    /* 960px+ */
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 1199px) {
  .leak-changes .numbered li {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .leak-changes .numbered li {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .leak-changes .numbered li {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .leak-changes .numbered li {
    /* 1600px+ */
  }
}

.leak-change-pattern {
  background-color: #fff;
  border-radius: 8px;
}

.leak-change-pattern .leak-change-pattern-title {
  color: #ff3f00;
  font-size: 26px;
}

.leak-change-pattern .leak-change-pattern-body p:last-of-type {
  margin-bottom: 0;
}

.leak-change-pattern .leak-change-pattern-auto-text {
  font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 19px;
}

.leak-item-mini {
  background-color: #fff;
  padding: 15px;
  border-radius: 8px;
}

.leak-item-mini:hover .leak-item-mini-title span {
  text-decoration: underline !important;
}

.leak-item-mini .leak-item-mini-image {
  margin-bottom: 3px;
}

.leak-item-mini .leak-item-mini-title {
  margin-top: 0;
  font-size: 16px;
  color: #666;
  margin-bottom: 0;
}

.leak-item-mini .leak-item-mini-title span {
  font-size: 19px;
  color: #ff3f00;
}

.leak-item-mini img {
  border: 1px solid #ccc;
  transition: all 0.2s linear;
}

.leak-item-mini img:hover {
  border: 1px solid #ff3f00;
}

.leak-item {
  overflow: hidden;
  /* for "full preview" ribbon */
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
  /**/
  padding: 15px 20px;
}

@media (min-width: 960px) {
  .leak-item {
    /* 960px+ */
    padding: 30px 40px;
  }
}

@media (max-width: 639px) {
  .leak-item .leak-meta {
    /* up to 639px */
    line-height: 2;
  }
}

@media (min-width: 640px) {
  .leak-item .leak-meta {
    /* 640px+ */
  }
}

@media (max-width: 959px) {
  .leak-item .leak-meta {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .leak-item .leak-meta {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .leak-item .leak-meta {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .leak-item .leak-meta {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .leak-item .leak-meta {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .leak-item .leak-meta {
    /* 1600px+ */
  }
}

.leak-item .leak-item-title {
  font-size: 26px;
  color: #ff3f00;
}

.leak-item .leak-item-image-wrapper {
  position: relative;
  text-align: center;
}

@media (max-width: 639px) {
  .leak-item .leak-item-image-wrapper .view-leak-button {
    /* up to 639px */
    padding: 0 15px;
    line-height: 30px;
    font-size: 0.875rem;
  }
}

@media (min-width: 640px) {
  .leak-item .leak-item-image-wrapper .view-leak-button {
    /* 640px+ */
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    bottom: 50px;
    width: 180px;
    margin-left: -90px;
    transition: all 0.2s linear;
  }
}

@media (max-width: 959px) {
  .leak-item .leak-item-image-wrapper .view-leak-button {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .leak-item .leak-item-image-wrapper .view-leak-button {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .leak-item .leak-item-image-wrapper .view-leak-button {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .leak-item .leak-item-image-wrapper .view-leak-button {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .leak-item .leak-item-image-wrapper .view-leak-button {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .leak-item .leak-item-image-wrapper .view-leak-button {
    /* 1600px+ */
  }
}

.leak-item .leak-image-wrapper {
  position: relative;
  text-align: center;
}

.leak-presentation__header {
  padding: 0 40px;
}

.leak-presentation__title {
  line-height: 1;
}

.conducted-test-date {
  margin-right: 10px;
}

.card-item--meta {
  color: #4F4F4F;
  font-weight: 300;
}

.discover-patterns-title {
  text-transform: uppercase;
  font-size: 16px;
  color: #444 !important;
}

.conducted-test-list-item {
  font-weight: 300;
}

.idea .idea-title {
  letter-spacing: -0.01em;
}

.idea .idea-box {
  position: absolute;
  left: -185px;
  top: -10px;
  width: 185px;
  height: 185px;
}

.idea .idea-tweet {
  text-align: center;
  display: inline-block;
  margin-top: 10px;
}

.idea .idea-tweet .idea-tweet-icon {
  display: block;
  background-color: #fff;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 36px;
  margin-bottom: 2px;
}

.idea .idea-tweet .idea-tweet-icon:hover {
  background-color: #ff3f00;
  color: #fff;
}

.idea .idea-tweet .idea-tweet-label {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
}

.idea .idea-number-container {
  overflow: auto;
  display: block;
  background-color: #666;
  color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
}

.idea .idea-number-container .idea-number-title {
  display: block;
  color: #ddd;
  font-size: 13px;
  text-transform: lowercase;
  margin-top: 10px;
  font-weight: 400;
  letter-spacing: 1px;
}

.idea .idea-number-container .idea-number {
  display: block;
  font-size: 38px;
  font-weight: bold;
  line-height: 0.9;
}

.idea .idea-labels {
  text-align: center;
  color: #aaa;
  font-size: 13px;
  line-height: 0.9;
  text-transform: uppercase;
}

body.template-betterui {
  counter-reset: headings headings-mobile;
}

.template-betterui #content {
  /************************************ PATTERN: BUTTON ***************************/
  /************************************ INTRO ***************************/
  /************************************ EXAMPLES ***************************/
  /******************************** BENEFITS ************************/
  /******************************** TESTIMONIALS ************************/
  /******************************** MEDIA QUERIES ************************/
}

.template-betterui #content > section {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.template-betterui #content * > section {
  margin-top: 50px;
}

.template-betterui #content h2 {
  font-size: 3em;
  margin-top: 45px;
  margin-bottom: 35px;
  /*font-family: OswaldLight;*/
  font-weight: 300;
  line-height: 1.3;
}

.template-betterui #content h2 small {
  display: block;
}

.template-betterui #content h3 {
  /*font-family: OswaldLight;*/
  font-weight: 300;
  margin-bottom: 10px;
  font-size: 1.7em;
  line-height: 1.2;
}

.template-betterui #content h3 em {
  /*font-family: OswaldBold;*/
  font-style: normal;
}

.template-betterui #content h3 small {
  display: block;
  /*font-family: OswaldLight;*/
}

.template-betterui #content h4 {
  /*font-family: OswaldBold;*/
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 1em;
}

.template-betterui #content p {
  margin-bottom: 15px;
  font-family: Arial;
}

.template-betterui #content h2 + p {
  text-align: center;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.template-betterui #content ul {
  list-style: none;
  padding: 0;
}

.template-betterui #content .img-wrapper {
  text-align: center;
}

.template-betterui #content .cols-2:after {
  content: "";
  clear: both;
  display: block;
}

.template-betterui #content .cols-2 > div {
  float: left;
  width: 50%;
  padding: 0 20px;
}

.template-betterui #content .separate,
.template-betterui #content .cta-block.separate {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 80px;
  padding-bottom: 75px;
  margin-top: 0;
  margin-bottom: 0;
}

.template-betterui #content .separate + .separate {
  border-top: 0;
}

.template-betterui #content section > h2:first-child {
  margin-top: 0;
}

.template-betterui #content .button-wrapper {
  text-align: center;
}

.template-betterui #content .button-wrapper p {
  font-size: 0.9em;
}

.template-betterui #content .col-checkmarks {
  text-align: center;
}

.template-betterui #content .col-checkmarks li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}

.template-betterui #content .col-checkmarks li:last-child {
  margin-right: 0;
}

.template-betterui #content .col-checkmarks li:before {
  background: url(./../dist/images/checkmark.png?20e42fc8a7be85081fe396ac757ca926);
  content: "";
  margin-right: 6px;
  display: inline-block;
  width: 26px;
  height: 26px;
  float: left;
  position: relative;
  top: 0;
}

.template-betterui #content .cta-block {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 10px 0 10px;
  overflow: hidden;
  text-align: center;
}

.template-betterui #content body > .cta-block {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.template-betterui #content .cta-block h2 {
  margin-top: 0;
  margin-bottom: 10px;
}

.template-betterui #content .cta-block .button {
  font-size: 1.4em;
  padding: 0 25px;
  margin-bottom: 40px;
  line-height: 50px;
  height: 50px;
}

.template-betterui #content .intro h2 {
  font-size: 1.6em;
  margin-bottom: 10px;
  margin-top: 0;
}

.template-betterui #content .metric {
  color: #fff;
  background: #444;
  text-align: center;
  /*font-family: OswaldBold;*/
  padding: 10px;
  border-radius: 10px;
  display: inline-block;
  margin: 0 2px;
}

.template-betterui #content section.examples {
  width: 100% !important;
  max-width: 100% !important;
  height: 1090px;
}

.template-betterui #content .nav-wrapper {
  margin-bottom: 4px;
  height: 60px;
  position: relative;
}

.template-betterui #content .nav-wrapper:before {
  content: "";
  float: left;
  background: #fff;
  height: 60px;
  line-height: 60px;
  width: 10%;
}

.template-betterui #content .nav-wrapper:after {
  content: "";
  float: left;
  background: #fff;
  height: 60px;
  line-height: 60px;
  width: 10%;
  display: block;
}

.template-betterui #content .nav {
  width: 80%;
  float: left;
  margin: 0;
  padding: 0 4px;
  position: relative;
  z-index: 2;
  display: block;
}

.template-betterui #content .nav li {
  float: left;
  width: 33.33%;
  background: #fff;
  height: 60px;
  line-height: 60px;
  margin: 0;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.template-betterui #content .nav .heading:hover {
  color: black !important;
  /*font-family: OswaldRegular;*/
}

.template-betterui #content .nav li.selected {
  background: #333;
  cursor: default;
}

.template-betterui #content .nav li.selected .heading,
.template-betterui #content nav li.selected:hover .heading {
  color: white !important;
}

.template-betterui #content .nav li:nth-child(2) {
  border-left: 4px solid #f5f5f5;
  border-right: 4px solid #f5f5f5;
}

.template-betterui #content .nav .heading {
  display: block;
  overflow: hidden;
  font-size: 1.4em;
  color: #FF3F00;
  height: 60px;
  padding: 0 15px 0 25px;
  font-weight: 400;
  /*font-family: OswaldRegular;*/
}

.template-betterui #content .nav .heading:before {
  content: "";
  margin-right: 10px;
  counter-increment: headings;
  content: counter(headings) ".";
  font-weight: 700;
}

.template-betterui #content .nav .details {
  display: none;
  line-height: 1.4;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  background: #333;
  padding: 0 25px 25px 25px;
  position: relative;
  color: #ccc;
}

.template-betterui #content .nav .details:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  border-top: 20px solid #333;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  margin-left: -20px;
}

.template-betterui #content .nav :last-child .details:after {
  margin-left: -80px;
}

.template-betterui #content .nav li.selected .details {
  display: block;
}

.template-betterui #content .example-wrapper {
  background: white;
  clear: both;
  position: relative;
}

.template-betterui #content .examples h3 {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
}

.template-betterui #content .heading-mobile {
  display: none;
  margin-top: 40px;
}

.template-betterui #content .heading-mobile h3:before {
  content: "";
  margin-right: 10px;
  counter-increment: headings-mobile;
  content: counter(headings-mobile) ".";
  font-weight: 700;
}

.template-betterui #content .example-map {
  background: url(./../dist/images/examples_map.png?5cb244b56c9ef7605d7bbf8d5c527d9c) no-repeat center white;
  width: 100%;
  height: 804px;
  position: absolute;
  top: 100px;
  left: 0;
}

.template-betterui #content .example {
  width: 550px;
  height: 550px;
  position: absolute;
  top: 150px;
  border-radius: 100%;
  border: 8px solid #ccc;
  box-shadow: 0 0 25px 10px white;
}

.template-betterui #content .example-1 {
  background: url(./../dist/images/example1.png?d3f2888468daa84849cfe8a0d0b8dc16) no-repeat center white;
  left: 25%;
  margin-left: -250px;
}

.template-betterui #content .example-2 {
  background: url(./../dist/images/example2.png?68a80f098eba5012fed73e73c63bcc6b) no-repeat center white;
  left: 50%;
  margin-left: -275px;
  display: none;
}

.template-betterui #content .example-3 {
  background: url(./../dist/images/example3.png?accd1fd79937dc2ffb8022916b7b60c6) no-repeat center white;
  width: 700px;
  height: 700px;
  left: 75%;
  margin-left: -450px;
  display: none;
}

.template-betterui #content .benefits {
  clear: both;
  max-width: 800px;
  margin: 40px auto 0 auto;
}

.template-betterui #content .benefits h2 {
  margin-bottom: 40px;
}

.template-betterui #content .benefit {
  padding-left: 70px;
  margin-bottom: 50px;
}

.template-betterui #content .benefits h3 {
  position: relative;
}

.template-betterui #content .benefits h3:before {
  counter-increment: headings;
  content: counter(headings);
  background: #444;
  border-radius: 100%;
  line-height: 50px;
  width: 50px;
  text-align: center;
  display: block;
  color: #FFFFFF;
  position: absolute;
  top: -10px;
  left: -70px;
  border: 8px solid white;
}

.template-betterui #content .benefits .price {
  /*font-family: OswaldLight;*/
  background: white;
  padding: 2px 15px;
  margin-left: 10px;
  border-radius: 4px;
}

.template-betterui #content .testimonial {
  clear: both;
  margin-bottom: 80px;
  overflow: hidden;
}

.template-betterui #content .testimonial:last-child {
  margin-bottom: 0;
}

.template-betterui #content .testimonial:after {
  clear: both;
  display: block;
}

.template-betterui #content .testimonial .details {
  overflow: hidden;
}

.template-betterui #content .testimonial .screenshot {
  float: left;
  margin-right: 40px;
  border: 8px solid #ccc;
  box-shadow: 0 0 10px 0 #ddd;
}

.template-betterui #content .testimonial h3 {
  font-size: 2.5em;
  /*font-family: OswaldBold;*/
  margin-bottom: 0;
}

.template-betterui #content .testimonial h3 > * {
  display: inline-block;
  vertical-align: middle;
}

.template-betterui #content .testimonial .person {
  /*font-family: OswaldLight;*/
  font-family: "Oswald", sans-serif;
  font-size: 1.5em;
  margin-top: 0 !important;
}

.template-betterui #content .testimonial blockquote {
  font-family: Arial, sans-serif;
  position: relative;
  padding-left: 30px;
  padding-bottom: 10px;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
}

.template-betterui #content .testimonial blockquote:before {
  background: url(./../dist/images/quote-open.png?d6a8cc8fdedb95eae43b1dd28e2a07df);
  width: 24px;
  height: 22px;
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
}

.template-betterui #content .testimonial blockquote:after {
  background: url(./../dist/images/quote-closed.png?045419d6bf3bb020e795b97cb5dbb9a7);
  width: 24px;
  height: 21px;
  content: "";
  display: inline-block;
  position: relative;
  top: 12px;
  margin-left: 5px;
}

.template-betterui #content .testimonial blockquote strong {
  background: white;
  padding: 2px 10px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

.template-betterui #content .screenshot img {
  vertical-align: top;
}

@media (min-width: 1400px) {
  .template-betterui #content .nav-wrapper:before {
    width: 100%;
    height: 60px;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    background: white;
  }

  .template-betterui #content .nav {
    margin: 0 auto;
    float: none;
    border-left: 4px solid #f5f5f5;
    border-right: 4px solid #f5f5f5;
    height: 60px;
    padding-left: 0;
  }

  .template-betterui #content .nav-wrapper:after {
    display: none;
  }

  .template-betterui #content .nav {
    max-width: 1400px;
  }

  .template-betterui #content .example-1 {
    left: 50%;
    margin-left: -750px;
  }

  .template-betterui #content .example-3 {
    left: 50%;
    margin-left: 50px;
  }
}

@media (max-width: 1400px) {
  .template-betterui #content .nav-wrapper:before,
  .template-betterui #content .nav-wrapper:after {
    display: none;
  }

  .template-betterui #content .nav {
    width: 100%;
  }

  .template-betterui #content .example {
    top: 200px;
  }
}

@media (max-width: 800px) {
  .template-betterui #content .benefits h3:before {
    counter-increment: headings-mobile;
    content: counter(headings-mobile) ".";
  }

  .template-betterui #content .examples {
    height: auto !important;
  }

  .template-betterui #content .example-map {
    display: none;
  }

  .template-betterui #content .example-1 {
    background-position: -200px;
  }

  .template-betterui #content .heading-mobile {
    display: block;
  }

  .template-betterui #content .example {
    display: block !important;
    position: static;
    border-radius: 4px;
    box-shadow: none;
    clear: both;
    left: 0;
    margin: 0 auto;
    max-width: 100%;
  }

  .template-betterui #content .example-wrapper {
    background: transparent;
    padding: 0 20px;
  }

  .template-betterui #content .examples .nav-wrapper {
    display: none;
  }

  .template-betterui #content .intro {
    margin-top: 20px;
  }

  .template-betterui #content .intro h1 {
    font-size: 2.5em;
  }

  .template-betterui #content h2 {
    font-size: 2em;
  }

  .template-betterui #content .testimonial {
    padding: 0 20px;
  }

  .template-betterui #content .testimonial .screenshot {
    float: none;
    position: relative;
    margin: 0 auto 30px auto;
    max-width: 320px;
    box-sizing: content-box;
  }

  .template-betterui #content .testimonial .screenshot:after {
    content: "";
    position: absolute;
    bottom: -28px;
    left: 50%;
    border-top: 20px solid #ccc;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin-left: -120px;
  }
}

@media (max-width: 600px) {
  .template-betterui #content .testimonial h3 {
    font-size: 2em !important;
  }

  .template-betterui #content h1 {
    font-size: 2em !important;
    line-height: 1.3 !important;
  }

  .template-betterui #content .button {
    font-size: 1.2em !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
  }
}

.template-coaching #content {
  /************************************ PATTERN: 2-COL ***************************/
  /************************************ PATTERN: CARD ***************************/
  /************************************ PATTERN: BIG STEP ***************************/
  /************************************ PATTERN: QUOTE ***************************/
  /************************************ PATTERN: COL CHECKMARKS ***************************/
  /************************************ PATTERN: ROW LIST ***************************/
  /************************************ PATTERN: ROW CHECKMARKS ***************************/
  /************************************ PATTERN: ROW BOXES ***************************/
  /************************************ PATTERN: BUTTON ***************************/
  /************************************ INTRO ***************************/
  /************************************ METRICS ***************************/
  /************************************ MENTORS ***************************/
  /************************************ DELIVERABLES ***************************/
  /************************************ EXPECTATIONS ***************************/
  /************************************ TESTIMONIALS ***************************/
  /************************************ You'll need ***************************/
  /************************************ PLANS ***************************/
  /******************************* THANK YOU *********************************/
  /******************************* NO COMMITMENT *********************************/
  /********************************* NARROW VIEW *****************************/
}

.template-coaching #content > section {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.template-coaching #content section:not(.intro) {
  margin-top: 50px;
}

.template-coaching #content h2 {
  font-size: 3em;
  margin-top: 45px;
  margin-bottom: 15px;
  /*font-family: OswaldLight;*/
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}

.template-coaching #content h2 small {
  display: block;
}

.template-coaching #content h3 {
  /*font-family: OswaldLight;*/
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 1em;
  line-height: 1.2;
}

.template-coaching #content h3 em {
  /*font-family: OswaldBold;*/
}

.template-coaching #content h3 small {
  display: block;
  /*font-family: OswaldLight;*/
}

.template-coaching #content h4 {
  /*font-family: OswaldBold;*/
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 1em;
}

.template-coaching #content p {
  margin-bottom: 15px;
}

.template-coaching #content h2 + p {
  text-align: center;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.template-coaching #content ul {
  list-style: none;
  padding: 0;
}

.template-coaching #content .img-wrapper {
  text-align: center;
}

.template-coaching #content .cols-2 {
  overflow: hidden;
}

.template-coaching #content .cols-2 > div {
  width: 50%;
  float: left;
  padding-left: 25px;
}

.template-coaching #content .cols-2 > div:first-child {
  border-right: 1px solid #ddd;
  padding-left: 0;
  padding-right: 25px;
}

.template-coaching #content .card-summary {
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 6px 0 #cfcfcf;
  display: table;
  width: 99.99%;
}

.template-coaching #content .card-summary:after {
  clear: both;
  content: "";
  display: block;
}

.template-coaching #content .card-summary .main {
  display: table-cell;
  padding: 40px;
  width: 60%;
}

.template-coaching #content .card-summary h3 {
  font-size: 1.8em;
}

.template-coaching #content .card-summary h4 {
  text-align: center;
}

.template-coaching #content .card-summary .sidebar h4 {
  font-size: 1.5em;
  text-transform: uppercase;
  text-align: left;
}

.template-coaching #content .card-summary .sidebar {
  width: 40%;
  background: #555;
  color: #FFFFFF;
  display: table-cell;
  padding: 40px;
  /*font-family: OswaldLight;*/
  font-size: 1.1em;
}

.template-coaching #content .big-step .number {
  display: block;
  height: 1px;
  background: #ddd;
  position: relative;
  margin: 90px 0 60px;
}

.template-coaching #content .big-step .number:after {
  background: #222;
  counter-increment: bigstep;
  content: counter(bigstep);
  height: 80px;
  width: 80px;
  line-height: 80px;
  position: absolute;
  left: 50%;
  color: #FFFFFF;
  font-size: 40px;
  text-align: center;
  top: -45px;
  margin-left: -40px;
  /*font-family: OswaldBold;*/
  z-index: 2;
  border-radius: 100%;
}

.template-coaching #content .big-step .number:before {
  background: white;
  content: "";
  height: 1px;
  left: 50%;
  margin-left: -70px;
  position: absolute;
  top: 0;
  width: 140px;
  z-index: 1;
}

.template-coaching #content .big-step .number + h2 {
  margin-top: -10px;
  /*font-family: OswaldBold;*/
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}

.template-coaching #content .big-step .number + h2 + p,
.template-coaching #content .subheading {
  font-size: 2em;
  /*font-family: OswaldLight;*/
  color: #444;
  text-align: center;
}

.template-coaching #content .subheading {
  margin-bottom: 0;
}

.template-coaching #content .subheading + h2 {
  margin-top: 0;
}

.template-coaching #content .big-step img {
  border: 10px solid #444;
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.template-coaching #content .big-step img + p,
.template-coaching #content .big-step .description {
  margin-left: auto;
  margin-right: auto;
  max-width: 770px;
}

.template-coaching #content blockquote {
  padding-left: 35px;
  padding-right: 30px;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}

.template-coaching #content blockquote:before {
  content: "";
  background: url(./../dist/images/quote-open.png?8653b16eb6a2946529f88773846df781);
  width: 26px;
  height: 23px;
  display: inline-block;
  position: absolute;
  left: 0;
}

.template-coaching #content blockquote:after {
  content: "";
  position: relative;
  top: 3px;
  background: url(./../dist/images/quote-closed.png?fd287a3e6aec41fa82b51cb467ec65c4);
  width: 26px;
  height: 23px;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 9px;
  vertical-align: top;
}

.template-coaching #content .col-checkmarks {
  font-family: Arial;
}

.template-coaching #content .col-checkmarks h3 {
  margin-bottom: 20px;
}

.template-coaching #content .col-checkmarks li {
  clear: both;
  margin-top: 0;
  margin-bottom: 15px;
  margin-right: 15px;
  font-size: 1em;
}

.template-coaching #content .col-checkmarks li span {
  overflow: hidden;
  display: block;
}

.template-coaching #content .col-checkmarks li:before {
  background: url(./../dist/images/checkmark_black.png?2719ed342357283201ff567b7be18454);
  content: "";
  margin-right: 6px;
  display: inline-block;
  width: 26px;
  height: 26px;
  float: left;
  position: relative;
  top: 0;
}

.template-coaching #content .col-checkmarks.single {
  text-align: center;
}

.template-coaching #content .col-checkmarks.single > * {
  display: inline-block;
}

.template-coaching #content .row-list * {
  display: inline-block;
  vertical-align: middle;
}

.template-coaching #content .row-list h3 {
  /*font-family: OswaldLight;*/
  margin: 0 20px 0 0;
}

.template-coaching #content .row-list li {
  margin-bottom: 5px;
  padding: 5px 15px 5px 0;
  margin-right: 15px;
}

.template-coaching #content .row-list li:last-child {
  margin-right: 0;
}

.template-coaching #content .row-checkmarks {
  text-align: center;
  /*font-family: OswaldLight;*/
}

.template-coaching #content .row-checkmarks * {
  display: inline-block;
  vertical-align: middle;
}

.template-coaching #content .row-checkmarks h3 {
  margin: 0 20px 0 0;
}

.template-coaching #content .row-checkmarks li {
  clear: both;
  margin-bottom: 5px;
  padding: 5px 15px;
  margin-right: 15px;
}

.template-coaching #content .row-checkmarks li span {
  vertical-align: middle;
}

.template-coaching #content .row-checkmarks li:before {
  background: url(./../dist/images/checkmark_black.png?2719ed342357283201ff567b7be18454);
  content: "";
  margin-right: 6px;
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
}

.template-coaching #content .row-checkmarks li:last-child {
  margin-right: 0;
}

.template-coaching #content .row-boxes {
  text-align: center;
}

.template-coaching #content .row-boxes > * {
  display: inline-block;
  vertical-align: middle;
}

.template-coaching #content .row-boxes li {
  clear: both;
  display: inline-block;
  padding: 15px 25px;
  background: #444;
  border-radius: 10px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 1em;
  color: #FFFFFF;
}

.template-coaching #content .row-boxes li > span {
  vertical-align: middle;
}

.template-coaching #content .row-boxes li em {
  display: block;
  font-size: 1.5em;
  font-weight: 400;
  /*font-family: OswaldBold;*/
}

.template-coaching #content .button-wrapper {
  text-align: center;
}

.template-coaching #content .button-wrapper p {
  font-size: 0.9em;
}

.template-coaching #content .cta-block {
  text-align: center;
  margin: 40px 0 35px;
}

.template-coaching #content .cta-block .button {
  font-size: 1.5em;
  display: block;
  padding-left: 25px;
  padding-right: 25px;
  width: 250px;
  margin: 0 auto 5px auto;
}

.template-coaching #content .intro h2 {
  font-size: 1.6em;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 0;
  font-weight: 300;
}

.template-coaching #content .intro .cta-block {
  margin-top: 0;
}

.template-coaching #content .intro .choices {
  position: relative;
  text-align: center;
  margin-bottom: 15px;
}

.template-coaching #content .intro .choices li {
  display: inline-block;
  margin-right: 10px;
  font-size: 1.6em;
  /*font-family: OswaldBold;*/
}

.template-coaching #content .intro .choices.selected li {
  background: #bbbbbb linear-gradient(to bottom, #bbbbbb 5%, #aaaaaa 100%) repeat scroll 0 0;
  border: 1px solid #aaaaaa;
  box-shadow: 1px 1px 3px 0 #666666;
  color: #ffffff;
  text-shadow: 2px 1px 0 #aaaaaa;
}

.template-coaching #content .intro .choices.selected li:hover {
  background: #aaaaaa linear-gradient(to bottom, #aaaaaa 5%, #bbbbbb 100%) repeat scroll 0 0;
}

.template-coaching #content .intro .choices.selected li.selected {
  background: black;
  border: 1px solid black;
  box-shadow: 1px 1px 3px 0 #666666;
  color: #ffffff;
  text-shadow: none;
}

.template-coaching #content .intro .choices li:last-child {
  margin-right: 0;
}

.template-coaching #content .intro .cta-block {
  margin-bottom: 0;
}

.template-coaching #content .reply .assurance {
  font-size: 1.4em;
  text-align: center;
  /*font-family: OswaldLight;*/
}

.template-coaching #content .reply strong {
  /*font-family: OswaldBold;*/
  font-weight: 400;
}

.template-coaching #content .metrics {
  text-align: center;
  border-top: 1px solid #ddd;
  /*border-bottom: 1px solid #ddd;*/
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 0;
}

.template-coaching #content .metrics p:first-child {
  font-size: 1.5em;
  color: #555;
  /*font-family: OswaldLight;*/
}

.template-coaching #content .metrics ul li {
  font-size: 1.8em;
  background: white;
  padding: 5px 15px;
  display: inline-block;
  color: #444444;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.template-coaching #content .metrics ul li:last-child {
  margin-right: 0;
}

.template-coaching #content .mentors {
  text-align: center;
  color: #1F1F1F;
  font-family: Arial;
  max-width: 800px;
}

.template-coaching #content .mentors h2 {
  margin-bottom: 40px;
}

.template-coaching #content .mentors h3 {
  font-size: 2em;
  color: #444;
}

.template-coaching #content .mentors .bio {
  max-width: 350px;
  margin-right: auto;
  margin-left: auto;
}

.template-coaching #content .mentors .experience-heading {
  margin-bottom: 2px;
}

.template-coaching #content .mentors .experience li {
  margin-bottom: 5px;
  color: #777;
}

.template-coaching #content .mentors .industry {
  background: white;
  color: #333;
  padding: 3px 5px;
  border-radius: 3px;
  font-weight: 700;
}

.template-coaching #content .deliverable {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 35px;
  box-shadow: 0 5px 6px 0 #cfcfcf;
}

.template-coaching #content .deliverable > h2:first-of-type {
  font-size: 1.5em;
}

.template-coaching #content .deliverable .cta-block {
  margin-top: 25px;
  padding-top: 30px;
  border-top: 1px solid #ddd;
}

.template-coaching #content .deliverable h2:first-of-type {
  margin-top: 0;
}

.template-coaching #content .section-expectations {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.template-coaching #content .card-image {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 35px;
  box-shadow: 0 5px 6px 0 #cfcfcf;
}

.template-coaching #content .card-image:after {
  clear: both;
  content: "";
  display: block;
}

.template-coaching #content .card-image .details {
  overflow: hidden;
}

.template-coaching #content .card-image h3 {
  font-size: 1.5em;
}

.template-coaching #content .card-image h3 em {
  font-style: normal;
  font-weight: 700;
}

.template-coaching #content .card-image h4 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.template-coaching #content .card-image .sidebar {
  width: 318px;
  float: left;
  margin-right: 20px;
}

.template-coaching #content .testimonials {
  margin-top: 60px;
  border-top: 1px solid #ddd;
  padding-top: 0;
}

.template-coaching #content .testimonials h3 {
  font-size: 2.2em;
  /*font-family: OswaldLight;*/
  font-weight: 300;
  margin-bottom: 0;
  color: #000000;
}

.template-coaching #content .testimonials h3 em {
  color: #333;
  /*font-family: OswaldBold;*/
}

.template-coaching #content .testimonials .details {
  color: #666;
}

.template-coaching #content .testimonials .details p {
  margin: 0;
}

.template-coaching #content .testimonials blockquote {
  font-size: 1em;
  font-family: Arial;
  clear: both;
  padding-top: 20px;
  margin-bottom: 15px;
  line-height: 1.6em;
  font-style: normal;
}

.template-coaching #content .testimonials h4 {
  /*font-family: OswaldLight;*/
  text-align: left;
  text-transform: inherit;
  display: block;
  color: #000000;
  font-size: 1.5em;
}

.template-coaching #content .testimonials .learning {
  margin-top: 5px;
  font-weight: 300;
}

.template-coaching #content .testimonials .learning em {
  /*font-family: OswaldLight;*/
  color: black;
  background: #D9FFAA;
  padding: 3px 10px;
  margin: 0 2px;
  display: inline-block;
  border-radius: 5px;
  font-style: normal;
}

.template-coaching #content .testimonials .row-boxes {
  text-align: left;
  margin-left: 35px;
}

.template-coaching #content .testimonials .row-boxes h4 {
  display: inline-block;
  margin-right: 10px;
  font-weight: 300;
}

.template-coaching #content .testimonials .row-boxes li {
  min-width: inherit;
  padding: 5px 10px;
  font-size: 1.2em;
  /*font-family: OswaldBold;*/
  margin: 0 5px 0 0;
}

.template-coaching #content .testimonials .row-boxes li .pct {
  font-weight: 600;
}

.template-coaching #content .testimonials .col-checkmarks li {
  margin-top: 15px;
  margin-bottom: 15px;
}

.template-coaching #content .you-need {
  margin-bottom: 20px;
  padding-bottom: 80px;
  border-bottom: 1px solid #ddd;
}

.template-coaching #content .you-need .col-checkmarks {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.template-coaching #content .you-need .col-checkmarks li {
  width: 50%;
  float: left;
  padding: 0 0 0 30px;
  clear: none;
  position: relative;
  margin: 0 0 15px 0;
}

.template-coaching #content .you-need:after {
  content: "";
  clear: both;
  display: block;
}

.template-coaching #content .count-spots {
  color: #666;
  font-size: 0.8em;
}

.template-coaching #content .section-plans .button,
.template-coaching #content .plan-light .button {
  font-size: 1.5em;
}

.template-coaching #content .section-plans h3,
.template-coaching #content .plan-light h2 {
  /*font-family: OswaldLight;*/
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 5px;
  margin-top: 5px;
}

.template-coaching #content .section-plans h3 em,
.template-coaching #content .plan-light h2 em {
  font-size: 1.8em;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}

.template-coaching #content li.list-icon-clock:before {
  background: url(./../dist/images/clock.png?fbe69cefc39b6849c46956da3d6e83ee);
}

.template-coaching #content .plan-light {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.template-coaching #content .plan-light ul {
  max-width: 500px;
  margin-left: 30%;
}

.template-coaching #content .plan-light .list-icon-clock:before {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.template-coaching #content .plan-light .list-icon-clock > span {
  vertical-align: middle;
  display: inline-block;
}

.template-coaching #content .plan-light em {
  /*font-family: OswaldBold;*/
  font-weight: 400;
}

.template-coaching #content .plan-light .conditions p {
  margin: 0;
  /*font-family: OswaldLight;*/
  font-size: 1.2em;
}

.template-coaching #content .price {
  font-size: 1.2em;
  /*font-family: OswaldLight;*/
  text-align: center;
  margin-bottom: 5px;
}

.template-coaching #content .price em {
  /*font-family: OswaldBold;*/
  font-weight: 400;
}

.template-coaching #content .price + p {
  margin-bottom: 20px;
}

.template-coaching #content .plan-light .button,
.template-coaching #content .section-plans .button {
  max-width: 200px;
}

.template-coaching #content a {
  /*color: #ff3f00;*/
}

.template-coaching #content .no-commitment ul {
  max-width: 650px;
  margin: 0 auto;
}

@media (max-width: 960px) {
  .template-coaching #content .intro .row-boxes:after {
    display: none;
  }

  .template-coaching #content .cta-block > .assurance {
    display: block;
  }
}

@media (max-width: 800px) {
  .template-coaching #content .section-plans,
  .template-coaching #content .plan-light,
  .template-coaching #content .no-commitment {
    padding-right: 20px;
    padding-left: 20px;
  }

  .template-coaching #content .deliverable img {
    width: 100%;
  }

  .template-coaching #content .cols-2 > div:first-child {
    border: 0 !important;
  }

  .template-coaching #content .section-plans .cols-2 > div {
    float: none;
    border: none;
    padding: 0;
    width: 100%;
  }

  .template-coaching #content .section-plans .cols-2 > div:first-child {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 20px;
  }

  .template-coaching #content .card-summary,
  .template-coaching #content .card-summary .main,
  .template-coaching #content .card-summary .sidebar {
    display: block;
    width: 100%;
  }

  .template-coaching #content .card-image,
  .template-coaching #content .card-image .main,
  .template-coaching #content .card-image .sidebar,
  .template-coaching #content .card-image .details {
    display: block;
    width: 100%;
    overflow: visible;
  }
}

@media (max-width: 600px) {
  .template-coaching #content .plan-light ul {
    margin-left: 0;
  }

  .template-coaching #content .assurance br {
    display: none;
  }

  .template-coaching #content .testimonials img {
    width: 100%;
  }

  .template-coaching #content .testimonials .learning em {
    display: inline;
  }

  .template-coaching #content .testimonials .row-boxes li.highlighted {
    margin-bottom: 5px;
  }
}

@media (max-width: 960px) {
  .template-coaching #content .max-width-960 {
    display: none;
  }
}

.template-coaching #content h1 {
  /*font-family: OswaldBold;*/
}

.template-coaching #content h2 {
  margin-top: 0;
}

.template-coaching #content .intro h2 + p {
  /*font-family: OswaldLight;*/
}

.template-coaching #content .pricing {
  margin-top: 60px;
  text-align: center;
}

.template-coaching #content .pricing h2 {
  margin-bottom: 15px;
}

.template-coaching #content .pricing .primary + p {
  font-size: 1em;
  /*font-family: OswaldLight;*/
  margin-top: 10px;
  color: #666;
}

.template-coaching #content .pricing h2 strong {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}

.template-coaching #content .pricing h2 small {
  display: block;
  font-size: 23px;
}

.template-coaching #content .whatyouget,
.template-coaching #content .howtoqualify,
.template-coaching #content .ROI {
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 0;
  counter-reset: headings;
  padding-left: 45px;
  flex-wrap: wrap;
  border-top: 1px solid #ddd;
}

.template-coaching #content .ROI h2,
.template-coaching #content .whatyouget h2,
.template-coaching #content .howtoqualify h2 {
  margin-bottom: 40px;
  padding: 0;
}

.template-coaching #content .howtoqualify h2 {
  font-weight: 300;
}

.template-coaching #content .whatyouget h2 {
  font-weight: 300;
}

.template-coaching #content .whatyouget h3,
.template-coaching #content .howtoqualify h3 {
  font-size: 1.7em;
  line-height: 1.7;
}

.template-coaching #content .mssg-investment {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  clear: both;
}

.template-coaching #content .sample-modal {
  position: fixed;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 1024;
  top: 0;
  left: 0;
  overflow-y: scroll;
}

.template-coaching #content .sample-modal .content {
  max-width: 1400px;
  background: white;
  border: 1px solid #ddd;
  padding: 30px;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 4%;
  position: relative;
}

.template-coaching #content .sample-modal .block {
  border-top: 1px solid #ddd;
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 0;
}

.template-coaching #content .sample-modal h2 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
  margin-top: -20px;
  font-size: 2em;
}

.template-coaching #content .sample-image {
  overflow: hidden;
}

.template-coaching #content .sample-image:after {
  clear: both;
  content: "";
  display: block;
}

.template-coaching #content .sample-image .img-wrapper {
  float: left;
}

.template-coaching #content .sample-image .img-wrapper + .img-wrapper {
  margin-left: 3%;
}

.template-coaching #content .close {
  color: #FF3F00;
  top: 0;
  right: 0;
  position: absolute;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 40px;
  font-size: 60px;
  cursor: pointer;
}

.template-coaching #content .close:hover {
  text-decoration: none;
}

.template-coaching #content .sample-modal-overlay {
  position: fixed;
  z-index: 1024;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.template-coaching #content .link-preview {
  display: inline-block;
  color: #FF3F00;
  background: white;
  padding: 5px 10px;
  border-radius: 8px;
  margin-top: -5px;
  cursor: pointer;
  /*font-family: OswaldLight;*/
  font-size: 1.2rem;
  position: relative;
  top: -2px;
}

.template-coaching #content .whatyouget h2 {
  padding: 0;
}

.template-coaching #content .whatyouget h3 span {
  margin-right: 10px;
}

.template-coaching #content .link-preview:hover {
  text-decoration: underline;
}

.template-coaching #content .whatyouget .number {
  font-size: 55px;
  display: inline-block;
  vertical-align: middle;
  /*font-family: OswaldBold;*/
  margin-right: 10px;
}

.template-coaching #content .whatyouget .label {
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
}

.template-coaching #content .numbered-sections {
  max-width: 650px;
  margin: 0 auto;
  display: block;
}

.template-coaching #content .numbered-sections h3 {
  font-size: 26px;
  position: relative;
  font-weight: 600;
  /*font-family: OswaldBold;*/
}

.template-coaching #content .numbered-sections li {
  padding-left: 40px;
  margin-bottom: 30px;
}

.template-coaching #content .numbered-sections h3:before {
  counter-increment: headings;
  content: counter(headings);
  background: #444;
  border-radius: 100%;
  line-height: 50px;
  width: 50px;
  text-align: center;
  color: #FFFFFF;
  border: 8px solid white;
  position: absolute;
  top: -11px;
  left: -74px;
}

.template-coaching #content .numbered-sections li p {
  font-family: Arial;
  margin-top: 6px;
}

.template-coaching #content .topic-times {
  /*font-family: OswaldBold;*/
  font-size: 35px;
  padding: 0 10px;
  position: relative;
  top: 2px;
}

.template-coaching #content .testimonials {
  padding-top: 40px !important;
  margin-top: 0 !important;
}

.template-coaching #content .testimonials h2 {
  padding: 0;
  font-weight: 300;
}

.template-coaching #content .testimonials h2 em {
  font-style: normal;
  font-weight: 600;
}

.template-coaching #content .coaching-actions {
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 0 15px 0;
  border-top: 1px solid #ddd;
}

.template-coaching #content .primary {
  background: #79bbff linear-gradient(to bottom, #ff3f00 5%, #d93600 100%) repeat scroll 0 0;
  border: 1px solid #cc3300;
  border-radius: 6px;
  box-shadow: 1px 1px 3px 0 #888;
  color: #ffffff;
  cursor: pointer;
  padding: 5px 25px;
  text-align: center;
  text-decoration: none;
  text-shadow: 2px 1px 0 #cc3300;
  display: block;
  /*font-family: OswaldRegular;*/
  font-size: 1.2em;
  display: block;
  width: 275px;
  margin: 0 auto 5px auto;
}

.template-coaching #content .primary:hover {
  background: #d93600 linear-gradient(to bottom, #d93600 5%, #ff3f00 100%) repeat scroll 0 0;
}

.template-coaching #content .secondary {
  background: white;
  border: 1px solid white;
  border-radius: 6px;
  color: #FF3F00;
  cursor: pointer;
  padding: 5px 25px;
  text-align: center;
  text-decoration: none;
  display: block;
  /*font-family: OswaldLight;*/
  font-size: 1.2em;
  display: block;
  width: 275px;
  margin: 0 auto 5px auto;
}

.template-coaching #content .actions .secondary:hover {
  text-decoration: underline !important;
}

.template-coaching #content .metric {
  color: #fff;
  background: #444;
  text-align: center;
  /*font-family: OswaldBold;*/
  padding: 10px;
  border-radius: 10px;
  display: inline-block;
  margin: 0 2px;
}

.template-coaching #content .topic-equals {
  margin-left: -24px;
  position: relative;
  top: -2px;
  margin-right: 2px;
}

.template-coaching #content .primary + p {
  /*font-family: OswaldLight;*/
}

.template-coaching #content .close-2 {
  cursor: pointer;
}

.template-coaching #content .close-modal {
  position: fixed;
  width: 100%;
  height: 100%;
}

@media (max-width: 1600px) {
  .template-coaching #content .sample-modal .content {
    margin-top: 2%;
  }

  .template-coaching #content .sample-image {
    width: 70%;
    margin: 0 auto;
  }

  .template-coaching #content .sample-image .img-wrapper-1 {
    width: 26%;
  }

  .template-coaching #content .sample-image .img-wrapper-2 {
    width: 34%;
  }

  .template-coaching #content .sample-image .img-wrapper-3 {
    width: 34%;
  }

  .template-coaching #content .sample-image .img-wrapper img {
    width: 100%;
  }

  .template-coaching #content .sample-modal .content {
    max-width: 95%;
  }
}

@media (max-width: 960px) {
  .template-coaching #content .card-image {
    border-radius: 0;
  }
}

@media (max-width: 800px) {
  .template-coaching #content h2 {
    font-size: 2em;
  }

  .template-coaching #content .sample-modal h2 {
    font-size: 1.5em;
  }
}

@media (max-width: 600px) {
  .template-coaching #content .sample-modal h2 {
    font-size: 1.5em;
    padding-right: 15px;
  }
}

@media (max-width: 400px) {
  .template-coaching #content .sample-modal .content {
    position: absolute;
    height: 98%;
    width: 100%;
    left: 2.5%;
    margin-top: 0;
    top: 1%;
  }

  .template-coaching #content .sample-modal h2 {
    font-size: 1.2em;
  }

  .template-coaching #content .sample-image {
    width: 100%;
  }

  .template-coaching #content .sample-image .img-wrapper-1 {
    width: 44%;
  }

  .template-coaching #content .sample-image .img-wrapper-2 {
    width: 53%;
  }

  .template-coaching #content .sample-image .img-wrapper-3 {
    display: none;
  }

  .template-coaching #content .primary {
    width: 100% !important;
  }
}

.template-datastories #content .datastories-container {
  max-width: 800px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}

.template-datastories #content .stats {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.template-datastories #content h2 {
  text-align: center;
}

.template-datastories #content .buttonAll {
  font-weight: normal;
  font-size: 22px;
  line-height: 28px;
  display: inline-block;
}

.template-datastories #content .buttonbold {
  font-weight: normal;
}

.template-datastories #content .pastissue {
  position: relative;
  width: 260px;
  height: 560px;
  background-color: #eeeeee;
  border-radius: 10px;
  vertical-align: top;
  margin-right: 15px;
  margin-bottom: 30px;
  border: 1px solid #DDDDDD;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.template-datastories #content .allissuescontainer {
  text-align: center;
  /*
  width: 840px;
  margin-left: 26px;
  padding-top: 20px;
  display: inline-block;
  */
}

.template-datastories #content .allissuenum {
  padding-top: 10px;
  font-size: 24px;
  line-height: 22px;
  color: #888888;
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: #eeeeee;
  top: -30px;
  left: 100px;
  border-radius: 30px;
}

.template-datastories #content .allissuenum:after {
  position: absolute;
  content: "";
  width: 62px;
  height: 62px;
  background-color: #DDDDDD;
  top: -1px;
  left: -1px;
  border-radius: 35px;
  z-index: -1;
}

.template-datastories #content .allissuedate {
  font-size: 11px;
}

.template-datastories #content .allissuetitle {
  position: relative;
  height: 238px;
  font-size: 24px;
  line-height: 28px;
  padding: 32px 20px 0px 20px;
}

.template-datastories #content .allissuetext {
  background-color: #ffffff;
  padding: 20px 20px 10px 20px;
  border-radius: 0 0 10px 10px;
  height: 190px;
  font-size: 16px;
  line-height: 26px;
}

.template-datastories #content .allissuedesc {
  text-align: left;
  padding-bottom: 10px;
}

.template-datastories #content .allissuelinks {
  vertical-align: bottom;
  position: absolute;
  bottom: 15px;
  width: 220px;
}

.template-datastories #content .allissuethumb {
  position: absolute;
  bottom: 0px;
  left: 30px;
  height: 170px;
}

.template-datastories #content .allissueeffect {
  height: 40px;
  color: #ffffff;
  background-color: #BE65AD;
  vertical-align: middle;
  font-size: 18px;
  line-height: 40px;
}

.template-datastories #content .allissuepage {
  height: 30px;
  color: #ffffff;
  background-color: #D59BC9;
  vertical-align: middle;
  font-size: 18px;
  line-height: 30px;
}

.template-datastories #content .allissuehr {
  width: 100%;
  display: inline-block;
  padding: 0px;
  margin: 10px 0;
  border: none;
  height: 1px;
  /* Set the hr color */
  color: #333;
  /* old IE */
  background-color: #dfdfdf;
  /* Modern Browsers */
}

.template-datastories #content .currentAll {
  background: #eeeeee url(./../dist/images/currentAll.png?6310e0404219395e9e89f096432e66fa) top right no-repeat;
  border: 1px solid #BE65AD;
  margin-top: -1px;
}

.template-datastories #content .currentAll .allissuenum:after {
  background-color: #BE65AD;
}

.template-datastories #content .referredIssue {
  box-shadow: 0px 0px 125px #6f6f6f;
  z-index: 1;
}

.template-datastories #content a.gumroad-button {
  /*
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  */
}

.template-datastories #content .gumroad-button-logo {
  display: none !important;
}

.template-datastories #content .allissuescontainer {
  padding-top: 0;
}

.template-datastories #content .h2 {
  /*font-family: 'OswaldLight';*/
  font-size: 42px;
  color: #444444;
  margin-bottom: 30px;
  margin-top: 0;
  padding-top: 0 !important;
  display: block;
  margin-top: 0 !important;
  margin-bottom: 0;
}

.template-datastories #content .allissuescontainer .h2 {
  margin-bottom: 40px;
}

.template-datastories #content h2:hover {
  background: none !important;
  cursor: default !important;
}

.template-datastories #content .allissuetext,
.template-datastories #content .pastissue {
  height: auto !important;
}

.template-datastories #content .allissuetext {
  min-height: 130px;
}

.template-datastories #content .allissuethumb {
  left: 50%;
  margin-left: -100px;
}

.template-datastories #content .stats {
  padding: 0 15px 25px;
  display: flex;
  max-width: 500px;
  margin: 0 auto;
}

.template-datastories #content .stats > div {
  flex: 1;
  font-size: 42px;
  /*font-family: OswaldBold;*/
  color: #444444;
  line-height: 1;
}

.template-datastories #content .stats > div small {
  font-size: 22px;
  /*font-family: OswaldLight;*/
  display: block;
  line-height: 1;
  margin-top: 5px;
}

.template-datastories #content .location {
  height: 30px;
  color: #444;
  vertical-align: middle;
  /*font: 18px/30px 'OswaldLight';*/
  font-size: 18px;
  line-height: 30px;
}

@media (max-width: 1024px) {
  .template-datastories #content .allissuescontainer {
    width: 100% !important;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
  }

  .template-datastories #content .pastissue {
    max-width: 100% !important;
  }

  .template-datastories #content .allissuedesc {
    font-size: 1.5em;
  }
}

@media (max-width: 960px) {
  .template-datastories #content .DS,
  .template-datastories #content .FF {
    /*font: 40px 'OswaldRegular';*/
    font-size: 40px;
  }

  .template-datastories #content .allissuenum {
    left: 50%;
    margin-left: -30px;
  }
}

@media (max-width: 500px) {
  .template-datastories #content .stats > div {
    font-size: 35px;
  }

  .template-datastories #content .stats > div small {
    font-size: 18px;
  }
}

.template-datastories #content .openingBig {
  /*font: 90px/140px 'OswaldBold';*/
  font-size: 50px;
  line-height: 1.1;
}

@media (max-width: 639px) {
  .template-datastories #content .openingBig {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .template-datastories #content .openingBig {
    /* 640px+ */
    font-size: 90px;
    line-height: 140px;
  }
}

@media (max-width: 959px) {
  .template-datastories #content .openingBig {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .template-datastories #content .openingBig {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .template-datastories #content .openingBig {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .template-datastories #content .openingBig {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .template-datastories #content .openingBig {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .template-datastories #content .openingBig {
    /* 1600px+ */
  }
}

.template-datastories #content .openingBig .DS {
  font-size: 40px;
}

@media (max-width: 639px) {
  .template-datastories #content .openingBig .DS {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .template-datastories #content .openingBig .DS {
    /* 640px+ */
    font-size: 60px;
  }
}

@media (max-width: 959px) {
  .template-datastories #content .openingBig .DS {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .template-datastories #content .openingBig .DS {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .template-datastories #content .openingBig .DS {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .template-datastories #content .openingBig .DS {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .template-datastories #content .openingBig .DS {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .template-datastories #content .openingBig .DS {
    /* 1600px+ */
  }
}

.template-datastories #content .openingSmall {
  color: #666;
  font-size: 30px;
  line-height: 36px;
}

.template-datastories #content .openingSmall strong {
  color: #444;
}

@media (max-width: 639px) {
  .template-datastories #content .openingSmall {
    /* up to 639px */
  }
}

@media (min-width: 640px) {
  .template-datastories #content .openingSmall {
    /* 640px+ */
    font-size: 40px;
    line-height: 60px;
  }
}

@media (max-width: 959px) {
  .template-datastories #content .openingSmall {
    /* up to 959px */
  }
}

@media (min-width: 960px) {
  .template-datastories #content .openingSmall {
    /* 960px+ */
  }
}

@media (max-width: 1199px) {
  .template-datastories #content .openingSmall {
    /* up to 1199px */
  }
}

@media (min-width: 1200px) {
  .template-datastories #content .openingSmall {
    /* 1200px+ */
  }
}

@media (max-width: 1599px) {
  .template-datastories #content .openingSmall {
    /* up to 1599px */
  }
}

@media (min-width: 1600px) {
  .template-datastories #content .openingSmall {
    /* 1600px+ */
  }
}

.template-datastories #content .textH4 .textHighlight {
  font-size: 21px;
  line-height: 34px;
}

.template-datastories #content .textHighlight,
.template-datastories #content a.textHighlight {
  background-color: #ffffff;
  border-radius: 5px;
  display: inline-block;
  margin: 0 4px;
  padding: 0 10px;
  /*font: 21px/34px 'OswaldLight';*/
  font: 21px;
  line-height: 34px;
}

.template-datastories #content .textHighlightDark {
  background-color: #2f2f2f;
  color: #efefef;
  border-radius: 5px;
  display: inline-block;
  margin: 10px 4px 0 4px;
  padding: 4px 14px;
}

.template-datastories #content .textHighlightDark2 {
  background-color: #0f0f0f;
  color: #BE65AC;
  border-radius: 5px;
  display: inline-block;
  margin: 0 3px;
  padding: 8px 14px;
  /*font: 30px 'OswaldBold';*/
  font: 30px;
  height: 30px;
}

.template-datastories #content .textHighlightDark3 {
  background-color: #0f0f0f;
  color: #BE65AC;
  border-radius: 5px;
  display: inline-block;
  margin: 0 3px;
  padding: 8px 14px;
  /*font: 24px 'OswaldBold';*/
  font-size: 24px;
  line-height: 24px;
  height: 24px;
}

.template-datastories #content .textGood {
  color: #FF9999;
  /*text-shadow: 0px 0px 5px #000000;*/
}

.template-datastories #content .textGoodDS {
  color: #BE65AC;
}

.template-datastories #content .DS,
.template-datastories #content .FF {
  /*font: 60px 'OswaldRegular';*/
  font-size: 60px;
  font-weight: 400;
}

.template-datastories #content .textGoodFF {
  color: #000000;
}

.template-datastories #content .textGoodC {
  color: #ffffff;
}

.template-datastories #content .textGoodBP {
  color: #66A7DD;
}

.template-datastories #content .textGoodP {
  color: #00B200;
}

.template-datastories #content .textGoodE {
  color: #000000;
}

.template-datastories #content .textStrong {
  color: #444444;
  /*font-family: 'OswaldBold';*/
}

.template-datastories #content .textStrong2 {
  /*font-family: 'OswaldBold';*/
}

.template-datastories #content .textStrong3 {
  color: #BE65AC;
  /*font-family: 'OswaldBold';*/
}

.template-datastories #content .textLight {
  color: #999999;
}

.template-datastories #content .textPurp {
  color: #BE65AC;
}

.template-datastories #content .description {
  text-indent: 0px;
  display: inline-block;
}

.template-evidence #content {
  /* Utilities */
  /* Sign up form */
  /* Test graph */
  /* --- Test credits --- */
  /* --- Learn more section --- */
  /* --- Test graph --- */
}

.template-evidence #content .op-70 {
  opacity: 0.7;
}

.template-evidence #content .align-left {
  text-align: left;
}

.template-evidence #content .clearfix {
  clear: both;
}

.template-evidence #content header,
.template-evidence #content .content,
.template-evidence #content footer {
  max-width: 1040px;
  margin: 60px auto 0;
}

.template-evidence #content header {
  max-width: 730px;
}

.template-evidence #content .content {
  margin: 0 auto;
}

.template-evidence #content header h1 {
  font-weight: 700;
  font-size: 90px;
  line-height: 140px;
  color: #000;
}

.template-evidence #content header h1 strong,
.template-evidence #content header h1 span {
  color: #444444;
}

.template-evidence #content header h1 span {
  font-size: 60px;
  text-transform: uppercase;
}

.template-evidence #content header p {
  margin-bottom: 10px;
  font-weight: 200;
  font-size: 42px;
  line-height: 70px;
}

.template-evidence #content header p strong {
  font-weight: 700;
  color: #424242;
}

.template-evidence #content .sorting-container {
  position: relative;
  padding: 40px;
}

.template-evidence #content .sorting {
  padding: 15px;
  border-radius: 4px;
  background: #fff;
  display: inline-block;
  box-shadow: 0px 1px 2px 1px #cdcdcd;
  font-weight: 200;
  font-size: 20px;
  line-height: 22px;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 9999;
  transform: translateX(-50%);
}

.template-evidence #content .sorting span {
  color: #FF3F00;
  cursor: pointer;
}

.template-evidence #content .sorting span:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #ff4000 transparent transparent transparent;
  margin: 2px 0 2px 5px;
}

.template-evidence #content .sorting ul {
  display: none;
  padding-top: 10px;
}

.template-evidence #content .sorting ul li {
  padding: 4px 0;
  cursor: pointer;
}

.template-evidence #content hr {
  height: 2px;
  background: #424242;
  opacity: 0.3;
  margin: 40px 0;
}

.template-evidence #content h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 56px;
  padding: 0px 0px 15px 0px;
  color: #424242;
}

.template-evidence #content h2 i {
  font-family: "OswaldLight";
  color: #7C7874;
}

.template-evidence #content p {
  font: 19px/34px "OswaldLight";
  padding: 0 0 15px 0;
  color: #666666;
}

.template-evidence #content .content > p {
  width: 75%;
  margin: auto;
}

.template-evidence #content .faces {
  text-align: center;
}

.template-evidence #content .faces img {
  border-radius: 50%;
  margin: 2px 3px;
}

.template-evidence #content .button,
.template-evidence #content .sign-up input[type=submit] {
  background-color: #ff3f00;
  background: linear-gradient(to bottom, #ff3f00 5%, #D93600 100%) repeat scroll 0 0 #79bbff !important;
  border: 1px solid #CC3300;
  border-radius: 6px;
  box-shadow: 1px 1px 3px 0 #888;
  color: #ffffff;
  cursor: pointer;
  padding: 20px;
  margin: 0 0 20px 0;
  text-align: center;
  text-decoration: none;
  text-shadow: 2px 1px 0 #CC3300;
  font-family: "OswaldLight";
  display: block;
  line-height: 24px;
  font-size: 26px;
  letter-spacing: 0.5px;
}

.template-evidence #content .button:hover,
.template-evidence #content .sign-up input[type=submit]:hover {
  text-decoration: none;
  background: linear-gradient(to bottom, #D93600 5%, #ff3f00 100%) repeat scroll 0 0 #378de5 !important;
}

.template-evidence #content .button strong {
  font-family: "OswaldRegular";
}

.template-evidence #content .orange {
  color: #fe4406 !important;
}

.template-evidence #content .red {
  color: #ff122f !important;
}

.template-evidence #content .green {
  color: #6bbf23 !important;
}

.template-evidence #content .payment-icons {
  text-align: center;
}

.template-evidence #content .payment-icons img {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin: 0 4px;
  display: inline-block;
  vertical-align: middle;
}

.template-evidence #content .payment-icons img:last-of-type {
  margin-right: 15px;
}

.template-evidence #content .columns-5 {
  overflow: hidden;
  width: 81%;
  margin: 0 auto 40px;
}

.template-evidence #content .columns-5 .col {
  width: 20%;
  float: left;
  padding: 2% 6px 0 0;
  text-align: left;
}

.template-evidence #content .columns-5 .col p {
  padding-left: 30px;
  font-size: 14px;
  font-family: "OswaldLight";
  line-height: 20px;
}

.template-evidence #content .columns-3 {
  text-align: center;
  margin: 20px 0;
}

.template-evidence #content .columns-3 .col {
  display: inline-block;
  width: 28%;
  padding: 0 2%;
  vertical-align: top;
}

.template-evidence #content .columns-3 .col p {
  font: 24px/32px "OswaldLight";
}

.template-evidence #content .dot-heading {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  color: #666666 !important;
  padding-left: 30px;
  position: relative;
}

.template-evidence #content .dot-heading:before {
  display: inline-block;
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 15px;
  left: 0px;
  top: 6px;
}

.template-evidence #content .dot-heading.orange:before {
  background: #FF3F00;
}

.template-evidence #content .dot-heading.light-orange:before {
  background: #ff9f80;
}

.template-evidence #content .dot-heading.gray:before {
  background: #a1a1a1;
}

.template-evidence #content .dot-heading.light-green:before {
  background: #b5df91;
}

.template-evidence #content .dot-heading.green:before {
  background: #6bbf23;
}

.template-evidence #content footer {
  border-top: 1px solid #DDDDDD;
  padding: 40px 0;
  margin-top: 40px;
}

.template-evidence #content footer .projects a {
  font: 18px/30px "OswaldLight";
  background-color: #ffffff;
  border-radius: 5px;
  display: inline-block;
  margin: 0 4px;
  padding: 0 10px;
}

.template-evidence #content footer p.small {
  font: 13px/18px Arial, sans-serif;
  padding: 0 0 10px 0;
}

.template-evidence #content footer p.small a {
  font-weight: bold;
}

.template-evidence #content footer .logo {
  margin-top: 20px;
  display: inline-block;
}

.template-evidence #content .sign-up {
  margin: 10px 0 30px;
}

.template-evidence #content .sign-up label {
  color: #999999;
  margin-right: 10px;
  font: 19px/34px "OswaldLight";
}

.template-evidence #content .sign-up input[type=text] {
  border-radius: 4px;
  border: 1px solid #999999;
  padding: 2px 12px 8px;
  margin-right: 5px;
  box-shadow: inset 0 2px 6px -2px #999999;
  font-size: 19px;
  font-family: OswaldLight;
  vertical-align: middle;
  color: #666666;
}

.template-evidence #content .sign-up input[type=submit] {
  padding: 0 20px 3px;
  margin: 0;
  display: inline-block;
  line-height: 21px;
  font-size: 19px;
  letter-spacing: 0.5px;
  vertical-align: middle;
  height: 40px;
}

.template-evidence #content .success-message {
  display: inline-block;
  padding: 5px 25px;
  background: #6bbf23;
  font: 19px/34px "OswaldLight";
  color: #fff;
  border-radius: 6px;
}

.template-evidence #content #test-graph {
  margin: 0 auto 100px;
}

.template-evidence #content #test-graph .row {
  max-width: 1040px;
  margin: 0 auto;
}

.template-evidence #content .close {
  position: absolute;
  right: 0;
  top: 20px;
  background-color: #ff122f;
  color: #fff;
  padding: 10px 11px;
  border-radius: 10px 0 0 10px;
  font-size: 29px;
  font-weight: 700;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}

.template-evidence #content .close:hover {
  opacity: 1;
}

.template-evidence #content .prev,
.template-evidence #content .next {
  background-color: #ff122f;
  padding: 37px 0;
  top: 90px;
  position: absolute;
  border-radius: 100%;
  width: 120px;
  height: 120px;
  display: inline-block;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}

.template-evidence #content .prev:hover,
.template-evidence #content .next:hover {
  opacity: 1;
}

.template-evidence #content .prev {
  left: -60px;
  padding-left: 42px;
}

.template-evidence #content .next {
  right: -60px;
  padding-right: 42px;
}

.template-evidence #content #test-graph .expanded {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  clear: both;
  box-shadow: 0px 0px 15px 4px #cdcdcd;
  position: relative;
  top: -20px;
  display: none;
  overflow: hidden;
}

.template-evidence #content #test-graph .expanded .expanded-inner {
  width: 76%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 60px 0 0;
}

.template-evidence #content .test-info {
  /*overflow: hidden;*/
  margin: 15px 0;
}

.template-evidence #content .test-info > div {
  width: 20%;
  float: left;
  text-align: left;
  padding-right: 2%;
}

.template-evidence #content .test-info > div:first-of-type {
  width: 27%;
}

.template-evidence #content .test-info > div.page-type {
  width: 12%;
}

.template-evidence #content .test-info .primary span {
  color: #825282;
}

.template-evidence #content .test-info-heading,
.template-evidence #content .test-info-title,
.template-evidence #content .test-info-desc {
  display: block;
  margin-bottom: 12px;
}

.template-evidence #content .test-info-icon {
  float: left;
  width: 30%;
  min-width: 56px;
}

.template-evidence #content .test-info-icon img {
  padding: 3px;
}

.template-evidence #content .test-info-text {
  float: left;
  width: 70%;
}

.template-evidence #content .test-info-heading {
  font-family: "OswaldLight";
  font-size: 18px;
  color: #666666;
}

.template-evidence #content .test-info-small-graph {
  margin-bottom: 9px;
}

.template-evidence #content .test-info-small-graph > div {
  height: 12px;
  margin-bottom: 5px;
  padding-left: 8%;
  position: relative;
}

.template-evidence #content .test-info-small-graph > div:before {
  display: inline-block;
  font-size: 12px;
  font-family: "OswaldLight";
  margin-right: 6px;
  color: #b5b5b5;
  position: absolute;
  left: 0;
}

.template-evidence #content .test-info-small-graph > div:after {
  display: block;
  height: 1px;
  content: "";
  background: #dddddd;
  font-family: "OswaldLight";
  margin-right: 6px;
  margin-top: 6px;
  position: absolute;
  width: 92%;
}

.template-evidence #content .test-info-small-graph > div.test-a:before {
  content: "A";
}

.template-evidence #content .test-info-small-graph > div.test-b:before {
  content: "B";
}

.template-evidence #content .test-info-small-graph > div span {
  display: inline-block;
  position: absolute;
  height: 12px;
  z-index: 999;
}

.template-evidence #content .test-info-title {
  font-weight: 700;
  font-size: 26px;
  color: #424242;
  line-height: 1.1;
}

.template-evidence #content .test-info-desc {
  font-family: "OswaldLight";
  font-size: 16px;
  color: #999999;
}

.template-evidence #content .test-link {
  height: 20px;
  width: 100%;
  position: relative;
  text-align: right;
}

.template-evidence #content .test-link:before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  top: 50%;
  position: absolute;
}

.template-evidence #content .test-link a {
  padding: 0 15px;
  color: #fe4406;
  background: #fff;
  position: relative;
  margin-right: 100px;
  font-family: "OswaldLight";
}

.template-evidence #content .ab-test {
  margin: 50px 0;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
  overflow: hidden;
}

.template-evidence #content .ab-test > div {
  float: left;
  width: 49%;
}

.template-evidence #content .ab-test > div:first-of-type {
  margin-left: 1%;
}

.template-evidence #content .ab-test .ab-test-heading {
  font-family: "OswaldBold";
  font-size: 26px;
  color: #424242;
  display: block;
  margin-bottom: -4px;
}

.template-evidence #content .ab-test .ab-test-desc {
  font-family: "OswaldLight";
  font-size: 18px;
  color: #666;
  line-height: 60px;
  margin-bottom: -16px;
  display: inline-block;
}

.template-evidence #content .ab-test .pic-placeholder {
  min-height: 350px;
  margin-bottom: 20px;
}

.template-evidence #content .ab-test .pic-placeholder img {
  max-width: 100%;
}

.template-evidence #content .ab-test .ab-test-desc i {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  margin-right: 4px;
  margin-top: -5px;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  float: left;
  border: 5px solid #fff;
  box-sizing: content-box;
  position: relative;
}

.template-evidence #content .ab-test .ab-test-desc strong {
  color: #424242;
}

.template-evidence #content .test-a .ab-test-desc i {
  background: #000;
}

.template-evidence #content .test-b .ab-test-desc i {
  background: #999999;
}

.template-evidence #content .notes {
  margin: 50px 0;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 60px;
  overflow: hidden;
}

.template-evidence #content .notes-inner {
  width: 70%;
  max-width: 670px;
  margin: 0 auto;
}

.template-evidence #content .notes h2 {
  font-family: "OswaldLight";
}

.template-evidence #content .notes h2 strong {
  font-weight: 700;
}

.template-evidence #content .notes-inner p {
  text-align: left;
}

.template-evidence #content .notes-inner p:last-of-type {
  padding-bottom: 0;
}

.template-evidence #content .notes-inner p strong {
  display: block;
  font-weight: 700;
}

.template-evidence #content .test-credits {
  font-family: "OswaldLight";
  font-size: 19px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 35px;
}

.template-evidence #content .test-credits h2 {
  display: inline-block;
  padding: 0;
  font-family: "OswaldLight";
  color: #666666;
  line-height: 46px;
  vertical-align: top;
}

.template-evidence #content .test-credits img {
  border-radius: 50%;
  margin: 2px 8px 2px 12px;
  vertical-align: middle;
}

.template-evidence #content .test-credits > div {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.template-evidence #content .test-credits > div span {
  font-weight: 700;
  font-size: 26px;
  display: block;
  margin-bottom: 4px;
}

.template-evidence #content .test-credits p {
  margin-top: 10px;
}

.template-evidence #content .test-credits p a {
  font-family: "OswaldBold";
  font-weight: 700;
}

.template-evidence #content .learn-from {
  padding-top: 50px;
  width: 80%;
  margin: 0 auto;
  text-align: left;
}

.template-evidence #content .learn-from h2 {
  color: #fe4406;
}

.template-evidence #content .learn-from ul {
  margin: 20px 35px 25px;
}

.template-evidence #content .learn-from ul li {
  background: url(./../dist/images/checkmark2.png?dd65331cfe344305c437867f50fcbb62) center left no-repeat;
  padding: 10px 0 10px 41px;
  font-size: 24px;
  font-family: "OswaldLight";
}

.template-evidence #content #test-graph .row .row-label {
  float: left;
  font: 16px/34px "OswaldRegular";
  color: #7C7874;
  margin: 10px 0;
}

.template-evidence #content #test-graph .row .row-label:nth-child(2) {
  font-size: 18px;
}

.template-evidence #content #test-graph .row > div {
  float: left;
}

.template-evidence #content #test-graph .row > div:nth-child(1) {
  width: 30%;
  text-align: right;
}

.template-evidence #content #test-graph .row > div:nth-child(2) {
  width: 68%;
  margin-left: 2%;
}

.template-evidence #content #test-graph .row > div:nth-child(3) {
  width: 12%;
}

.template-evidence #content #test-graph .row .big-percentage-label {
  font: 16px/28px "OswaldLight";
  background: #fff;
  color: #7C7874;
  border-radius: 12px;
  padding: 5px 7px;
  height: 44px;
  position: relative;
  z-index: 999;
  text-align: right;
  display: inline-block;
}

.template-evidence #content #test-graph .row .big-percentage-label .idea-amount {
  background: #cdcdcd;
  width: 34px;
  height: 34px;
  margin-right: 2px;
  display: inline-block;
  border-radius: 100%;
  line-height: 34px;
  color: #fff;
  font-family: "OswaldRegular";
  text-align: center;
  vertical-align: middle;
}

.template-evidence #content #test-graph .row .big-percentage-label .idea-title {
  overflow: hidden;
  max-width: 138px;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}

.template-evidence #content #test-graph .row .big-percentage-label .effect-percentage {
  font-family: "OswaldBold";
  color: #6bbf23;
  font-size: 20px;
  margin: 0 0 0 8px;
  vertical-align: middle;
  display: inline-block;
}

.template-evidence #content #test-graph .row .percentage-graph {
  position: relative;
  height: 44px;
  z-index: 999;
}

.template-evidence #content #test-graph .row .percentage-graph:after {
  display: block;
  position: absolute;
  content: "";
  top: 50%;
  height: 1px;
  width: 100%;
  background: #dcdcdc;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-small {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  margin-left: -9px;
  z-index: 999;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests {
  display: inline-table;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 999;
  margin-top: -12px;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests > div {
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-family: "OswaldLight";
  font-size: 14px;
  border-radius: 11px;
  color: #fff;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -11px;
  z-index: 10;
  transition: all 0.3s ease-in-out;
  background: pink;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests ul {
  display: inline-flex;
  position: relative;
  z-index: 100;
  padding: 2px 0;
  background-color: #fff;
  border-radius: 20px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi:hover ul,
.template-evidence #content #test-graph .row.active .percentage-graph .dot-multi ul {
  opacity: 1;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests ul li {
  display: inline-block;
  padding: 3px;
  font-family: "OswaldLight";
  font-size: 12px;
  float: left;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in-out;
  margin: 2px;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests ul li span {
  display: inline-block;
  position: absolute;
  bottom: -20px;
  opacity: 0;
  width: 100px;
  left: -37px;
  font-size: 14px;
  text-align: center;
  transition: opacity 0.3s ease-in-out;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests ul li:hover span {
  opacity: 1;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests ul li.dot-active:before {
  background: #424242 !important;
  color: #fff;
  cursor: pointer;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests ul li:before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 9px;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests ul li.dot-small.dot-active {
  margin: -4px 0 0 0;
  left: 2px;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-small:before {
  display: inline-block;
  font-size: 14px;
  color: #999999;
  position: relative;
  top: -20px;
  content: attr(data-before);
  font-family: "OswaldLight";
  opacity: 0;
}

.template-evidence #content #test-graph .row .idea-amount,
.template-evidence #content #test-graph .row .effect-percentage {
  transition: all 0.2s ease-in-out;
}

.template-evidence #content #test-graph .row.active .idea-amount {
  background: #424242;
}

.template-evidence #content #test-graph .row.active .effect-percentage {
  color: #424242;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-small > div {
  position: absolute;
  top: 21px;
  min-width: 200px;
  white-space: nowrap;
  font-size: 14px;
  font-family: "OswaldLight";
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.template-evidence #content #test-graph .row:hover .percentage-graph .dot-small:not(.dot-active):hover:before,
.template-evidence #content #test-graph .row .percentage-graph .dot-small:not(.dot-active):hover > div {
  opacity: 1;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-small strong {
  color: #FF3F00;
  line-height: 20px;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-green.dot-small,
.template-evidence #content #test-graph .row .percentage-graph .dot-green.dot-multi > div,
.template-evidence #content #test-graph .row .percentage-graph .dot-multi ul li.dot-green:before {
  background: #6bbf23;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-light-green.dot-small,
.template-evidence #content #test-graph .row .percentage-graph .dot-light-green.dot-multi > div,
.template-evidence #content #test-graph .row .percentage-graph .dot-multi ul li.dot-light-green:before {
  background: #b5df91;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-orange.dot-small,
.template-evidence #content #test-graph .row .percentage-graph .dot-orange.dot-multi > div,
.template-evidence #content #test-graph .row .percentage-graph .dot-multi ul li.dot-orange:before {
  background: #ff3f00;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-light-orange.dot-small,
.template-evidence #content #test-graph .row .percentage-graph .dot-light-orange.dot-multi > div,
.template-evidence #content #test-graph .row .percentage-graph .dot-multi ul li.dot-light-orange:before {
  background: #ff9f80;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-gray.dot-small,
.template-evidence #content #test-graph .row .percentage-graph .dot-gray.dot-multi > div,
.template-evidence #content #test-graph .row .percentage-graph .dot-multi ul li.dot-gray:before {
  background: #a1a1a1;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-small.dot-active {
  background-color: #424242;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border: 4px solid #fff;
}

.template-evidence #content #test-graph .row .idea-label {
  background: #fff;
  color: #FF3F00;
  border: 1px solid #e5e5e5;
  padding: 6px 10px 6px 6px;
  margin-top: 3px;
  border-radius: 30px;
  white-space: nowrap;
  font-size: 13px;
  display: inline-block;
  position: relative;
  z-index: 999;
}

.template-evidence #content #test-graph .row .idea-label span {
  background: #e7e7e7;
  color: #424242;
  border-radius: 48%;
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  margin-right: 4px;
}

.template-evidence #content #test-graph .spacer-row {
  clear: both;
  height: 40px;
  position: relative;
}

.template-evidence #content #test-graph .spacer-row .spacer {
  position: absolute;
  height: 60px;
  left: 62%;
  top: -10px;
}

.template-evidence #content #test-graph .spacer-row .spacer:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 1px;
  height: 100%;
  background: #dcdcdc;
  left: 50%;
  top: 0;
}

.template-evidence #content .expanded-inner {
  min-height: 1000px;
}

.template-evidence #content .expanded-inner .strength-green-insignificant,
.template-evidence #content .expanded-inner .strength-red-insignificant {
  color: #a1a1a1;
}

.template-evidence #content .expanded-inner .strength-green-possible {
  color: #b5df91;
}

.template-evidence #content .expanded-inner .strength-green-strong {
  color: #6bbf23;
}

.template-evidence #content .expanded-inner .strength-red-possible {
  color: #ff9f80;
}

.template-evidence #content .expanded-inner .strength-red-strong {
  color: #FF3F00;
}

.template-evidence #content .percentage-graph {
  padding: 0 7px;
}

.template-evidence #content .percentage-graph .strength-green-insignificant,
.template-evidence #content .percentage-graph .strength-red-insignificant {
  background-color: #a1a1a1;
}

.template-evidence #content .percentage-graph .strength-green-possible {
  background-color: #b5df91;
}

.template-evidence #content .percentage-graph .strength-green-strong {
  background-color: #6bbf23;
}

.template-evidence #content .percentage-graph .strength-red-possible {
  background-color: #ff9f80;
}

.template-evidence #content .percentage-graph .strength-red-strong {
  background-color: #FF3F00;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests {
  background-color: transparent !important;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests.strength-green-insignificant > div,
.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests.strength-red-insignificant > div {
  background-color: #a1a1a1;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests.strength-green-possible > div {
  background-color: #b5df91;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests.strength-green-strong > div {
  background-color: #6bbf23;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests.strength-red-possible > div {
  background-color: #ff9f80;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-multi-tests.strength-red-strong > div {
  background-color: #FF3F00;
}

.template-evidence #content #test-graph .row .big-percentage-label .effect-percentage.negative {
  color: #FF3F00;
}

.template-evidence #content #test-graph .row.active .effect-percentage.negative {
  color: #424242;
}

.template-evidence #content .row-half {
  width: 50%;
  float: left;
  text-align: left;
  padding: 0 5px;
}

.template-evidence #content .ab-test .ab-test-desc {
  margin-left: -70px;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-small > div {
  min-width: auto;
}

.template-evidence #content #test-graph .row {
  height: 58px;
}

.template-evidence #content .test-info-desc {
  font-size: 14px;
}

.template-evidence #content #test-graph .expanded {
  top: -34px;
}

.template-evidence #content .test-info > div:nth-child(2) {
  width: 22%;
}

.template-evidence #content .test-info > div:nth-child(4) {
  width: 18%;
}

.template-evidence #content #test-graph {
  margin: 0 auto 60px;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-small > div {
  /* IE 9 */
  /* Safari */
  transform: translate(-50%, -40px);
  margin: 0 0 0 9px;
  padding: 0;
}

.template-evidence #content #test-graph .row .percentage-graph .dot-small > div.left {
  /* IE 9 */
  /* Safari */
  transform: translate(-5%, -40px);
}

.template-evidence #content #test-graph .row .percentage-graph .dot-small > div.right {
  /* IE 9 */
  /* Safari */
  transform: translate(-95%, -40px);
}

.template-evidence #content .faces div {
  position: relative;
  display: inline-block;
}

.template-evidence #content .faces div > div {
  position: relative;
  display: block;
  opacity: 0;
}

.template-evidence #content .faces div > div i {
  position: absolute;
  /* IE 9 */
  /* Safari */
  transform: translate(-50%, 60px);
  font-size: 12px;
  font-weight: 100;
  border: 1px solid #C0C0C0;
  padding: 5px;
  background-color: #FFF;
  white-space: nowrap;
  border-radius: 5px;
}

.template-evidence #content .faces div:hover > div {
  opacity: 1;
}

.template-evidence #content .faces div img {
  border-radius: 25px;
  float: left;
}

.template-evidence #content .row .full-graph {
  width: 100%;
  height: 44px;
  float: left;
  position: relative;
}

.template-evidence #content .row .full-graph.ten {
  width: 10%;
}

.template-evidence #content .row .full-graph.forty {
  width: 40%;
}

.template-evidence #content .row .line {
  width: 1px;
  position: absolute;
  top: 0;
  height: 58px;
  background-color: #dcdcdc;
}

.template-evidence #content .row .line-header {
  position: relative;
  margin: 0 7px;
}

.template-evidence #content .row .line-header .line {
  top: 38px;
  height: 10px;
}

.template-evidence #content .row .line-header .line span {
  position: relative;
  top: -36px;
  font: 16px/34px "OswaldRegular";
  left: -5px;
}

.template-evidence #content .row .line-header .line span:first-child {
  left: -12px;
}

.template-evidence #content .row .line-header .line span:last-child {
  left: -12px;
}

.template-evidence #content .row.active .line {
  height: 22px;
}

.template-evidence #content .arrow {
  position: absolute;
  left: 0;
  bottom: 590px;
  background-image: url(./../dist/images/arrow.png?e32121235f1ecc8dbf0140cdced3348b);
  width: 136px;
  height: 111px;
}

.template-evidence #content .ab-test .ab-test-desc i {
  z-index: 2;
}

.template-evidence #content .pic-placeholder {
  position: relative;
}

.template-evidence #content .pic-placeholder .play-video {
  position: absolute;
  top: 300px;
  left: 50%;
  /* IE 9 */
  /* Safari */
  transform: translate(-50%, -50%);
  font-size: 28px;
  border-radius: 5px;
  background-color: #FF3F00;
  color: white;
  font-family: "OswaldLight";
  padding: 8px 30px;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.75);
}

.template-evidence #content .pic-placeholder:hover .play-video {
  background-color: #000;
  color: white;
}

.template-evidence #content .vimeo-bg {
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  display: none;
  cursor: pointer;
}

.template-evidence #content .vimeo-bg .center {
  left: 50%;
  top: 50%;
  /* IE 9 */
  /* Safari */
  transform: translate(-50%, -50%);
  position: relative;
}

.template-evidence #content .vimeo-bg .embed-container {
  position: relative;
  padding-bottom: 41.25%;
  height: 0;
  overflow: hidden;
  max-width: 74%;
  margin: 0 auto;
}

.template-evidence #content .vimeo-bg .embed-container iframe,
.template-evidence #content .vimeo-bg .embed-container object,
.template-evidence #content .vimeo-bg .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.template-evidence #content #loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  border-right: 5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  border-left: 5px solid #000000;
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
          animation: load8 1.1s infinite linear;
}

.template-evidence #content #loader,
.template-evidence #content #loader:after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: -50px auto 10px;
  display: inline-block;
}

@-webkit-keyframes load8 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.template-evidence #content .tree {
  transition: all 0.2s;
  -webkit-animation: r5 1s 0s ease-out 5;
  moz-animation: r5 1s 0s ease-out 5;
  animation: r5 1s 0s ease-out 5;
}

@-webkit-keyframes r5 {
  0% {
    box-shadow: 0 0 8px 6px #566464, 0 0 0 0 transparent, 0 0 0 0 #566464;
  }

  10% {
    box-shadow: 0 0 8px 6px rgba(218, 218, 218, 0.7), 0 0 12px 10px transparent, 0 0 12px 14px rgba(218, 218, 218, 0.7);
  }

  100% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 40px transparent, 0 0 0 40px transparent;
  }
}

@keyframes r5 {
  0% {
    box-shadow: 0 0 8px 6px #566464, 0 0 0 0 transparent, 0 0 0 0 #566464;
  }

  10% {
    box-shadow: 0 0 8px 6px rgba(218, 218, 218, 0.7), 0 0 12px 10px transparent, 0 0 12px 14px rgba(218, 218, 218, 0.7);
  }

  100% {
    box-shadow: 0 0 8px 6px transparent, 0 0 0 40px transparent, 0 0 0 40px transparent;
  }
}