/* ======================================================================== Component: Grid ========================================================================== */
/* 1. Makes grid more robust so that it can be used with other block elements like lists */
.uk-grid { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin: 0; padding: 0; list-style: none; }

/* DEPRECATED Micro clearfix Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit */
.uk-grid:before, .uk-grid:after { content: ""; display: block; overflow: hidden; }

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

/* Grid cell 1. Space is allocated solely based on content dimensions 2. Makes grid more robust so that it can be used with other block elements 3. DEPRECATED Using `float` to support IE9 */
.uk-grid > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; /* 2 */ margin: 0; /* 3 */ float: left; }

/* Remove margin from the last-child */
.uk-grid > * > :last-child { margin-bottom: 0; }

/* Grid gutter ========================================================================== */
/* Default gutter */
/* Horizontal */
.uk-grid { margin-left: -25px; }

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

/* Vertical */
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 25px; }

/* Large screen and bigger */
@media (min-width: 1220px) { /* Horizontal */
  .uk-grid { margin-left: -35px; }
  .uk-grid > * { padding-left: 35px; }
  /* Vertical */
  .uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 35px; } }

/* Collapse gutter */
/* Horizontal */
.uk-grid-collapse { margin-left: 0; }

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

/* Vertical */
.uk-grid-collapse + .uk-grid-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-collapse > * > .uk-panel + .uk-panel { margin-top: 0; }

/* Small gutter */
/* Horizontal */
.uk-grid-small { margin-left: -10px; }

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

/* Vertical */
.uk-grid-small + .uk-grid-small, .uk-grid-small > .uk-grid-margin, .uk-grid-small > * > .uk-panel + .uk-panel { margin-top: 10px; }

/* Medium gutter */
/* Horizontal */
.uk-grid-medium { margin-left: -25px; }

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

/* Vertical */
.uk-grid-medium + .uk-grid-medium, .uk-grid-medium > .uk-grid-margin, .uk-grid-medium > * > .uk-panel + .uk-panel { margin-top: 25px; }

/* Large gutter */
/* Large screen and bigger */
@media (min-width: 960px) { /* Horizontal */
  .uk-grid-large { margin-left: -35px; }
  .uk-grid-large > * { padding-left: 35px; }
  /* Vertical */
  .uk-grid-large + .uk-grid-large, .uk-grid-large-margin, .uk-grid-large > * > .uk-panel + .uk-panel { margin-top: 35px; } }

/* Extra Large screens */
@media (min-width: 1220px) { /* Horizontal */
  .uk-grid-large { margin-left: -50px; }
  .uk-grid-large > * { padding-left: 50px; }
  /* Vertical */
  .uk-grid-large + .uk-grid-large, .uk-grid-large-margin, .uk-grid-large > * > .uk-panel + .uk-panel { margin-top: 50px; } }

/* Modifier: `uk-grid-divider` ========================================================================== */
/* Horizontal divider Only works with the default gutter. Does not work with gutter collapse, small or large. Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row. */
.uk-grid-divider:not(:empty) { margin-left: -25px; margin-right: -25px; }

.uk-grid-divider > * { padding-left: 25px; padding-right: 25px; }

.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { border-left: 1px solid #ddd; }

/* Tablet and bigger */
@media (min-width: 768px) { .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: 1px solid #ddd; } }

/* Desktop and bigger */
@media (min-width: 960px) { .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { border-left: 1px solid #ddd; } }

/* Large screen and bigger */
@media (min-width: 1220px) { /* Large gutter */
  .uk-grid-divider:not(:empty) { margin-left: -35px; margin-right: -35px; }
  .uk-grid-divider > * { padding-left: 35px; padding-right: 35px; }
  .uk-grid-divider:empty { margin-top: 35px; margin-bottom: 35px; } }

/* Vertical divider */
.uk-grid-divider:empty { margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #ddd; }

/* Match panels in grids ========================================================================== */
/* 1. Behave like a block element */
.uk-grid-match > * { display: -ms-flexbox; display: -webkit-flex; display: flex; /* 1 */ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.uk-grid-match > * > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; box-sizing: border-box; width: 100%; }

/* Even grid cell widths ========================================================================== */
[class*='uk-grid-width'] > * { box-sizing: border-box; width: 100%; }

.uk-grid-width-1-2 > * { width: 50%; }

.uk-grid-width-1-3 > * { width: 33.333%; }

.uk-grid-width-1-4 > * { width: 25%; }

.uk-grid-width-1-5 > * { width: 20%; }

.uk-grid-width-1-6 > * { width: 16.666%; }

.uk-grid-width-1-10 > * { width: 10%; }

.uk-grid-width-auto > * { width: auto; }

/* Phone landscape and bigger */
@media (min-width: 480px) { .uk-grid-width-small-1-1 > * { width: 100%; }
  .uk-grid-width-small-1-2 > * { width: 50%; }
  .uk-grid-width-small-1-3 > * { width: 33.333%; }
  .uk-grid-width-small-1-4 > * { width: 25%; }
  .uk-grid-width-small-1-5 > * { width: 20%; }
  .uk-grid-width-small-1-6 > * { width: 16.666%; }
  .uk-grid-width-small-1-10 > * { width: 10%; } }

/* Tablet and bigger */
@media (min-width: 768px) { .uk-grid-width-medium-1-1 > * { width: 100%; }
  .uk-grid-width-medium-1-2 > * { width: 50%; }
  .uk-grid-width-medium-1-3 > * { width: 33.333%; }
  .uk-grid-width-medium-1-4 > * { width: 25%; }
  .uk-grid-width-medium-1-5 > * { width: 20%; }
  .uk-grid-width-medium-1-6 > * { width: 16.666%; }
  .uk-grid-width-medium-1-10 > * { width: 10%; } }

/* Desktop and bigger */
@media (min-width: 960px) { .uk-grid-width-large-1-1 > * { width: 100%; }
  .uk-grid-width-large-1-2 > * { width: 50%; }
  .uk-grid-width-large-1-3 > * { width: 33.333%; }
  .uk-grid-width-large-1-4 > * { width: 25%; }
  .uk-grid-width-large-1-5 > * { width: 20%; }
  .uk-grid-width-large-1-6 > * { width: 16.666%; }
  .uk-grid-width-large-1-10 > * { width: 10%; } }

/* Large screen and bigger */
@media (min-width: 1220px) { .uk-grid-width-xlarge-1-1 > * { width: 100%; }
  .uk-grid-width-xlarge-1-2 > * { width: 50%; }
  .uk-grid-width-xlarge-1-3 > * { width: 33.333%; }
  .uk-grid-width-xlarge-1-4 > * { width: 25%; }
  .uk-grid-width-xlarge-1-5 > * { width: 20%; }
  .uk-grid-width-xlarge-1-6 > * { width: 16.666%; }
  .uk-grid-width-xlarge-1-10 > * { width: 10%; } }

/* Sub-objects: `uk-width-*` ========================================================================== */
[class*='uk-width'] { box-sizing: border-box; width: 100%; }

/* Widths */
/* Whole */
.uk-width-1-1 { width: 100%; }

/* Halves */
.uk-width-1-2, .uk-width-2-4, .uk-width-3-6, .uk-width-5-10 { width: 50%; }

/* Thirds */
.uk-width-1-3, .uk-width-2-6 { width: 33.333%; }

.uk-width-2-3, .uk-width-4-6 { width: 66.666%; }

/* Quarters */
.uk-width-1-4 { width: 25%; }

.uk-width-3-4 { width: 75%; }

/* Fifths */
.uk-width-1-5, .uk-width-2-10 { width: 20%; }

.uk-width-2-5, .uk-width-4-10 { width: 40%; }

.uk-width-3-5, .uk-width-6-10 { width: 60%; }

.uk-width-4-5, .uk-width-8-10 { width: 80%; }

/* Sixths */
.uk-width-1-6 { width: 16.666%; }

.uk-width-5-6 { width: 83.333%; }

/* Tenths */
.uk-width-1-10 { width: 10%; }

.uk-width-3-10 { width: 30%; }

.uk-width-7-10 { width: 70%; }

.uk-width-9-10 { width: 90%; }

/* Phone landscape and bigger */
@media (min-width: 480px) { /* Whole */
  .uk-width-small-1-1 { width: 100%; }
  /* Halves */
  .uk-width-small-1-2, .uk-width-small-2-4, .uk-width-small-3-6, .uk-width-small-5-10 { width: 50%; }
  /* Thirds */
  .uk-width-small-1-3, .uk-width-small-2-6 { width: 33.333%; }
  .uk-width-small-2-3, .uk-width-small-4-6 { width: 66.666%; }
  /* Quarters */
  .uk-width-small-1-4 { width: 25%; }
  .uk-width-small-3-4 { width: 75%; }
  /* Fifths */
  .uk-width-small-1-5, .uk-width-small-2-10 { width: 20%; }
  .uk-width-small-2-5, .uk-width-small-4-10 { width: 40%; }
  .uk-width-small-3-5, .uk-width-small-6-10 { width: 60%; }
  .uk-width-small-4-5, .uk-width-small-8-10 { width: 80%; }
  /* Sixths */
  .uk-width-small-1-6 { width: 16.666%; }
  .uk-width-small-5-6 { width: 83.333%; }
  /* Tenths */
  .uk-width-small-1-10 { width: 10%; }
  .uk-width-small-3-10 { width: 30%; }
  .uk-width-small-7-10 { width: 70%; }
  .uk-width-small-9-10 { width: 90%; } }

/* Tablet and bigger */
@media (min-width: 768px) { /* Whole */
  .uk-width-medium-1-1 { width: 100%; }
  /* Halves */
  .uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 { width: 50%; }
  /* Thirds */
  .uk-width-medium-1-3, .uk-width-medium-2-6 { width: 33.333%; }
  .uk-width-medium-2-3, .uk-width-medium-4-6 { width: 66.666%; }
  /* Quarters */
  .uk-width-medium-1-4 { width: 25%; }
  .uk-width-medium-3-4 { width: 75%; }
  /* Fifths */
  .uk-width-medium-1-5, .uk-width-medium-2-10 { width: 20%; }
  .uk-width-medium-2-5, .uk-width-medium-4-10 { width: 40%; }
  .uk-width-medium-3-5, .uk-width-medium-6-10 { width: 60%; }
  .uk-width-medium-4-5, .uk-width-medium-8-10 { width: 80%; }
  /* Sixths */
  .uk-width-medium-1-6 { width: 16.666%; }
  .uk-width-medium-5-6 { width: 83.333%; }
  /* Tenths */
  .uk-width-medium-1-10 { width: 10%; }
  .uk-width-medium-3-10 { width: 30%; }
  .uk-width-medium-7-10 { width: 70%; }
  .uk-width-medium-9-10 { width: 90%; } }

/* Desktop and bigger */
@media (min-width: 960px) { /* Whole */
  .uk-width-large-1-1 { width: 100%; }
  /* Halves */
  .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 { width: 50%; }
  /* Thirds */
  .uk-width-large-1-3, .uk-width-large-2-6 { width: 33.333%; }
  .uk-width-large-2-3, .uk-width-large-4-6 { width: 66.666%; }
  /* Quarters */
  .uk-width-large-1-4 { width: 25%; }
  .uk-width-large-3-4 { width: 75%; }
  /* Fifths */
  .uk-width-large-1-5, .uk-width-large-2-10 { width: 20%; }
  .uk-width-large-2-5, .uk-width-large-4-10 { width: 40%; }
  .uk-width-large-3-5, .uk-width-large-6-10 { width: 60%; }
  .uk-width-large-4-5, .uk-width-large-8-10 { width: 80%; }
  /* Sixths */
  .uk-width-large-1-6 { width: 16.666%; }
  .uk-width-large-5-6 { width: 83.333%; }
  /* Tenths */
  .uk-width-large-1-10 { width: 10%; }
  .uk-width-large-3-10 { width: 30%; }
  .uk-width-large-7-10 { width: 70%; }
  .uk-width-large-9-10 { width: 90%; } }

/* Large screen and bigger */
@media (min-width: 1220px) { /* Whole */
  .uk-width-xlarge-1-1 { width: 100%; }
  /* Halves */
  .uk-width-xlarge-1-2, .uk-width-xlarge-2-4, .uk-width-xlarge-3-6, .uk-width-xlarge-5-10 { width: 50%; }
  /* Thirds */
  .uk-width-xlarge-1-3, .uk-width-xlarge-2-6 { width: 33.333%; }
  .uk-width-xlarge-2-3, .uk-width-xlarge-4-6 { width: 66.666%; }
  /* Quarters */
  .uk-width-xlarge-1-4 { width: 25%; }
  .uk-width-xlarge-3-4 { width: 75%; }
  /* Fifths */
  .uk-width-xlarge-1-5, .uk-width-xlarge-2-10 { width: 20%; }
  .uk-width-xlarge-2-5, .uk-width-xlarge-4-10 { width: 40%; }
  .uk-width-xlarge-3-5, .uk-width-xlarge-6-10 { width: 60%; }
  .uk-width-xlarge-4-5, .uk-width-xlarge-8-10 { width: 80%; }
  /* Sixths */
  .uk-width-xlarge-1-6 { width: 16.666%; }
  .uk-width-xlarge-5-6 { width: 83.333%; }
  /* Tenths */
  .uk-width-xlarge-1-10 { width: 10%; }
  .uk-width-xlarge-3-10 { width: 30%; }
  .uk-width-xlarge-7-10 { width: 70%; }
  .uk-width-xlarge-9-10 { width: 90%; } }

/* Sub-object: `uk-push-*` and `uk-pull-*` ========================================================================== */
/* Source ordering Works only with `uk-width-medium-*` */
/* Tablet and bigger */
@media (min-width: 768px) { [class*='uk-push-'], [class*='uk-pull-'] { position: relative; }
  /* Push */
  /* Halves */
  .uk-push-1-2, .uk-push-2-4, .uk-push-3-6, .uk-push-5-10 { left: 50%; }
  /* Thirds */
  .uk-push-1-3, .uk-push-2-6 { left: 33.333%; }
  .uk-push-2-3, .uk-push-4-6 { left: 66.666%; }
  /* Quarters */
  .uk-push-1-4 { left: 25%; }
  .uk-push-3-4 { left: 75%; }
  /* Fifths */
  .uk-push-1-5, .uk-push-2-10 { left: 20%; }
  .uk-push-2-5, .uk-push-4-10 { left: 40%; }
  .uk-push-3-5, .uk-push-6-10 { left: 60%; }
  .uk-push-4-5, .uk-push-8-10 { left: 80%; }
  /* Sixths */
  .uk-push-1-6 { left: 16.666%; }
  .uk-push-5-6 { left: 83.333%; }
  /* Tenths */
  .uk-push-1-10 { left: 10%; }
  .uk-push-3-10 { left: 30%; }
  .uk-push-7-10 { left: 70%; }
  .uk-push-9-10 { left: 90%; }
  /* Pull */
  /* Halves */
  .uk-pull-1-2, .uk-pull-2-4, .uk-pull-3-6, .uk-pull-5-10 { left: -50%; }
  /* Thirds */
  .uk-pull-1-3, .uk-pull-2-6 { left: -33.333%; }
  .uk-pull-2-3, .uk-pull-4-6 { left: -66.666%; }
  /* Quarters */
  .uk-pull-1-4 { left: -25%; }
  .uk-pull-3-4 { left: -75%; }
  /* Fifths */
  .uk-pull-1-5, .uk-pull-2-10 { left: -20%; }
  .uk-pull-2-5, .uk-pull-4-10 { left: -40%; }
  .uk-pull-3-5, .uk-pull-6-10 { left: -60%; }
  .uk-pull-4-5, .uk-pull-8-10 { left: -80%; }
  /* Sixths */
  .uk-pull-1-6 { left: -16.666%; }
  .uk-pull-5-6 { left: -83.333%; }
  /* Tenths */
  .uk-pull-1-10 { left: -10%; }
  .uk-pull-3-10 { left: -30%; }
  .uk-pull-7-10 { left: -70%; }
  .uk-pull-9-10 { left: -90%; } }

/* ======================================================================== Component: Utility ========================================================================== */
/* Container ========================================================================== */
.uk-container { box-sizing: border-box; max-width: 980px; padding: 0 25px; }

/* Large screen and bigger */
@media (min-width: 1220px) { .uk-container { max-width: 1200px; padding: 0 35px; } }

/* Micro clearfix */
.uk-container:before, .uk-container:after { content: ""; display: table; }

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

/* Center container */
.uk-container-center { margin-left: auto; margin-right: auto; }

/* Clearing ========================================================================== */
/* Micro clearfix `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit `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 */
.uk-clearfix:before { content: ""; display: table-cell; }

.uk-clearfix:after { content: ""; display: table; clear: both; }

/* Create a new block formatting context */
.uk-nbfc { overflow: hidden; }

.uk-nbfc-alt { display: table-cell; width: 10000px; }

/* Alignment of block elements ========================================================================== */
/* Float blocks 1. Prevent content overflow on small devices */
.uk-float-left { float: left; }

.uk-float-right { float: right; }

/* 1 */
[class*='uk-float-'] { max-width: 100%; }

/* Alignment of images and objects ========================================================================== */
/* Alignment */
[class*='uk-align-'] { display: block; margin-bottom: 15px; }

.uk-align-left { margin-right: 15px; float: left; }

.uk-align-right { margin-left: 15px; float: right; }

/* Tablet and bigger */
@media (min-width: 768px) { .uk-align-medium-left { margin-right: 15px; float: left; }
  .uk-align-medium-right { margin-left: 15px; float: right; } }

.uk-align-center { margin-left: auto; margin-right: auto; }

/* Vertical alignment ========================================================================== */
/* Remove whitespace between child elements when using `inline-block` */
.uk-vertical-align { font-size: 0.001px; }

/* The `uk-vertical-align` container needs a specific height */
.uk-vertical-align:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

/* Sub-object which can have any height 1. Reset whitespace hack */
.uk-vertical-align-middle, .uk-vertical-align-bottom { display: inline-block; max-width: 100%; /* 1 */ font-size: 1rem; }

.uk-vertical-align-middle { vertical-align: middle; }

.uk-vertical-align-bottom { vertical-align: bottom; }

/* Height ========================================================================== */
/* More robust if padding and border are used */
[class*='uk-height'] { box-sizing: border-box; }

/* Useful to extend the `html` and `body` element to the full height of the page. */
.uk-height-1-1 { height: 100%; }

/* Useful to create image teasers */
.uk-height-viewport { height: 100vh; min-height: 600px; }

/* Responsive objects Note: Images are already responsive by default, see Base component ========================================================================== */
/* 1. Corrects `max-width` and `max-height` behavior if padding and border are used */
.uk-responsive-width, .uk-responsive-height { box-sizing: border-box; }

/* Responsiveness: Sets a maximum width relative to the parent and auto scales the height `important` needed to override `uk-img-preserve img` */
.uk-responsive-width { max-width: 100% !important; height: auto; }

/* Responsiveness: Sets a maximum height relative to the parent and auto scales the width Only works if the parent element has a fixed height. */
.uk-responsive-height { max-height: 100%; width: auto; }

/* Margin ========================================================================== */
/* Create a block with the same margin of a paragraph Add margin if adjacent element */
.uk-margin { margin-bottom: 15px; }

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

.uk-margin-top { margin-top: 15px !important; }

.uk-margin-bottom { margin-bottom: 15px !important; }

.uk-margin-left { margin-left: 15px !important; }

.uk-margin-right { margin-right: 15px !important; }

/* Larger margins */
.uk-margin-large { margin-bottom: 50px; }

* + .uk-margin-large { margin-top: 50px; }

.uk-margin-large-top { margin-top: 50px !important; }

.uk-margin-large-bottom { margin-bottom: 50px !important; }

.uk-margin-large-left { margin-left: 50px !important; }

.uk-margin-large-right { margin-right: 50px !important; }

/* Smaller margins */
.uk-margin-small { margin-bottom: 5px; }

* + .uk-margin-small { margin-top: 5px; }

.uk-margin-small-top { margin-top: 5px !important; }

.uk-margin-small-bottom { margin-bottom: 5px !important; }

.uk-margin-small-left { margin-left: 5px !important; }

.uk-margin-small-right { margin-right: 5px !important; }

/* Remove margins */
.uk-margin-remove { margin: 0 !important; }

.uk-margin-top-remove { margin-top: 0 !important; }

.uk-margin-bottom-remove { margin-bottom: 0 !important; }

/* Padding ========================================================================== */
.uk-padding-remove { padding: 0 !important; }

.uk-padding-top-remove { padding-top: 0 !important; }

.uk-padding-bottom-remove { padding-bottom: 0 !important; }

.uk-padding-vertical-remove { padding-top: 0 !important; padding-bottom: 0 !important; }

/* Border ========================================================================== */
.uk-border-circle { border-radius: 50%; }

.uk-border-rounded { border-radius: 5px; }

/* Headings ========================================================================== */
.uk-heading-large { font-size: 36px; line-height: 42px; }

/* Tablet and bigger */
@media (min-width: 768px) { .uk-heading-large { font-size: 52px; line-height: 64px; } }

/* Link ========================================================================== */
/* Let links appear in default text color */
.uk-link-muted, .uk-link-muted a { color: #444; }

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

/* Reset link style */
.uk-link-reset, .uk-link-reset a, .uk-link-reset:hover, .uk-link-reset a:hover, .uk-link-reset:focus, .uk-link-reset a:focus { color: inherit; text-decoration: none; }

/* Scrollable ========================================================================== */
/* Enable scrolling for preformatted text */
.uk-scrollable-text { height: 300px; overflow-y: scroll; -webkit-overflow-scrolling: touch; resize: both; }

/* Box with scrolling enabled */
.uk-scrollable-box { box-sizing: border-box; height: 170px; padding: 10px; border: 1px solid #ddd; overflow: auto; -webkit-overflow-scrolling: touch; resize: both; }

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

/* Overflow ========================================================================== */
.uk-overflow-hidden { overflow: hidden; }

/* Enable scrollbars if content is clipped */
.uk-overflow-container { overflow: auto; -webkit-overflow-scrolling: touch; }

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

/* Position ========================================================================== */
.uk-position-absolute, [class*='uk-position-top'], [class*='uk-position-bottom'] { position: absolute !important; }

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

/* Cover */
.uk-position-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

/* Relative */
.uk-position-relative { position: relative !important; }

/* Z-index */
.uk-position-z-index { z-index: 1; }

/* Display ========================================================================== */
/* Display 1. Required if child is a responsive image */
.uk-display-block { display: block !important; }

.uk-display-inline { display: inline !important; }

.uk-display-inline-block { display: inline-block !important; /* 1 */ max-width: 100%; }

/* Visibility Avoids setting display to `block` so it works also with `inline-block` and `table` */
/* Desktop and bigger */
@media (min-width: 960px) { .uk-visible-small { display: none !important; }
  .uk-visible-medium { display: none !important; }
  .uk-hidden-large { display: none !important; } }

/* Tablets portrait */
@media (min-width: 768px) and (max-width: 959px) { .uk-visible-small { display: none !important; }
  .uk-visible-large { display: none !important; }
  .uk-hidden-medium { display: none !important; } }

/* Phone landscape and smaller*/
@media (max-width: 767px) { .uk-visible-medium { display: none !important; }
  .uk-visible-large { display: none !important; }
  .uk-hidden-small { display: none !important; } }

@media (max-width: 767px) { .uk-visible-medium { display: none !important; }
  .uk-visible-large { display: none !important; }
  .uk-hidden-small { display: none !important; } }

/* Remove from the flow and screen readers on any device */
.uk-hidden { display: none !important; visibility: hidden !important; }

/* It's hidden, but still affects layout */
.uk-invisible { visibility: hidden !important; }

/* Show on hover */
.uk-visible-hover:hover .uk-hidden, .uk-visible-hover:hover .uk-invisible { display: block !important; visibility: visible !important; }

.uk-visible-hover-inline:hover .uk-hidden, .uk-visible-hover-inline:hover .uk-invisible { display: inline-block !important; visibility: visible !important; }

/* Hide on touch */
.uk-touch .uk-hidden-touch, .uk-notouch .uk-hidden-notouch { display: none !important; }

/* ======================================================================== Component: Text ========================================================================== */
/* Size modifiers ========================================================================== */
.uk-text-small { font-size: 11px; line-height: 16px; }

.uk-text-large { font-size: 18px; line-height: 24px; font-weight: normal; }

/* Weight modifiers ========================================================================== */
.uk-text-bold { font-weight: bold; }

/* Color modifiers ========================================================================== */
.uk-text-muted { color: #999 !important; }

.uk-text-primary { color: #2d7091 !important; }

.uk-text-success { color: #659f13 !important; }

.uk-text-warning { color: #e28327 !important; }

.uk-text-danger { color: #d85030 !important; }

.uk-text-contrast { color: #fff !important; }

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

.uk-text-top { vertical-align: top !important; }

.uk-text-middle { vertical-align: middle !important; }

.uk-text-bottom { vertical-align: bottom !important; }

/* Only tablets portrait and smaller */
@media (max-width: 959px) { .uk-text-center-medium { text-align: center !important; }
  .uk-text-left-medium { text-align: left !important; } }

/* Phone landscape and smaller */
@media (max-width: 767px) { .uk-text-center-small { text-align: center !important; }
  .uk-text-left-small { text-align: left !important; } }

/* Wrap modifiers ========================================================================== */
/* Prevent text from wrapping onto multiple lines */
.uk-text-nowrap { white-space: nowrap; }

/* Prevent text from wrapping onto multiple lines, and truncate with an ellipsis */
.uk-text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Break strings if their length exceeds the width of their container */
.uk-text-break { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

/* Transform modifiers ========================================================================== */
.uk-text-capitalize { text-transform: capitalize !important; }

.uk-text-lowercase { text-transform: lowercase !important; }

.uk-text-uppercase { text-transform: uppercase !important; }

/* ======================================================================== Component: Flex ========================================================================== */
.ok-flex-middle { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.ok-flex-middle-center { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }

.ok-flex-middle-right { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }

.ok-flex-middle-between { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.uk-flex { display: -ms-flexbox; display: -webkit-flex; display: flex; }

.uk-flex-inline { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; }

/* Fixes initial flex-shrink value in IE10 */
.uk-flex > *, .uk-flex-inline > * { -ms-flex-negative: 1; }

/* Alignment ========================================================================== */
/* Vertical alignment Default value is `stretch` */
.uk-flex-top { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; }

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

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

/* Horizontal alignment Default value is `flex-start` */
.uk-flex-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }

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

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

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

/* Direction ========================================================================== */
.uk-flex-row-reverse { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }

.uk-flex-column { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.uk-flex-column-reverse { -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }

/* Wrap ========================================================================== */
.uk-flex-nowrap { -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }

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

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

/* Horizontal alignment Default value is `stretch` */
.uk-flex-wrap-top { -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; }

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

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

.uk-flex-wrap-space-between { -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; }

.uk-flex-wrap-space-around { -ms-flex-line-pack: distribute; -webkit-align-content: space-around; align-content: space-around; }

/* Item ordering ========================================================================== */
/* Default is 0 */
.uk-flex-order-first { -ms-flex-order: -1; -webkit-order: -1; order: -1; }

.uk-flex-order-last { -ms-flex-order: 99; -webkit-order: 99; order: 99; }

/* Phone landscape and bigger */
@media (min-width: 480px) { .uk-flex-order-first-small { -ms-flex-order: -1; -webkit-order: -1; order: -1; }
  .uk-flex-order-last-small { -ms-flex-order: 99; -webkit-order: 99; order: 99; } }

/* Tablet and bigger */
@media (min-width: 768px) { .uk-flex-order-first-medium { -ms-flex-order: -1; -webkit-order: -1; order: -1; }
  .uk-flex-order-last-medium { -ms-flex-order: 99; -webkit-order: 99; order: 99; } }

/* Desktop and bigger */
@media (min-width: 960px) { .uk-flex-order-first-large { -ms-flex-order: -1; -webkit-order: -1; order: -1; }
  .uk-flex-order-last-large { -ms-flex-order: 99; -webkit-order: 99; order: 99; } }

/* Large screen and bigger */
@media (min-width: 1220px) { .uk-flex-order-first-xlarge { -ms-flex-order: -1; -webkit-order: -1; order: -1; }
  .uk-flex-order-last-xlarge { -ms-flex-order: 99; -webkit-order: 99; order: 99; } }

/* Item dimensions ========================================================================== */
/* Initial: 0 1 auto Content dimensions, but shrinks */
/* No Flex: 0 0 auto Content dimensions */
.uk-flex-item-none { -ms-flex: none; -webkit-flex: none; flex: none; }

/* Relative Flex: 1 1 auto Space is allocated considering content 1. Fixes flex-shrink value in IE10 */
.uk-flex-item-auto { -ms-flex: auto; -webkit-flex: auto; flex: auto; /* 1 */ -ms-flex-negative: 1; }

/* Absolute Flex: 1 1 0% Space is allocated solely based on flex */
.uk-flex-item-1 { -ms-flex: 1; -webkit-flex: 1; flex: 1; }

.ok-flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.ok-flex-2 { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; }

.ok-flex-0 { -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; }

/* ======================================================================== Component: Tooltip ========================================================================== */
/* 1. Hide by default 2. Set fixed position 3. Set dimensions 4. Set style */
.uk-tooltip { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 1030; /* 3 */ box-sizing: border-box; max-width: 200px; padding: 5px 8px; /* 4 */ background: #333; color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 18px; }

/* Triangle ========================================================================== */
/* 1. Dashed is less antialised than solid */
.uk-tooltip:after { content: ""; display: block; position: absolute; width: 0; height: 0; /* 1 */ border: 5px dashed #333; }

/* Direction modifiers ========================================================================== */
/* Top */
.uk-tooltip-top:after, .uk-tooltip-top-left:after, .uk-tooltip-top-right:after { bottom: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; border-top-color: #333; }

/* Bottom */
.uk-tooltip-bottom:after, .uk-tooltip-bottom-left:after, .uk-tooltip-bottom-right:after { top: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; border-bottom-color: #333; }

/* Top/Bottom center */
.uk-tooltip-top:after, .uk-tooltip-bottom:after { left: 50%; margin-left: -5px; }

/* Top/Bottom left */
.uk-tooltip-top-left:after, .uk-tooltip-bottom-left:after { left: 10px; }

/* Top/Bottom right */
.uk-tooltip-top-right:after, .uk-tooltip-bottom-right:after { right: 10px; }

/* Left */
.uk-tooltip-left:after { right: -5px; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; border-left-color: #333; }

/* Right */
.uk-tooltip-right:after { left: -5px; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; border-right-color: #333; }

.uk-offcanvas { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; touch-action: none; background: rgba(0, 0, 0, 0.1); }

.uk-offcanvas.uk-active { display: block; }

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { transform: translateX(0%); }

.uk-offcanvas .uk-panel { margin: 20px 15px; color: #777777; }

.uk-offcanvas .uk-panel a:not([class]) { color: #cccccc; }

.uk-offcanvas .uk-panel a:not([class]):hover { color: #ffffff; }

.uk-offcanvas .uk-panel-title { color: #cccccc; }

.uk-offcanvas form { margin-bottom: 0; }

.uk-offcanvas h3 { padding: 10px; margin-bottom: 0; margin-top: 0; background-color: #434343; color: #eeeeee; }

.uk-offcanvas ul { margin: 0 !important; }

.uk-offcanvas ul li { border-top: 1px solid rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); }

.uk-offcanvas ul li a, .uk-offcanvas ul li span { height: 40px; padding: 0 0 0 10px; line-height: 40px; position: relative !important; display: block; text-transform: uppercase; font-size: 12px; color: #c9d8f3; width: 100%; }

.uk-offcanvas ul li a:hover, .uk-offcanvas ul li span:hover { background-color: #747474; text-decoration: none; }

.uk-offcanvas ul li .separator { background-color: transparent !important; }

.uk-offcanvas ul li ul { position: relative !important; margin-left: -10px !important; }

.uk-offcanvas ul li ul li { position: relative !important; padding-left: 30px; }

.uk-offcanvas ul li ul li a, .uk-offcanvas ul li ul li span { height: 40px; }

.uk-offcanvas ul li ul li span { display: block; }

.uk-offcanvas ul li.divider, .uk-offcanvas ul span { display: block; background-color: transparent; font-size: 12px; padding: 10px 15px; }

.uk-offcanvas .moduletable div { margin: 10px; }

.uk-offcanvas li > a { list-style: square; color: #cccccc; padding: 10px 15px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }

.uk-offcanvas li > a:hover { background-color: #747474; text-decoration: none; }

.uk-offcanvas-page { position: fixed; transition: margin-left 0.3s ease-in-out; }

.uk-offcanvas-bar { position: fixed; top: 0; bottom: 0; left: 0; transform: translateX(-100%); z-index: 1001; width: 270px; max-width: 100%; background: #333333; overflow-y: auto; transition: transform 0.3s ease-in-out; }

.uk-offcanvas-bar-flip { left: auto; right: 0; transform: translateX(100%); }

/* ======================================================================== Component: Modal ========================================================================== */
/* This is the modal overlay and modal dialog container 1. Hide by default 2. Set fixed position 3. Allow scrolling for the modal dialog 4. Mask the background page 5. Fade-in transition 6. Deactivate browser history navigation in IE11 7. force hardware acceleration to prevent browser rendering hiccups */
.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 */ background: rgba(0, 0, 0, 0.6); /* 5 */ opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; /* 6 */ touch-action: cross-slide-y pinch-zoom double-tap-zoom; /* 7 */ -webkit-transform: translateZ(0); transform: translateZ(0); }

/* Open state */
.uk-modal.uk-open { opacity: 1; }

/* Prevents duplicated scrollbar caused by 4. */
.uk-modal-page, .uk-modal-page body { overflow: hidden; }

/* Sub-object: `uk-modal-dialog` ========================================================================== */
/* 1. Create position context for caption, spinner and close button 2. Set box sizing 3. Set style 4. Slide-in transition */
.uk-modal-dialog { /* 1 */ position: relative; /* 2 */ box-sizing: border-box; margin: 50px auto; padding: 20px; width: 600px; max-width: 100%; max-width: calc(100% - 20px); /* 3 */ background: #fff; /* 4 */ opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; transition: opacity 0.3s linear, transform 0.3s ease-out; }

/* Phone landscape and smaller */
@media (max-width: 767px) { /* Fit in small screen */
  .uk-modal-dialog { width: auto; margin: 10px auto; } }

/* Open state */
.uk-open .uk-modal-dialog { /* 4 */ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

/* Remove margin from the last-child */
.uk-modal-dialog > :not([class*='uk-modal-']):last-child { margin-bottom: 0; }

/* Close in modal ========================================================================== */
.uk-modal-dialog > .uk-close:first-child { margin: -10px -10px 0 0; float: right; }

/* Remove margin from adjacent element */
.uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) { margin-top: 0; }

/* Modifier: `uk-modal-dialog-lightbox` ========================================================================== */
.uk-modal-dialog-lightbox { margin: 15px auto; padding: 0; max-width: 95%; max-width: calc(100% - 30px); min-height: 50px; }

/* Close button */
.uk-modal-dialog-lightbox > .uk-close:first-child { position: absolute; top: -12px; right: -12px; margin: 0; float: none; }

/* Phone landscape and smaller */
@media (max-width: 767px) { .uk-modal-dialog-lightbox > .uk-close:first-child { top: -7px; right: -7px; } }

/* Modifier: `uk-modal-dialog-blank` ========================================================================== */
.uk-modal-dialog-blank { margin: 0; padding: 0; width: 100%; max-width: 100%; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

/* Close button */
.uk-modal-dialog-blank > .uk-close:first-child { position: absolute; top: 20px; right: 20px; z-index: 1; margin: 0; float: none; }

/* Modifier: `uk-modal-dialog-large` ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) { .uk-modal-dialog-large { width: 930px; } }

/* Large screen and bigger */
@media (min-width: 1220px) { .uk-modal-dialog-large { width: 1130px; } }

/* Sub-Object: `uk-modal-header` and `uk-modal-footer` ========================================================================== */
.uk-modal-header { margin-bottom: 15px; }

.uk-modal-footer { margin-top: 15px; }

/* Remove margin from the last-child */
.uk-modal-header > :last-child, .uk-modal-footer > :last-child { margin-bottom: 0; }

/* Sub-Object: `uk-modal-caption` ========================================================================== */
.uk-modal-caption { position: absolute; left: 0; right: 0; bottom: -20px; margin-bottom: -10px; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Sub-Object: `uk-modal-spinner` ========================================================================== */
.uk-modal-spinner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 25px; color: #ddd; }

.uk-modal-spinner:after { content: "\f110"; display: block; font-family: FontAwesome; -webkit-animation: uk-rotate 2s infinite linear; animation: uk-rotate 2s infinite linear; }

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

/* Direction modifier ========================================================================== */
.uk-animation-reverse { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

/* Animations for scrollspy ========================================================================== */
/* 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; }

/* Duration modifier ========================================================================== */
.uk-animation-fast { -webkit-animation-duration: 0.1s; animation-duration: 0.1s; }

/* Enable animation only on hover
========================================================================== */
/* Note: Firefox and IE needs this because animations are not triggered when switching between display `none` and `block` */
.uk-animation-toggle:not(:hover):not(.uk-hover) [class*='uk-animation-'] { -webkit-animation-name: none; animation-name: 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;
    -webkit-transform: translateY(-100%); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: translateY(100%); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: translateY(-10px); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: translateY(10px); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: translateX(-10px); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: translateX(10px); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: translateY(-50px); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: translateY(50px); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: translateX(-50px); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: translateX(50px); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: scale(0.2); }
  100% { opacity: 1;
    -webkit-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;
    -webkit-transform: scale(1.8); }
  100% { opacity: 1;
    -webkit-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% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(1.2); } }

@keyframes uk-scale-kenburns { 0% { transform: scale(1); }
  100% { transform: scale(1.2); } }

/* Shake */
@-webkit-keyframes uk-shake { 0%, 100% { -webkit-transform: translateX(0); }
  10% { -webkit-transform: translateX(-9px); }
  20% { -webkit-transform: translateX(8px); }
  30% { -webkit-transform: translateX(-7px); }
  40% { -webkit-transform: translateX(6px); }
  50% { -webkit-transform: translateX(-5px); }
  60% { -webkit-transform: translateX(4px); }
  70% { -webkit-transform: translateX(-3px); }
  80% { -webkit-transform: translateX(2px); }
  90% { -webkit-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); } }

.ok-content-alt { margin-bottom: 20px !important; margin-left: 0 !important; }

.ok-content-alt a:hover { text-decoration: none !important; }

.ok-content-alt .ok-content-image { padding-left: 0 !important; background-color: rgba(0, 0, 0, 0.2); overflow: hidden; }

.ok-content-alt .ok-content-image img { margin-left: 0; margin-right: 0; }

.ok-content-alt .ok-content-content { padding-left: 0; clear: both; }

.ok-content-alt .page-header { padding-top: 10px !important; padding-bottom: 10px !important; margin-bottom: 0; }

.ok-content-alt h1, .ok-content-alt h2, .ok-content-alt h3 { font-size: 1.2rem; margin: 0; }

.ok-content-alt h1 a:hover, .ok-content-alt h2 a:hover, .ok-content-alt h3 a:hover { text-decoration: none; }

.ok-content-alt .article-info, .ok-content-alt .page-header, .ok-content-alt .ok-blogtext { padding: 15px 10px 0; margin-bottom: 10px; }

.ok-content-alt .article-info { margin-bottom: 10px; }

.ok-content-alt .ok-blogtext { padding-bottom: 15px; }

.ok-cards-hover:hover { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.ok-content-alt-multi .content_rating, .ok-content-alt-multi .readmore { clear: both; }

.readmore .btn, .readmore .btn-large, .readmore li, .pagenav .btn, .pagenav .btn-large, .pagenav li { font-size: 1rem; text-transform: none !important; height: 25px !important; line-height: 25px !important; padding-right: 20px; padding-left: 20px; background-color: #bac9d6; color: #3e4350 !important; text-align: center; letter-spacing: .5px; transition: .2s ease-out; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.readmore span, .readmore a, .pagenav span, .pagenav a { color: #3e4350; font-size: 1rem; line-height: 26px; }

.readmore span:hover, .readmore a:hover, .pagenav span:hover, .pagenav a:hover { text-decoration: none; background-color: #8292a1; }

.readmore .previous a, .readmore .next a, .pagenav .previous a, .pagenav .next a { margin-left: -20px; margin-right: -20px; padding-left: 18px; padding-right: 18px; }

.readmore li.previous:hover, .readmore .next:hover, .pagenav li.previous:hover, .pagenav .next:hover { text-decoration: none; background-color: #8292a1 !important; }

.readmore [class^="icon-"], .readmore [class*=" icon-"], .pagenav [class^="icon-"], .pagenav [class*=" icon-"] { display: none; margin-right: 0; }

.ok-readmore .ok-blogtext { clear: both; color: #444; }

.ok-readmore .ok-blogtext:hover { color: #0074a2; }

.article-info { height: auto; margin-top: 0; margin-bottom: 0; }

.article-info .article-info-term, .article-info dd { display: inline-block; float: left; padding-right: 5px; }

.article-info .article-info-term span, .article-info .article-info-term [class^="icon-"], .article-info .article-info-term [class*=" icon-"], .article-info dd span, .article-info dd [class^="icon-"], .article-info dd [class*=" icon-"] { padding-left: 5px !important; padding-right: 0 !important; }

.fields-container { clear: both; }

.content_rating, .readmore { clear: both; }

.pagination li { display: inline-block; font-size: 1.2rem; line-height: 30px; border-radius: 2px; text-align: center; padding: 0; margin: 2px; }

.pagination li a { font-size: 1.2rem; color: #444; background-color: #eee; padding: 0 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.pagination li.active a { color: #fff; background-color: #8292a1 !important; }

.pagination li.disabled a { cursor: default; color: #999; }

.pagination li i { font-size: 1.5rem; }

/* .pagination { li { } .btn { background-color: $helpers_background; @include border-top-radius(2px); @include border-bottom-radius(2px); padding: 0 20px; margin: 0 2px; color: $helpers_color; a { color: $helpers_color; } } li.pages ul li { display: inline-block; float: none; } } */
.ok-menu, .ok-menu-click { font-size: 1rem; }

.ok-menu .nav-child li, .ok-menu-click .nav-child li { z-index: 100500 !important; }

.ok-menu ul, .ok-menu-click ul { list-style: none; position: relative; margin: 0; display: inline-table; /*         .level1{ background-color: #333; } */ }

.ok-menu ul a:hover, .ok-menu ul span:hover, .ok-menu-click ul a:hover, .ok-menu-click ul span:hover { text-decoration: none; }

.ok-menu ul ul a, .ok-menu ul ul span, .ok-menu-click ul ul a, .ok-menu-click ul ul span { color: #444; }

.ok-menu ul li.level1, .ok-menu-click ul li.level1 { float: left; }

.ok-menu ul li, .ok-menu-click ul li { display: block; border-left: 1px solid #e8eaf6; position: relative; }

.ok-menu ul li .active a, .ok-menu-click ul li .active a { font-weight: bold; }

.ok-menu ul li a, .ok-menu ul li span, .ok-menu-click ul li a, .ok-menu-click ul li span { width: auto; display: block; padding: 0 10px; font-size: 1rem; letter-spacing: 1px; text-decoration: none; text-transform: none; cursor: pointer; }

.ok-menu ul li ul, .ok-menu-click ul li ul { display: none; background-color: #fff; position: absolute; top: 100%; left: 0; width: 155px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.ok-menu ul li ul li, .ok-menu-click ul li ul li { width: 100% !important; }

.ok-menu ul li ul li ul, .ok-menu-click ul li ul li ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.ok-menu ul li.parent a:after, .ok-menu ul li.parent span:after, .ok-menu-click ul li.parent a:after, .ok-menu-click ul li.parent span:after { display: inline-block; content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; color: inherit; margin: 0px 0 0 5px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ok-menu ul li.level2 > a:after, .ok-menu ul li.level2 > span:after, .ok-menu ul li.level3 > a:after, .ok-menu ul li.level3 > span:after, .ok-menu-click ul li.level2 > a:after, .ok-menu-click ul li.level2 > span:after, .ok-menu-click ul li.level3 > a:after, .ok-menu-click ul li.level3 > span:after { content: none !important; }

.ok-menu ul .level2, .ok-menu ul .level3, .ok-menu ul .level4, .ok-menu ul .level5, .ok-menu ul .level6, .ok-menu ul .level7, .ok-menu-click ul .level2, .ok-menu-click ul .level3, .ok-menu-click ul .level4, .ok-menu-click ul .level5, .ok-menu-click ul .level6, .ok-menu-click ul .level7 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; /*           a{ width: $navbar-subitem-width; } */ }

.ok-menu ul .level2 a, .ok-menu ul .level2 span, .ok-menu ul .level3 a, .ok-menu ul .level3 span, .ok-menu ul .level4 a, .ok-menu ul .level4 span, .ok-menu ul .level5 a, .ok-menu ul .level5 span, .ok-menu ul .level6 a, .ok-menu ul .level6 span, .ok-menu ul .level7 a, .ok-menu ul .level7 span, .ok-menu-click ul .level2 a, .ok-menu-click ul .level2 span, .ok-menu-click ul .level3 a, .ok-menu-click ul .level3 span, .ok-menu-click ul .level4 a, .ok-menu-click ul .level4 span, .ok-menu-click ul .level5 a, .ok-menu-click ul .level5 span, .ok-menu-click ul .level6 a, .ok-menu-click ul .level6 span, .ok-menu-click ul .level7 a, .ok-menu-click ul .level7 span { line-height: 20px !important; padding: 10px; border-bottom: 1px solid #e8eaf6; }

.ok-menu ul .level3 a, .ok-menu ul .level3 span, .ok-menu-click ul .level3 a, .ok-menu-click ul .level3 span { padding-left: 20px; width: 155px -30; }

.ok-menu li.level2 ul, .ok-menu-click li.level2 ul { position: relative; display: block; }

.ok-menu ul li ul { display: block !important; visibility: hidden; /* hides sub-menu */ opacity: 0; transform: translateY(-14px); -moz-transform: translateY(-14px); -webkit-transform: translateY(-14px); -o-transform: translateY(-14px); -ms-transform: translateY(-14px); webkit-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -moz-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -ms-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -o-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; }

.ok-menu ul li:hover ul { visibility: visible; /* shows sub-menu */ opacity: 1; z-index: 100500; transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */ }

.ok-dropdown-column { padding: 10px; width: 155px; float: left; }

.ok-navbar-solid { color: #444; border-top: 1px solid rgba(117, 117, 117, 0.3); border-bottom: 1px rgba(117, 117, 117, 0.3) solid; background: #f7f7ff; background-image: url(/templates/orion_pro/images/patterns/gradient-depth-0.png); }

.ok-navbar-solid .ok-col-heading { background-image: url(/templates/orion_pro/images/patterns/gradient-depth-0.png); }

.ok-navbar-solid li.level1 { border-left: 1px solid rgba(117, 117, 117, 0.3) !important; }

.ok-navbar-solid .level1 a, .ok-navbar-solid .level1 span { color: #263238; }

.ok-navbar-solid a, .ok-navbar-solid i, .ok-navbar-solid p, .ok-navbar-solid div, .ok-navbar-solid span { color: #263238; }

.ok-navbar-solid .ok-logo-text { color: #d9d9d9; }

.ok-navbar-transparent { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.ok-navbar-transparent .ok-logo-text { color: #d9d9d9; }

.ok-navbar-transparent .level1 { border-width: 0; }

.ok-navbar-light { color: #444; border-top: 1px solid rgba(117, 117, 117, 0.3); border-bottom: 1px rgba(117, 117, 117, 0.3) solid; }

.ok-navbar-light .ok-col-heading { background-image: url(/templates/orion_pro/images/patterns/gradient-depth-0.png); }

.ok-navbar-light li.level1 { border-left: 1px solid rgba(117, 117, 117, 0.3) !important; }

.ok-navbar-light .level1 a, .ok-navbar-light .level1 span { color: #263238; }

.ok-navbar-light a, .ok-navbar-light i, .ok-navbar-light p, .ok-navbar-light div, .ok-navbar-light span { color: #263238; }

.ok-navbar-light .ok-logo-text { color: #d9d9d9; }

.ok-navbar-transparent { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.ok-navbar-transparent .ok-logo-text { color: #d9d9d9; }

.ok-navbar-transparent .level1 { border-width: 0; }

.ok-navbar-dark { color: #f5f5f5; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px rgba(255, 255, 255, 0.1) solid; background-color: rgba(0, 0, 0, 0.6); }

.ok-navbar-dark ul li ul { background-color: #444 !important; }

.ok-navbar-dark .ok-col-heading { background-image: url(/templates/orion_pro/images/patterns/gradient-depth-0.png); }

.ok-navbar-dark li.level1 { border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }

.ok-navbar-dark .level1 a, .ok-navbar-dark .level1 span { color: #fafafa; }

.ok-navbar-dark .level1 a:hover, .ok-navbar-dark .level1 span:hover { background-color: rgba(255, 255, 255, 0.1); }

.ok-navbar-dark a, .ok-navbar-dark i, .ok-navbar-dark p, .ok-navbar-dark div, .ok-navbar-dark span { color: #fafafa; }

.ok-navbar-dark .ok-logo-text { color: #fafafa; }

.ok-navbar-transparent { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.ok-navbar-transparent .ok-logo-text { color: #fafafa; }

.ok-navbar-transparent .level1 { border-width: 0; }

.ok-navbar-dark .ok-menu ul .level2, .ok-navbar-dark .ok-menu ul .level3, .ok-navbar-dark .ok-menu ul .level4, .ok-navbar-dark .ok-menu ul .level5, .ok-navbar-dark .ok-menu ul .level6, .ok-navbar-dark .ok-menu ul .level7 { float: none !important; }

.ok-navbar-dark .ok-menu ul .level2 a, .ok-navbar-dark .ok-menu ul .level2 span, .ok-navbar-dark .ok-menu ul .level3 a, .ok-navbar-dark .ok-menu ul .level3 span, .ok-navbar-dark .ok-menu ul .level4 a, .ok-navbar-dark .ok-menu ul .level4 span, .ok-navbar-dark .ok-menu ul .level5 a, .ok-navbar-dark .ok-menu ul .level5 span, .ok-navbar-dark .ok-menu ul .level6 a, .ok-navbar-dark .ok-menu ul .level6 span, .ok-navbar-dark .ok-menu ul .level7 a, .ok-navbar-dark .ok-menu ul .level7 span { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

#ok-header .ok-hdrbox-light, #ok-header .ok-hdrbox-light .ok-panel { background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px; color: #444; }

#ok-header .ok-hdrbox-light h1, #ok-header .ok-hdrbox-light h2, #ok-header .ok-hdrbox-light h3, #ok-header .ok-hdrbox-light h4, #ok-header .ok-hdrbox-light h5, #ok-header .ok-hdrbox-light h6, #ok-header .ok-hdrbox-light .ok-panel h1, #ok-header .ok-hdrbox-light .ok-panel h2, #ok-header .ok-hdrbox-light .ok-panel h3, #ok-header .ok-hdrbox-light .ok-panel h4, #ok-header .ok-hdrbox-light .ok-panel h5, #ok-header .ok-hdrbox-light .ok-panel h6 { color: #333; font-size: 1.6rem; padding: 0 0 5px; margin: 0 0 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

#ok-header .ok-hdrbox-light a, #ok-header .ok-hdrbox-light .ok-panel a { color: #607d8b !important; }

#ok-header .ok-hdrbox-light a:hover, #ok-header .ok-hdrbox-light .ok-panel a:hover { color: #263238 !important; text-decoration: none; }

#ok-header .ok-hdrbox-dark, #ok-header .ok-hdrbox-dark .ok-panel { background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px; color: #f5f5f5; }

#ok-header .ok-hdrbox-dark h1, #ok-header .ok-hdrbox-dark h2, #ok-header .ok-hdrbox-dark h3, #ok-header .ok-hdrbox-dark h4, #ok-header .ok-hdrbox-dark h5, #ok-header .ok-hdrbox-dark h6, #ok-header .ok-hdrbox-dark .ok-panel h1, #ok-header .ok-hdrbox-dark .ok-panel h2, #ok-header .ok-hdrbox-dark .ok-panel h3, #ok-header .ok-hdrbox-dark .ok-panel h4, #ok-header .ok-hdrbox-dark .ok-panel h5, #ok-header .ok-hdrbox-dark .ok-panel h6 { color: #fff; font-size: 1.6rem; padding: 0 0 5px; margin: 0 0 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

#ok-header .ok-hdrbox-dark a, #ok-header .ok-hdrbox-dark .ok-panel a { color: #bbdefb !important; }

#ok-header .ok-hdrbox-dark a:hover, #ok-header .ok-hdrbox-dark .ok-panel a:hover { color: #2196f3 !important; text-decoration: none; }

#ok-header-title { position: relative; text-align: center; }

#ok-header-title p { font-size: 2rem; margin-bottom: 0; }

#ok-header-title #ok-header-descr p, #ok-header-title #default-descr p { font-size: 1rem; margin-bottom: 0; }

html { line-height: 1.5; font-family: "Roboto", sans-serif; font-weight: normal; color: rgba(0, 0, 0, 0.87); }

@media only screen and (min-width: 0) { html { font-size: 12px; } }

@media only screen and (min-width: 992px) { html { font-size: 14px; } }

@media only screen and (min-width: 1200px) { html { font-size: 15px; } }

body { margin: 0; }

[id^=top-], [id^=bottom-] { display: block; position: relative; }

[id^=top-] .ok-panel, [id^=bottom-] .ok-panel { margin-bottom: 0 !important; }

li { list-style: none; }

.ok-right { float: right !important; text-align: right !important; }

.ok-text-dark { color: #263238; }

.ok-text-dark span { color: #263238; }

.ok-text-dark a, .ok-text-dark i, .ok-text-dark .ok-logo-text { color: #37474f; }

.ok-text-light { color: #fafafa; }

.ok-text-light span { color: #fafafa; }

.ok-text-light a, .ok-text-light i, .ok-text-light .ok-logo-text { color: #fff; }

[id^=top-] .uk-container, [id^=top-] p, [id^=top-] span, [id^=top-] a, [id^=top-] i, [id^=top-] h3, [id^=top-] hr, [id^=top-] img, [id^=bottom-] .uk-container, [id^=bottom-] p, [id^=bottom-] span, [id^=bottom-] a, [id^=bottom-] i, [id^=bottom-] h3, [id^=bottom-] hr, [id^=bottom-] img { position: relative; z-index: 1; }

.ok-filter-darker, .ok-filter-dark, .ok-filter-deep-dark, .ok-filter-light, .ok-filter-dotted, .ok-overlay-fade, .ok-overlay-dotted { position: absolute; right: 0; left: 0; top: 0; bottom: 0; z-index: 2 !important; }

.ok-filter-light { background-color: rgba(255, 255, 255, 0.5); }

.ok-filter-darker { background-color: rgba(0, 0, 0, 0.3); }

.ok-filter-dark, .ok-overlay-fade { background-color: rgba(0, 0, 0, 0.5); }

.ok-filter-deep-dark { background-color: rgba(0, 0, 0, 0.7); }

.ok-filter-dotted, .ok-overlay-dotted { background-color: rgba(0, 0, 0, 0.5); background-image: url(/templates/orion_pro/images//pattern-dotted.png); }

.ok-container { display: block; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55); background-color: #fff; overflow: hidden; }

.ok-container-padding { padding: 0 20px; }

#ok-content { margin: 20px 0; }

.ok-content { padding: 20px; background-color: #fff; }

.ok-helpers { background-color: #bac9d6 !important; color: #3e4350 !important; /*i{ height: 10px!important; width: 10px!important; }*/ }

.waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; transition: all .3s ease-out; }

.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); transition: all 0.7s ease-out; transition-property: transform, opacity; transform: scale(0); pointer-events: none; }

.waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); }

.waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, 0.7); }

.waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); }

.waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7); }

.waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); }

.waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7); }

.waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); }

.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] { border: 0; font-style: normal; font-size: inherit; text-transform: inherit; background: none; }

.uk-scrollspy-init-inview { opacity: 0; }

.uk-scrollspy-inview { opacity: 1 !important; }

textarea { height: 120px; }

li { list-style: none; display: inherit; }

.z-depth-0 { box-shadow: none !important; }

.ok-simple-border { border: 1px solid rgba(0, 0, 0, 0.2); }

.z-depth-05, .btn, .btn-large { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.z-depth-05, .btn, .btn-large { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.z-depth-1, .pagenav .uk-button, .card-panel, .card, .toast, .btn:hover, .btn-large:hover, .btn-floating, .dropdown-content, .collapsible, .side-nav { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.z-depth-1-half, .pagenav .uk-button:hover, .btn-floating:hover { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.z-depth-2 { -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.z-depth-3, .pagenav .uk-button:active { -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.z-depth-4 { -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }

.z-depth-5 { -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }

.ok-clearfix { clear: both; }

.ok-subheader { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; z-index: 3; }

.ok-subheader .ok-sh-el { padding-right: 10px; }

@media (max-width: 768px) { .ok-subheader { ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } }

.ok-animation { visibility: hidden; }

.ok-inview { visibility: visible !important; }

#default-descr { display: none; }

.ok-panel .nav li span { cursor: pointer; }

.ok-panel .nav li ul { padding-left: 10px; }

.ok-logo-text { color: #eceff1; font-size: 2rem; font-weight: 700; }

.ok-logo1-5x { font-size: 3rem !important; font-weight: normal !important; }

.ok-logo2x { font-size: 4rem !important; font-weight: normal !important; }

.ok-logo3x { font-size: 6rem !important; font-weight: normal !important; }

@media (max-width: 480px) { .ok-logo1-5x, .ok-logo2x, .ok-logo3x { font-size: 2rem !important; font-weight: 700 !important; } }

.ok-text-shadow { text-shadow: #474747 3px 5px 2px; }

.ok-text-inset { text-shadow: #e0e0e0 1px 1px 0; }

.ok-text-glow { text-shadow: #fff 0 0 10px; }

.ok-text-neon { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #49ff18, 0 0 30px #49ff18, 0 0 40px #49ff18, 0 0 55px #49ff18, 0 0 75px #49ff18; }

.ok-text-flame { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #6cccf2, 0 0 30px #6cccf2, 0 0 40px #6cccf2, 0 0 55px #6cccf2, 0 0 75px #6cccf2; }

.ok-text-fire { text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px; }

.ok-text-blur { text-shadow: rgba(255, 255, 255, 0.5) 0 0 15px, rgba(255, 255, 255, 0.5) 0 0 10px; }

.ok-text-simple3d { text-shadow: #969696 1px 3px 0, #aba8a8 1px 13px 5px; }

.ok-text-realistic3d { text-shadow: #ccc 0 1px 0, #c9c9c9 0 2px 0, #bbb 0 3px 0, #b9b9b9 0 4px 0, #aaa 0 5px 0, rgba(0, 0, 0, 0.1) 0 6px 1px, rgba(0, 0, 0, 0.1) 0 0 5px, rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(0, 0, 0, 0.15) 0 3px 5px, rgba(0, 0, 0, 0.2) 0 5px 10px, rgba(0, 0, 0, 0.2) 0 10px 10px, rgba(0, 0, 0, 0.1) 0 20px 20px; }

.ok-header-arrow { background-color: #37474f; position: absolute; left: 50%; width: 30px; height: 30px; line-height: 30px; margin-left: -15px; border-radius: 50%; text-align: center; cursor: pointer; z-index: 100300; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.ok-header-arrow i { color: #fafafa; }

@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-20px); }
  60% { transform: translateY(-10px); } }

.ok-nopadding { padding-top: 0 !important; border-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }

.ok-padding10 { padding-top: 10px !important; padding-bottom: 10px !important; }

.readmore .btn, .readmore .btn-large, .readmore li, .pagenav .btn, .pagenav .btn-large, .pagenav li { font-size: 1rem; text-transform: none !important; height: 25px !important; line-height: 25px !important; padding-right: 20px; padding-left: 20px; background-color: #bac9d6; color: #3e4350 !important; text-align: center; letter-spacing: .5px; transition: .2s ease-out; cursor: pointer; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.readmore span, .readmore a, .pagenav span, .pagenav a { color: #3e4350; font-size: 1rem; line-height: 26px; }

.readmore span:hover, .readmore a:hover, .pagenav span:hover, .pagenav a:hover { text-decoration: none; background-color: #8292a1; }

.readmore .previous a, .readmore .next a, .pagenav .previous a, .pagenav .next a { margin-left: -20px; margin-right: -20px; padding-left: 18px; padding-right: 18px; }

.readmore li.previous:hover, .readmore .next:hover, .pagenav li.previous:hover, .pagenav .next:hover { text-decoration: none; background-color: #8292a1 !important; }

.readmore [class^="icon-"], .readmore [class*=" icon-"], .pagenav [class^="icon-"], .pagenav [class*=" icon-"] { display: none; margin-right: 0; }

.ok-slide-bar { z-index: 100300; }

/* Desktop and bigger */
@media (min-width: 768px) { .ok-topbar { height: 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  .ok-topbar .ok-elem { display: inline; } }

/* Tablets portrait */
@media (min-width: 240px) and (max-width: 768px) { .ok-logo-slogan { display: none; }
  .ok-topbar { height: auto; text-align: center; }
  .ok-topbar .ok-element .ok-share-rounded { display: inline-block !important; text-align: center; }
  .ok-topbar .ok-element .ok-share-rounded .ok-elem-span-share { float: none !important; }
  .ok-topbar .ok-element .ok-share-rounded .ok-share-button { width: 2rem !important; height: 2rem !important; line-height: 2rem !important; }
  .ok-topbar .ok-element .ok-share-rounded .ok-share-button i { font-size: 1.2rem !important; }
  .ok-topbar .ok-element .search input { height: 2rem; width: 90%; line-height: 2rem; color: inherit; margin-bottom: 0; padding: 0 10px; font-size: 1.2rem; border: solid 1px rgba(0, 0, 0, 0.3); background-color: rgba(255, 255, 255, 0.3) !important; -webkit-border-radius: 0.7em; -moz-border-radius: 0.7em; border-radius: 0.7em; }
  .ok-topbar .ok-elem { ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; width: 100%; font-size: 16px; line-height: 110%; padding: 10px 0; text-align: center; margin: 0; clear: both; }
  .ok-topbar .ok-elem .ok-element { display: block !important; width: 100%; text-align: center; }
  .ok-topbar .ok-elem a, .ok-topbar .ok-elem p, .ok-topbar .ok-elem span, .ok-topbar .ok-elem i { font-size: 14px; color: #000 !important; text-transform: uppercase; } }

.ok-element a:hover { text-decoration: none; }

.ok-element .fa { display: inline !important; }

.ok-element span { margin-left: 5px; }

.ok-element .ok-elem-span-share { margin-top: 0.1em; font-size: 0.8em; float: left; }

.ok-element .search form { margin-bottom: 0; }

.ok-element .search label { display: none; }

.ok-element .search input { height: 1.4em; width: 8em; line-height: 1.4; color: inherit; margin-bottom: 0; padding: 0 10px; border: solid 1px rgba(0, 0, 0, 0.3); background-color: rgba(255, 255, 255, 0.3) !important; -webkit-border-radius: 0.7em; -moz-border-radius: 0.7em; border-radius: 0.7em; }

.icolor i.fa-phone-square { color: rgba(42, 183, 96, 0.95) !important; }

.icolor i.fa-envelope { color: rgba(140, 158, 255, 0.95) !important; }

.icolor i.fa-twitter-square { color: rgba(38, 196, 241, 0.95) !important; }

.icolor i.fa-facebook-square { color: rgba(48, 97, 153, 0.95) !important; }

.icolor i.fa-google-plus-square { color: rgba(233, 63, 46, 0.95) !important; }

.icolor i.fa-youtube-square { color: rgba(223, 28, 49, 0.95) !important; }

.icolor i.fa-linkedin-square { color: rgba(0, 123, 182, 0.95) !important; }

.icolor i.fa-vk { color: rgba(77, 113, 169, 0.95) !important; }

.icolor i.fa-tumblr-square { color: rgba(10, 10, 10, 0.95) !important; }

.icolor i.fa-instagram-square { color: rgba(18, 86, 136, 0.95) !important; }

.icolor i.fa-reddit-square { color: rgba(68, 68, 68, 0.95) !important; }

.ok-share-button { display: inline-block; float: left; font-size: inherit; line-height: inherit; cursor: pointer; margin-left: 5px; }

.ok-icolor i { color: #fff !important; }

.ok-icolor .ok-button-facebook { background-color: #3b5998; }

.ok-icolor .ok-button-google-plus { background-color: #dd4b39; }

.ok-icolor .ok-button-twitter { background-color: #55acee; }

.ok-icolor .ok-button-vk { background-color: #537599; }

.ok-icolor .ok-button-ok { background-color: #f2720c; }

.ok-icolor .ok-button-livejournal { background-color: #333; }

.ok-icolor .ok-button-mail-ru { background-color: #168de2; }

.ok-icolor .ok-button-linkedin { background-color: #0077b5; }

.ok-icolor .ok-button-youtube { background-color: #df1c31; }

.ok-icolor .ok-button-tumblr { background-color: #444; }

.ok-icolor .ok-button-instagram { background-color: #125688; }

.ok-mono .ok-share-button { background-color: #90a4ae; }

.ok-mono i { color: #fff !important; }

.idropdown { z-index: 4; }

.ok-ibox-border-left { border-left: 1px solid rgba(245, 245, 245, 0.2); }

.ok-ibox-borders .iclick { border-left: 1px solid rgba(245, 245, 245, 0.2); border-right: 1px solid rgba(245, 245, 245, 0.2); margin-left: -1px; }

.ok-ibox { width: auto; float: right; }

.ok-ibox .idropdown { position: relative; float: left; }

.ok-ibox .idropdown .iclick { cursor: pointer; padding: 0 10px; }

.ok-ibox .idropdown .ok-ibtn { padding: 0 5px !important; height: 1.4rem; line-height: 1.4rem; font-size: 0.9rem !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 5px; }

.ok-ibox .idropdown .ok-ibtn i { font-size: 0.9rem !important; }

.ok-ibox .idropdown div.ok-icontent { position: absolute; width: 250px; padding: 10px; right: 0; top: 20px; opacity: 0; visibility: hidden; z-index: -1; background-color: #fff; box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.ok-ibox .idropdown div.ok-icontent div, .ok-ibox .idropdown div.ok-icontent p, .ok-ibox .idropdown div.ok-icontent h3 { color: #333 !important; }

.ok-ibox .idropdown div.ok-icontent a { color: #333 !important; }

.ok-imod-hover .ok-icontent { transform: translateY(-2em); -moz-transform: translateY(-2em); -webkit-transform: translateY(-2em); -o-transform: translateY(-2em); -ms-transform: translateY(-2em); -webkit-transition: all 0.5s ease 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; -moz-transition: all 0.5s ease 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; -ms-transition: all 0.5s ease 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; -o-transition: all 0.5s ease 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; transition: all 0.5s ease 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }

.ok-imod-hover:hover div.ok-icontent { visibility: visible; /* shows sub-menu */ opacity: 1; z-index: 1; transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; }

.ok-imod-click .ok-icontent { display: none; visibility: visible !important; opacity: 1 !important; z-index: 100 !important; }

.uk-modal { z-index: 9999; padding-top: 30px; }

.uk-modal .uk-modal-close { display: block; float: right; text-align: center; background-color: #eeeeee; height: 20px; width: 20px; line-height: 20px; margin-right: -15px; margin-top: -15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.ok-element { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -ms-flex-align: center !important; -webkit-align-items: center !important; align-items: center !important; display: inline; }

.ok-element i { line-height: 1.4rem; }

.ok-subheader .ok-contact a, .ok-subheader .ok-contact i { font-size: 1.4rem; }

.ok-subheader .ok-share-rounded { height: 2rem; line-height: 2rem; }

.ok-subheader .ok-share-rounded .ok-share-button { height: 2rem; line-height: 2rem; width: 2rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }

.ok-subheader .ok-share-rounded .ok-share-button i { font-size: 1rem; }

.ok-topbar .ok-element ul { margin: 0 important; }

.ok-topbar .ok-element i { height: 1.2rem; font-size: 1.2rem; }

.ok-topbar .ok-element .ok-share-rounded .ok-share-button { line-height: 1.2rem; width: 1.32rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }

.ok-topbar .ok-element .ok-share-rounded .ok-share-button i { line-height: 1.2rem; font-size: 0.72rem; }

.ok-navbar .ok-element { font-size: 1.2rem; line-height: 1.2rem !important; height: 1.2rem !important; }

.ok-navbar .ok-element i { height: 1.2rem; font-size: 1.2rem; }

.ok-navbar .ok-element.ok-contact span { display: inline-block; padding-bottom: 0.2em; font-size: 0.8em; }

.ok-navbar .ok-element .ok-share-rounded .ok-share-button { line-height: 1.2rem; width: 1.32rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; text-align: center; }

.ok-navbar .ok-element .ok-share-rounded .ok-share-button i { line-height: 1.2rem; font-size: 0.72rem; }

#ok-footer-wide-box .ok-element i { height: 1.3rem; font-size: 1.3rem; }

#ok-footer-wide-box .ok-element.ok-contact span { display: inline-block; padding-bottom: 0.2em; font-size: 0.8em; }

#ok-footer-wide-box .ok-element .ok-share-rounded .ok-share-button { line-height: 1.3rem; width: 1.43rem; -webkit-border-radius: 0.21667rem; -moz-border-radius: 0.21667rem; border-radius: 0.21667rem; text-align: center; }

#ok-footer-wide-box .ok-element .ok-share-rounded .ok-share-button i { line-height: 1.3rem; font-size: 0.78rem; }

.ok-topbar .search button, .ok-navbar .search button { display: none; }

.ok-header-middle .ok-search button.btn, .ok-header-middle .ok-search button.btn-large, #sidebar_a .ok-search button.btn, #sidebar_a .ok-search button.btn-large, #sidebar_b .ok-search button.btn, #sidebar_b .ok-search button.btn-large, .ok-header-middle .ok-search button.btn-primary, #sidebar_a .ok-search button.btn-primary, #sidebar_b .ok-search button.btn-primary { font-size: 1rem !important; padding: 0 10px; color: #ffffff; border-radius: 0; }

.ok-header-middle .ok-search { width: auto; float: right; }

.ok-header-middle .ok-search input:focus { color: #333; background-color: rgba(255, 255, 255, 0.5) !important; border: none !important; }

.ok-header-middle .ok-search input[type=text], #sidebar_a .ok-search input[type=text], #sidebar_b .ok-search input[type=text] { width: 130px; height: 2rem; line-height: 2rem; font-size: 1rem; margin: 0; color: #666; padding: 0 10px !important; background: #d9cdf4; }

.ok-header-middle .ok-search button, #sidebar_a .ok-search button, #sidebar_b .ok-search button { margin-left: 10px !important; }

.ok-header-middle .ok-search button.btn, .ok-header-middle .ok-search button.btn-large, #sidebar_a .ok-search button.btn, #sidebar_a .ok-search button.btn-large, #sidebar_b .ok-search button.btn, #sidebar_b .ok-search button.btn-large { width: auto; height: 2rem; line-height: 2rem; }

.ok-header-middle .ok-search button.btn i, .ok-header-middle .ok-search button.btn-large i, #sidebar_a .ok-search button.btn i, #sidebar_a .ok-search button.btn-large i, #sidebar_b .ok-search button.btn i, #sidebar_b .ok-search button.btn-large i { margin: 0 20px; }

.ok-topbar .ok-search { position: absolute; right: 0; top: 6px; line-height: 28px; }

.ok-topbar .ok-search .input-append { margin-bottom: 0 !important; }

.ok-topbar .ok-search ::selection { border: none !important; text-shadow: none; }

.ok-topbar .ok-search input { height: 28px !important; font-size: 1rem !important; padding: 0 10px !important; width: 100px !important; color: #767676; background-color: rgba(42, 42, 42, 0.31) !important; border-width: 0 !important; border-right: none; border-bottom-left-radius: 12px; border-top-left-radius: 12px; transition: all .5s; }

.ok-topbar .ok-search input:focus { color: #333; width: 140px !important; background-color: #ffffff !important; border: none !important; border-bottom-left-radius: 12px; border-top-left-radius: 12px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.ok-topbar .ok-search .btn, .ok-topbar .ok-search .btn-large { height: 28px !important; line-height: 28px !important; color: #eeeeee; padding: 0 10px !important; font-size: 1rem !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: rgba(42, 42, 42, 0.31) !important; border-width: 0 !important; -moz-border-radius-topright: 12px !important; -webkit-border-top-right-radius: 12px !important; border-top-right-radius: 12px !important; -moz-border-radius-bottomright: 12px !important; -webkit-border-bottom-right-radius: 12px !important; border-bottom-right-radius: 12px !important; -moz-border-radius-topleft: 0 !important; -moz-border-radius-bottomleft: 0 !important; -webkit-border-top-left-radius: 0 !important; -webkit-border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }

.ok-topbar .ok-search .btn i, .ok-topbar .ok-search .btn-large i { font-size: 1rem !important; }

.ok-topbar .ok-search .btn-primary { background-color: transparent; }

.ok-topbar form.ok-search { margin-bottom: 0 !important; }

.ok-login-icon i { font-size: 1.3rem; padding: 10px 10px 0 0; margin-right: -25px; }

.input-prepend input { width: 85% !important; padding-left: 25px !important; }

#sidebar_a ul.nav, #sidebar_b ul.nav { margin-left: 15px; }

#sidebar_a ul.nav li ul, #sidebar_b ul.nav li ul { margin-left: 15px; }

#sidebar_a ul.nav a, #sidebar_b ul.nav a { display: block; width: 100%; padding: 3px; color: #46468b; }

#sidebar_a ul.nav a:hover, #sidebar_b ul.nav a:hover { text-decoration: none; color: #5959ab; }

/* .ok-panel{
  h1.panel-title, h2.panel-title, h3.panel-title, h4.panel-title, h5.panel-title, h6.panel-title{
    font-size: 1.6rem;
  }

} */
.ok-heading-center h3.panel-title { text-align: center; }

.ok-panel h1.panel-title, .ok-panel h2.panel-title, .ok-panel h3.panel-title, .ok-panel h4.panel-title, .ok-panel h5.panel-title, .ok-panel h6.panel-title { font-size: 1.6rem; padding: 10px 0; margin: 0 0px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.ok-panel-boxed h1.panel-title, .ok-panel-boxed h2.panel-title, .ok-panel-boxed h3.panel-title, .ok-panel-boxed h4.panel-title, .ok-panel-boxed h5.panel-title, .ok-panel-boxed h6.panel-title { font-size: 1.6rem; padding: 10px 0; margin: 0 20px 10px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.ok-boxed .ok-panel, .ok-shadow .ok-panel, .ok-shadow-only .ok-panel, .ok-shadow-white .ok-panel, .ok-gd-gray .ok-panel, .ok-gd-blue-gray .ok-panel, .ok-gd-metal .ok-panel { padding: 20px; }

.ok-boxed .ok-panel h1.panel-title, .ok-boxed .ok-panel h2.panel-title, .ok-boxed .ok-panel h3.panel-title, .ok-boxed .ok-panel h4.panel-title, .ok-boxed .ok-panel h5.panel-title, .ok-boxed .ok-panel h6.panel-title, .ok-shadow .ok-panel h1.panel-title, .ok-shadow .ok-panel h2.panel-title, .ok-shadow .ok-panel h3.panel-title, .ok-shadow .ok-panel h4.panel-title, .ok-shadow .ok-panel h5.panel-title, .ok-shadow .ok-panel h6.panel-title, .ok-shadow-only .ok-panel h1.panel-title, .ok-shadow-only .ok-panel h2.panel-title, .ok-shadow-only .ok-panel h3.panel-title, .ok-shadow-only .ok-panel h4.panel-title, .ok-shadow-only .ok-panel h5.panel-title, .ok-shadow-only .ok-panel h6.panel-title, .ok-shadow-white .ok-panel h1.panel-title, .ok-shadow-white .ok-panel h2.panel-title, .ok-shadow-white .ok-panel h3.panel-title, .ok-shadow-white .ok-panel h4.panel-title, .ok-shadow-white .ok-panel h5.panel-title, .ok-shadow-white .ok-panel h6.panel-title, .ok-gd-gray .ok-panel h1.panel-title, .ok-gd-gray .ok-panel h2.panel-title, .ok-gd-gray .ok-panel h3.panel-title, .ok-gd-gray .ok-panel h4.panel-title, .ok-gd-gray .ok-panel h5.panel-title, .ok-gd-gray .ok-panel h6.panel-title, .ok-gd-blue-gray .ok-panel h1.panel-title, .ok-gd-blue-gray .ok-panel h2.panel-title, .ok-gd-blue-gray .ok-panel h3.panel-title, .ok-gd-blue-gray .ok-panel h4.panel-title, .ok-gd-blue-gray .ok-panel h5.panel-title, .ok-gd-blue-gray .ok-panel h6.panel-title, .ok-gd-metal .ok-panel h1.panel-title, .ok-gd-metal .ok-panel h2.panel-title, .ok-gd-metal .ok-panel h3.panel-title, .ok-gd-metal .ok-panel h4.panel-title, .ok-gd-metal .ok-panel h5.panel-title, .ok-gd-metal .ok-panel h6.panel-title { font-size: 1.6rem; padding: 0 0 10px; margin: 0 0 10px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.ok-side-panel { margin-bottom: 20px; }

.ok-panel { margin-bottom: 20px !important; }

.ok-panel-boxed { background-color: #f5f5f5; }

.ok-mod-content { display: block; padding: 20px; }

.ok-boxed .ok-panel { background-color: #f5f5f5; }

.ok-shadow .ok-panel { background-color: #fff !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.ok-shadow-only .ok-panel { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.ok-shadow-white .ok-panel { background-color: #fff !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.ok-gd-gray .ok-panel { border: 1px solid #eee; background: #ededed; background: -moz-linear-gradient(top, #ededed 0%, #f6f6f6 53%, white 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #ededed), color-stop(53%, #f6f6f6), color-stop(100%, white)); background: -webkit-linear-gradient(top, #ededed 0%, #f6f6f6 53%, white 100%); background: -o-linear-gradient(top, #ededed 0%, #f6f6f6 53%, white 100%); background: -ms-linear-gradient(top, #ededed 0%, #f6f6f6 53%, white 100%); background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 53%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0); }

.ok-gd-blue-gray .ok-panel { background: #b5c6d0; background: -moz-linear-gradient(top, #b5c6d0 0%, #f2f6f8 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #b5c6d0), color-stop(100%, #f2f6f8)); background: -webkit-linear-gradient(top, #b5c6d0 0%, #f2f6f8 100%); background: -o-linear-gradient(top, #b5c6d0 0%, #f2f6f8 100%); background: -ms-linear-gradient(top, #b5c6d0 0%, #f2f6f8 100%); background: linear-gradient(to bottom, #b5c6d0 0%, #f2f6f8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5c6d0', endColorstr='#f2f6f8', GradientType=0); }

.ok-gd-metal .ok-panel { border: 1px solid #cfd8dc; background: #cfd8dc; background: -moz-linear-gradient(top, #cfd8dc 0%, white 52%, #cfd8dc 99%, #cfd8dc 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #cfd8dc), color-stop(52%, white), color-stop(99%, #cfd8dc), color-stop(100%, #cfd8dc)); background: -webkit-linear-gradient(top, #cfd8dc 0%, white 52%, #cfd8dc 99%, #cfd8dc 100%); background: -o-linear-gradient(top, #cfd8dc 0%, white 52%, #cfd8dc 99%, #cfd8dc 100%); background: -ms-linear-gradient(top, #cfd8dc 0%, white 52%, #cfd8dc 99%, #cfd8dc 100%); background: linear-gradient(to bottom, #cfd8dc 0%, white 52%, #cfd8dc 99%, #cfd8dc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd8dc', endColorstr='#cfd8dc', GradientType=0); }

.ok-boxed-light, .ok-boxed-light .ok-panel { background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px; color: #444; }

.ok-boxed-light h1.panel-title, .ok-boxed-light h2.panel-title, .ok-boxed-light h3.panel-title, .ok-boxed-light h4.panel-title, .ok-boxed-light h5.panel-title, .ok-boxed-light h6.panel-title, .ok-boxed-light .ok-panel h1.panel-title, .ok-boxed-light .ok-panel h2.panel-title, .ok-boxed-light .ok-panel h3.panel-title, .ok-boxed-light .ok-panel h4.panel-title, .ok-boxed-light .ok-panel h5.panel-title, .ok-boxed-light .ok-panel h6.panel-title { color: #333; font-size: 1.6rem; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.ok-boxed-dark, .ok-boxed-dark .ok-panel { background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px; color: #f5f5f5; }

.ok-boxed-dark h1.panel-title, .ok-boxed-dark h2.panel-title, .ok-boxed-dark h3.panel-title, .ok-boxed-dark h4.panel-title, .ok-boxed-dark h5.panel-title, .ok-boxed-dark h6.panel-title, .ok-boxed-dark .ok-panel h1.panel-title, .ok-boxed-dark .ok-panel h2.panel-title, .ok-boxed-dark .ok-panel h3.panel-title, .ok-boxed-dark .ok-panel h4.panel-title, .ok-boxed-dark .ok-panel h5.panel-title, .ok-boxed-dark .ok-panel h6.panel-title { color: #eee; font-size: 1.6rem; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

#ok-footer h1, #ok-footer h2, #ok-footer h3, #ok-footer h4, #ok-footer h5, #ok-footer h6, #ok-footer h1.panel-title, #ok-footer h2.panel-title, #ok-footer h3.panel-title, #ok-footer h4.panel-title, #ok-footer h5.panel-title, #ok-footer h6.panel-title { font-size: 1.2rem !important; color: inherit; margin: 0; }

#ok-footer .page-header { border-bottom: none !important; }

#ok-footer ul { margin-bottom: 0; margin-left: 0; font-size: 13px; list-style: none; }

#ok-footer a { text-decoration: none; }

#ok-footer a:hover { text-decoration: none; }

#ok-footer-top { display: block; width: 100%; padding: 8px 0; }

#ok-footer-top ul li { display: block; float: left; margin-right: 10px; }

#ok-footer-top ul li a:hover { text-decoration: none; }

#ok-footer-top ul.breadcrumb { background: transparent !important; padding: 0 !important; font-size: 14px !important; }

#ok-footer-top ul.breadcrumb a { background: transparent !important; }

#footer-main { padding: 10px 0; }

.footer-bottom { padding-top: 7px; padding-bottom: 7px; padding-top: 10px; padding-bottom: 10px; }

.footer-bottom .content { height: 16px; }

.footer-bottom ul { height: 16px; line-height: 16px; padding-left: 0; display: inline-block; }

.footer-bottom ul li { height: 16px; line-height: 16px; padding: 0 20px; margin: 0 0 0 -1px; display: block; float: left; }

.footer-bottom ul li.first { border-left: none; padding--left: 0; }

.footer-bottom ul li.last { border-right: none; padding-right: 0; }

.footer-bottom ul li:before { content: ''; visibility: hidden !important; }

.footer-bottom ul a { line-height: 16px; }

.footer-bottom a { line-height: 16px; }

#ok-copyright .uk-icon-button { box-sizing: border-box; display: inline-block; width: 35px; height: 35px; border-radius: 100%; line-height: 35px; font-size: 18px; text-align: center; }

#ok-copyright { font-size: 1rem; padding: 10px 0; }

#ok-copyright .uk-grid, #ok-copyright .uk-grid > * { padding-left: 0 !important; }

#ok-copyright .element { font-size: 1.2rem; line-height: 110%; }

#ok-copyright .element i { font-size: 1.2rem; line-height: 110%; }

#ok-copyright .ok-copyright { padding-top: 5px; padding-bottom: 5px; }

#ok-copyright .ok-branding { width: 100%; font-size: 10px; line-height: 12px; padding: 3px 0; }

#ok-footer-wide-box .item { min-height: 1.2rem; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px rgba(204, 204, 204, 0.1); }

.article-info dt, .article-info dd, .article-info span { margin-top: 0; margin-left: 0; line-height: 1rem; font-size: 0.7rem; }

.icons .btn [class^="icon-"], .icons .btn-large [class^="icon-"], .icons .btn [class*=" icon-"], .icons .btn-large [class*=" icon-"] { margin-top: 0; vertical-align: middle; }

.content_vote select, .content_vote .btn, .content_vote .btn-large { width: 100px; height: 30px; line-height: 30px; margin-bottom: 0; }

.badge-info { background-color: #bac9d6 !important; color: #3e4350 !important; }

.nav-tabs { height: 34px; display: block; }

.nav-tabs li { display: block; float: left; }

.nav-tabs li a { border-color: #dddddd; border-radius: 0; }

.nav-tabs li span { display: block; margin-right: 2px; padding-right: 12px; padding-left: 12px; padding-top: 8px; padding-bottom: 8px; line-height: 18px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

.nav-tabs.nav-stacked > li:first-child > a { border-top-radius: 4px; }

.nav-tabs.nav-stacked > li:last-child > a { border-bottom-radius: 4px; }

.nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus { border-color: #dddddd; z-index: 2; }

/* Tabs */
.nav-tabs { border-bottom: 1px solid #dddddd; }

.nav-tabs > li > a { border-radius: 4px 4px 0 0; /* Overrides */ padding: 8px 12px 8px 12px; }

.nav-tabs > li > a:hover { border-color: #f5f5f5; border-bottom-color: #dddddd; background: #f5f5f5; color: #0074a2; }

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #444444; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; }

.breadcrumb { font-size: 12px; color: rgba(255, 255, 255, 0.7); padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.breadcrumb li { color: #9b9fa8; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; text-transform: uppercase; }

.breadcrumb li a:hover { text-decoration: none; color: #0000a3; }

.breadcrumb i { height: 12px !important; color: #506369; margin: 0 0 0 5px; }

.breadcrumb .active { color: #999999; }

#bottom_d .breadcrumb, #ok-footer .breadcrumb { background-color: transparent !important; margin: 0; }

#bottom_d .breadcrumb li, #bottom_d .breadcrumb a, #bottom_d .breadcrumb span, #ok-footer .breadcrumb li, #ok-footer .breadcrumb a, #ok-footer .breadcrumb span { font-size: 12px; }

.icons .dropdown-toggle { height: 26px !important; line-height: 26px !important; padding: 0 9px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

ul.ok-art-icons { right: 45px !important; display: block; background-color: rgba(172, 172, 172, 0.46); border-radius: 3px; line-height: 37px; z-index: 10 !important; width: 300px !important; }

ul.ok-art-icons li, ul.ok-art-icons .print-icon, ul.ok-art-icons .email-icon, ul.ok-art-icons .edit-icon { clear: right; display: block; width: auto !important; line-height: 37px; margin: 0 20px 0 0 !important; }

ul.ok-art-icons li a, ul.ok-art-icons .print-icon a, ul.ok-art-icons .email-icon a, ul.ok-art-icons .edit-icon a { background: transparent !important; margin: 0 20px 0 0 !important; }

.cols-2 .item { padding-right: 10px; }

.page-header { position: relative; /*  .icons{ position: absolute; right: 0; top: 0; }*/ }

.page-header h2 { padding-right: 35px; z-index: 1 !important; }

.pagenav .previous { float: left; }

.pagenav .next { float: right; }

.pagenav .uk-button { line-height: 36px; width: auto; padding: 0 20px; text-decoration: none; color: #3e4350; background-color: #bac9d6; text-align: center; letter-spacing: .5px; transition: .2s ease-out; cursor: pointer; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

.pagenav .uk-button a { color: #3e4350; }

.pagenav .uk-button:hover { background-color: #919fac; }

.pagenav .uk-button:active { background-color: #919fac; }

.btn .icon-apply, .btn-large .icon-apply, .btn .icon-arrow-down, .btn-large .icon-arrow-down, .btn .icon-copy, .btn-large .icon-copy, .btn .icon-pictures, .btn-large .icon-pictures, .btn .icon-file-add, .btn-large .icon-file-add, .btn .icon-reglab, .btn-large .icon-reglab, .btn .icon-archive, .btn-large .icon-archive, .btn .icon-ok, .btn-large .icon-ok, .btn .icon-calendar, .btn-large .icon-calendar, .btn .icon-cancel, .btn-large .icon-cancel, .btn .icon-save, .btn-large .icon-save, .btn .icon-chevron-right, .btn-large .icon-chevron-right { margin-top: 10px; }

[class*='icon-'] { margin-top: 10px; }

.btn [class^="icon-"], .btn-large [class^="icon-"], .btn [class*=" icon-"], .btn-large [class*=" icon-"] { margin-top: 10px; vertical-align: top; }

.contact-form .red { background-color: none; }

.btn-default { background-color: transparent; }

.btn-primary { background-color: #2196f3 !important; }

.btn-success { background-color: #6bdb6a !important; }

.btn-info { background-color: #54ddf3 !important; }

.btn-warning { background-color: #ff9e80 !important; }

.btn-danger { background-color: #f44336 !important; }

.btn-link { background-color: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; color: #898989 !important; }

.btn-link a { color: #898989 !important; }

textarea { min-height: 120px; }

.btn .ok-element-helpers, .btn-large .ok-element-helpers, .ok-element-helpers { color: #3e4350 !important; background-color: #bac9d6 !important; }

.btn .ok-element-helpers a, .btn-large .ok-element-helpers a, .ok-element-helpers a { color: #3e4350 !important; }

input[placeholder] { text-overflow: ellipsis; color: #0a0a1e; }

input::-moz-placeholder { text-overflow: ellipsis; color: #0a0a1e; }

input:-moz-placeholder { text-overflow: ellipsis; color: #0a0a1e; }

input:-ms-input-placeholder { text-overflow: ellipsis; color: #0a0a1e; }

::-webkit-input-placeholder { color: #0a0a1e; }

::-moz-placeholder { color: #0a0a1e; }

/* Firefox 19+ */
:-moz-placeholder { color: #0a0a1e; }

/* Firefox 18- */
:-ms-input-placeholder { color: #0a0a1e; }

.input::-webkit-input-placeholder { opacity: 1; transition: opacity 0.3s ease; }

.input::-moz-placeholder { opacity: 1; transition: opacity 0.3s ease; }

.input:-moz-placeholder { opacity: 1; transition: opacity 0.3s ease; }

.input:-ms-input-placeholder { opacity: 1; transition: opacity 0.3s ease; }

.input:focus::-webkit-input-placeholder { opacity: 0; transition: opacity 0.3s ease; }

.input:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; }

.input:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; }

.input:focus:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease; }

.blog img, .item-page img { margin-left: 10px; margin-right: 10px; }

.ok-preloader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 1005000; }

.ok-preloader .ok-indicator { width: 400px; height: 70px; opacity: 1; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -200px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }

#scrollup { display: none; width: auto; padding: 5px 15px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #333; position: fixed; bottom: 20px; right: 20px; cursor: pointer; z-index: 100300; }

#scrollup i, #scrollup a, #scrollup a:hover, #scrollup a:active, #scrollup a:focus { color: #999; text-decoration: none; cursor: pointer; }

.ok-social ul { margin: 0; }

.ok-social li { float: left; margin-right: 7px; }

.ok-social li a.s-btn { padding: 4px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform: uppercase; color: #fff !important; font-size: 10px !important; }

.ok-social li a.s-btn:hover { text-decoration: none; background-color: #444; }

.ok-social li a.s-btn i { color: #fff !important; margin-right: 5px; font-size: 10px !important; }

.ok-social .facebook { background-color: #306199; }

.ok-social .tumblr { background-color: #32506d; }

.ok-social .linkedin { background-color: #007bb6; }

.ok-social .twitter { background-color: #26c4f1; }

.ok-social .google { background-color: #e93f2e; }

.ok-social .reddit { background-color: #8bbbe3; }

.ok-social .youtube { background-color: #df1c31; }

.ok-social .pinterest { background-color: #b81621; }

.ok-social .pocket { background-color: #ed4054; }

.ok-social .github { background-color: #444; }

.ok-social .instagram { background-color: #125688; }

.ok-social .hackernews { background-color: #ff6600; }

.ok-social .delicious { background-color: #0b79e5; }

.ok-social .vk { background-color: #4d71a9; }

.ok-social .print { background-color: #8d98a2; }

.ok-social .whatsapp { background-color: #43d854; }

#ok-sscrl-default { background-color: rgba(47, 47, 47, 0.81); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: fixed; z-index: 99999; right: 20px; top: 60px; display: block; }

#ok-sscrl-default ul { margin: 5px 0; padding: 0 5px !important; position: relative; }

#ok-sscrl-default ul li { line-height: 14px; list-style: none; display: block; padding: 5px; position: relative; }

#ok-sscrl-default ul li a { color: transparent; }

#ok-sscrl-default ul li a:hover, #ok-sscrl-default ul li a:active { color: transparent; background-color: transparent; }

#ok-sscrl-default ul li a img { display: block; width: 14px; height: 14px; color: rgba(255, 255, 255, 0.49); opacity: 0.7; }

#ok-sscrl-default ul li a img:hover { color: #ffffff; transform: scale(1.25, 1.25); -webkit-transform: scale(1.25, 1.25); -moz-transform: scale(1.25, 1.25); -o-transform: scale(1.25, 1.25); -ms-transform: scale(1.25, 1.25); opacity: 1; transition: all .5s ease-out; }

#ok-sscrl-default ul li a img:active { color: #ffffff; }

#ok-sscrl-default ul li.uk-active a img { transform: scale(1.25, 1.25); -webkit-transform: scale(1.25, 1.25); -moz-transform: scale(1.25, 1.25); -o-transform: scale(1.25, 1.25); -ms-transform: scale(1.25, 1.25); opacity: 1; transition: all .5s ease-out; }

.okp-panel { position: fixed; top: 0; left: 0; height: 100%; width: 100%; visibility: hidden; -webkit-transition: visibility 0s 0.6s; -moz-transition: visibility 0s 0.6s; transition: visibility 0s 0.6s; z-index: 100501; }

.okp-panel *, .okp-panel *::after, .okp-panel *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.okp-panel *::after, .okp-panel *::before { content: ''; }

.okp-panel::after { /* overlay layer */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; cursor: pointer; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s; }

.okp-panel.is-visible { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; }

.okp-panel.is-visible::after { content: ''; background: rgba(0, 0, 0, 0.6); -webkit-transition: background 0.3s 0s; -moz-transition: background 0.3s 0s; transition: background 0.3s 0s; }

.okp-panel.is-visible .okp-panel-close::before { -webkit-animation: okp-close-1 0.6s 0.3s; -moz-animation: okp-close-1 0.6s 0.3s; animation: okp-close-1 0.6s 0.3s; }

.okp-panel.is-visible .okp-panel-close::after { -webkit-animation: okp-close-2 0.6s 0.3s; -moz-animation: okp-close-2 0.6s 0.3s; animation: okp-close-2 0.6s 0.3s; }

@-webkit-keyframes okp-close-1 { 0%, 50% { -webkit-transform: rotate(0); }
  100% { -webkit-transform: rotate(45deg); } }

@-moz-keyframes okp-close-1 { 0%, 50% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(45deg); } }

@keyframes okp-close-1 { 0%, 50% { -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% { -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); } }

@-webkit-keyframes okp-close-2 { 0%, 50% { -webkit-transform: rotate(0); }
  100% { -webkit-transform: rotate(-45deg); } }

@-moz-keyframes okp-close-2 { 0%, 50% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(-45deg); } }

@keyframes okp-close-2 { 0%, 50% { -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% { -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); } }

/* .okp-panel-header { position: fixed; width: $panel-width-S; // variables inside partials > _variables.scss height: 50px; line-height: 50px; background: rgba(204, 204, 204, 0.9); z-index: 100502; box-shadow: 0 1px 1px rgba(#000, .08); @include transition(top .3s 0s); h4 { font-weight: bold; color: $color-2; padding-left: 5%; } .okp-panel-right &, .okp-panel-left & { top: -50px; } .okp-panel-right & { right: 0; } .okp-panel-left & { left: 0; } .is-visible & { top: 0; @include transition(top .3s .3s); } @include MQ(M) { width: $panel-width-M; } @include MQ(L) { width: $panel-width-L; } } */
.okp-panel-close { position: absolute; top: 0; right: 0; height: 100%; width: 60px; /* image replacement */ display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; }

.okp-panel-close::before, .okp-panel-close::after { /* close icon created in CSS */ position: absolute; top: 22px; left: 20px; height: 3px; width: 20px; background-color: #424f5c; /* this fixes a bug where pseudo elements are slighty off position */ -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.okp-panel-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.okp-panel-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.no-touch .okp-panel-close:hover { background-color: #424f5c; }

.no-touch .okp-panel-close:hover::before, .no-touch .okp-panel-close:hover::after { background-color: #ffffff; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }

.no-touch .okp-panel-close:hover::before { -webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); -ms-transform: rotate(220deg); -o-transform: rotate(220deg); transform: rotate(220deg); }

.no-touch .okp-panel-close:hover::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

/* Tablets portrait */
@media (min-width: 240px) and (max-width: 700px) { .okp-panel-container, .okp-panel-header { width: 100% !important; }
  .okp-panel-container-top, .okp-panel-container-bottom { height: 100%; } }

.okp-panel-container { position: fixed; width: 90%; height: 100%; top: 0; background: #fafafa; z-index: 100501; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }

.okp-panel-right .okp-panel-container { right: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.okp-panel-left .okp-panel-container { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.okp-panel-top .okp-panel-container { top: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

.okp-panel-bottom .okp-panel-container { bottom: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

.is-visible .okp-panel-container { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }

@media only screen and (min-width: 768px) { .okp-panel-container { width: 70%; } }

@media only screen and (min-width: 1170px) { .okp-panel-container { width: 30%; } }

.okp-panel-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 70px 20px 20px; overflow: auto; /* smooth scrolling on touch devices */ -webkit-overflow-scrolling: touch; }

.okp-panel-content h1, .okp-panel-content h2, .okp-panel-content h3, .okp-panel-content h4 { color: #777; }

.okp-panel-content p { font-size: 14px; font-size: 0.875rem; color: #424f5c; line-height: 1.4; margin: 2em 0; }

.okp-panel-content p:first-of-type { margin-top: 0; }

@media only screen and (min-width: 768px) { .okp-panel-content p { font-size: 16px; font-size: 1rem; line-height: 1.6; } }

.okp-btn { width: auto; background-color: #6f8197; border: none; color: #FFFFFF; text-align: center; font-size: 14px; line-height: 14px; padding: 10px 20px; transition: all 0.5s; cursor: pointer; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); display: none; z-index: 100500 !important; }

.okp-btn-horisontal span, .okp-btn span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }

.okp-btn-horisontal i, .okp-btn i { margin-right: 5px; }

.okp-btn-horisontal span:after, .okp-btn span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; }

.okp-btn-horisontal:hover span, .okp-btn:hover span { padding-right: 25px; }

.okp-btn-horisontal:hover span:after, .okp-btn:hover span:after { opacity: 1; right: 0; }

.okp-btn-horisontal { width: auto; background-color: #6f8197; border: none; color: #FFFFFF; text-align: center; font-size: 14px; line-height: 14px; padding: 5px 20px; transition: all 0.5s; cursor: pointer; display: block; z-index: 100500 !important; }

.okp-abs { position: absolute; }

.okp-fix { position: fixed; }

.okp-panel-right { position: fixed; right: 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }

.okp-panel-left { position: fixed; left: 0; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.okp-panel-top { display: block !important; top: 0; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.okp-panel-bottom { display: block !important; bottom: 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }

.okp-panel-header { position: absolute; top: 0; right: 0; left: 0; height: 50px; line-height: 50px; background: #b0bec5; z-index: 100502; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); display: block; /*    transform: translateY(-14px); webkit-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -moz-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -ms-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -o-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; */ }

.okp-panel-header h4 { font-weight: bold; color: #424f5c; padding-left: 5%; }

/* .okp-panel-header-top { right: 0; left: 0;  .is-visible & { top: 0; @include transition(top .3s .3s); } } */
.okp-panel-container-top, .okp-panel-container-bottom { position: fixed; background: #fafafa; z-index: 100501; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; /*  .okp-panel-content{ overflow: auto; } */ }

.okp-panel-container-top { right: 0; left: 0; height: auto; top: 0; padding-top: 51px; display: block !important; visibility: hidden; /* hides sub-menu */ opacity: 0; transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); webkit-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -moz-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -ms-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -o-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; }

.is-visible .okp-panel-container-top { visibility: visible; /* shows sub-menu */ opacity: 1; z-index: 100500; transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */ }

.okp-panel-container-bottom { right: 0; left: 0; bottom: 0; padding-top: 51px; display: block !important; visibility: hidden; /* hides sub-menu */ opacity: 0; transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); webkit-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -moz-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -ms-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -o-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; }

.is-visible .okp-panel-container-bottom { visibility: visible; /* shows sub-menu */ opacity: 1; z-index: 100500; transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */ }

/* .okp-panel-header-top{ transform: translateY(-14px); -moz-transform: translateY(-14px); -webkit-transform: translateY(-14px); -o-transform: translateY(-14px); -ms-transform: translateY(-14px); .is-visible & { display: block!important; visibility: visible; shows sub-menu opacity: 1; z-index: 100500; transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; this removes the transition delay so the menu will be visible while the other styles transition } } */
.ok-flex, .nav-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; }

.ok-flex-between-middle { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.ok-flex-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.ok-flex-around { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; }

.ok-flex-around-middle { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.ok-flex-start { -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; }

.ok-flex-start-middle, .ok-navbar-default { -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.ok-flex-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }

.ok-flex-center-middle { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.ok-flex-end { -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; }

.ok-flex-end-middle { -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.ok-logo-grow, .ok-flex-grow { flex-grow: 1; }

.ok-flex-column, .ok-flex-column-center { ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons { text-rendering: optimizeLegibility; font-feature-settings: 'liga'; }

/* @font-face { font-family: "Roboto"; src: local(Roboto Thin), url("../fonts/roboto/Roboto-Thin.eot"); src: url("../fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/roboto/Roboto-Thin.woff") format("woff"), url("../fonts/roboto/Roboto-Thin.ttf") format("truetype"); font-weight: 200; }

@font-face { font-family: "Roboto"; src: local(Roboto Light), url("../fonts/roboto/Roboto-Light.eot"); src: url("../fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/roboto/Roboto-Light.woff") format("woff"), url("../fonts/roboto/Roboto-Light.ttf") format("truetype"); font-weight: 300; }

@font-face { font-family: "Roboto"; src: local(Roboto Regular), url("../fonts/roboto/Roboto-Regular.eot"); src: url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype"); font-weight: 400; }

@font-face { font-family: "Roboto"; src: url("../fonts/roboto/Roboto-Medium.eot"); src: url("../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/roboto/Roboto-Medium.woff") format("woff"), url("../fonts/roboto/Roboto-Medium.ttf") format("truetype"); font-weight: 500; }

@font-face { font-family: "Roboto"; src: url("../fonts/roboto/Roboto-Bold.eot"); src: url("../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/roboto/Roboto-Bold.woff") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf") format("truetype"); font-weight: 700; } */

a { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.1; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 { font-size: 2.2rem; line-height: 110%; margin: 1.1rem 0 0.88rem 0; }

h2 { font-size: 2rem; line-height: 110%; margin: 1rem 0 0.8rem 0; }

h3 { font-size: 1.6rem; line-height: 110%; margin: 0.8rem 0 0.64rem 0; }

h4 { font-size: 1.28rem; line-height: 110%; margin: 0.64rem 0 0.512rem 0; }

h5 { font-size: 1rem; line-height: 110%; margin: 0.5rem 0 0.4rem 0; }

h6 { font-size: 0.9rem; line-height: 110%; margin: 0.45rem 0 0.36rem 0; }

em { font-style: italic; }

strong { font-weight: 500; }

small { font-size: 75%; }

.light { font-weight: 300; }

.thin { font-weight: 200; }

.flow-text { font-weight: 300; }

@media only screen and (min-width: 360px) { .flow-text { font-size: 1.2rem; } }

@media only screen and (min-width: 390px) { .flow-text { font-size: 1.224rem; } }

@media only screen and (min-width: 420px) { .flow-text { font-size: 1.248rem; } }

@media only screen and (min-width: 450px) { .flow-text { font-size: 1.272rem; } }

@media only screen and (min-width: 480px) { .flow-text { font-size: 1.296rem; } }

@media only screen and (min-width: 510px) { .flow-text { font-size: 1.32rem; } }

@media only screen and (min-width: 540px) { .flow-text { font-size: 1.344rem; } }

@media only screen and (min-width: 570px) { .flow-text { font-size: 1.368rem; } }

@media only screen and (min-width: 600px) { .flow-text { font-size: 1.392rem; } }

@media only screen and (min-width: 630px) { .flow-text { font-size: 1.416rem; } }

@media only screen and (min-width: 660px) { .flow-text { font-size: 1.44rem; } }

@media only screen and (min-width: 690px) { .flow-text { font-size: 1.464rem; } }

@media only screen and (min-width: 720px) { .flow-text { font-size: 1.488rem; } }

@media only screen and (min-width: 750px) { .flow-text { font-size: 1.512rem; } }

@media only screen and (min-width: 780px) { .flow-text { font-size: 1.536rem; } }

@media only screen and (min-width: 810px) { .flow-text { font-size: 1.56rem; } }

@media only screen and (min-width: 840px) { .flow-text { font-size: 1.584rem; } }

@media only screen and (min-width: 870px) { .flow-text { font-size: 1.608rem; } }

@media only screen and (min-width: 900px) { .flow-text { font-size: 1.632rem; } }

@media only screen and (min-width: 930px) { .flow-text { font-size: 1.656rem; } }

@media only screen and (min-width: 960px) { .flow-text { font-size: 1.68rem; } }

@media only screen and (max-width: 360px) { .flow-text { font-size: 1.2rem; } }

.card-panel { transition: box-shadow .25s; padding: 20px; margin: 0.5rem 0 1rem 0; border-radius: 2px; background-color: #fff; }

.card { position: relative; margin: 0.5rem 0 1rem 0; background-color: #fff; transition: box-shadow .25s; border-radius: 2px; }

.card .card-title { font-size: 24px; font-weight: 300; }

.card .card-title.activator { cursor: pointer; }

.card.small, .card.medium, .card.large { position: relative; }

.card.small .card-image, .card.medium .card-image, .card.large .card-image { max-height: 60%; overflow: hidden; }

.card.small .card-content, .card.medium .card-content, .card.large .card-content { max-height: 40%; overflow: hidden; }

.card.small .card-action, .card.medium .card-action, .card.large .card-action { position: absolute; bottom: 0; left: 0; right: 0; }

.card.small { height: 300px; }

.card.medium { height: 400px; }

.card.large { height: 500px; }

.card .card-image { position: relative; }

.card .card-image img { display: block; border-radius: 2px 2px 0 0; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; }

.card .card-image .card-title { color: #fff; position: absolute; bottom: 0; left: 0; padding: 20px; }

.card .card-content { padding: 20px; border-radius: 0 0 2px 2px; }

.card .card-content p { margin: 0; color: inherit; }

.card .card-content .card-title { line-height: 48px; }

.card .card-action { position: relative; background-color: inherit; border-top: 1px solid rgba(160, 160, 160, 0.2); padding: 20px; z-index: 2; }

.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) { color: #ffab40; margin-right: 20px; transition: color .3s ease; text-transform: uppercase; }

.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover { color: #ffd8a6; }

.card .card-action + .card-reveal { z-index: 1; padding-bottom: 64px; }

.card .card-reveal { padding: 20px; position: absolute; background-color: #fff; width: 100%; overflow-y: auto; top: 100%; height: 100%; z-index: 3; display: none; }

.card .card-reveal .card-title { cursor: pointer; display: block; }

#toast-container { display: block; position: fixed; z-index: 10000; }

@media only screen and (max-width: 600px) { #toast-container { min-width: 100%; bottom: 0%; } }

@media only screen and (min-width: 601px) and (max-width: 992px) { #toast-container { left: 5%; bottom: 7%; max-width: 90%; } }

@media only screen and (min-width: 993px) { #toast-container { top: 10%; right: 7%; max-width: 86%; } }

.toast { border-radius: 2px; top: 0; width: auto; clear: both; margin-top: 10px; position: relative; max-width: 100%; height: auto; min-height: 48px; line-height: 1.5em; word-break: break-all; background-color: #323232; padding: 10px 25px; font-size: 1.1rem; font-weight: 300; color: #fff; display: flex; align-items: center; justify-content: space-between; }

.toast .btn, .toast .btn-large, .toast .btn-flat { margin: 0; margin-left: 3rem; }

.toast.rounded { border-radius: 24px; }

@media only screen and (max-width: 600px) { .toast { width: 100%; border-radius: 0; } }

@media only screen and (min-width: 601px) and (max-width: 992px) { .toast { float: left; } }

@media only screen and (min-width: 993px) { .toast { float: right; } }

.material-tooltip { padding: 10px 8px; font-size: 1rem; z-index: 2000; background-color: transparent; border-radius: 2px; color: #fff; min-height: 36px; line-height: 120%; opacity: 0; display: none; position: absolute; text-align: center; max-width: calc(100% - 4px); overflow: hidden; left: 0; top: 0; pointer-events: none; will-change: top, left; }

.backdrop { position: absolute; opacity: 0; display: none; height: 7px; width: 14px; border-radius: 0 0 14px 14px; background-color: #323232; z-index: -1; transform-origin: 50% 10%; will-change: transform, opacity; }

.btn, .btn-large, .btn-flat { border: none; border-radius: 2px !important; display: inline-block; height: 36px; line-height: 36px; outline: 0; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; }

.btn.disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn:disabled .btn-large:disabled, .btn-large:disabled .btn-large:disabled, .btn-floating:disabled { background-color: #DFDFDF !important; box-shadow: none; color: #9F9F9F !important; cursor: default; }

.btn.disabled *, .disabled.btn-large *, .btn-floating.disabled *, .btn-large.disabled *, .btn:disabled .btn-large:disabled *, .btn-large:disabled .btn-large:disabled *, .btn-floating:disabled * { pointer-events: none; }

.btn.disabled:hover, .disabled.btn-large:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn:disabled .btn-large:disabled:hover, .btn-large:disabled .btn-large:disabled:hover, .btn-floating:disabled:hover { background-color: #DFDFDF !important; color: #9F9F9F !important; }

.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i { font-size: 1.3rem; }

.btn, .btn-large { text-decoration: none; color: #fff !important; background-color: #8292a1; text-align: center; letter-spacing: .5px; margin-bottom: 10px; transition: .6s ease-out; cursor: pointer; }

.btn:hover, .btn-large:hover { background-color: #919fac; }

.btn-floating { display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 37px; height: 37px; line-height: 37px; padding: 0; background-color: #8292a1; border-radius: 50%; transition: .3s; cursor: pointer; vertical-align: middle; }

.btn-floating i { width: inherit; display: inline-block; text-align: center; color: #fff; font-size: 1.6rem; line-height: 37px; }

.btn-floating:hover { background-color: #8292a1; }

.btn-floating:before { border-radius: 0; }

.btn-floating.btn-large { width: 55.5px; height: 55.5px; }

.btn-floating.btn-large i { line-height: 55.5px; }

button.btn-floating { border: none; }

.fixed-action-btn { position: fixed; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0; z-index: 998; }

.fixed-action-btn.active ul { visibility: visible; }

.fixed-action-btn.horizontal { padding: 0 0 0 15px; }

.fixed-action-btn.horizontal ul { text-align: right; right: 64px; top: 50%; transform: translateY(-50%); height: 100%; left: auto; width: 500px; /*width 100% only goes to width of button container */ }

.fixed-action-btn.horizontal ul li { display: inline-block; margin: 15px 15px 0 0; }

.fixed-action-btn ul { left: 0; right: 0; text-align: center; position: absolute; bottom: 64px; margin: 0; visibility: hidden; }

.fixed-action-btn ul li { margin-bottom: 15px; }

.fixed-action-btn ul a.btn-floating { opacity: 0; }

.btn-flat { box-shadow: none; background-color: transparent; color: #343434; cursor: pointer; }

.btn-flat.disabled { color: #b3b3b3; cursor: default; }

.btn-large { height: 54px; line-height: 54px; }

.btn-large i { font-size: 1.6rem; }

.btn-block { display: block; }

.dropdown-content { background-color: #fff; margin: 0; display: none; min-width: 100px; max-height: 650px; overflow-y: auto; opacity: 0; position: absolute; z-index: 999; will-change: width, height; }

.dropdown-content li { clear: both; color: rgba(0, 0, 0, 0.87); cursor: pointer; min-height: 50px; line-height: 1.5rem; width: 100%; text-align: left; text-transform: none; }

.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected { background-color: #eee; }

.dropdown-content li.active.selected { background-color: #e1e1e1; }

.dropdown-content li.divider { min-height: 0; height: 1px; }

.dropdown-content li > a, .dropdown-content li > span { font-size: 16px; color: #8292a1; display: block; line-height: 22px; padding: 14px 16px; }

.dropdown-content li > span > label { top: 1px; left: 3px; height: 18px; }

.dropdown-content li > a > i { height: inherit; line-height: inherit; }

/*! Waves v0.6.0 http://fian.my.id/Waves Copyright 2014 Alfiana E. Sibuea and other contributors Released under the MIT license https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; transition: all .3s ease-out; }

.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); transition: all 0.7s ease-out; transition-property: transform, opacity; transform: scale(0); pointer-events: none; }

.waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); }

.waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, 0.7); }

.waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); }

.waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7); }

.waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); }

.waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7); }

.waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); }

.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] { border: 0; font-style: normal; font-size: inherit; text-transform: inherit; background: none; }

.waves-notransition { transition: none !important; }

.waves-circle { transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; }

.waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; }

.waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; }

.waves-block { display: block; }

/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple { z-index: -1; }

.collapsible { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin: 0.5rem 0 1rem 0; }

.collapsible-header { display: block; cursor: pointer; min-height: 3rem; line-height: 3rem; padding: 0 1rem; background-color: #fff; border-bottom: 1px solid #ddd; }

.collapsible-header i { width: 2rem; font-size: 1.6rem; line-height: 3rem; display: block; float: left; text-align: center; margin-right: 1rem; }

.collapsible-body { display: none; border-bottom: 1px solid #ddd; box-sizing: border-box; }

.collapsible-body p { margin: 0; padding: 2rem; }

.side-nav .collapsible, .side-nav.fixed .collapsible { border: none; box-shadow: none; }

.side-nav .collapsible li, .side-nav.fixed .collapsible li { padding: 0; }

.side-nav .collapsible-header, .side-nav.fixed .collapsible-header { background-color: transparent; border: none; line-height: inherit; height: inherit; padding: 0 50px; }

.side-nav .collapsible-header:hover, .side-nav.fixed .collapsible-header:hover { background-color: rgba(0, 0, 0, 0.05); }

.side-nav .collapsible-header i, .side-nav.fixed .collapsible-header i { line-height: inherit; }

.side-nav .collapsible-body, .side-nav.fixed .collapsible-body { border: 0; background-color: #fff; }

.side-nav .collapsible-body li a, .side-nav.fixed .collapsible-body li a { padding: 0 57.5px 0 65px; }

.collapsible.popout { border: none; box-shadow: none; }

.collapsible.popout > li { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 0 24px; transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.collapsible.popout > li.active { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); margin: 16px 0; }

.chip { display: inline-block; height: 32px; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, 0.6); line-height: 32px; padding: 0 12px; border-radius: 16px; background-color: #e4e4e4; }

.chip img { float: left; margin: 0 8px 0 -12px; height: 32px; width: 32px; border-radius: 50%; }

.chip i.material-icons { cursor: pointer; float: right; font-size: 16px; line-height: 32px; padding-left: 8px; }

.materialboxed { display: block; cursor: zoom-in; position: relative; transition: opacity .4s; }

.materialboxed:hover { will-change: left, top, width, height; }

.materialboxed:hover:not(.active) { opacity: .8; }

.materialboxed.active { cursor: zoom-out; }

#materialbox-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #292929; z-index: 1000; will-change: opacity; }

.materialbox-caption { position: fixed; display: none; color: #fff; line-height: 50px; bottom: 0; width: 100%; text-align: center; padding: 0% 15%; height: 50px; z-index: 1000; -webkit-font-smoothing: antialiased; }

select:focus { outline: 1px solid white; }

button:focus { outline: none; background-color: #8e9caa; }

label { font-size: 0.8rem; color: #9e9e9e; }

/* Text Inputs + Textarea ========================================================================== */
/* Style Placeholders */
::-webkit-input-placeholder { color: #d1d1d1; }

:-moz-placeholder { /* Firefox 18- */ color: #d1d1d1; }

::-moz-placeholder { /* Firefox 19+ */ color: #d1d1d1; }

:-ms-input-placeholder { color: #d1d1d1; }

/* Text inputs */
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea { background-color: transparent !important; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 0; outline: none; height: 3rem; width: auto; font-size: 1rem; margin: 0 0 15px 0; padding: 0; box-shadow: none; box-sizing: content-box; transition: all 0.3s; }

input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] { color: rgba(0, 0, 0, 0.26); border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }

input:not([type]):disabled + label, input:not([type])[readonly="readonly"] + label, input[type=text]:disabled + label, input[type=text][readonly="readonly"] + label, input[type=password]:disabled + label, input[type=password][readonly="readonly"] + label, input[type=email]:disabled + label, input[type=email][readonly="readonly"] + label, input[type=url]:disabled + label, input[type=url][readonly="readonly"] + label, input[type=time]:disabled + label, input[type=time][readonly="readonly"] + label, input[type=date]:disabled + label, input[type=date][readonly="readonly"] + label, input[type=datetime]:disabled + label, input[type=datetime][readonly="readonly"] + label, input[type=datetime-local]:disabled + label, input[type=datetime-local][readonly="readonly"] + label, input[type=tel]:disabled + label, input[type=tel][readonly="readonly"] + label, input[type=number]:disabled + label, input[type=number][readonly="readonly"] + label, input[type=search]:disabled + label, input[type=search][readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label { color: rgba(0, 0, 0, 0.26); }

input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #8292a1; box-shadow: 0 1px 0 0 #8292a1; }

input:not([type]):focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label { color: #8292a1; }

input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid { border-bottom: 1px solid #4CAF50; box-shadow: 0 1px 0 0 #4CAF50; }

input:not([type]).valid + label:after, input:not([type]):focus.valid + label:after, input[type=text].valid + label:after, input[type=text]:focus.valid + label:after, input[type=password].valid + label:after, input[type=password]:focus.valid + label:after, input[type=email].valid + label:after, input[type=email]:focus.valid + label:after, input[type=url].valid + label:after, input[type=url]:focus.valid + label:after, input[type=time].valid + label:after, input[type=time]:focus.valid + label:after, input[type=date].valid + label:after, input[type=date]:focus.valid + label:after, input[type=datetime].valid + label:after, input[type=datetime]:focus.valid + label:after, input[type=datetime-local].valid + label:after, input[type=datetime-local]:focus.valid + label:after, input[type=tel].valid + label:after, input[type=tel]:focus.valid + label:after, input[type=number].valid + label:after, input[type=number]:focus.valid + label:after, input[type=search].valid + label:after, input[type=search]:focus.valid + label:after, textarea.materialize-textarea.valid + label:after, textarea.materialize-textarea:focus.valid + label:after { content: attr(data-success); color: #4CAF50; opacity: 1; }

input:not([type]).invalid, input:not([type]):focus.invalid, input[type=text].invalid, input[type=text]:focus.invalid, input[type=password].invalid, input[type=password]:focus.invalid, input[type=email].invalid, input[type=email]:focus.invalid, input[type=url].invalid, input[type=url]:focus.invalid, input[type=time].invalid, input[type=time]:focus.invalid, input[type=date].invalid, input[type=date]:focus.invalid, input[type=datetime].invalid, input[type=datetime]:focus.invalid, input[type=datetime-local].invalid, input[type=datetime-local]:focus.invalid, input[type=tel].invalid, input[type=tel]:focus.invalid, input[type=number].invalid, input[type=number]:focus.invalid, input[type=search].invalid, input[type=search]:focus.invalid, textarea.materialize-textarea.invalid, textarea.materialize-textarea:focus.invalid { border-bottom: 1px solid #b80a00; box-shadow: 0 1px 0 0 #b80a00; }

input:not([type]).invalid + label:after, input:not([type]):focus.invalid + label:after, input[type=text].invalid + label:after, input[type=text]:focus.invalid + label:after, input[type=password].invalid + label:after, input[type=password]:focus.invalid + label:after, input[type=email].invalid + label:after, input[type=email]:focus.invalid + label:after, input[type=url].invalid + label:after, input[type=url]:focus.invalid + label:after, input[type=time].invalid + label:after, input[type=time]:focus.invalid + label:after, input[type=date].invalid + label:after, input[type=date]:focus.invalid + label:after, input[type=datetime].invalid + label:after, input[type=datetime]:focus.invalid + label:after, input[type=datetime-local].invalid + label:after, input[type=datetime-local]:focus.invalid + label:after, input[type=tel].invalid + label:after, input[type=tel]:focus.invalid + label:after, input[type=number].invalid + label:after, input[type=number]:focus.invalid + label:after, input[type=search].invalid + label:after, input[type=search]:focus.invalid + label:after, textarea.materialize-textarea.invalid + label:after, textarea.materialize-textarea:focus.invalid + label:after { content: attr(data-error); color: #b80a00; opacity: 1; }

input:not([type]).validate + label, input[type=text].validate + label, input[type=password].validate + label, input[type=email].validate + label, input[type=url].validate + label, input[type=time].validate + label, input[type=date].validate + label, input[type=datetime].validate + label, input[type=datetime-local].validate + label, input[type=tel].validate + label, input[type=number].validate + label, input[type=search].validate + label, textarea.materialize-textarea.validate + label { width: 100%; pointer-events: none; }

input:not([type]) + label:after, input[type=text] + label:after, input[type=password] + label:after, input[type=email] + label:after, input[type=url] + label:after, input[type=time] + label:after, input[type=date] + label:after, input[type=datetime] + label:after, input[type=datetime-local] + label:after, input[type=tel] + label:after, input[type=number] + label:after, input[type=search] + label:after, textarea.materialize-textarea + label:after { display: block; content: ""; position: absolute; top: 65px; opacity: 0; transition: .2s opacity ease-out, .2s color ease-out; }

.input-field { position: relative; margin-top: 1rem; }

.input-field label { color: #9e9e9e; position: absolute; top: 0.8rem; left: 0.75rem; font-size: 1rem; cursor: text; transition: .2s ease-out; }

.input-field label.active { font-size: 0.8rem; transform: translateY(-140%); }

.input-field .prefix { position: absolute; width: 3rem; font-size: 2rem; transition: color .2s; }

.input-field .prefix.active { color: #8292a1; }

.input-field .prefix ~ input, .input-field .prefix ~ textarea { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); }

.input-field .prefix ~ textarea { padding-top: .8rem; }

.input-field .prefix ~ label { margin-left: 3rem; }

@media only screen and (max-width: 992px) { .input-field .prefix ~ input { width: 86%; width: calc(100% - 3rem); } }

@media only screen and (max-width: 600px) { .input-field .prefix ~ input { width: 80%; width: calc(100% - 3rem); } }

/* Search Field */
.input-field input[type=search] { display: block; line-height: inherit; padding-left: 4rem; width: calc(100% - 4rem); }

.input-field input[type=search]:focus { background-color: #fff; border: 0; box-shadow: none; color: #444; }

.input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close, .input-field input[type=search]:focus ~ .material-icons { color: #444; }

.input-field input[type=search] + label { left: 1rem; }

.input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons { position: absolute; top: 0; right: 1rem; color: transparent; cursor: pointer; font-size: 2rem; transition: .3s color; }

/* Textarea */
textarea { width: 100%; height: 3rem; background-color: transparent; }

textarea.materialize-textarea { overflow-y: hidden; /* prevents scroll bar flash */ padding: 1.6rem 0; /* prevents text jump on Enter keypress */ resize: none; min-height: 3rem; }

.hiddendiv { display: none; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */ padding-top: 1.2rem; /* prevents text jump on Enter keypress */ }

/* Switch ========================================================================== */
.switch, .switch * { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; }

.switch label { cursor: pointer; }

.switch label input[type=checkbox] { opacity: 0; width: 0; height: 0; }

.switch label input[type=checkbox]:checked + .lever { background-color: #d1d1d1; }

.switch label input[type=checkbox]:checked + .lever:after { background-color: #8292a1; left: 24px; }

.switch label .lever { content: ""; display: inline-block; position: relative; width: 40px; height: 15px; background-color: #818181; border-radius: 15px; margin-right: 10px; transition: background 0.3s ease; vertical-align: middle; margin: 0 16px; }

.switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 21px; height: 21px; background-color: #F1F1F1; border-radius: 21px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); left: -5px; top: -3px; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; }

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(130, 146, 161, 0.1); }

input[type=checkbox]:not(:disabled) ~ .lever:active:after, input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }

.switch input[type=checkbox][disabled] + .lever { cursor: default; }

.switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after { background-color: #BDBDBD; }

/* Select Field ========================================================================== */
select.browser-default { display: block; }

select { background-color: rgba(255, 255, 255, 0.9); width: 100%; padding: 5px; border: 1px solid #f2f2f2; border-radius: 2px; height: 3rem; }

.select-label { position: absolute; }

.select-wrapper { position: relative; }

.select-wrapper input.select-dropdown { position: relative; cursor: pointer; background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; outline: none; height: 3rem; line-height: 3rem; width: 100%; font-size: 1rem; margin: 0 0 15px 0; padding: 0; display: block; }

.select-wrapper span.caret { color: initial; position: absolute; right: 0; top: 16px; font-size: 10px; }

.select-wrapper span.caret.disabled { color: rgba(0, 0, 0, 0.26); }

.select-wrapper + label { position: absolute; top: -14px; font-size: 0.8rem; }

select:disabled { color: rgba(0, 0, 0, 0.3); }

.select-wrapper input.select-dropdown:disabled { color: rgba(0, 0, 0, 0.3); cursor: default; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -ms-user-select: none; /* IE10+ */ border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.select-wrapper i { color: rgba(0, 0, 0, 0.3); }

.select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup { color: rgba(0, 0, 0, 0.3); background-color: transparent; }

.prefix ~ .select-wrapper { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); }

.prefix ~ label { margin-left: 3rem; }

.select-dropdown li img { height: 40px; width: 40px; margin: 5px 15px; float: right; }

.select-dropdown li.optgroup { border-top: 1px solid #eee; }

.select-dropdown li.optgroup.selected > span { color: rgba(0, 0, 0, 0.7); }

.select-dropdown li.optgroup > span { color: rgba(0, 0, 0, 0.4); }

.select-dropdown li.optgroup ~ li.optgroup-option { padding-left: 1rem; }

/* File Input ========================================================================== */
.file-field { position: relative; }

.file-field .file-path-wrapper { overflow: hidden; padding-left: 10px; }

.file-field input.file-path { width: 100%; }

.file-field .btn, .file-field .btn-large { float: left; height: 3rem; line-height: 3rem; }

.file-field span { cursor: pointer; }

.file-field input[type=file] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

/* Range ========================================================================== */
.range-field { position: relative; }

input[type=range], input[type=range] + .thumb { cursor: pointer; }

input[type=range] { position: relative; background-color: transparent; border: none; outline: none; width: 100%; margin: 15px 0; padding: 0; }

input[type=range]:focus { outline: none; }

input[type=range] + .thumb { position: absolute; border: none; height: 0; width: 0; border-radius: 50%; background-color: #8292a1; top: 10px; margin-left: -6px; transform-origin: 50% 50%; transform: rotate(-45deg); }

input[type=range] + .thumb .value { display: block; width: 30px; text-align: center; color: #8292a1; font-size: 0; transform: rotate(45deg); }

input[type=range] + .thumb.active { border-radius: 50% 50% 50% 0; }

input[type=range] + .thumb.active .value { color: #fff; margin-left: -1px; margin-top: 8px; font-size: 10px; }

input[type=range] { -webkit-appearance: none; }

input[type=range]::-webkit-slider-runnable-track { height: 3px; background: #c2c0c2; border: none; }

input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 14px; width: 14px; border-radius: 50%; background-color: #8292a1; transform-origin: 50% 50%; margin: -5px 0 0 0; transition: .3s; }

input[type=range]:focus::-webkit-slider-runnable-track { background: #ccc; }

input[type=range] { /* fix for FF unable to apply focus style bug  */ border: 1px solid white; /*required for proper track sizing in FF*/ }

input[type=range]::-moz-range-track { height: 3px; background: #ddd; border: none; }

input[type=range]::-moz-range-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #8292a1; margin-top: -5px; }

input[type=range]:-moz-focusring { outline: 1px solid #fff; outline-offset: -1px; }

input[type=range]:focus::-moz-range-track { background: #ccc; }

input[type=range]::-ms-track { height: 3px; background: transparent; border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; }

input[type=range]::-ms-fill-lower { background: #777; }

input[type=range]::-ms-fill-upper { background: #ddd; }

input[type=range]::-ms-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #8292a1; }

input[type=range]:focus::-ms-fill-lower { background: #888; }

input[type=range]:focus::-ms-fill-upper { background: #ccc; }

/*************** Nav List */
.table-of-contents.fixed { position: fixed; }

.table-of-contents li { padding: 2px 0; }

.table-of-contents a { display: inline-block; font-weight: 300; color: #757575; padding-left: 20px; height: 1.5rem; line-height: 1.5rem; letter-spacing: .4; display: inline-block; }

.table-of-contents a:hover { color: #a8a8a8; padding-left: 19px; border-left: 1px solid #f77066; }

.table-of-contents a.active { font-weight: 500; padding-left: 18px; border-left: 2px solid #f77066; }

.side-nav { position: fixed; width: 240px; left: 0; top: 0; margin: 0; transform: translateX(-100%); height: 100%; height: calc(100% + 60px); height: -moz-calc(100%); padding-bottom: 60px; background-color: #fff; z-index: 999; backface-visibility: hidden; overflow-y: auto; will-change: transform; backface-visibility: hidden; transform: translateX(-105%); }

.side-nav.right-aligned { right: 0; transform: translateX(105%); left: auto; transform: translateX(100%); }

.side-nav .collapsible { margin: 0; }

.side-nav li { float: none; line-height: 50px; }

.side-nav li.active { background-color: rgba(0, 0, 0, 0.05); }

.side-nav a { color: #444; display: block; font-size: 1rem; height: 50px; line-height: 50px; padding: 0 50px; }

.side-nav a:hover { background-color: rgba(0, 0, 0, 0.05); }

.side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-flat, .side-nav a.btn-floating { margin: 10px 15px; }

.side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-floating { color: #fff; }

.side-nav a.btn-flat { color: #343434; }

.side-nav a.btn:hover, .side-nav a.btn-large:hover, .side-nav a.btn-large:hover { background-color: #919fac; }

.side-nav a.btn-floating:hover { background-color: #8292a1; }

.drag-target { height: 100%; width: 10px; position: fixed; top: 0; z-index: 998; }

.side-nav.fixed a { display: block; padding: 0 50px; color: #444; }

.side-nav.fixed { left: 0; transform: translateX(0); position: fixed; }

.side-nav.fixed.right-aligned { right: 0; left: auto; }

@media only screen and (max-width: 992px) { .side-nav.fixed { transform: translateX(-105%); }
  .side-nav.fixed.right-aligned { transform: translateX(105%); } }

.side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active { background-color: #1d212e; }

.side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a { color: #fff; }

#sidenav-overlay { position: fixed; top: 0; left: 0; right: 0; height: 120vh; background-color: rgba(0, 0, 0, 0.5); z-index: 997; will-change: opacity; }

/* @license Copyright (c) 2014 The Polymer Project Authors. All rights reserved. This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as part of the polymer project is also subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/* Constants: STROKEWIDTH = 3px ARCSIZE     = 270 degrees (amount of circle the arc takes up) ARCTIME     = 1333ms (time it takes to expand and contract arc) ARCSTARTROT = 216 degrees (how much the start location of the arc should rotate each time, 216 gives us a 5 pointed star shape (it's 360/5 * 3). For a 7 pointed star, we might do 360/7 * 3 = 154.286) CONTAINERWIDTH = 28px SHRINK_TIME = 400ms */
.preloader-wrapper { display: inline-block; position: relative; width: 48px; height: 48px; }

.preloader-wrapper.small { width: 36px; height: 36px; }

.preloader-wrapper.big { width: 64px; height: 64px; }

.preloader-wrapper.active { /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */ -webkit-animation: container-rotate 1568ms linear infinite; animation: container-rotate 1568ms linear infinite; }

@-webkit-keyframes container-rotate { to { -webkit-transform: rotate(360deg); } }

@keyframes container-rotate { to { transform: rotate(360deg); } }

.spinner-layer { position: absolute; width: 100%; height: 100%; opacity: 0; border-color: #8292a1; }

.spinner-blue, .spinner-blue-only { border-color: #4285f4; }

.spinner-red, .spinner-red-only { border-color: #db4437; }

.spinner-yellow, .spinner-yellow-only { border-color: #f4b400; }

.spinner-green, .spinner-green-only { border-color: #0f9d58; }

/*.spinner-black-only { border-color: #000000; } .spinner-white-only { border-color: #ffffff; }*/
/** IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee): iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't guarantee that the animation will start _exactly_ after that value. So we avoid using animation-delay and instead set custom keyframes for each color (as redundant as it seems). We write out each animation in full (instead of separating animation-name, animation-duration, etc.) because under the polyfill, Safari does not recognize those specific properties properly, treats them as -webkit-animation, and overrides the other animation rules. See https://github.com/Polymer/platform/issues/53. */
.active .spinner-layer.spinner-blue { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer.spinner-red { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer.spinner-yellow { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer.spinner-green { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer, .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only { /* durations: 4 * ARCTIME */ opacity: 1; -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); }
  /* 0.5 * ARCSIZE */
  25% { -webkit-transform: rotate(270deg); }
  /* 1   * ARCSIZE */
  37.5% { -webkit-transform: rotate(405deg); }
  /* 1.5 * ARCSIZE */
  50% { -webkit-transform: rotate(540deg); }
  /* 2   * ARCSIZE */
  62.5% { -webkit-transform: rotate(675deg); }
  /* 2.5 * ARCSIZE */
  75% { -webkit-transform: rotate(810deg); }
  /* 3   * ARCSIZE */
  87.5% { -webkit-transform: rotate(945deg); }
  /* 3.5 * ARCSIZE */
  to { -webkit-transform: rotate(1080deg); }
  /* 4   * ARCSIZE */ }

@keyframes fill-unfill-rotate { 12.5% { transform: rotate(135deg); }
  /* 0.5 * ARCSIZE */
  25% { transform: rotate(270deg); }
  /* 1   * ARCSIZE */
  37.5% { transform: rotate(405deg); }
  /* 1.5 * ARCSIZE */
  50% { transform: rotate(540deg); }
  /* 2   * ARCSIZE */
  62.5% { transform: rotate(675deg); }
  /* 2.5 * ARCSIZE */
  75% { transform: rotate(810deg); }
  /* 3   * ARCSIZE */
  87.5% { transform: rotate(945deg); }
  /* 3.5 * ARCSIZE */
  to { transform: rotate(1080deg); }
  /* 4   * ARCSIZE */ }

@-webkit-keyframes blue-fade-in-out { from { opacity: 1; }
  25% { opacity: 1; }
  26% { opacity: 0; }
  89% { opacity: 0; }
  90% { opacity: 1; }
  100% { opacity: 1; } }

@keyframes blue-fade-in-out { from { opacity: 1; }
  25% { opacity: 1; }
  26% { opacity: 0; }
  89% { opacity: 0; }
  90% { opacity: 1; }
  100% { opacity: 1; } }

@-webkit-keyframes red-fade-in-out { from { opacity: 0; }
  15% { opacity: 0; }
  25% { opacity: 1; }
  50% { opacity: 1; }
  51% { opacity: 0; } }

@keyframes red-fade-in-out { from { opacity: 0; }
  15% { opacity: 0; }
  25% { opacity: 1; }
  50% { opacity: 1; }
  51% { opacity: 0; } }

@-webkit-keyframes yellow-fade-in-out { from { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 1; }
  76% { opacity: 0; } }

@keyframes yellow-fade-in-out { from { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 1; }
  76% { opacity: 0; } }

@-webkit-keyframes green-fade-in-out { from { opacity: 0; }
  65% { opacity: 0; }
  75% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes green-fade-in-out { from { opacity: 0; }
  65% { opacity: 0; }
  75% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }

/** Patch the gap that appear between the two adjacent div.circle-clipper while the spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11). */
.gap-patch { position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; }

.gap-patch .circle { width: 1000%; left: -450%; }

.circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; }

.circle-clipper .circle { width: 200%; height: 100%; border-width: 3px; /* STROKEWIDTH */ border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; -webkit-animation: none; animation: none; position: absolute; top: 0; right: 0; bottom: 0; }

.circle-clipper.left .circle { left: 0; border-right-color: transparent !important; -webkit-transform: rotate(129deg); transform: rotate(129deg); }

.circle-clipper.right .circle { left: -100%; border-left-color: transparent !important; -webkit-transform: rotate(-129deg); transform: rotate(-129deg); }

.active .circle-clipper.left .circle { /* duration: ARCTIME */ -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .circle-clipper.right .circle { /* duration: ARCTIME */ -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes left-spin { from { -webkit-transform: rotate(130deg); }
  50% { -webkit-transform: rotate(-5deg); }
  to { -webkit-transform: rotate(130deg); } }

@keyframes left-spin { from { transform: rotate(130deg); }
  50% { transform: rotate(-5deg); }
  to { transform: rotate(130deg); } }

@-webkit-keyframes right-spin { from { -webkit-transform: rotate(-130deg); }
  50% { -webkit-transform: rotate(5deg); }
  to { -webkit-transform: rotate(-130deg); } }

@keyframes right-spin { from { transform: rotate(-130deg); }
  50% { transform: rotate(5deg); }
  to { transform: rotate(-130deg); } }

#spinnerContainer.cooldown { /* duration: SHRINK_TIME */ -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); }

@-webkit-keyframes fade-out { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes fade-out { from { opacity: 1; }
  to { opacity: 0; } }

.slider { position: relative; height: 400px; width: 100%; }

.slider.fullscreen { height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.slider.fullscreen ul.slides { height: 100%; }

.slider.fullscreen ul.indicators { z-index: 2; bottom: 30px; }

.slider .slides { background-color: color("grey", "base"); margin: 0; height: 400px; }

.slider .slides li { opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: inherit; overflow: hidden; }

.slider .slides li img { height: 100%; width: 100%; background-size: cover; background-position: center; }

.slider .slides li .caption { color: #fff; position: absolute; top: 15%; left: 15%; width: 70%; opacity: 0; }

.slider .slides li .caption p { color: color("grey", "lighten-2"); }

.slider .slides li.active { z-index: 2; }

.slider .indicators { position: absolute; text-align: center; left: 0; right: 0; bottom: 0; margin: 0; }

.slider .indicators .indicator-item { display: inline-block; position: relative; cursor: pointer; height: 16px; width: 16px; margin: 0 12px; background-color: color("grey", "lighten-2"); transition: background-color .3s; border-radius: 50%; }

.slider .indicators .indicator-item.active { background-color: color("green", "base"); }

.carousel { overflow: hidden; position: relative; width: 100%; height: 400px; perspective: 500px; transform-style: preserve-3d; transform-origin: 0% 50%; }

.carousel .carousel-item { width: 200px; position: absolute; top: 0; left: 0; }

.carousel .carousel-item img { width: 100%; }

.carousel.carousel-slider { top: 0; left: 0; height: 0; }

.carousel.carousel-slider .carousel-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/* ========================================================================== $BASE-PICKER ========================================================================== */
/** Note: the root picker element should *NOT* be styled more than what's here. */
.picker { font-size: 16px; text-align: left; line-height: 1.2; color: #000000; position: absolute; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/** The picker input element. */
.picker__input { cursor: default; }

/** When the picker is opened, the input element is "activated". */
.picker__input.picker__input--active { border-color: #0089ec; }

/** The holder is the only "scrollable" top-level container element. */
.picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }

/*! Default mobile-first, responsive styling for pickadate.js Demo: http://amsul.github.io/pickadate.js */
/** Note: the root picker element should *NOT* be styled more than what's here. */
/** Make the holder and frame fullscreen. */
.picker__holder, .picker__frame { bottom: 0; left: 0; right: 0; top: 100%; }

/** The holder should overlay the entire screen. */
.picker__holder { position: fixed; -webkit-transition: background 0.15s ease-out, top 0s 0.15s; -moz-transition: background 0.15s ease-out, top 0s 0.15s; transition: background 0.15s ease-out, top 0s 0.15s; -webkit-backface-visibility: hidden; }

/** The frame that bounds the box contents of the picker. */
.picker__frame { position: absolute; margin: 0 auto; min-width: 256px; width: 300px; max-height: 350px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

@media (min-height: 28.875em) { .picker__frame { overflow: visible; top: auto; bottom: -100%; max-height: 80%; } }

@media (min-height: 40.125em) { .picker__frame { margin-bottom: 7.5%; } }

/** The wrapper sets the stage to vertically align the box contents. */
.picker__wrap { display: table; width: 100%; height: 100%; }

@media (min-height: 28.875em) { .picker__wrap { display: block; } }

/** The box contains all the picker contents. */
.picker__box { background: #ffffff; display: table-cell; vertical-align: middle; }

@media (min-height: 28.875em) { .picker__box { display: block; border: 1px solid #777777; border-top-color: #898989; border-bottom-width: 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } }

/** When the picker opens... */
.picker--opened .picker__holder { top: 0; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)"; zoom: 1; background: rgba(0, 0, 0, 0.32); -webkit-transition: background 0.15s ease-out; -moz-transition: background 0.15s ease-out; transition: background 0.15s ease-out; }

.picker--opened .picker__frame { top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

@media (min-height: 35.875em) { .picker--opened .picker__frame { top: 10%; bottom: auto; } }

/** For `large` screens, transform into an inline picker. */
/* ========================================================================== CUSTOM MATERIALIZE STYLES ========================================================================== */
.picker__input.picker__input--active { border-color: color("blue", "lighten-5"); }

.picker__frame { margin: 0 auto; max-width: 325px; }

@media (min-height: 38.875em) { .picker--opened .picker__frame { top: 10%; bottom: auto; } }

/* ========================================================================== $BASE-DATE-PICKER ========================================================================== */
/** The picker box. */
.picker__box { padding: 0 1em; }

/** The header containing the month and year stuff. */
.picker__header { text-align: center; position: relative; margin-top: .75em; }

/** The month and year labels. */
.picker__month, .picker__year { display: inline-block; margin-left: .25em; margin-right: .25em; }

/** The month and year selectors. */
.picker__select--month, .picker__select--year { height: 2em; padding: 0; margin-left: .25em; margin-right: .25em; }

.picker__select--month.browser-default { display: inline; background-color: #FFFFFF; width: 40%; }

.picker__select--year.browser-default { display: inline; background-color: #FFFFFF; width: 26%; }

.picker__select--month:focus, .picker__select--year:focus { border-color: rgba(0, 0, 0, 0.05); }

/** The month navigation buttons. */
.picker__nav--prev, .picker__nav--next { position: absolute; padding: .5em 1.25em; width: 1em; height: 1em; box-sizing: content-box; top: -0.25em; }

.picker__nav--prev { left: -1em; padding-right: 1.25em; }

.picker__nav--next { right: -1em; padding-left: 1.25em; }

.picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { cursor: default; background: none; border-right-color: #f5f5f5; border-left-color: #f5f5f5; }

/** The calendar table of dates */
.picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: 1rem; width: 100%; margin-top: .75em; margin-bottom: .5em; }

.picker__table th, .picker__table td { text-align: center; }

.picker__table td { margin: 0; padding: 0; }

/** The weekday labels */
.picker__weekday { width: 14.285714286%; font-size: .75em; padding-bottom: .25em; color: #999999; font-weight: 500; /* Increase the spacing a tad */ }

@media (min-height: 33.875em) { .picker__weekday { padding-bottom: .5em; } }

/** The days on the calendar */
.picker__day--today { position: relative; color: #595959; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent; }

.picker__day--disabled:before { border-top-color: #aaaaaa; }

.picker__day--infocus:hover { cursor: pointer; color: #000; font-weight: 500; }

.picker__day--outfocus { display: none; padding: .75rem 0; color: #fff; }

.picker__day--outfocus:hover { cursor: pointer; color: #dddddd; font-weight: 500; }

.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { cursor: pointer; }

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { border-radius: 50%; transform: scale(0.75); background: #0089ec; color: #ffffff; }

.picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; }

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #bbbbbb; }

/** The footer containing the "today", "clear", and "close" buttons. */
.picker__footer { text-align: center; display: flex; align-items: center; justify-content: space-between; }

.picker__button--today, .picker__button--clear, .picker__button--close { border: 1px solid #ffffff; background: #ffffff; font-size: .8em; padding: .66em 0; font-weight: bold; width: 33%; display: inline-block; vertical-align: bottom; }

.picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-bottom-color: #b1dcfb; }

.picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus { background: #b1dcfb; border-color: rgba(0, 0, 0, 0.05); outline: none; }

.picker__button--today:before, .picker__button--clear:before, .picker__button--close:before { position: relative; display: inline-block; height: 0; }

.picker__button--today:before, .picker__button--clear:before { content: " "; margin-right: .45em; }

.picker__button--today:before { top: -0.05em; width: 0; border-top: 0.66em solid #0059bc; border-left: .66em solid transparent; }

.picker__button--clear:before { top: -0.25em; width: .66em; border-top: 3px solid #ee2200; }

.picker__button--close:before { content: "\D7"; top: -0.1em; vertical-align: top; font-size: 1.1em; margin-right: .35em; color: #777777; }

.picker__button--today[disabled], .picker__button--today[disabled]:hover { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; }

.picker__button--today[disabled]:before { border-top-color: #aaaaaa; }

/* ========================================================================== CUSTOM MATERIALIZE STYLES ========================================================================== */
.picker__box { border-radius: 2px; overflow: hidden; }

.picker__date-display { text-align: center; background-color: #8292a1; color: #fff; padding-bottom: 15px; font-weight: 300; }

.picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; color: #000000; background: #ebebeb; }

.picker__weekday-display { background-color: #6e8092; padding: 10px; font-weight: 200; letter-spacing: .5; font-size: 1rem; margin-bottom: 15px; }

.picker__month-display { text-transform: uppercase; font-size: 2rem; }

.picker__day-display { font-size: 4.5rem; font-weight: 400; }

.picker__year-display { font-size: 1.8rem; color: rgba(255, 255, 255, 0.4); }

.picker__box { padding: 0; }

.picker__calendar-container { padding: 0 1rem; }

.picker__calendar-container thead { border: none; }

.picker__table { margin-top: 0; margin-bottom: .5em; }

.picker__day--infocus { color: #595959; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent; }

.picker__day.picker__day--today { color: #8292a1; }

.picker__day.picker__day--today.picker__day--selected { color: #fff; }

.picker__weekday { font-size: .9rem; }

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { border-radius: 50%; transform: scale(0.9); background-color: #8292a1; color: #ffffff; }

.picker__day--selected.picker__day--outfocus, .picker__day--selected:hover.picker__day--outfocus, .picker--focused .picker__day--selected.picker__day--outfocus { background-color: #ebebeb; }

.picker__footer { text-align: right; padding: 5px 10px; }

.picker__close, .picker__today { font-size: 1.1rem; padding: 0 1rem; color: #8292a1; }

.picker__nav--prev:before, .picker__nav--next:before { content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: 0.75em solid #676767; width: 0; height: 0; display: block; margin: 0 auto; }

.picker__nav--next:before { border-right: 0; border-left: 0.75em solid #676767; }

button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus { background-color: #ebebeb; }

/* ========================================================================== $BASE-TIME-PICKER ========================================================================== */
/** The list of times. */
.picker__list { list-style: none; padding: 0.75em 0 4.2em; margin: 0; }

/** The times on the clock. */
.picker__list-item { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; margin-bottom: -1px; position: relative; background: #ffffff; padding: .75em 1.25em; }

@media (min-height: 46.75em) { .picker__list-item { padding: .5em 1em; } }

/* Hovered time */
.picker__list-item:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-color: #0089ec; z-index: 10; }

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted { border-color: #0089ec; z-index: 10; }

.picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted { cursor: pointer; color: #000000; background: #b1dcfb; }

/* Selected and hovered/focused time */
.picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected { background: #0089ec; color: #ffffff; z-index: 10; }

/* Disabled time */
.picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; border-color: #dddddd; z-index: auto; }

/** The clear button */
.picker--time .picker__button--clear { display: block; width: 80%; margin: 1em auto 0; padding: 1em 1.25em; background: none; border: 0; font-weight: 500; font-size: .67em; text-align: center; text-transform: uppercase; color: #666; }

.picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus { color: #000000; background: #b1dcfb; background: #ee2200; border-color: #ee2200; cursor: pointer; color: #ffffff; outline: none; }

.picker--time .picker__button--clear:before { top: -0.25em; color: #666; font-size: 1.25em; font-weight: bold; }

.picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before { color: #ffffff; }

/* ========================================================================== $DEFAULT-TIME-PICKER ========================================================================== */
/** The frame the bounds the time picker. */
.picker--time .picker__frame { min-width: 256px; max-width: 320px; }

/** The picker box. */
.picker--time .picker__box { font-size: 1em; background: #f2f2f2; padding: 0; }

@media (min-height: 40.125em) { .picker--time .picker__box { margin-bottom: 5em; } }