/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/owl.carousel/dist/assets/owl.carousel.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/owl.carousel/dist/assets/owl.theme.default.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/* ========================================================================
   Component: Base
 ========================================================================== */
/*
 * 1. Set `font-size` to support `rem` units
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Style
 */
html {
  /* 1 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  background: #fff;
  color: #666;
}

/*
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/* Links
 ========================================================================== */
/*
 * Style
 */
a,
.uk-link {
  color: #1e87f0;
  text-decoration: none;
  cursor: pointer;
}

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

/* Text-level semantics
 ========================================================================== */
/*
 * 1. Add the correct text decoration in Edge.
 * 2. The shorthand declaration `underline dotted` is not supported in Safari.
 */
abbr[title] {
  /* 1 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
  -webkit-text-decoration-style: dotted;
}

/*
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/*
 * 1. Consolas has a better baseline in running text compared to `Courier`
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Style
 */
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
  /* 1 */
  font-family: Consolas, monaco, monospace;
  /* 2 */
  font-size: 0.875rem;
  /* 3 */
  color: #f0506e;
  white-space: nowrap;
}

/*
 * Emphasize
 */
em {
  color: #f0506e;
}

/*
 * Insert
 */
ins {
  background: #ffd;
  color: #666;
  text-decoration: none;
}

/*
 * Mark
 */
mark {
  background: #ffd;
  color: #666;
}

/*
 * Quote
 */
q {
  font-style: italic;
}

/*
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
 ========================================================================== */
/*
 * Remove the gap between the element and the bottom of its parent container.
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * 1. Constrain the element to its parent width.
 * 2. Preserve the intrinsic aspect ratio and auto-scale the height of an image if the `height` attribute is present.
 * 3. Take border and padding into account.
 */
canvas,
img,
svg,
video {
  /* 1 */
  max-width: 100%;
  /* 2 */
  height: auto;
  /* 3 */
  box-sizing: border-box;
}

/*
 * Deprecated: only needed for `img` elements with `uk-img`
 * 1. Hide `alt` text for lazy load images.
 * 2. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`.
 */
img:not([src]) {
  /* 1 */
  visibility: hidden;
  /* 2 */
  min-width: 1px;
}

/*
 * Iframe
 * Remove border in all browsers
 */
iframe {
  border: 0;
}

/* Block elements
 ========================================================================== */
/*
 * Margins
 */
p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
  margin: 0 0 20px 0;
}

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

/* Headings
 ========================================================================== */
h1, .uk-h1,
h2, .uk-h2,
h3, .uk-h3,
h4, .uk-h4,
h5, .uk-h5,
h6, .uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge,
.uk-heading-3xlarge {
  margin: 0 0 20px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: normal;
  color: #333;
  text-transform: none;
}

/* Add margin if adjacent element */
* + h1, * + .uk-h1,
* + h2, * + .uk-h2,
* + h3, * + .uk-h3,
* + h4, * + .uk-h4,
* + h5, * + .uk-h5,
* + h6, * + .uk-h6,
* + .uk-heading-small,
* + .uk-heading-medium,
* + .uk-heading-large,
* + .uk-heading-xlarge,
* + .uk-heading-2xlarge,
* + .uk-heading-3xlarge {
  margin-top: 40px;
}

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

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

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

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

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

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

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  h1, .uk-h1 {
    font-size: 2.625rem;
  }
  h2, .uk-h2 {
    font-size: 2rem;
  }
}
/* Lists
 ========================================================================== */
ul,
ol {
  padding-left: 30px;
}

/*
 * Reset margin for nested lists
 */
ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
  margin: 0;
}

/* Description lists
 ========================================================================== */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Horizontal rules
 ========================================================================== */
/*
 * 1. Show the overflow in Chrome, Edge and IE.
 * 2. Add the correct text-align in Edge and IE.
 * 3. Style
 */
hr, .uk-hr {
  /* 1 */
  overflow: visible;
  /* 2 */
  text-align: inherit;
  /* 3 */
  margin: 0 0 20px 0;
  border: 0;
  border-top: 1px solid #e5e5e5;
}

/* Add margin if adjacent element */
* + hr,
* + .uk-hr {
  margin-top: 20px;
}

/* Address
 ========================================================================== */
address {
  font-style: normal;
}

/* Blockquotes
 ========================================================================== */
blockquote {
  margin: 0 0 20px 0;
  font-size: 1.25rem;
  line-height: 1.5;
  font-style: italic;
}

/* Add margin if adjacent element */
* + blockquote {
  margin-top: 20px;
}

/*
 * Content
 */
blockquote p:last-of-type {
  margin-bottom: 0;
}

blockquote footer {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Preformatted text
 ========================================================================== */
/*
 * 1. Contain overflow in all browsers.
 */
pre {
  font: 0.875rem / 1.5 Consolas, monaco, monospace;
  color: #666;
  tab-size: 4;
  /* 1 */
  overflow: auto;
}

pre code {
  font-family: Consolas, monaco, monospace;
}

/* Focus
 ========================================================================== */
:focus {
  outline: none;
}

:focus-visible {
  outline: 2px dotted #333;
}

/* Selection pseudo-element
 ========================================================================== */
::selection {
  background: #39f;
  color: #fff;
  text-shadow: none;
}

/* HTML5 elements
 ========================================================================== */
/*
 * 1. Add the correct display in Edge, IE 10+, and Firefox.
 * 2. Add the correct display in IE.
 */
details,
main { /* 2 */
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Pass media breakpoints to JS
 ========================================================================== */
/*
 * Breakpoints
 */
:root {
  --uk-breakpoint-s: 640px;
  --uk-breakpoint-m: 960px;
  --uk-breakpoint-l: 1200px;
  --uk-breakpoint-xl: 1600px;
}

/* ========================================================================
   Component: Link
 ========================================================================== */
/* Muted
 ========================================================================== */
a.uk-link-muted,
.uk-link-muted a,
.uk-link-toggle .uk-link-muted {
  color: #999;
}

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

/* Text
 ========================================================================== */
a.uk-link-text,
.uk-link-text a,
.uk-link-toggle .uk-link-text {
  color: inherit;
}

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

/* Heading
 ========================================================================== */
a.uk-link-heading,
.uk-link-heading a,
.uk-link-toggle .uk-link-heading {
  color: inherit;
}

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

/* Reset
 ========================================================================== */
/*
 * `!important` needed to override inverse component
 */
a.uk-link-reset,
.uk-link-reset a {
  color: inherit !important;
  text-decoration: none !important;
}

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

/* ========================================================================
   Component: Heading
 ========================================================================== */
.uk-heading-small {
  font-size: 2.6rem;
  line-height: 1.2;
}

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

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

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

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

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

/* Tablet Landscape and bigger */
@media (min-width: 960px) {
  .uk-heading-small {
    font-size: 3.25rem;
  }
  .uk-heading-medium {
    font-size: 3.5rem;
  }
  .uk-heading-large {
    font-size: 4rem;
  }
  .uk-heading-xlarge {
    font-size: 6rem;
  }
  .uk-heading-2xlarge {
    font-size: 8rem;
  }
  .uk-heading-3xlarge {
    font-size: 11rem;
  }
}
/* Laptop and bigger */
@media (min-width: 1200px) {
  .uk-heading-medium {
    font-size: 4rem;
  }
  .uk-heading-large {
    font-size: 6rem;
  }
  .uk-heading-xlarge {
    font-size: 8rem;
  }
  .uk-heading-2xlarge {
    font-size: 11rem;
  }
  .uk-heading-3xlarge {
    font-size: 15rem;
  }
}
/* Primary
   Deprecated: Use `uk-heading-medium` instead
 ========================================================================== */
/* Tablet landscape and bigger */
/* Desktop and bigger */
/* Hero
   Deprecated: Use `uk-heading-xlarge` instead
 ========================================================================== */
/* Tablet landscape and bigger */
/* Desktop and bigger */
/* Divider
 ========================================================================== */
.uk-heading-divider {
  padding-bottom: calc(5px + 0.1em);
  border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
}

/* Bullet
 ========================================================================== */
.uk-heading-bullet {
  position: relative;
}

/*
 * 1. Using `inline-block` to make it work with text alignment
 * 2. Center vertically
 * 3. Style
 */
.uk-heading-bullet::before {
  content: "";
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  top: calc(-0.1 * 1em);
  vertical-align: middle;
  /* 3 */
  height: calc(4px + 0.7em);
  margin-right: calc(5px + 0.2em);
  border-left: calc(5px + 0.1em) solid #e5e5e5;
}

/* Line
 ========================================================================== */
/*
 * Clip the child element
 */
.uk-heading-line {
  overflow: hidden;
}

/*
 * Extra markup is needed to make it work with text align
 */
.uk-heading-line > * {
  display: inline-block;
  position: relative;
}

/*
 * 1. Center vertically
 * 2. Make the element as large as possible. It's clipped by the container.
 * 3. Style
 */
.uk-heading-line > ::before,
.uk-heading-line > ::after {
  content: "";
  /* 1 */
  position: absolute;
  top: calc(50% - (calc(0.2px + 0.05em) / 2));
  /* 2 */
  width: 2000px;
  /* 3 */
  border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
}

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

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

/* ========================================================================
   Component: Divider
 ========================================================================== */
/*
 * 1. Reset default `hr`
 * 2. Set margin if a `div` is used for semantical reason
 */
[class*=uk-divider] {
  /* 1 */
  border: none;
  /* 2 */
  margin-bottom: 20px;
}

/* Add margin if adjacent element */
* + [class*=uk-divider] {
  margin-top: 20px;
}

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

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

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

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

/* Small
 ========================================================================== */
/*
 * 1. Fix height because of `inline-block`
 * 2. Using ::after and inline-block to make `text-align` work
 */
/* 1 */
.uk-divider-small {
  line-height: 0;
}

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

/* Vertical
 ========================================================================== */
.uk-divider-vertical {
  width: max-content;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #e5e5e5;
}

/* ========================================================================
   Component: List
 ========================================================================== */
.uk-list {
  padding: 0;
  list-style: none;
}

/*
 * Avoid column break within the list item, when using `column-count`
 */
.uk-list > * {
  break-inside: avoid-column;
}

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

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

/* Marker modifiers
 * Moving `::marker` inside `::before` to style it differently
 * To style the `::marker` is currently only supported in Firefox and Safari
 ========================================================================== */
.uk-list-disc > *,
.uk-list-circle > *,
.uk-list-square > *,
.uk-list-decimal > *,
.uk-list-hyphen > * {
  padding-left: 30px;
}

/*
 * Type modifiers
 */
.uk-list-decimal {
  counter-reset: decimal;
}

.uk-list-decimal > * {
  counter-increment: decimal;
}

.uk-list-disc > ::before,
.uk-list-circle > ::before,
.uk-list-square > ::before,
.uk-list-decimal > ::before,
.uk-list-hyphen > ::before {
  content: "";
  position: relative;
  left: -30px;
  width: 30px;
  height: 1.5em;
  margin-bottom: -1.5em;
  display: list-item;
  list-style-position: inside;
  text-align: right;
}

.uk-list-disc > ::before {
  list-style-type: disc;
}

.uk-list-circle > ::before {
  list-style-type: circle;
}

.uk-list-square > ::before {
  list-style-type: square;
}

.uk-list-decimal > ::before {
  content: counter(decimal, decimal) " . ";
}

.uk-list-hyphen > ::before {
  content: "–  ";
}

/*
 * Color modifiers
 */
.uk-list-muted > ::before {
  color: #999 !important;
}

.uk-list-emphasis > ::before {
  color: #333 !important;
}

.uk-list-primary > ::before {
  color: #1e87f0 !important;
}

.uk-list-secondary > ::before {
  color: #222 !important;
}

/* Image bullet modifier
 ========================================================================== */
.uk-list-bullet > * {
  padding-left: 30px;
}

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

/* Style modifiers
 ========================================================================== */
/*
 * Divider
 */
.uk-list-divider > :nth-child(n+2) {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
}

/*
 * Striped
 */
.uk-list-striped > * {
  padding: 10px 10px;
}

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

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

/* Size modifier
 ========================================================================== */
.uk-list-large > :nth-child(n+2),
.uk-list-large > * > ul {
  margin-top: 20px;
}

.uk-list-collapse > :nth-child(n+2),
.uk-list-collapse > * > ul {
  margin-top: 0;
}

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

.uk-list-collapse.uk-list-divider > :nth-child(n+2) {
  margin-top: 0;
  padding-top: 0;
}

/*
 * Striped
 */
.uk-list-large.uk-list-striped > * {
  padding: 20px 10px;
}

.uk-list-collapse.uk-list-striped > * {
  padding-top: 0;
  padding-bottom: 0;
}

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

/* ========================================================================
   Component: Description list
 ========================================================================== */
/*
 * Term
 */
.uk-description-list > dt {
  color: #333;
}

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

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

/* ========================================================================
   Component: Table
 ========================================================================== */
/*
 * 1. Remove most spacing between table cells.
 * 2. Behave like a block element
 * 3. Style
 */
.uk-table {
  /* 1 */
  border-collapse: collapse;
  border-spacing: 0;
  /* 2 */
  width: 100%;
  /* 3 */
  margin-bottom: 20px;
}

/* Add margin if adjacent element */
* + .uk-table {
  margin-top: 20px;
}

/* Header cell
 ========================================================================== */
/*
 * 1. Style
 */
.uk-table th {
  padding: 16px 12px;
  text-align: left;
  vertical-align: bottom;
  /* 1 */
  font-size: 0.875rem;
  font-weight: normal;
  color: #999;
}

/* Cell
 ========================================================================== */
.uk-table td {
  padding: 16px 12px;
  vertical-align: top;
}

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

/* Footer
 ========================================================================== */
.uk-table tfoot {
  font-size: 0.875rem;
}

/* Caption
 ========================================================================== */
.uk-table caption {
  font-size: 0.875rem;
  text-align: left;
  color: #999;
}

/* Alignment modifier
 ========================================================================== */
.uk-table-middle,
.uk-table-middle td {
  vertical-align: middle !important;
}

/* Style modifiers
 ========================================================================== */
/*
 * Divider
 */
.uk-table-divider > tr:not(:first-child),
.uk-table-divider > :not(:first-child) > tr,
.uk-table-divider > :first-child > tr:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}

/*
 * Striped
 */
.uk-table-striped > tr:nth-of-type(odd),
.uk-table-striped tbody tr:nth-of-type(odd) {
  background: #f8f8f8;
}

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

/* Active state
 ========================================================================== */
.uk-table > tr.uk-active,
.uk-table tbody tr.uk-active {
  background: #ffd;
}

/* Size modifier
 ========================================================================== */
.uk-table-small th,
.uk-table-small td {
  padding: 10px 12px;
}

.uk-table-large th,
.uk-table-large td {
  padding: 22px 12px;
}

/* Justify modifier
 ========================================================================== */
.uk-table-justify th:first-child,
.uk-table-justify td:first-child {
  padding-left: 0;
}

.uk-table-justify th:last-child,
.uk-table-justify td:last-child {
  padding-right: 0;
}

/* Cell size modifier
 ========================================================================== */
.uk-table-shrink {
  width: 1px;
}

.uk-table-expand {
  min-width: 150px;
}

/* Cell link modifier
 ========================================================================== */
/*
 * Does not work with `uk-table-justify` at the moment
 */
.uk-table-link {
  padding: 0 !important;
}

.uk-table-link > a {
  display: block;
  padding: 16px 12px;
}

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

/* Responsive table
 ========================================================================== */
/* Phone landscape and smaller */
@media (max-width: 959px) {
  .uk-table-responsive,
  .uk-table-responsive tbody,
  .uk-table-responsive th,
  .uk-table-responsive td,
  .uk-table-responsive tr {
    display: block;
  }
  .uk-table-responsive thead {
    display: none;
  }
  .uk-table-responsive th,
  .uk-table-responsive td {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  .uk-table-responsive th:not(:first-child):not(.uk-table-link),
  .uk-table-responsive td:not(:first-child):not(.uk-table-link),
  .uk-table-responsive .uk-table-link:not(:first-child) > a {
    padding-top: 5px !important;
  }
  .uk-table-responsive th:not(:last-child):not(.uk-table-link),
  .uk-table-responsive td:not(:last-child):not(.uk-table-link),
  .uk-table-responsive .uk-table-link:not(:last-child) > a {
    padding-bottom: 5px !important;
  }
  .uk-table-justify.uk-table-responsive th,
  .uk-table-justify.uk-table-responsive td {
    padding-left: 0;
    padding-right: 0;
  }
}
/* ========================================================================
   Component: Icon
 ========================================================================== */
/*
 * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component.
 * 1. Remove margins in Chrome, Safari and Opera.
 * 2. Remove borders for `button`.
 * 3. Remove border-radius in Chrome.
 * 4. Address `overflow` set to `hidden` in IE.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 7. Remove default `button` padding and background color
 * 8. Style
 * 9. Fill all SVG elements with the current text color if no `fill` attribute is set
 * 10. Let the container fit the height of the icon
 */
.uk-icon {
  /* 1 */
  margin: 0;
  /* 2 */
  border: none;
  /* 3 */
  border-radius: 0;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: inherit;
  /* 6 */
  text-transform: none;
  /* 7. */
  padding: 0;
  background-color: transparent;
  /* 8 */
  display: inline-block;
  /* 9 */
  fill: currentcolor;
  /* 10 */
  line-height: 0;
}

/* Required for `button`. */
button.uk-icon:not(:disabled) {
  cursor: pointer;
}

/*
 * Remove the inner border and padding in Firefox.
 */
.uk-icon::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * Set the fill and stroke color of all SVG elements to the current text color
 */
.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
  fill: currentcolor;
}

.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  stroke: currentcolor;
}

/*
 * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
 */
.uk-icon > * {
  transform: translate(0, 0);
}

/* Image modifier
 ========================================================================== */
/*
 * Display images in icon dimensions
 * 1. Required for `span` with background image
 * 2. Required for `image`
 */
.uk-icon-image {
  width: 20px;
  height: 20px;
  /* 1 */
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  /* 2 */
  object-fit: scale-down;
  max-width: none;
}

/* Style modifiers
 ========================================================================== */
/*
 * Link
 * 1. Allow text within link
 */
.uk-icon-link {
  color: #999;
  /* 1 */
  text-decoration: none !important;
}

.uk-icon-link:hover {
  color: #666;
}

/* OnClick + Active */
.uk-icon-link:active,
.uk-active > .uk-icon-link {
  color: #595959;
}

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

/* Hover */
.uk-icon-button:hover {
  background-color: #ebebeb;
  color: #666;
}

/* OnClick + Active */
.uk-icon-button:active,
.uk-active > .uk-icon-button {
  background-color: #dfdfdf;
  color: #666;
}

/* ========================================================================
   Component: Form Range
 ========================================================================== */
/*
 * 1. Remove default style.
 * 2. Define consistent box sizing.
 * 3. Remove `margin` in all browsers.
 * 4. Align to the center of the line box.
 * 5. Prevent content overflow if a fixed width is used.
 * 6. Take the full width.
 * 7. Remove white background in Chrome.
 */
.uk-range {
  /* 1 */
  -webkit-appearance: none;
  /* 2 */
  box-sizing: border-box;
  /* 3 */
  margin: 0;
  /* 4 */
  vertical-align: middle;
  /* 5 */
  max-width: 100%;
  /* 6 */
  width: 100%;
  /* 7 */
  background: transparent;
}

/* Focus */
.uk-range:focus {
  outline: none;
}

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

/*
 * Improves consistency of cursor style for clickable elements
 */
.uk-range:not(:disabled)::-webkit-slider-thumb {
  cursor: pointer;
}

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

/*
 * Track
 * 1. Safari doesn't have a focus state. Using active instead.
 */
/* Webkit */
.uk-range::-webkit-slider-runnable-track {
  height: 3px;
  background: #ebebeb;
}

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

/* Firefox */
.uk-range::-moz-range-track {
  height: 3px;
  background: #ebebeb;
}

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

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

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

/* ========================================================================
   Component: Form
 ========================================================================== */
/*
 * 1. Define consistent box sizing.
 *    Default is `content-box` with following exceptions set to `border-box`
 *    `select`, `input[type="checkbox"]` and `input[type="radio"]`
 *    `input[type="search"]` in Chrome, Safari and Opera
 *    `input[type="color"]` in Firefox
 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
 * 3. Remove `border-radius` in iOS.
 * 4. Change font properties to `inherit` in all browsers.
 */
.uk-input,
.uk-select,
.uk-textarea,
.uk-radio,
.uk-checkbox {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 0;
  /* 4 */
  font: inherit;
}

/*
 * Show the overflow in Edge.
 */
.uk-input {
  overflow: visible;
}

/*
 * Remove the inheritance of text transform in Firefox.
 */
.uk-select {
  text-transform: none;
}

/*
 * 1. Change font properties to `inherit` in all browsers
 * 2. Don't inherit the `font-weight` and use `bold` instead.
 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
 */
.uk-select optgroup {
  /* 1 */
  font: inherit;
  /* 2 */
  font-weight: bold;
}

/*
 * Remove the default vertical scrollbar in IE 10+.
 */
.uk-textarea {
  overflow: auto;
}

/*
 * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
 */
.uk-input[type=search]::-webkit-search-cancel-button,
.uk-input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
.uk-input[type=number]::-webkit-inner-spin-button,
.uk-input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/*
 * Removes placeholder transparency in Firefox.
 */
.uk-input::-moz-placeholder,
.uk-textarea::-moz-placeholder {
  opacity: 1;
}

/*
 * Improves consistency of cursor style for clickable elements
 */
.uk-radio:not(:disabled),
.uk-checkbox:not(:disabled) {
  cursor: pointer;
}

/*
 * Define consistent border, margin, and padding.
 * 1. Reset `min-width`
 */
.uk-fieldset {
  border: none;
  margin: 0;
  padding: 0;
  /* 1 */
  min-width: 0;
}

/* Input, select and textarea
 * Allowed: `text`, `password`, `datetime-local`, `date`,  `month`,
            `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color`
 * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image`
 ========================================================================== */
/*
 * Remove default style in iOS.
 */
.uk-input,
.uk-textarea {
  -webkit-appearance: none;
}

/*
 * 1. Prevent content overflow if a fixed width is used
 * 2. Take the full width
 * 3. Reset default
 * 4. Style
 */
.uk-input,
.uk-select,
.uk-textarea {
  /* 1 */
  max-width: 100%;
  /* 2 */
  width: 100%;
  /* 3 */
  border: 0 none;
  /* 4 */
  padding: 0 10px;
  background: #fff;
  color: #666;
}

/*
 * Single-line
 * 1. Allow any element to look like an `input` or `select` element
 * 2. Make sure line-height is not larger than height
 *    Also needed to center the text vertically
 */
.uk-input,
.uk-select:not([multiple]):not([size]) {
  height: 40px;
  vertical-align: middle;
  /* 1 */
  display: inline-block;
}

/* 2 */
.uk-input:not(input),
.uk-select:not(select) {
  line-height: 38px;
}

/*
 * Multi-line
 */
.uk-select[multiple],
.uk-select[size],
.uk-textarea {
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: top;
}

.uk-select[multiple],
.uk-select[size] {
  resize: vertical;
}

/* Focus */
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  outline: none;
  background-color: #fff;
  color: #666;
}

/* Disabled */
.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
  background-color: #f8f8f8;
  color: #999;
}

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

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

/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */
/*
 * Small
 */
.uk-form-small {
  font-size: 0.875rem;
}

/* Single-line */
.uk-form-small:not(textarea):not([multiple]):not([size]) {
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
}

/* Multi-line */
textarea.uk-form-small,
[multiple].uk-form-small,
[size].uk-form-small {
  padding: 5px 8px;
}

.uk-form-small:not(select):not(input):not(textarea) {
  line-height: 28px;
}

/*
 * Large
 */
.uk-form-large {
  font-size: 1.25rem;
}

/* Single-line */
.uk-form-large:not(textarea):not([multiple]):not([size]) {
  height: 55px;
  padding-left: 12px;
  padding-right: 12px;
}

/* Multi-line */
textarea.uk-form-large,
[multiple].uk-form-large,
[size].uk-form-large {
  padding: 7px 12px;
}

.uk-form-large:not(select):not(input):not(textarea) {
  line-height: 53px;
}

/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */
/*
 * Error
 */
.uk-form-danger,
.uk-form-danger:focus {
  color: #f0506e;
}

/*
 * Success
 */
.uk-form-success,
.uk-form-success:focus {
  color: #32d296;
}

/*
 * Blank
 */
.uk-form-blank {
  background: none;
}

/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */
/*
 * Fixed widths
 * Different widths for mini sized `input` and `select` elements
 */
input.uk-form-width-xsmall {
  width: 50px;
}

select.uk-form-width-xsmall {
  width: 75px;
}

.uk-form-width-small {
  width: 130px;
}

.uk-form-width-medium {
  width: 200px;
}

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

/* Select
 ========================================================================== */
/*
 * 1. Remove default style. Also works in Firefox
 * 2. Style
 * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light.
 */
.uk-select:not([multiple]):not([size]) {
  /* 1 */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 2 */
  padding-right: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

/* 3 */
.uk-select:not([multiple]):not([size]) option {
  color: #666;
}

/*
 * Disabled
 */
.uk-select:not([multiple]):not([size]):disabled {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

/* Datalist
 ========================================================================== */
/*
 * 1. Remove default style in Chrome
 */
.uk-input[list] {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.uk-input[list]:hover,
.uk-input[list]:focus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

/* 1 */
.uk-input[list]::-webkit-calendar-picker-indicator {
  display: none !important;
}

/* Radio and checkbox
 ========================================================================== */
/*
 * 1. Style
 * 2. Make box more robust so it clips the child element
 * 3. Vertical alignment
 * 4. Remove default style
 * 5. Fix black background on iOS
 * 6. Center icons
 */
.uk-radio,
.uk-checkbox {
  /* 1 */
  display: inline-block;
  height: 16px;
  width: 16px;
  /* 2 */
  overflow: hidden;
  /* 3 */
  margin-top: -4px;
  vertical-align: middle;
  /* 4 */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 5 */
  background-color: transparent;
  /* 6 */
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.uk-radio {
  border-radius: 50%;
}

/* Focus */
.uk-radio:focus,
.uk-checkbox:focus {
  background-color: rgba(0, 0, 0, 0);
  outline: none;
}

/*
 * Checked
 */
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
  background-color: #1e87f0;
}

/* Focus */
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
  background-color: #0e6ecd;
}

/*
 * Icons
 */
.uk-radio:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-checkbox:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-checkbox:indeterminate {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/*
 * Disabled
 */
.uk-radio:disabled,
.uk-checkbox:disabled {
  background-color: #f8f8f8;
}

.uk-radio:disabled:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-checkbox:disabled:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-checkbox:disabled:indeterminate {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/* Legend
 ========================================================================== */
/*
 * Legend
 * 1. Behave like block element
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove padding so people aren't caught out if they zero out fieldsets.
 * 4. Style
 */
.uk-legend {
  /* 1 */
  width: 100%;
  /* 2 */
  color: inherit;
  /* 3 */
  padding: 0;
  /* 4 */
  font-size: 1.5rem;
  line-height: 1.4;
}

/* Custom controls
 ========================================================================== */
/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Behave like most inline-block elements
 */
.uk-form-custom {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
}

/*
 * 1. Position and resize the form control to always cover its container
 * 2. Required for Firefox for positioning to the left
 * 3. Required for Webkit to make `height` work
 * 4. Hide controle and show cursor
 * 5. Needed for the cursor
 * 6. Clip height caused by 5. Needed for Webkit only
 */
.uk-form-custom select,
.uk-form-custom input[type=file] {
  /* 1 */
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  /* 2 */
  left: 0;
  /* 3 */
  -webkit-appearance: none;
  /* 4 */
  opacity: 0;
  cursor: pointer;
}

.uk-form-custom input[type=file] {
  /* 5 */
  font-size: 500px;
  /* 6 */
  overflow: hidden;
}

/* Label
 ========================================================================== */
/* Layout
 ========================================================================== */
/*
 * Stacked
 */
.uk-form-stacked .uk-form-label {
  display: block;
  margin-bottom: 5px;
}

/*
 * Horizontal
 */
/* Tablet portrait and smaller */
@media (max-width: 959px) {
  /* Behave like `uk-form-stacked` */
  .uk-form-horizontal .uk-form-label {
    display: block;
    margin-bottom: 5px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-form-horizontal .uk-form-label {
    width: 200px;
    margin-top: 7px;
    float: left;
  }
  .uk-form-horizontal .uk-form-controls {
    margin-left: 215px;
  }
  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
  .uk-form-horizontal .uk-form-controls-text {
    padding-top: 7px;
  }
}
/* Icons
 ========================================================================== */
/*
 * 1. Set position
 * 2. Set width
 * 3. Center icon vertically and horizontally
 * 4. Style
 */
.uk-form-icon {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  width: 40px;
  /* 3 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* 4 */
  color: #999;
}

/*
 * Required for `a`.
 */
.uk-form-icon:hover {
  color: #666;
}

/*
 * Make `input` element clickable through icon, e.g. if it's a `span`
 */
.uk-form-icon:not(a):not(button):not(input) {
  pointer-events: none;
}

/*
 * Input padding
 */
.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input {
  padding-left: 40px !important;
}

/*
 * Position modifier
 */
.uk-form-icon-flip {
  right: 0;
  left: auto;
}

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

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

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

/*
 * Remove the inner border and padding in Firefox.
 */
.uk-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

/* OnClick + Active */
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
.uk-button-default {
  background-color: transparent;
  color: #333;
}

/* Hover */
.uk-button-default:hover {
  background-color: transparent;
  color: #333;
}

/* OnClick + Active */
.uk-button-default:active,
.uk-button-default.uk-active {
  background-color: transparent;
  color: #333;
}

/*
 * Primary
 */
.uk-button-primary {
  background-color: #1e87f0;
  color: #fff;
}

/* Hover */
.uk-button-primary:hover {
  background-color: #0f7ae5;
  color: #fff;
}

/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #0e6ecd;
  color: #fff;
}

/*
 * Secondary
 */
.uk-button-secondary {
  background-color: #222;
  color: #fff;
}

/* Hover */
.uk-button-secondary:hover {
  background-color: #151515;
  color: #fff;
}

/* OnClick + Active */
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
  background-color: #090909;
  color: #fff;
}

/*
 * Danger
 */
.uk-button-danger {
  background-color: #f0506e;
  color: #fff;
}

/* Hover */
.uk-button-danger:hover {
  background-color: #ee395b;
  color: #fff;
}

/* OnClick + Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
  background-color: #ec2147;
  color: #fff;
}

/*
 * Disabled
 * The same for all style modifiers
 */
.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled,
.uk-button-danger:disabled {
  background-color: transparent;
  color: #999;
}

/* Size modifiers
 ========================================================================== */
.uk-button-small {
  padding: 0 15px;
  line-height: 28px;
  font-size: 0.875rem;
}

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

/* Text modifiers
 ========================================================================== */
/*
 * Text
 * 1. Reset
 * 2. Style
 */
.uk-button-text {
  /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none;
  /* 2 */
  color: #333;
}

/* Hover */
.uk-button-text:hover {
  color: #333;
}

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

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

/* Hover */
.uk-button-link:hover {
  color: #999;
  text-decoration: none;
}

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

/* Group
 ========================================================================== */
/*
 * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements
 * 2. Behave like button
 * 3. Create position context
 */
.uk-button-group {
  /* 1 */
  display: inline-flex;
  /* 2 */
  vertical-align: middle;
  /* 3 */
  position: relative;
}

/* ========================================================================
   Component: Progress
 ========================================================================== */
/*
 * 1. Add the correct vertical alignment in all browsers.
 * 2. Behave like a block element.
 * 3. Remove borders in Firefox.
 * 4. Remove default style in Chrome, Safari and Edge.
 * 5. Style
 */
.uk-progress {
  /* 1 */
  vertical-align: baseline;
  /* 2 */
  display: block;
  width: 100%;
  /* 3 */
  border: 0;
  /* 4 */
  background-color: #f8f8f8;
  /* 5 */
  margin-bottom: 20px;
  height: 15px;
}

/* Add margin if adjacent element */
* + .uk-progress {
  margin-top: 20px;
}

/*
 * Show background color set on `uk-progress` in Chrome, Safari and Edge.
 */
.uk-progress::-webkit-progress-bar {
  background-color: transparent;
}

/*
 * Progress Bar
 * 1. Transitions don't work on `::-moz-progress-bar` pseudo element in Firefox yet.
 *    https://bugzilla.mozilla.org/show_bug.cgi?id=662351
 */
.uk-progress::-webkit-progress-value {
  background-color: #1e87f0;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.uk-progress::-moz-progress-bar {
  background-color: #1e87f0;
  /* 1 */
  -moz-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

/* ========================================================================
   Component: Section
 ========================================================================== */
/*
 * 1. Make it work with `100vh` and height in general
 */
.uk-section {
  display: flow-root;
  box-sizing: border-box; /* 1 */
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
/*
 * Remove margin from the last-child
 */
.uk-section > :last-child {
  margin-bottom: 0;
}

/* Size modifiers
 ========================================================================== */
/*
 * XSmall
 */
.uk-section-xsmall {
  padding-top: 20px;
  padding-bottom: 20px;
}

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

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

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-section-large {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
/*
 * XLarge
 */
.uk-section-xlarge {
  padding-top: 140px;
  padding-bottom: 140px;
}

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-section-xlarge {
    padding-top: 210px;
    padding-bottom: 210px;
  }
}
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
.uk-section-default {
  --uk-inverse: dark;
  background: #fff;
}

/*
 * Muted
 */
.uk-section-muted {
  --uk-inverse: dark;
  background: #f8f8f8;
}

/*
 * Primary
 */
.uk-section-primary {
  --uk-inverse: light;
  background: #1e87f0;
}

/*
 * Secondary
 */
.uk-section-secondary {
  --uk-inverse: light;
  background: #222;
}

/* Overlap modifier
 ========================================================================== */
/*
 * Reserved modifier to make a section overlap another section with an border image
 * Implemented by the theme
 */
/* ========================================================================
   Component: Container
 ========================================================================== */
/*
 * 1. Box sizing has to be `content-box` so the max-width is always the same and
 *    unaffected by the padding on different breakpoints. It's important for the size modifiers.
 */
.uk-container {
  display: flow-root;
  /* 1 */
  box-sizing: content-box;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/*
 * Remove margin from the last-child
 */
.uk-container > :last-child {
  margin-bottom: 0;
}

/*
 * Remove padding from nested containers
 */
.uk-container .uk-container {
  padding-left: 0;
  padding-right: 0;
}

/* Size modifier
 ========================================================================== */
.uk-container-xsmall {
  max-width: 750px;
}

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

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

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

.uk-container-expand {
  max-width: none;
}

/* Expand modifier
 ========================================================================== */
/*
 * Expand one side only
 */
.uk-container-expand-left {
  margin-left: 0;
}

.uk-container-expand-right {
  margin-right: 0;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-container-expand-left.uk-container-xsmall,
  .uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + (750px / 2) - 30px);
  }
  .uk-container-expand-left.uk-container-small,
  .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + (900px / 2) - 30px);
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-container-expand-left,
  .uk-container-expand-right {
    max-width: calc(50% + (1200px / 2) - 40px);
  }
  .uk-container-expand-left.uk-container-xsmall,
  .uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + (750px / 2) - 40px);
  }
  .uk-container-expand-left.uk-container-small,
  .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + (900px / 2) - 40px);
  }
  .uk-container-expand-left.uk-container-large,
  .uk-container-expand-right.uk-container-large {
    max-width: calc(50% + (1400px / 2) - 40px);
  }
  .uk-container-expand-left.uk-container-xlarge,
  .uk-container-expand-right.uk-container-xlarge {
    max-width: calc(50% + (1600px / 2) - 40px);
  }
}
/* Item
 ========================================================================== */
/*
 * Utility classes to reset container padding on the left or right side
 * Note: It has to be negative margin on the item, because it's specific to the item.
 */
.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
  width: calc(100% + 15px);
}

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

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

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-container-item-padding-remove-left,
  .uk-container-item-padding-remove-right {
    width: calc(100% + 30px);
  }
  .uk-container-item-padding-remove-left {
    margin-left: -30px;
  }
  .uk-container-item-padding-remove-right {
    margin-right: -30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-container-item-padding-remove-left,
  .uk-container-item-padding-remove-right {
    width: calc(100% + 40px);
  }
  .uk-container-item-padding-remove-left {
    margin-left: -40px;
  }
  .uk-container-item-padding-remove-right {
    margin-right: -40px;
  }
}
/* ========================================================================
   Component: Tile
 ========================================================================== */
.uk-tile {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-tile {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-tile {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
/*
 * Remove margin from the last-child
 */
.uk-tile > :last-child {
  margin-bottom: 0;
}

/* Size modifiers
 ========================================================================== */
/*
 * XSmall
 */
.uk-tile-xsmall {
  padding-top: 20px;
  padding-bottom: 20px;
}

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

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

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-tile-large {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
/*
 * XLarge
 */
.uk-tile-xlarge {
  padding-top: 140px;
  padding-bottom: 140px;
}

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-tile-xlarge {
    padding-top: 210px;
    padding-bottom: 210px;
  }
}
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
.uk-tile-default {
  --uk-inverse: dark;
  background-color: #fff;
}

/*
 * Muted
 */
.uk-tile-muted {
  --uk-inverse: dark;
  background-color: #f8f8f8;
}

/*
 * Primary
 */
.uk-tile-primary {
  --uk-inverse: light;
  background-color: #1e87f0;
}

/*
 * Secondary
 */
.uk-tile-secondary {
  --uk-inverse: light;
  background-color: #222;
}

/* ========================================================================
   Component: Card
 ========================================================================== */
.uk-card {
  position: relative;
  box-sizing: border-box;
}

/* Sections
 ========================================================================== */
.uk-card-body {
  display: flow-root;
  padding: 30px 30px;
}

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

.uk-card-footer {
  display: flow-root;
  padding: 15px 30px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-card-body {
    padding: 40px 40px;
  }
  .uk-card-header {
    padding: 20px 40px;
  }
  .uk-card-footer {
    padding: 20px 40px;
  }
}
/*
 * Remove margin from the last-child
 */
.uk-card-body > :last-child,
.uk-card-header > :last-child,
.uk-card-footer > :last-child {
  margin-bottom: 0;
}

/* Media
 ========================================================================== */
/*
 * Reserved alignment modifier to style the media element, e.g. with `border-radius`
 * Implemented by the theme
 */
/* Title
 ========================================================================== */
.uk-card-title {
  font-size: 1.5rem;
  line-height: 1.4;
}

/* Badge
 ========================================================================== */
/*
 * 1. Position
 * 2. Size
 * 3. Style
 * 4. Center child vertically
 */
.uk-card-badge {
  /* 1 */
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  /* 2 */
  height: 22px;
  padding: 0 10px;
  /* 3 */
  background: #1e87f0;
  color: #fff;
  font-size: 0.875rem;
  /* 4 */
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
}

/*
 * Remove margin from adjacent element
 */
.uk-card-badge:first-child + * {
  margin-top: 0;
}

/* Hover modifier
 ========================================================================== */
.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
  background-color: #fff;
}

/* Style modifiers
 ========================================================================== */
/*
 * Default
 * Note: Header and Footer are only implemented for the default style
 */
.uk-card-default {
  --uk-inverse: dark;
  background-color: #fff;
  color: #666;
}

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

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

/*
 * Primary
 */
.uk-card-primary {
  --uk-inverse: light;
  background-color: #1e87f0;
  color: #fff;
}

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

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

/*
 * Secondary
 */
.uk-card-secondary {
  --uk-inverse: light;
  background-color: #222;
  color: #fff;
}

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

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

/* Size modifier
 ========================================================================== */
/*
 * Small
 */
.uk-card-small.uk-card-body,
.uk-card-small .uk-card-body {
  padding: 20px 20px;
}

.uk-card-small .uk-card-header {
  padding: 13px 20px;
}

.uk-card-small .uk-card-footer {
  padding: 13px 20px;
}

/*
 * Large
 */
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-card-large.uk-card-body,
  .uk-card-large .uk-card-body {
    padding: 70px 70px;
  }
  .uk-card-large .uk-card-header {
    padding: 35px 70px;
  }
  .uk-card-large .uk-card-footer {
    padding: 35px 70px;
  }
}
/* ========================================================================
   Component: Close
 ========================================================================== */
/*
 * Adopts `uk-icon`
 */
.uk-close {
  color: #999;
}

/* Hover */
.uk-close:hover {
  color: #666;
}

/* ========================================================================
   Component: Spinner
 ========================================================================== */
/*
 * Adopts `uk-icon`
 */
/* SVG
 ========================================================================== */
.uk-spinner > * {
  animation: uk-spinner-rotate 1.4s linear infinite;
}

@keyframes uk-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
/*
 * Circle
 */
.uk-spinner > * > * {
  stroke-dasharray: 88px;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: uk-spinner-dash 1.4s ease-in-out infinite;
  stroke-width: 1;
  stroke-linecap: round;
}

@keyframes uk-spinner-dash {
  0% {
    stroke-dashoffset: 88px;
  }
  50% {
    stroke-dashoffset: 22px;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 88px;
    transform: rotate(450deg);
  }
}
/* ========================================================================
   Component: Totop
 ========================================================================== */
/*
 * Addopts `uk-icon`
 */
.uk-totop {
  padding: 5px;
  color: #999;
}

/* Hover */
.uk-totop:hover {
  color: #666;
}

/* OnClick */
.uk-totop:active {
  color: #333;
}

/* ========================================================================
   Component: Marker
 ========================================================================== */
/*
 * Addopts `uk-icon`
 */
.uk-marker {
  padding: 5px;
  background: #222;
  color: #fff;
}

/* Hover */
.uk-marker:hover {
  color: #fff;
}

/* ========================================================================
   Component: Alert
 ========================================================================== */
.uk-alert {
  position: relative;
  margin-bottom: 20px;
  padding: 15px 29px 15px 15px;
  background: #f8f8f8;
  color: #666;
}

/* Add margin if adjacent element */
* + .uk-alert {
  margin-top: 20px;
}

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

/* Close
 * Adopts `uk-close`
 ========================================================================== */
.uk-alert-close {
  position: absolute;
  top: 20px;
  right: 15px;
}

/*
 * Remove margin from adjacent element
 */
.uk-alert-close:first-child + * {
  margin-top: 0;
}

/*
 * Hover
 */
/* Style modifiers
 ========================================================================== */
/*
 * Primary
 */
.uk-alert-primary {
  background: #d8eafc;
  color: #1e87f0;
}

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

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

/*
 * Danger
 */
.uk-alert-danger {
  background: #fef4f6;
  color: #f0506e;
}

/* ========================================================================
   Component: Placeholder
 ========================================================================== */
.uk-placeholder {
  margin-bottom: 20px;
  padding: 30px 30px;
  background: transparent;
}

/* Add margin if adjacent element */
* + .uk-placeholder {
  margin-top: 20px;
}

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

/* ========================================================================
   Component: Badge
 ========================================================================== */
/*
 * 1. Style
 * 2. Center child vertically and horizontally
 */
.uk-badge {
  box-sizing: border-box;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 500px;
  vertical-align: middle;
  /* 1 */
  background: #1e87f0;
  color: #fff !important;
  font-size: 11px;
  /* 2 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
}

/*
 * Required for `a`
 */
.uk-badge:hover {
  text-decoration: none;
}

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

/* Color modifiers
 ========================================================================== */
/*
 * Success
 */
.uk-label-success {
  background-color: #32d296;
  color: #fff;
}

/*
 * Warning
 */
.uk-label-warning {
  background-color: #faa05a;
  color: #fff;
}

/*
 * Danger
 */
.uk-label-danger {
  background-color: #f0506e;
  color: #fff;
}

/* ========================================================================
   Component: Overlay
 ========================================================================== */
.uk-overlay {
  padding: 30px 30px;
}

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

/* Icon
 ========================================================================== */
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
.uk-overlay-default {
  --uk-inverse: dark;
  background: rgba(255, 255, 255, 0.8);
}

/*
 * Primary
 */
.uk-overlay-primary {
  --uk-inverse: light;
  background: rgba(34, 34, 34, 0.8);
}

/* ========================================================================
   Component: Article
 ========================================================================== */
.uk-article {
  display: flow-root;
}

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

/* Adjacent sibling
 ========================================================================== */
.uk-article + .uk-article {
  margin-top: 70px;
}

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

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-article-title {
    font-size: 2.625rem;
  }
}
/* Meta
 ========================================================================== */
.uk-article-meta {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #999;
}

/* ========================================================================
   Component: Comment
 ========================================================================== */
/* Sections
 ========================================================================== */
.uk-comment-body {
  display: flow-root;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

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

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

/* Title
 ========================================================================== */
.uk-comment-title {
  font-size: 1.25rem;
  line-height: 1.4;
}

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

/* Avatar
 ========================================================================== */
/* List
 ========================================================================== */
.uk-comment-list {
  padding: 0;
  list-style: none;
}

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

/*
 * Sublists
 * Note: General sibling selector allows reply block between comment and sublist
 */
.uk-comment-list .uk-comment ~ ul {
  margin: 70px 0 0 0;
  padding-left: 30px;
  list-style: none;
}

/* Tablet and bigger */
@media (min-width: 960px) {
  .uk-comment-list .uk-comment ~ ul {
    padding-left: 100px;
  }
}
/* Adjacent siblings */
.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
  margin-top: 70px;
}

/* Style modifier
 ========================================================================== */
/* ========================================================================
   Component: Search
 ========================================================================== */
/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Reset `form`
 */
.uk-search {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  margin: 0;
}

/* Input
 ========================================================================== */
/*
 * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
 */
.uk-search-input::-webkit-search-cancel-button,
.uk-search-input::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes placeholder transparency in Firefox.
 */
.uk-search-input::-moz-placeholder {
  opacity: 1;
}

/*
 * 1. Define consistent box sizing.
 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
 * 3. Remove `border-radius` in iOS.
 * 4. Change font properties to `inherit` in all browsers
 * 5. Show the overflow in Edge.
 * 6. Remove default style in iOS.
 * 7. Vertical alignment
 * 8. Take the full container width
 * 9. Style
 */
.uk-search-input {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 0;
  /* 4 */
  font: inherit;
  /* 5 */
  overflow: visible;
  /* 6 */
  -webkit-appearance: none;
  /* 7 */
  vertical-align: middle;
  /* 8 */
  width: 100%;
  /* 9 */
  border: none;
  color: #666;
}

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

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

/* Icon (Adopts `uk-icon`)
 ========================================================================== */
/*
 * Position above input
 * 1. Set position
 * 2. Center icon vertically and horizontally
 * 3. Style
 */
.uk-search .uk-search-icon {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* 3 */
  color: #999;
}

/*
 * Required for `a`.
 */
.uk-search .uk-search-icon:hover {
  color: #999;
}

/*
 * Make `input` element clickable through icon, e.g. if it's a `span`
 */
.uk-search .uk-search-icon:not(a):not(button):not(input) {
  pointer-events: none;
}

/*
 * Position modifier
 */
.uk-search .uk-search-icon-flip {
  right: 0;
  left: auto;
}

/* Default modifier
 ========================================================================== */
.uk-search-default {
  width: 240px;
}

/*
 * Input
 */
.uk-search-default .uk-search-input {
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  background: transparent;
}

/* Focus */
.uk-search-default .uk-search-input:focus {
  background-color: rgba(0, 0, 0, 0);
}

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

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

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

/* Navbar modifier
 ========================================================================== */
.uk-search-navbar {
  width: 240px;
}

/*
 * Input
 */
.uk-search-navbar .uk-search-input {
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  background: #fff;
}

/* Focus */
.uk-search-navbar .uk-search-input:focus {
  background-color: #fff;
}

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

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

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

/* Medium modifier
 ========================================================================== */
.uk-search-medium {
  width: 400px;
}

/*
 * Input
 */
.uk-search-medium .uk-search-input {
  height: 40px;
  background: transparent;
  font-size: 1.5rem;
}

/* Focus */
/*
 * Icon
 */
.uk-search-medium .uk-search-icon {
  width: 24px;
}

.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
  padding-left: 34px;
}

.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
  padding-right: 34px;
}

/* Large modifier
 ========================================================================== */
.uk-search-large {
  width: 500px;
}

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

/* Focus */
/*
 * Icon
 */
.uk-search-large .uk-search-icon {
  width: 40px;
}

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

.uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
  padding-right: 60px;
}

/* Toggle
 ========================================================================== */
.uk-search-toggle {
  color: #999;
}

/* Hover */
.uk-search-toggle:hover {
  color: #666;
}

/* ========================================================================
   Component: Accordion
 ========================================================================== */
.uk-accordion {
  padding: 0;
  list-style: none;
}

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

/* Title
 ========================================================================== */
.uk-accordion-title {
  display: block;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #333;
}

/* Hover */
.uk-accordion-title:hover {
  color: #666;
  text-decoration: none;
}

/* Content
 ========================================================================== */
.uk-accordion-content {
  display: flow-root;
  margin-top: 20px;
}

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

/* ========================================================================
   Component: Drop
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Set a default width
 */
.uk-drop {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1020;
  --uk-position-offset: 20px;
  --uk-position-viewport-offset: 15px;
  /* 3 */
  box-sizing: border-box;
  width: 300px;
}

/* Show */
.uk-drop.uk-open {
  display: block;
}

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

/* Parent icon
 ========================================================================== */
.uk-drop-parent-icon {
  margin-left: 0.25em;
  transition: transform 0.3s ease-out;
}

[aria-expanded=true] > .uk-drop-parent-icon {
  transform: rotateX(180deg);
}

/* ========================================================================
   Component: Dropbar
 ========================================================================== */
/*
 * Adopts `uk-drop`
 * 1. Reset drop
 * 2. Style
 */
.uk-dropbar {
  --uk-position-offset: 0;
  --uk-position-shift-offset: 0;
  --uk-position-viewport-offset: 0;
  --uk-inverse: dark;
  /* 1 */
  width: auto;
  /* 2 */
  padding: 25px 15px 25px 15px;
  background: #fff;
  color: #666;
}

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

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-dropbar {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-dropbar {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.uk-dropbar :focus-visible {
  outline-color: #333 !important;
}

/* Size modifier
 ========================================================================== */
.uk-dropbar-large {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Direction modifier
 ========================================================================== */
/* ========================================================================
   Component: Dropnav
 ========================================================================== */
/*
 * 1. Position
 * 2. Reset dropbar
 * 3. Width
 */
.uk-dropnav-dropbar {
  /* 1 */
  position: absolute;
  z-index: 980;
  /* 2 */
  padding: 0;
  /* 3 */
  left: 0;
  right: 0;
}

/* ========================================================================
   Component: Modal
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Allow scrolling for the modal dialog
 * 4. Horizontal padding
 * 5. Mask the background page
 * 6. Fade-in transition
 */
.uk-modal {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  /* 3 */
  overflow-y: auto;
  /* 4 */
  padding: 15px 15px;
  /* 5 */
  background: rgba(0, 0, 0, 0.6);
  /* 6 */
  opacity: 0;
  transition: opacity 0.15s linear;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-modal {
    padding: 50px 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-modal {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/*
 * Open
 */
.uk-modal.uk-open {
  opacity: 1;
}

/* Page
 ========================================================================== */
/*
 * Prevent scrollbars
 */
.uk-modal-page {
  overflow: hidden;
}

/* Dialog
 ========================================================================== */
/*
 * 1. Create position context for spinner and close button
 * 2. Dimensions
 * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests
 * 4. Style
 * 5. Slide-in transition
 */
.uk-modal-dialog {
  /* 1 */
  position: relative;
  /* 2 */
  box-sizing: border-box;
  margin: 0 auto;
  width: 600px;
  /* 3 */
  max-width: 100% !important;
  /* 4 */
  background: #fff;
  /* 5 */
  opacity: 0;
  transform: translateY(-100px);
  transition: 0.3s linear;
  transition-property: opacity, transform;
}

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

/* Size modifier
 ========================================================================== */
/*
 * Container size
 * Take the same size as the Container component
 */
.uk-modal-container .uk-modal-dialog {
  width: 1200px;
}

/*
 * Full size
 * 1. Remove padding and background from modal
 * 2. Reset all default declarations from modal dialog
 */
/* 1 */
.uk-modal-full {
  padding: 0;
  background: none;
}

/* 2 */
.uk-modal-full .uk-modal-dialog {
  margin: 0;
  width: 100%;
  max-width: 100%;
  transform: translateY(0);
}

/* Sections
 ========================================================================== */
.uk-modal-body {
  display: flow-root;
  padding: 20px 20px;
}

.uk-modal-header {
  display: flow-root;
  padding: 10px 20px;
  background: #fff;
}

.uk-modal-footer {
  display: flow-root;
  padding: 10px 20px;
  background: #fff;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-modal-body {
    padding: 30px 30px;
  }
  .uk-modal-header {
    padding: 15px 30px;
  }
  .uk-modal-footer {
    padding: 15px 30px;
  }
}
/*
 * Remove margin from the last-child
 */
.uk-modal-body > :last-child,
.uk-modal-header > :last-child,
.uk-modal-footer > :last-child {
  margin-bottom: 0;
}

/* Title
 ========================================================================== */
.uk-modal-title {
  font-size: 2rem;
  line-height: 1.3;
}

/* Close
 * Adopts `uk-close`
 ========================================================================== */
[class*=uk-modal-close-] {
  position: absolute;
  z-index: 1010;
  top: 10px;
  right: 10px;
  padding: 5px;
}

/*
 * Remove margin from adjacent element
 */
[class*=uk-modal-close-]:first-child + * {
  margin-top: 0;
}

/*
 * Hover
 */
/*
 * Default
 */
/*
 * Outside
 * 1. Prevent scrollbar on small devices
 */
.uk-modal-close-outside {
  top: 0;
  /* 1 */
  right: -5px;
  transform: translate(0, -100%);
  color: white;
}

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

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* 1 */
  .uk-modal-close-outside {
    right: 0;
    transform: translate(100%, -100%);
  }
}
/*
 * Full
 */
/* ========================================================================
   Component: Slideshow
 ========================================================================== */
/*
 * 1. Prevent tab highlighting on iOS.
 */
.uk-slideshow {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}

/* Items
 ========================================================================== */
/*
 * 1. Create position and stacking context
 * 2. Reset list
 * 3. Clip child elements
 * 4. Prevent displaying the callout information on iOS.
 * 5. Disable horizontal panning gestures
 */
.uk-slideshow-items {
  /* 1 */
  position: relative;
  z-index: 0;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  overflow: hidden;
  /* 4 */
  -webkit-touch-callout: none;
  /* 5 */
  touch-action: pan-y;
}

/* Item
 ========================================================================== */
/*
 * 1. Position items above each other
 * 2. Take the full width
 * 3. Clip child elements, e.g. for `uk-cover`
 * 4. Optimize animation
 */
.uk-slideshow-items > * {
  /* 1 */
  position: absolute;
  top: 0;
  left: 0;
  /* 2 */
  right: 0;
  bottom: 0;
  /* 3 */
  overflow: hidden;
  /* 4 */
  will-change: transform, opacity;
}

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

/* ========================================================================
   Component: Slider
 ========================================================================== */
/*
 * 1. Prevent tab highlighting on iOS.
 */
.uk-slider {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}

/* Container
 ========================================================================== */
/*
 * 1. Clip child elements
 * 2. Prevent accidental scrolling through elements in slide getting focused
 */
.uk-slider-container {
  /* 1 */
  overflow: hidden;
  /* 2 */
  overflow: clip;
}

/*
 * Widen container to prevent box-shadows from clipping, `large-box-shadow`
 */
.uk-slider-container-offset {
  margin: -11px -25px -39px -25px;
  padding: 11px 25px 39px 25px;
}

/* Items
 ========================================================================== */
/*
 * 1. Optimize animation
 * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`.
 * 3. Disable horizontal panning gestures
 */
.uk-slider-items {
  /* 1 */
  will-change: transform;
  /* 2 */
  position: relative;
  /* 3 */
  touch-action: pan-y;
}

/*
 * 1. Reset list style without interfering with grid
 * 2. Prevent displaying the callout information on iOS.
 */
.uk-slider-items:not(.uk-grid) {
  display: flex;
  /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 2 */
  -webkit-touch-callout: none;
}

.uk-slider-items.uk-grid {
  flex-wrap: nowrap;
}

/* Item
 ========================================================================== */
/*
 * 1. Let items take content dimensions (0 0 auto)
 *    `max-width` needed to keep image responsiveness and prevent content overflow
 * 2. Create position context
 */
.uk-slider-items > * {
  /* 1 */
  flex: none !important;
  box-sizing: border-box;
  max-width: 100%;
  /* 2 */
  position: relative;
}

/* ========================================================================
   Component: Sticky
 ========================================================================== */
/*
 * 1. Create position context so it's t the same like when fixed.
 * 2. Create stacking context already when not sticky to have the same context
*     for position set to `sticky` and `relative`
 * 2. More robust if padding and border are used and the sticky height is transitioned
 */
.uk-sticky {
  /* 1 */
  position: relative;
  /* 2 */
  z-index: 980;
  /* 3 */
  box-sizing: border-box;
}

/*
 * 1. Force new layer to resolve frame rate issues on devices with lower frame rates
 */
.uk-sticky-fixed {
  margin: 0 !important;
  /* 1 */
  backface-visibility: hidden;
}

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

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

/*
 * Placeholder
 * Make content clickable for sticky cover and reveal effects
 */
.uk-sticky-placeholder {
  pointer-events: none;
}

/* ========================================================================
   Component: Off-canvas
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 */
.uk-offcanvas {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

/*
 * Flip modifier
 */
.uk-offcanvas-flip .uk-offcanvas {
  right: 0;
  left: auto;
}

/* Bar
 ========================================================================== */
/*
 * 1. Set position
 * 2. Size and style
 * 3. Allow scrolling
 */
.uk-offcanvas-bar {
  --uk-inverse: light;
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: -270px;
  /* 2 */
  box-sizing: border-box;
  width: 270px;
  padding: 20px 20px;
  background: #222;
  /* 3 */
  overflow-y: auto;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-offcanvas-bar {
    left: -350px;
    width: 350px;
    padding: 30px 30px;
  }
}
/* Flip modifier */
.uk-offcanvas-flip .uk-offcanvas-bar {
  left: auto;
  right: -270px;
}

/* Tablet landscape and bigger */
@media (min-width: 640px) {
  .uk-offcanvas-flip .uk-offcanvas-bar {
    right: -350px;
  }
}
/*
 * Open
 */
.uk-open > .uk-offcanvas-bar {
  left: 0;
}

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

/*
 * Slide Animation (Used in slide and push mode)
 */
.uk-offcanvas-bar-animation {
  transition: left 0.3s ease-out;
}

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

/*
 * Reveal Animation
 * 1. Set position
 * 2. Clip the bar
 * 3. Animation
 * 4. Reset position
 */
.uk-offcanvas-reveal {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  width: 0;
  overflow: hidden;
  /* 3 */
  transition: width 0.3s ease-out;
}

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

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

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

/* Tablet landscape and bigger */
@media (min-width: 640px) {
  .uk-open > .uk-offcanvas-reveal {
    width: 350px;
  }
}
/*
 * Flip modifier
 */
.uk-offcanvas-flip .uk-offcanvas-reveal {
  right: 0;
  left: auto;
}

/* Close
 * Adopts `uk-close`
 ========================================================================== */
.uk-offcanvas-close {
  position: absolute;
  z-index: 1000;
  top: 5px;
  right: 5px;
  padding: 5px;
}

/* Tablet landscape and bigger */
@media (min-width: 640px) {
  .uk-offcanvas-close {
    top: 10px;
    right: 10px;
  }
}
/*
 * Remove margin from adjacent element
 */
.uk-offcanvas-close:first-child + * {
  margin-top: 0;
}

/* Overlay
 ========================================================================== */
/*
 * Overlay the whole page. Needed for the `::before`
 * 1. Using `100vw` so no modification is needed when off-canvas is flipped
 * 2. Allow for closing with swipe gesture on devices with pointer events.
 */
.uk-offcanvas-overlay {
  /* 1 */
  width: 100vw;
  /* 2 */
  touch-action: none;
}

/*
 * 1. Mask the whole page
 * 2. Fade-in transition
 */
.uk-offcanvas-overlay::before {
  /* 1 */
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  /* 2 */
  opacity: 0;
  transition: opacity 0.15s linear;
}

.uk-offcanvas-overlay.uk-open::before {
  opacity: 1;
}

/* Prevent scrolling
 ========================================================================== */
/*
 * Prevent horizontal scrollbar when the content is slide-out
 * Has to be on the `html` element too to make it work on the `body`
 * 1. `clip` is needed for `position: sticky` elements to keep their position
 */
.uk-offcanvas-page,
.uk-offcanvas-container {
  overflow-x: hidden;
  /* 1 */
  overflow-x: clip;
}

/* Container
 ========================================================================== */
/*
 * Prepare slide-out animation (Used in reveal and push mode)
 * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars
 * lose their fixed state and behaves like `absolute` within a transformed container
 * 1. Provide a fixed width and prevent shrinking
 */
.uk-offcanvas-container {
  position: relative;
  left: 0;
  transition: left 0.3s ease-out;
  /* 1 */
  box-sizing: border-box;
  width: 100%;
}

/*
 * Activate slide-out animation
 */
:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
  left: 270px;
}

.uk-offcanvas-flip.uk-offcanvas-container-animation {
  left: -270px;
}

/* Tablet landscape and bigger */
@media (min-width: 640px) {
  :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
    left: 350px;
  }
  .uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -350px;
  }
}
/* ========================================================================
   Component: Switcher
 ========================================================================== */
/*
 * Reset list
 */
.uk-switcher {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Items
 ========================================================================== */
/*
 * Hide not active items
 */
.uk-switcher > :not(.uk-active) {
  display: none;
}

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

/* ========================================================================
   Component: Leader
 ========================================================================== */
.uk-leader {
  overflow: hidden;
}

/*
 * 1. Place element in text flow
 * 2. Never break into a new line
 * 3. Get a string back with as many repeating characters to fill the container
 * 4. Prevent wrapping. Overflowing characters will be clipped by the container
 */
.uk-leader-fill::after {
  /* 1 */
  display: inline-block;
  margin-left: 15px;
  /* 2 */
  width: 0;
  /* 3 */
  content: attr(data-fill);
  /* 4 */
  white-space: nowrap;
}

/*
 * Hide if media does not match
 */
.uk-leader-fill.uk-leader-hide::after {
  display: none;
}

/*
 * Pass fill character to JS
 */
:root {
  --uk-leader-fill-content: .;
}

/* ========================================================================
   Component: Notification
 ========================================================================== */
/*
 * 1. Set position
 * 2. Dimensions
 */
.uk-notification {
  /* 1 */
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1040;
  /* 2 */
  box-sizing: border-box;
  width: 350px;
}

/* Position modifiers
========================================================================== */
.uk-notification-top-right,
.uk-notification-bottom-right {
  left: auto;
  right: 10px;
}

.uk-notification-top-center,
.uk-notification-bottom-center {
  left: 50%;
  margin-left: -175px;
}

.uk-notification-bottom-left,
.uk-notification-bottom-right,
.uk-notification-bottom-center {
  top: auto;
  bottom: 10px;
}

/* Responsiveness
========================================================================== */
/* Phones portrait and smaller */
@media (max-width: 639px) {
  .uk-notification {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
  }
}
/* Message
========================================================================== */
.uk-notification-message {
  position: relative;
  padding: 15px;
  background: #f8f8f8;
  color: #666;
  font-size: 1.25rem;
  line-height: 1.4;
  cursor: pointer;
}

* + .uk-notification-message {
  margin-top: 10px;
}

/* Close
 * Adopts `uk-close`
 ========================================================================== */
.uk-notification-close {
  display: none;
  position: absolute;
  top: 20px;
  right: 15px;
}

.uk-notification-message:hover .uk-notification-close {
  display: block;
}

/* Style modifiers
 ========================================================================== */
/*
 * Primary
 */
.uk-notification-message-primary {
  color: #1e87f0;
}

/*
 * Success
 */
.uk-notification-message-success {
  color: #32d296;
}

/*
 * Warning
 */
.uk-notification-message-warning {
  color: #faa05a;
}

/*
 * Danger
 */
.uk-notification-message-danger {
  color: #f0506e;
}

/* ========================================================================
   Component: Tooltip
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Position
 * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially
 * 4. Dimensions
 * 5. Style
 */
.uk-tooltip {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1030;
  --uk-position-offset: 10px;
  --uk-position-viewport-offset: 10;
  /* 3 */
  top: 0;
  /* 4 */
  box-sizing: border-box;
  max-width: 200px;
  padding: 3px 6px;
  /* 5 */
  background: #666;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
}

/* Show */
.uk-tooltip.uk-active {
  display: block;
}

/* ========================================================================
   Component: Sortable
 ========================================================================== */
.uk-sortable {
  position: relative;
}

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

/* Drag
 ========================================================================== */
.uk-sortable-drag {
  position: fixed !important;
  z-index: 1050 !important;
  pointer-events: none;
}

/* Placeholder
 ========================================================================== */
.uk-sortable-placeholder {
  opacity: 0;
  pointer-events: none;
}

/* Empty modifier
 ========================================================================== */
.uk-sortable-empty {
  min-height: 50px;
}

/* Handle
 ========================================================================== */
/* Hover */
.uk-sortable-handle:hover {
  cursor: move;
}

/* ========================================================================
   Component: Countdown
 ========================================================================== */
/* Item
 ========================================================================== */
/* Number
 ========================================================================== */
/*
 * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font.
 * 2. Style
 */
.uk-countdown-number {
  /* 1 */
  font-variant-numeric: tabular-nums;
  /* 2 */
  font-size: 2rem;
  line-height: 0.8;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-countdown-number {
    font-size: 4rem;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-countdown-number {
    font-size: 6rem;
  }
}
/* Separator
 ========================================================================== */
.uk-countdown-separator {
  font-size: 1rem;
  line-height: 1.6;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-countdown-separator {
    font-size: 2rem;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-countdown-separator {
    font-size: 3rem;
  }
}
/* Label
 ========================================================================== */
/* ========================================================================
   Component: Thumbnav
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 * 3. Gutter
 */
.uk-thumbnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  margin-left: -15px;
}

/*
 * Space is allocated based on content dimensions, but shrinks: 0 1 auto
 * 1. Gutter
 */
.uk-thumbnav > * {
  /* 1 */
  padding-left: 15px;
}

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

/* Hover */
/* Active */
/* Modifier: 'uk-thumbnav-vertical'
 ========================================================================== */
/*
 * 1. Change direction
 * 2. Gutter
 */
.uk-thumbnav-vertical {
  /* 1 */
  flex-direction: column;
  /* 2 */
  margin-left: 0;
  margin-top: -15px;
}

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

/* ========================================================================
   Component: Iconnav
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 * 3. Gutter
 */
.uk-iconnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  margin-left: -10px;
}

/*
 * Space is allocated based on content dimensions, but shrinks: 0 1 auto
 * 1. Gutter
 */
.uk-iconnav > * {
  /* 1 */
  padding-left: 10px;
}

/* Items
 ========================================================================== */
/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * 1. Center content vertically if there is still some text
 * 2. Imitate white space gap when using flexbox
 * 3. Force text not to affect item height
 * 4. Style
 * 5. Required for `a` if there is still some text
 */
.uk-iconnav > * > a {
  /* 1 */
  display: flex;
  align-items: center;
  /* 2 */
  column-gap: 0.25em;
  /* 3 */
  line-height: 0;
  /* 4 */
  color: #999;
  /* 5 */
  text-decoration: none;
}

/* Hover */
.uk-iconnav > * > a:hover {
  color: #666;
}

/* Active */
.uk-iconnav > .uk-active > a {
  color: #666;
}

/* Modifier: 'uk-iconnav-vertical'
 ========================================================================== */
/*
 * 1. Change direction
 * 2. Gutter
 */
.uk-iconnav-vertical {
  /* 1 */
  flex-direction: column;
  /* 2 */
  margin-left: 0;
  margin-top: -10px;
}

/* 2 */
.uk-iconnav-vertical > * {
  padding-left: 0;
  padding-top: 10px;
}

/* ========================================================================
   Component: Grid
 ========================================================================== */
/*
 * 1. Allow cells to wrap into the next line
 * 2. Reset list
 */
.uk-grid {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
}

/*
 * Grid cell
 * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto
 * Reset margin for e.g. paragraphs
 */
.uk-grid > * {
  margin: 0;
}

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

/* Gutter
 ========================================================================== */
/*
 * Default
 */
/* Horizontal */
.uk-grid {
  margin-left: -30px;
}

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

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

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  .uk-grid {
    margin-left: -40px;
  }
  .uk-grid > * {
    padding-left: 40px;
  }
  /* Vertical */
  .uk-grid + .uk-grid,
  .uk-grid > .uk-grid-margin,
  * + .uk-grid-margin {
    margin-top: 40px;
  }
}
/*
 * Small
 */
/* Horizontal */
.uk-grid-small,
.uk-grid-column-small {
  margin-left: -15px;
}

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

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

/*
 * Medium
 */
/* Horizontal */
.uk-grid-medium,
.uk-grid-column-medium {
  margin-left: -30px;
}

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

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

/*
 * Large
 */
/* Horizontal */
.uk-grid-large,
.uk-grid-column-large {
  margin-left: -40px;
}

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

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

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  .uk-grid-large,
  .uk-grid-column-large {
    margin-left: -70px;
  }
  .uk-grid-large > *,
  .uk-grid-column-large > * {
    padding-left: 70px;
  }
  /* Vertical */
  .uk-grid + .uk-grid-large,
  .uk-grid + .uk-grid-row-large,
  .uk-grid-large > .uk-grid-margin,
  .uk-grid-row-large > .uk-grid-margin,
  * + .uk-grid-margin-large {
    margin-top: 70px;
  }
}
/*
 * Collapse
 */
/* Horizontal */
.uk-grid-collapse,
.uk-grid-column-collapse {
  margin-left: 0;
}

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

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

/* Divider
 ========================================================================== */
.uk-grid-divider > * {
  position: relative;
}

.uk-grid-divider > :not(.uk-first-column)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid #e5e5e5;
}

/* Vertical */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #e5e5e5;
}

/*
 * Default
 */
/* Horizontal */
.uk-grid-divider {
  margin-left: -60px;
}

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

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

/* Vertical */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin {
  margin-top: 60px;
}

.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
  left: 60px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  .uk-grid-divider {
    margin-left: -80px;
  }
  .uk-grid-divider > * {
    padding-left: 80px;
  }
  .uk-grid-divider > :not(.uk-first-column)::before {
    left: 40px;
  }
  /* Vertical */
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
    margin-top: 80px;
  }
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    top: -40px;
    left: 80px;
  }
}
/*
 * Small
 */
/* Horizontal */
.uk-grid-divider.uk-grid-small,
.uk-grid-divider.uk-grid-column-small {
  margin-left: -30px;
}

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

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

/* Vertical */
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin,
.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
  margin-top: 30px;
}

.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
  top: -15px;
  left: 30px;
}

.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
  top: -15px;
}

.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
  left: 30px;
}

/*
 * Medium
 */
/* Horizontal */
.uk-grid-divider.uk-grid-medium,
.uk-grid-divider.uk-grid-column-medium {
  margin-left: -60px;
}

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

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

/* Vertical */
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
  margin-top: 60px;
}

.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
  left: 60px;
}

.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
}

.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
  left: 60px;
}

/*
 * Large
 */
/* Horizontal */
.uk-grid-divider.uk-grid-large,
.uk-grid-divider.uk-grid-column-large {
  margin-left: -80px;
}

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

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

/* Vertical */
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
  margin-top: 80px;
}

.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
  top: -40px;
  left: 80px;
}

.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
  top: -40px;
}

.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
  left: 80px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  .uk-grid-divider.uk-grid-large,
  .uk-grid-divider.uk-grid-column-large {
    margin-left: -140px;
  }
  .uk-grid-divider.uk-grid-large > *,
  .uk-grid-divider.uk-grid-column-large > * {
    padding-left: 140px;
  }
  .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before,
  .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before {
    left: 70px;
  }
  /* Vertical */
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
    margin-top: 140px;
  }
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
    top: -70px;
    left: 140px;
  }
  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
    top: -70px;
  }
  .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
    left: 140px;
  }
}
/* Match child of a grid cell
 ========================================================================== */
/*
 * Behave like a block element
 * 1. Wrap into the next line
 * 2. Take the full width, at least 100%. Only if no class from the Width component is set.
 * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids)
 */
.uk-grid-match > *,
.uk-grid-item-match {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
}

.uk-grid-match > * > :not([class*=uk-width]),
.uk-grid-item-match > :not([class*=uk-width]) {
  /* 2 */
  box-sizing: border-box;
  width: 100%;
  /* 3 */
  flex: auto;
}

/* ========================================================================
   Component: Nav
 ========================================================================== */
/*
 * Reset
 */
.uk-nav,
.uk-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*
* 1. Center content vertically, e.g. an icon
* 2. Imitate white space gap when using flexbox
* 3. Reset link
 */
.uk-nav li > a {
  /* 1 */
  display: flex;
  align-items: center;
  /* 2 */
  column-gap: 0.25em;
  /* 3*/
  text-decoration: none;
}

/*
 * Items
 * Must target `a` elements to exclude other elements (e.g. lists)
 */
.uk-nav > li > a {
  padding: 5px 0;
}

/* Sublists
 ========================================================================== */
/*
 * Level 2
 * `ul` needed for higher specificity to override padding
 */
ul.uk-nav-sub {
  padding: 5px 0 5px 15px;
}

/*
 * Level 3 and deeper
 */
.uk-nav-sub ul {
  padding-left: 15px;
}

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

/* Parent icon
 ========================================================================== */
.uk-nav-parent-icon {
  margin-left: auto;
  transition: transform 0.3s ease-out;
}

.uk-nav > li.uk-open > a .uk-nav-parent-icon {
  transform: rotateX(180deg);
}

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

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

/* Divider
 ========================================================================== */
.uk-nav .uk-nav-divider {
  margin: 5px 0;
}

/* Default modifier
 ========================================================================== */
.uk-nav-default {
  font-size: 0.875rem;
  line-height: 1.5;
}

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

/* Hover */
.uk-nav-default > li > a:hover {
  color: #666;
}

/* Active */
.uk-nav-default > li.uk-active > a {
  color: #333;
}

/*
 * Subtitle
 */
.uk-nav-default .uk-nav-subtitle {
  font-size: 12px;
}

/*
 * Header
 */
.uk-nav-default .uk-nav-header {
  color: #333;
}

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

/*
 * Sublists
 */
.uk-nav-default .uk-nav-sub {
  font-size: 0.875rem;
  line-height: 1.5;
}

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

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

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

/* Primary modifier
 ========================================================================== */
.uk-nav-primary {
  font-size: 1.5rem;
  line-height: 1.5;
}

/*
 * Items
 */
.uk-nav-primary > li > a {
  color: #999;
}

/* Hover */
.uk-nav-primary > li > a:hover {
  color: #666;
}

/* Active */
.uk-nav-primary > li.uk-active > a {
  color: #333;
}

/*
 * Subtitle
 */
.uk-nav-primary .uk-nav-subtitle {
  font-size: 1.25rem;
}

/*
 * Header
 */
.uk-nav-primary .uk-nav-header {
  color: #333;
}

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

/*
 * Sublists
 */
.uk-nav-primary .uk-nav-sub {
  font-size: 1.25rem;
  line-height: 1.5;
}

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

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

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

/* Secondary modifier
 ========================================================================== */
.uk-nav-secondary {
  font-size: 16px;
  line-height: 1.5;
}

/*
 * Items
 */
.uk-nav-secondary > li > a {
  color: #333;
}

/* Hover */
.uk-nav-secondary > li > a:hover {
  color: #333;
}

/* Active */
.uk-nav-secondary > li.uk-active > a {
  color: #333;
}

/*
 * Subtitle
 */
.uk-nav-secondary .uk-nav-subtitle {
  font-size: 0.875rem;
  color: #999;
}

/* Hover */
.uk-nav-secondary > li > a:hover .uk-nav-subtitle {
  color: #666;
}

/* Active */
.uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
  color: #333;
}

/*
 * Header
 */
.uk-nav-secondary .uk-nav-header {
  color: #333;
}

/*
 * Divider
 */
.uk-nav-secondary .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}

/*
 * Sublists
 */
.uk-nav-secondary .uk-nav-sub {
  font-size: 0.875rem;
  line-height: 1.5;
}

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

.uk-nav-secondary .uk-nav-sub a:hover {
  color: #666;
}

.uk-nav-secondary .uk-nav-sub li.uk-active > a {
  color: #333;
}

/* Size modifier
 ========================================================================== */
/*
 * Medium
 */
.uk-nav-medium {
  font-size: 2.8875rem;
  line-height: 1;
}

.uk-nav-large {
  font-size: 3.4rem;
  line-height: 1;
}

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

/* Tablet Landscape and bigger */
@media (min-width: 960px) {
  .uk-nav-medium {
    font-size: 3.5rem;
  }
  .uk-nav-large {
    font-size: 4rem;
  }
  .uk-nav-xlarge {
    font-size: 6rem;
  }
}
/* Laptop and bigger */
@media (min-width: 1200px) {
  .uk-nav-medium {
    font-size: 4rem;
  }
  .uk-nav-large {
    font-size: 6rem;
  }
  .uk-nav-xlarge {
    font-size: 8rem;
  }
}
/* Alignment modifier
 ========================================================================== */
/*
 * 1. Center header
 * 2. Center items
 */
/* 1 */
.uk-nav-center {
  text-align: center;
}

/* 2 */
.uk-nav-center li > a {
  justify-content: center;
}

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

/* Parent icon  */
.uk-nav-center .uk-nav-parent-icon {
  margin-left: 0.25em;
}

/* Style modifier
 ========================================================================== */
/*
 * Divider
 * Naming is in plural to prevent conflicts with divider sub object.
 */
.uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #e5e5e5;
}

/* ========================================================================
   Component: Navbar
 ========================================================================== */
/*
 * 1. Create position context to center navbar group
 */
.uk-navbar {
  display: flex;
  /* 1 */
  position: relative;
}

/* Container
 ========================================================================== */
.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #f8f8f8;
}

/* Groups
 ========================================================================== */
/*
 * 1. Align navs and items vertically if they have a different height
 */
.uk-navbar-left,
.uk-navbar-right,
[class*=uk-navbar-center] {
  display: flex;
  gap: 15px;
  /* 1 */
  align-items: center;
}

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

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

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

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

.uk-navbar-center-left {
  right: calc(100% + 15px);
}

.uk-navbar-center-right {
  left: calc(100% + 15px);
}

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

/* Nav
 ========================================================================== */
/*
 * 1. Reset list
 */
.uk-navbar-nav {
  display: flex;
  gap: 15px;
  /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
}

/*
 * Allow items to wrap into the next line
 * Only not `absolute` positioned groups
 */
.uk-navbar-left,
.uk-navbar-right,
.uk-navbar-center:only-child {
  flex-wrap: wrap;
}

/*
 * Items
 * 1. Center content vertically and horizontally
 * 2. Imitate white space gap when using flexbox
 * 3. Dimensions
 * 4. Style
 * 5. Required for `a`
 */
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  /* 1 */
  display: flex;
  justify-content: center;
  align-items: center;
  /* 2 */
  column-gap: 0.25em;
  /* 3 */
  box-sizing: border-box;
  min-height: 80px;
  /* 4 */
  font-size: 0.875rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 5 */
  text-decoration: none;
}

/*
 * Nav items
 */
.uk-navbar-nav > li > a {
  padding: 0 0;
  color: #999;
}

/*
 * Hover
 * Apply hover style also if dropdown is opened
 */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a[aria-expanded=true] {
  color: #666;
}

/* OnClick */
.uk-navbar-nav > li > a:active {
  color: #333;
}

/* Active */
.uk-navbar-nav > li.uk-active > a {
  color: #333;
}

/* Parent icon modifier
 ========================================================================== */
.uk-navbar-parent-icon {
  margin-left: 4px;
  transition: transform 0.3s ease-out;
}

.uk-navbar-nav > li > a[aria-expanded=true] .uk-navbar-parent-icon {
  transform: rotateX(180deg);
}

/* Item
 ========================================================================== */
.uk-navbar-item {
  padding: 0 0;
  color: #666;
}

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

/* Toggle
 ========================================================================== */
.uk-navbar-toggle {
  padding: 0 0;
  color: #999;
}

.uk-navbar-toggle:hover,
.uk-navbar-toggle[aria-expanded=true] {
  color: #666;
  text-decoration: none;
}

/*
 * Icon
 * Adopts `uk-icon`
 */
/* Hover */
/* Subtitle
 ========================================================================== */
.uk-navbar-subtitle {
  font-size: 0.875rem;
}

/* Justify modifier
 ========================================================================== */
.uk-navbar-justify .uk-navbar-left,
.uk-navbar-justify .uk-navbar-right,
.uk-navbar-justify .uk-navbar-nav,
.uk-navbar-justify .uk-navbar-nav > li,
.uk-navbar-justify .uk-navbar-item,
.uk-navbar-justify .uk-navbar-toggle {
  flex-grow: 1;
}

/* Style modifiers
 ========================================================================== */
/* Dropdown
 ========================================================================== */
/*
 * Adopts `uk-drop`
 * 1. Set a default width
 * 2. Style
 */
.uk-navbar-dropdown {
  --uk-position-offset: 15px;
  --uk-position-shift-offset: 0;
  --uk-position-viewport-offset: 15px;
  --uk-inverse: dark;
  /* 1 */
  width: 200px;
  /* 2 */
  padding: 25px;
  background: #fff;
  color: #666;
}

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

.uk-navbar-dropdown :focus-visible {
  outline-color: #333 !important;
}

/*
 * Grid
 * Adopts `uk-grid`
 */
/* Gutter Horizontal */
.uk-navbar-dropdown .uk-drop-grid {
  margin-left: -30px;
}

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

/* Gutter Vertical */
.uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin {
  margin-top: 30px;
}

/*
 * Width modifier
 */
.uk-navbar-dropdown-width-2:not(.uk-drop-stack) {
  width: 400px;
}

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

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

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

/*
 * Size modifier
 */
.uk-navbar-dropdown-large {
  --uk-position-shift-offset: 0;
  padding: 40px;
}

/*
 * Dropbar modifier
 * 1. Reset dropdown width to prevent to early shifting
 * 2. Reset style
 * 3. Padding
 */
.uk-navbar-dropdown-dropbar {
  /* 1 */
  width: auto;
  /* 2 */
  background: transparent;
  /* 3 */
  padding: 25px 0 25px 0;
  --uk-position-offset: 0;
  --uk-position-shift-offset: 0;
  --uk-position-viewport-offset: 15px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-navbar-dropdown-dropbar {
    --uk-position-viewport-offset: 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-navbar-dropdown-dropbar {
    --uk-position-viewport-offset: 40px;
  }
}
.uk-navbar-dropdown-dropbar-large {
  --uk-position-shift-offset: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Dropdown Nav
 * Adopts `uk-nav`
 ========================================================================== */
/*
 * Items
 */
.uk-navbar-dropdown-nav > li > a {
  color: #999;
}

/* Hover */
.uk-navbar-dropdown-nav > li > a:hover {
  color: #666;
}

/* Active */
.uk-navbar-dropdown-nav > li.uk-active > a {
  color: #333;
}

/*
 * Subtitle
 */
.uk-navbar-dropdown-nav .uk-nav-subtitle {
  font-size: 12px;
}

/*
 * Header
 */
.uk-navbar-dropdown-nav .uk-nav-header {
  color: #333;
}

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

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

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

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

/* Dropbar
 ========================================================================== */
/*
 * Adopts `uk-dropnav-dropbar`
 */
/* ========================================================================
   Component: Subnav
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Center items vertically if they have a different height
 * 3. Gutter
 * 4. Reset list
 */
.uk-subnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  align-items: center;
  /* 3 */
  margin-left: -20px;
  /* 4 */
  padding: 0;
  list-style: none;
}

/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 * 3. Create position context for dropdowns
 */
.uk-subnav > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  position: relative;
}

/* Items
 ========================================================================== */
/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * Using `:first-child` instead of `a` to support `span` elements for text
 * 1. Center content vertically, e.g. an icon
 * 2. Imitate white space gap when using flexbox
 * 3. Style
 */
.uk-subnav > * > :first-child {
  /* 1 */
  display: flex;
  align-items: center;
  /* 2 */
  column-gap: 0.25em;
  /* 3 */
  color: #999;
}

/* Hover */
.uk-subnav > * > a:hover {
  color: #666;
  text-decoration: none;
}

/* Active */
.uk-subnav > .uk-active > a {
  color: #333;
}

/* Divider modifier
 ========================================================================== */
/*
 * Set gutter
 */
.uk-subnav-divider {
  margin-left: -41px;
}

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

/*
 * Divider
 * 1. `nth-child` makes it also work without JS if it's only one row
 */
.uk-subnav-divider > ::before {
  content: "";
  height: 1.5em;
  margin-left: 0px;
  margin-right: 20px;
  border-left: 1px solid transparent;
}

/* 1 */
.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
  border-left-color: #e5e5e5;
}

/* Pill modifier
 ========================================================================== */
.uk-subnav-pill > * > :first-child {
  padding: 5px 10px;
  background: transparent;
  color: #999;
}

/* Hover */
.uk-subnav-pill > * > a:hover {
  background-color: #f8f8f8;
  color: #666;
}

/* OnClick */
.uk-subnav-pill > * > a:active {
  background-color: #f8f8f8;
  color: #666;
}

/* Active */
.uk-subnav-pill > .uk-active > a {
  background-color: #1e87f0;
  color: #fff;
}

/* Disabled
 * The same for all style modifiers
 ========================================================================== */
.uk-subnav > .uk-disabled > a {
  color: #999;
}

/* ========================================================================
   Component: Breadcrumb
 ========================================================================== */
/*
 * Reset list
 */
.uk-breadcrumb {
  padding: 0;
  list-style: none;
}

/*
 * 1. Doesn't generate any box and replaced by child boxes
 */
.uk-breadcrumb > * {
  display: contents;
}

/* Items
 ========================================================================== */
.uk-breadcrumb > * > * {
  font-size: 0.875rem;
  color: #999;
}

/* Hover */
.uk-breadcrumb > * > :hover {
  color: #666;
  text-decoration: none;
}

/* Disabled */
/* Active */
.uk-breadcrumb > :last-child > span,
.uk-breadcrumb > :last-child > a:not([href]) {
  color: #666;
}

/*
 * Divider
 * `nth-child` makes it also work without JS if it's only one row
 * 1. Remove space between inline block elements.
 * 2. Style
 */
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  content: "/";
  display: inline-block;
  /* 1 */
  margin: 0 20px 0 calc(20px - 4px);
  /* 2 */
  font-size: 0.875rem;
  color: #999;
}

/* ========================================================================
   Component: Pagination
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Center items vertically if they have a different height
 * 3. Gutter
 * 4. Reset list
 */
.uk-pagination {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  align-items: center;
  /* 3 */
  margin-left: 0;
  /* 4 */
  padding: 0;
  list-style: none;
}

/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 * 3. Create position context for dropdowns
 */
.uk-pagination > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 0;
  /* 3 */
  position: relative;
}

/* Items
 ========================================================================== */
/*
 * 1. Center content vertically, e.g. an icon
 * 2. Imitate white space gap when using flexbox
 * 3. Style
 */
.uk-pagination > * > * {
  /* 1 */
  display: flex;
  align-items: center;
  /* 2 */
  column-gap: 0.25em;
  /* 3 */
  padding: 5px 10px;
  color: #999;
}

/* Hover */
.uk-pagination > * > :hover {
  color: #666;
  text-decoration: none;
}

/* Active */
.uk-pagination > .uk-active > * {
  color: #666;
}

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

/* ========================================================================
   Component: Tab
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Gutter
 * 3. Reset list
 */
.uk-tab {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin-left: -20px;
  /* 3 */
  padding: 0;
  list-style: none;
}

/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 * 3. Create position context for dropdowns
 */
.uk-tab > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  position: relative;
}

/* Items
 ========================================================================== */
/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * 1. Center content vertically, e.g. an icon
 * 2. Imitate white space gap when using flexbox
 * 3. Center content if a width is set
 * 4. Style
 */
.uk-tab > * > a {
  /* 1 */
  display: flex;
  align-items: center;
  /* 2 */
  column-gap: 0.25em;
  /* 3 */
  justify-content: center;
  /* 4 */
  padding: 5px 10px;
  color: #999;
}

/* Hover */
.uk-tab > * > a:hover {
  color: #666;
  text-decoration: none;
}

/* Active */
.uk-tab > .uk-active > a {
  color: #333;
}

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

/* Position modifier
 ========================================================================== */
/*
 * Bottom
 */
/*
 * Left + Right
 * 1. Reset Gutter
 */
.uk-tab-left,
.uk-tab-right {
  flex-direction: column;
  /* 1 */
  margin-left: 0;
}

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

.uk-tab-left > * > a {
  justify-content: left;
}

.uk-tab-right > * > a {
  justify-content: left;
}

/* ========================================================================
   Component: Slidenav
 ========================================================================== */
/*
 * Adopts `uk-icon`
 */
.uk-slidenav {
  padding: 5px 10px;
  color: rgba(102, 102, 102, 0.5);
}

/* Hover */
.uk-slidenav:hover {
  color: rgba(102, 102, 102, 0.9);
}

/* OnClick */
.uk-slidenav:active {
  color: rgba(102, 102, 102, 0.5);
}

/* Icon modifier
 ========================================================================== */
/*
 * Previous
 */
/*
 * Next
 */
/* Size modifier
 ========================================================================== */
.uk-slidenav-large {
  padding: 10px 10px;
}

/* Container
 ========================================================================== */
.uk-slidenav-container {
  display: flex;
}

/* ========================================================================
   Component: Dotnav
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 * 3. Gutter
 */
.uk-dotnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  margin-left: -12px;
}

/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 */
.uk-dotnav > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 12px;
}

/* Items
 ========================================================================== */
/*
 * Items
 * 1. Hide text if present
 */
.uk-dotnav > * > * {
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  /* 1 */
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

/* Hover */
.uk-dotnav > * > :hover {
  background-color: rgba(102, 102, 102, 0.6);
}

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

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

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

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

/* ========================================================================
   Component: Dropdown
 ========================================================================== */
/*
 * Adopts `uk-drop`
 * 1. Reset drop and let text expand the width instead of wrapping
 * 2. Set a default width
 * 3. Style
 */
.uk-dropdown {
  --uk-position-offset: 10px;
  --uk-position-viewport-offset: 15px;
  --uk-inverse: dark;
  /* 1 */
  width: auto;
  /* 2 */
  min-width: 200px;
  /* 3 */
  padding: 25px;
  background: #fff;
  color: #666;
}

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

.uk-dropdown :focus-visible {
  outline-color: #333 !important;
}

/* Size modifier
 ========================================================================== */
.uk-dropdown-large {
  padding: 40px;
}

/* Dropbar modifier
 ========================================================================== */
/*
 * 1. Reset dropdown width to prevent to early shifting
 * 2. Reset style
 * 3. Padding
 */
.uk-dropdown-dropbar {
  /* 1 */
  width: auto;
  /* 2 */
  background: transparent;
  /* 3 */
  padding: 5px 0 25px 0;
  --uk-position-viewport-offset: 15px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-dropdown-dropbar {
    --uk-position-viewport-offset: 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-dropdown-dropbar {
    --uk-position-viewport-offset: 40px;
  }
}
.uk-dropdown-dropbar-large {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Nav
 * Adopts `uk-nav`
 ========================================================================== */
/*
 * Items
 */
.uk-dropdown-nav > li > a {
  color: #999;
}

/* Hover + Active */
.uk-dropdown-nav > li > a:hover,
.uk-dropdown-nav > li.uk-active > a {
  color: #666;
}

/*
 * Subtitle
 */
.uk-dropdown-nav .uk-nav-subtitle {
  font-size: 12px;
}

/*
 * Header
 */
.uk-dropdown-nav .uk-nav-header {
  color: #333;
}

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

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

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

/* ========================================================================
   Component: Lightbox
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Allow scrolling for the modal dialog
 * 4. Horizontal padding
 * 5. Mask the background page
 * 6. Fade-in transition
 * 7. Prevent cancellation of pointer events while dragging
 */
.uk-lightbox {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  /* 5 */
  background: #000;
  /* 6 */
  opacity: 0;
  transition: opacity 0.15s linear;
  /* 7 */
  touch-action: pinch-zoom;
}

/*
 * Open
 * 1. Center child
 * 2. Fade-in
 */
.uk-lightbox.uk-open {
  display: block;
  /* 2 */
  opacity: 1;
}

/*
 * Focus
 */
.uk-lightbox :focus-visible {
  outline-color: rgba(255, 255, 255, 0.7);
}

/* Page
 ========================================================================== */
/*
 * Prevent scrollbars
 */
.uk-lightbox-page {
  overflow: hidden;
}

/* Item
 ========================================================================== */
/*
 * 1. Center child within the viewport
 * 2. Not visible by default
 * 3. Color needed for spinner icon
 * 4. Optimize animation
 * 5. Responsiveness
 *    Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera
 */
.uk-lightbox-items > * {
  /* 1 */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  display: none;
  justify-content: center;
  align-items: center;
  /* 3 */
  color: rgba(255, 255, 255, 0.7);
  /* 4 */
  will-change: transform, opacity;
}

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

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

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

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

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

/* Toolbar Icon (Close)
 ========================================================================== */
.uk-lightbox-toolbar-icon {
  padding: 5px;
  color: rgba(255, 255, 255, 0.7);
}

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

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

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

/* OnClick */
/* Caption
 ========================================================================== */
.uk-lightbox-caption:empty {
  display: none;
}

/* Iframe
 ========================================================================== */
.uk-lightbox-iframe {
  width: 80%;
  height: 80%;
}

/* ========================================================================
   Component: Animation
 ========================================================================== */
[class*=uk-animation-] {
  animation: 0.5s ease-out both;
}

/* Animations
 ========================================================================== */
/*
 * Fade
 */
.uk-animation-fade {
  animation-name: uk-fade;
  animation-duration: 0.8s;
  animation-timing-function: linear;
}

/*
 * Scale
 */
.uk-animation-scale-up {
  animation-name: uk-fade, uk-scale-up;
}

.uk-animation-scale-down {
  animation-name: uk-fade, uk-scale-down;
}

/*
 * Slide
 */
.uk-animation-slide-top {
  animation-name: uk-fade, uk-slide-top;
}

.uk-animation-slide-bottom {
  animation-name: uk-fade, uk-slide-bottom;
}

.uk-animation-slide-left {
  animation-name: uk-fade, uk-slide-left;
}

.uk-animation-slide-right {
  animation-name: uk-fade, uk-slide-right;
}

/*
 * Slide Small
 */
.uk-animation-slide-top-small {
  animation-name: uk-fade, uk-slide-top-small;
}

.uk-animation-slide-bottom-small {
  animation-name: uk-fade, uk-slide-bottom-small;
}

.uk-animation-slide-left-small {
  animation-name: uk-fade, uk-slide-left-small;
}

.uk-animation-slide-right-small {
  animation-name: uk-fade, uk-slide-right-small;
}

/*
 * Slide Medium
 */
.uk-animation-slide-top-medium {
  animation-name: uk-fade, uk-slide-top-medium;
}

.uk-animation-slide-bottom-medium {
  animation-name: uk-fade, uk-slide-bottom-medium;
}

.uk-animation-slide-left-medium {
  animation-name: uk-fade, uk-slide-left-medium;
}

.uk-animation-slide-right-medium {
  animation-name: uk-fade, uk-slide-right-medium;
}

/*
 * Kenburns
 */
.uk-animation-kenburns {
  animation-name: uk-kenburns;
  animation-duration: 15s;
}

/*
 * Shake
 */
.uk-animation-shake {
  animation-name: uk-shake;
}

/*
 * SVG Stroke
 * The `--uk-animation-stroke` custom property contains the longest path length.
 * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically.
 * All strokes are animated by the same pace and doesn't end simultaneously.
 * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet.
 */
.uk-animation-stroke {
  animation-name: uk-stroke;
  animation-duration: 2s;
  stroke-dasharray: var(--uk-animation-stroke);
}

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

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

/* Toggle animation based on the State of the Parent Element
 ========================================================================== */
.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
  animation-name: none;
}

/* Keyframes used by animation classes
 ========================================================================== */
/*
 * Fade
 */
@keyframes uk-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
 * Scale
 */
@keyframes uk-scale-up {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes uk-scale-down {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/*
 * Slide
 */
@keyframes uk-slide-top {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes uk-slide-bottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes uk-slide-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes uk-slide-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/*
 * Slide Small
 */
@keyframes uk-slide-top-small {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes uk-slide-bottom-small {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes uk-slide-left-small {
  0% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes uk-slide-right-small {
  0% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
/*
 * Slide Medium
 */
@keyframes uk-slide-top-medium {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes uk-slide-bottom-medium {
  0% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes uk-slide-left-medium {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes uk-slide-right-medium {
  0% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(0);
  }
}
/*
 * Kenburns
 */
@keyframes uk-kenburns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
/*
 * Shake
 */
@keyframes uk-shake {
  0%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
/*
 * Stroke
 */
@keyframes uk-stroke {
  0% {
    stroke-dashoffset: var(--uk-animation-stroke);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/* ========================================================================
   Component: Width
 ========================================================================== */
/* Equal child widths
 ========================================================================== */
[class*=uk-child-width] > * {
  box-sizing: border-box;
  width: 100%;
}

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

.uk-child-width-1-3 > * {
  width: calc(100% / 3);
}

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

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

.uk-child-width-1-6 > * {
  width: calc(100% / 6);
}

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

/*
 * 1. Reset the `min-width`, which is set to auto by default, because
 *    flex items won't shrink below their minimum intrinsic content size.
 *    Using `1px` instead of `0`, so items still wrap into the next line,
 *    if they have zero width and padding and the predecessor is 100% wide.
 */
.uk-child-width-expand > :not([class*=uk-width]) {
  flex: 1;
  /* 1 */
  min-width: 1px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-child-width-1-1\@s > * {
    width: 100%;
  }
  .uk-child-width-1-2\@s > * {
    width: 50%;
  }
  .uk-child-width-1-3\@s > * {
    width: calc(100% / 3);
  }
  .uk-child-width-1-4\@s > * {
    width: 25%;
  }
  .uk-child-width-1-5\@s > * {
    width: 20%;
  }
  .uk-child-width-1-6\@s > * {
    width: calc(100% / 6);
  }
  .uk-child-width-auto\@s > * {
    width: auto;
  }
  .uk-child-width-expand\@s > :not([class*=uk-width]) {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-child-width-1-1\@s > :not([class*=uk-width]),
  .uk-child-width-1-2\@s > :not([class*=uk-width]),
  .uk-child-width-1-3\@s > :not([class*=uk-width]),
  .uk-child-width-1-4\@s > :not([class*=uk-width]),
  .uk-child-width-1-5\@s > :not([class*=uk-width]),
  .uk-child-width-1-6\@s > :not([class*=uk-width]),
  .uk-child-width-auto\@s > :not([class*=uk-width]) {
    flex: initial;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-child-width-1-1\@m > * {
    width: 100%;
  }
  .uk-child-width-1-2\@m > * {
    width: 50%;
  }
  .uk-child-width-1-3\@m > * {
    width: calc(100% / 3);
  }
  .uk-child-width-1-4\@m > * {
    width: 25%;
  }
  .uk-child-width-1-5\@m > * {
    width: 20%;
  }
  .uk-child-width-1-6\@m > * {
    width: calc(100% / 6);
  }
  .uk-child-width-auto\@m > * {
    width: auto;
  }
  .uk-child-width-expand\@m > :not([class*=uk-width]) {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-child-width-1-1\@m > :not([class*=uk-width]),
  .uk-child-width-1-2\@m > :not([class*=uk-width]),
  .uk-child-width-1-3\@m > :not([class*=uk-width]),
  .uk-child-width-1-4\@m > :not([class*=uk-width]),
  .uk-child-width-1-5\@m > :not([class*=uk-width]),
  .uk-child-width-1-6\@m > :not([class*=uk-width]),
  .uk-child-width-auto\@m > :not([class*=uk-width]) {
    flex: initial;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-child-width-1-1\@l > * {
    width: 100%;
  }
  .uk-child-width-1-2\@l > * {
    width: 50%;
  }
  .uk-child-width-1-3\@l > * {
    width: calc(100% / 3);
  }
  .uk-child-width-1-4\@l > * {
    width: 25%;
  }
  .uk-child-width-1-5\@l > * {
    width: 20%;
  }
  .uk-child-width-1-6\@l > * {
    width: calc(100% / 6);
  }
  .uk-child-width-auto\@l > * {
    width: auto;
  }
  .uk-child-width-expand\@l > :not([class*=uk-width]) {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-child-width-1-1\@l > :not([class*=uk-width]),
  .uk-child-width-1-2\@l > :not([class*=uk-width]),
  .uk-child-width-1-3\@l > :not([class*=uk-width]),
  .uk-child-width-1-4\@l > :not([class*=uk-width]),
  .uk-child-width-1-5\@l > :not([class*=uk-width]),
  .uk-child-width-1-6\@l > :not([class*=uk-width]),
  .uk-child-width-auto\@l > :not([class*=uk-width]) {
    flex: initial;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-child-width-1-1\@xl > * {
    width: 100%;
  }
  .uk-child-width-1-2\@xl > * {
    width: 50%;
  }
  .uk-child-width-1-3\@xl > * {
    width: calc(100% / 3);
  }
  .uk-child-width-1-4\@xl > * {
    width: 25%;
  }
  .uk-child-width-1-5\@xl > * {
    width: 20%;
  }
  .uk-child-width-1-6\@xl > * {
    width: calc(100% / 6);
  }
  .uk-child-width-auto\@xl > * {
    width: auto;
  }
  .uk-child-width-expand\@xl > :not([class*=uk-width]) {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-child-width-1-1\@xl > :not([class*=uk-width]),
  .uk-child-width-1-2\@xl > :not([class*=uk-width]),
  .uk-child-width-1-3\@xl > :not([class*=uk-width]),
  .uk-child-width-1-4\@xl > :not([class*=uk-width]),
  .uk-child-width-1-5\@xl > :not([class*=uk-width]),
  .uk-child-width-1-6\@xl > :not([class*=uk-width]),
  .uk-child-width-auto\@xl > :not([class*=uk-width]) {
    flex: initial;
  }
}
/* Single Widths
 ========================================================================== */
/*
 * 1. `max-width` is needed for the pixel-based classes
 */
[class*=uk-width] {
  box-sizing: border-box;
  width: 100%;
  /* 1 */
  max-width: 100%;
}

/* Halves */
.uk-width-1-2 {
  width: 50%;
}

/* Thirds */
.uk-width-1-3 {
  width: calc(100% / 3);
}

.uk-width-2-3 {
  width: calc(200% / 3);
}

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

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

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

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

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

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

/* Sixths */
.uk-width-1-6 {
  width: calc(100% / 6);
}

.uk-width-5-6 {
  width: calc(500% / 6);
}

/* Pixel */
.uk-width-small {
  width: 150px;
}

.uk-width-medium {
  width: 300px;
}

.uk-width-large {
  width: 450px;
}

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

.uk-width-2xlarge {
  width: 750px;
}

/* Auto */
.uk-width-auto {
  width: auto;
}

/* Expand */
.uk-width-expand {
  flex: 1;
  min-width: 1px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  /* Whole */
  .uk-width-1-1\@s {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@s {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@s {
    width: calc(100% / 3);
  }
  .uk-width-2-3\@s {
    width: calc(200% / 3);
  }
  /* Quarters */
  .uk-width-1-4\@s {
    width: 25%;
  }
  .uk-width-3-4\@s {
    width: 75%;
  }
  /* Fifths */
  .uk-width-1-5\@s {
    width: 20%;
  }
  .uk-width-2-5\@s {
    width: 40%;
  }
  .uk-width-3-5\@s {
    width: 60%;
  }
  .uk-width-4-5\@s {
    width: 80%;
  }
  /* Sixths */
  .uk-width-1-6\@s {
    width: calc(100% / 6);
  }
  .uk-width-5-6\@s {
    width: calc(500% / 6);
  }
  /* Pixel */
  .uk-width-small\@s {
    width: 150px;
  }
  .uk-width-medium\@s {
    width: 300px;
  }
  .uk-width-large\@s {
    width: 450px;
  }
  .uk-width-xlarge\@s {
    width: 600px;
  }
  .uk-width-2xlarge\@s {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@s {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@s {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-width-1-1\@s,
  .uk-width-1-2\@s,
  .uk-width-1-3\@s,
  .uk-width-2-3\@s,
  .uk-width-1-4\@s,
  .uk-width-3-4\@s,
  .uk-width-1-5\@s,
  .uk-width-2-5\@s,
  .uk-width-3-5\@s,
  .uk-width-4-5\@s,
  .uk-width-1-6\@s,
  .uk-width-5-6\@s,
  .uk-width-small\@s,
  .uk-width-medium\@s,
  .uk-width-large\@s,
  .uk-width-xlarge\@s,
  .uk-width-2xlarge\@s,
  .uk-width-auto\@s {
    flex: initial;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* Whole */
  .uk-width-1-1\@m {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@m {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@m {
    width: calc(100% / 3);
  }
  .uk-width-2-3\@m {
    width: calc(200% / 3);
  }
  /* Quarters */
  .uk-width-1-4\@m {
    width: 25%;
  }
  .uk-width-3-4\@m {
    width: 75%;
  }
  /* Fifths */
  .uk-width-1-5\@m {
    width: 20%;
  }
  .uk-width-2-5\@m {
    width: 40%;
  }
  .uk-width-3-5\@m {
    width: 60%;
  }
  .uk-width-4-5\@m {
    width: 80%;
  }
  /* Sixths */
  .uk-width-1-6\@m {
    width: calc(100% / 6);
  }
  .uk-width-5-6\@m {
    width: calc(500% / 6);
  }
  /* Pixel */
  .uk-width-small\@m {
    width: 150px;
  }
  .uk-width-medium\@m {
    width: 300px;
  }
  .uk-width-large\@m {
    width: 450px;
  }
  .uk-width-xlarge\@m {
    width: 600px;
  }
  .uk-width-2xlarge\@m {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@m {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@m {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-width-1-1\@m,
  .uk-width-1-2\@m,
  .uk-width-1-3\@m,
  .uk-width-2-3\@m,
  .uk-width-1-4\@m,
  .uk-width-3-4\@m,
  .uk-width-1-5\@m,
  .uk-width-2-5\@m,
  .uk-width-3-5\@m,
  .uk-width-4-5\@m,
  .uk-width-1-6\@m,
  .uk-width-5-6\@m,
  .uk-width-small\@m,
  .uk-width-medium\@m,
  .uk-width-large\@m,
  .uk-width-xlarge\@m,
  .uk-width-2xlarge\@m,
  .uk-width-auto\@m {
    flex: initial;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Whole */
  .uk-width-1-1\@l {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@l {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@l {
    width: calc(100% / 3);
  }
  .uk-width-2-3\@l {
    width: calc(200% / 3);
  }
  /* Quarters */
  .uk-width-1-4\@l {
    width: 25%;
  }
  .uk-width-3-4\@l {
    width: 75%;
  }
  /* Fifths */
  .uk-width-1-5\@l {
    width: 20%;
  }
  .uk-width-2-5\@l {
    width: 40%;
  }
  .uk-width-3-5\@l {
    width: 60%;
  }
  .uk-width-4-5\@l {
    width: 80%;
  }
  /* Sixths */
  .uk-width-1-6\@l {
    width: calc(100% / 6);
  }
  .uk-width-5-6\@l {
    width: calc(500% / 6);
  }
  /* Pixel */
  .uk-width-small\@l {
    width: 150px;
  }
  .uk-width-medium\@l {
    width: 300px;
  }
  .uk-width-large\@l {
    width: 450px;
  }
  .uk-width-xlarge\@l {
    width: 600px;
  }
  .uk-width-2xlarge\@l {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@l {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@l {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-width-1-1\@l,
  .uk-width-1-2\@l,
  .uk-width-1-3\@l,
  .uk-width-2-3\@l,
  .uk-width-1-4\@l,
  .uk-width-3-4\@l,
  .uk-width-1-5\@l,
  .uk-width-2-5\@l,
  .uk-width-3-5\@l,
  .uk-width-4-5\@l,
  .uk-width-1-6\@l,
  .uk-width-5-6\@l,
  .uk-width-small\@l,
  .uk-width-medium\@l,
  .uk-width-large\@l,
  .uk-width-xlarge\@l,
  .uk-width-2xlarge\@l,
  .uk-width-auto\@l {
    flex: initial;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  /* Whole */
  .uk-width-1-1\@xl {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@xl {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@xl {
    width: calc(100% / 3);
  }
  .uk-width-2-3\@xl {
    width: calc(200% / 3);
  }
  /* Quarters */
  .uk-width-1-4\@xl {
    width: 25%;
  }
  .uk-width-3-4\@xl {
    width: 75%;
  }
  /* Fifths */
  .uk-width-1-5\@xl {
    width: 20%;
  }
  .uk-width-2-5\@xl {
    width: 40%;
  }
  .uk-width-3-5\@xl {
    width: 60%;
  }
  .uk-width-4-5\@xl {
    width: 80%;
  }
  /* Sixths */
  .uk-width-1-6\@xl {
    width: calc(100% / 6);
  }
  .uk-width-5-6\@xl {
    width: calc(500% / 6);
  }
  /* Pixel */
  .uk-width-small\@xl {
    width: 150px;
  }
  .uk-width-medium\@xl {
    width: 300px;
  }
  .uk-width-large\@xl {
    width: 450px;
  }
  .uk-width-xlarge\@xl {
    width: 600px;
  }
  .uk-width-2xlarge\@xl {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@xl {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@xl {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-width-1-1\@xl,
  .uk-width-1-2\@xl,
  .uk-width-1-3\@xl,
  .uk-width-2-3\@xl,
  .uk-width-1-4\@xl,
  .uk-width-3-4\@xl,
  .uk-width-1-5\@xl,
  .uk-width-2-5\@xl,
  .uk-width-3-5\@xl,
  .uk-width-4-5\@xl,
  .uk-width-1-6\@xl,
  .uk-width-5-6\@xl,
  .uk-width-small\@xl,
  .uk-width-medium\@xl,
  .uk-width-large\@xl,
  .uk-width-xlarge\@xl,
  .uk-width-2xlarge\@xl,
  .uk-width-auto\@xl {
    flex: initial;
  }
}
/* Intrinsic Widths
 ========================================================================== */
.uk-width-max-content {
  width: max-content;
}

.uk-width-min-content {
  width: min-content;
}

/* ========================================================================
   Component: Height
 ========================================================================== */
[class*=uk-height] {
  box-sizing: border-box;
}

/*
 * Only works if parent element has a height set
 */
.uk-height-1-1 {
  height: 100%;
}

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

.uk-height-viewport-2 {
  min-height: 200vh;
}

.uk-height-viewport-3 {
  min-height: 300vh;
}

.uk-height-viewport-4 {
  min-height: 400vh;
}

/*
 * Pixel
 * Useful for `overflow: auto`
 */
.uk-height-small {
  height: 150px;
}

.uk-height-medium {
  height: 300px;
}

.uk-height-large {
  height: 450px;
}

.uk-height-max-small {
  max-height: 150px;
}

.uk-height-max-medium {
  max-height: 300px;
}

.uk-height-max-large {
  max-height: 450px;
}

/* ========================================================================
   Component: Text
 ========================================================================== */
/* Style modifiers
 ========================================================================== */
.uk-text-lead {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #333;
}

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

/* Size modifiers
 ========================================================================== */
.uk-text-small {
  font-size: 0.875rem;
  line-height: 1.5;
}

.uk-text-large {
  font-size: 1.5rem;
  line-height: 1.5;
}

.uk-text-default {
  font-size: 16px;
  line-height: 1.5;
}

/* Weight modifier
 ========================================================================== */
.uk-text-light {
  font-weight: 300;
}

.uk-text-normal {
  font-weight: 400;
}

.uk-text-bold {
  font-weight: 700;
}

.uk-text-lighter {
  font-weight: lighter;
}

.uk-text-bolder {
  font-weight: bolder;
}

/* Style modifier
 ========================================================================== */
.uk-text-italic {
  font-style: italic;
}

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

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

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

/* Decoration modifier
 ========================================================================== */
.uk-text-decoration-none {
  text-decoration: none !important;
}

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

.uk-text-emphasis {
  color: #333 !important;
}

.uk-text-primary {
  color: #1e87f0 !important;
}

.uk-text-secondary {
  color: #222 !important;
}

.uk-text-success {
  color: #32d296 !important;
}

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

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

/* Background modifier
 ========================================================================== */
/*
 * 1. The background clips to the foreground text. Works in all browsers.
 * 2. Default color is set to transparent.
 * 3. Container fits the text
 * 4. Style
 */
.uk-text-background {
  /* 1 */
  -webkit-background-clip: text;
  /* 2 */
  color: transparent !important;
  /* 3 */
  display: inline-block;
  /* 4 */
  background-color: #1e87f0;
}

/* Alignment modifiers
 ========================================================================== */
.uk-text-left {
  text-align: left !important;
}

.uk-text-right {
  text-align: right !important;
}

.uk-text-center {
  text-align: center !important;
}

.uk-text-justify {
  text-align: justify !important;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-text-left\@s {
    text-align: left !important;
  }
  .uk-text-right\@s {
    text-align: right !important;
  }
  .uk-text-center\@s {
    text-align: center !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-text-left\@m {
    text-align: left !important;
  }
  .uk-text-right\@m {
    text-align: right !important;
  }
  .uk-text-center\@m {
    text-align: center !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-text-left\@l {
    text-align: left !important;
  }
  .uk-text-right\@l {
    text-align: right !important;
  }
  .uk-text-center\@l {
    text-align: center !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-text-left\@xl {
    text-align: left !important;
  }
  .uk-text-right\@xl {
    text-align: right !important;
  }
  .uk-text-center\@xl {
    text-align: center !important;
  }
}
/*
 * Vertical
 */
.uk-text-top {
  vertical-align: top !important;
}

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

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

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

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

/*
 * 1. Make sure a max-width is set after which truncation can occur
 * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
 * 3. Fix for table cells
 */
.uk-text-truncate {
  /* 1 */
  max-width: 100%;
  /* 2 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 2 */
th.uk-text-truncate,
td.uk-text-truncate {
  max-width: 0;
}

/*
 * Wrap long words onto the next line and break them if they are too long to fit.
 * 1. Make it work with table cells in all browsers.
 * Note: Not using `hyphens: auto` because it hyphenates text even if not needed.
 */
.uk-text-break {
  overflow-wrap: break-word;
}

/* 1 */
th.uk-text-break,
td.uk-text-break {
  word-break: break-word;
}

/* ========================================================================
   Component: Column
 ========================================================================== */
[class*=uk-column-] {
  column-gap: 30px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  [class*=uk-column-] {
    column-gap: 40px;
  }
}
/*
 * Fix image 1px line wrapping into the next column in Chrome
 */
[class*=uk-column-] img {
  transform: translate3d(0, 0, 0);
}

/* Divider
 ========================================================================== */
/*
 * 1. Double the column gap
 */
.uk-column-divider {
  column-rule: 1px solid #e5e5e5;
  /* 1 */
  column-gap: 60px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-column-divider {
    column-gap: 80px;
  }
}
/* Width modifiers
 ========================================================================== */
.uk-column-1-2 {
  column-count: 2;
}

.uk-column-1-3 {
  column-count: 3;
}

.uk-column-1-4 {
  column-count: 4;
}

.uk-column-1-5 {
  column-count: 5;
}

.uk-column-1-6 {
  column-count: 6;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-column-1-2\@s {
    column-count: 2;
  }
  .uk-column-1-3\@s {
    column-count: 3;
  }
  .uk-column-1-4\@s {
    column-count: 4;
  }
  .uk-column-1-5\@s {
    column-count: 5;
  }
  .uk-column-1-6\@s {
    column-count: 6;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-column-1-2\@m {
    column-count: 2;
  }
  .uk-column-1-3\@m {
    column-count: 3;
  }
  .uk-column-1-4\@m {
    column-count: 4;
  }
  .uk-column-1-5\@m {
    column-count: 5;
  }
  .uk-column-1-6\@m {
    column-count: 6;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-column-1-2\@l {
    column-count: 2;
  }
  .uk-column-1-3\@l {
    column-count: 3;
  }
  .uk-column-1-4\@l {
    column-count: 4;
  }
  .uk-column-1-5\@l {
    column-count: 5;
  }
  .uk-column-1-6\@l {
    column-count: 6;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-column-1-2\@xl {
    column-count: 2;
  }
  .uk-column-1-3\@xl {
    column-count: 3;
  }
  .uk-column-1-4\@xl {
    column-count: 4;
  }
  .uk-column-1-5\@xl {
    column-count: 5;
  }
  .uk-column-1-6\@xl {
    column-count: 6;
  }
}
/* Make element span across all columns
 * Does not work in Firefox yet
 ========================================================================== */
.uk-column-span {
  column-span: all;
}

/* ========================================================================
   Component: Cover
 ========================================================================== */
/*
 * Works with iframes and embedded content
 * 1. Use attribute to apply transform instantly. Needed if transform is transitioned.
 * 2. Reset responsiveness for embedded content
 * 3. Center object
 * Note: Percent values on the `top` property only works if this element
 *       is absolute positioned or if the container has a height
 */
/* 1 */
[uk-cover]:where(canvas, iframe, svg),
[data-uk-cover]:where(canvas, iframe, svg) {
  /* 2 */
  max-width: none;
  /* 3 */
  position: absolute;
  left: 50%;
  top: 50%;
  --uk-position-translate-x: -50%;
  --uk-position-translate-y: -50%;
  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
}

iframe[uk-cover],
iframe[data-uk-cover] {
  pointer-events: none;
}

[uk-cover]:where(img, video),
[data-uk-cover]:where(img, video) {
  /* 3 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  object-fit: cover;
  object-position: center;
}

/* Container
 ========================================================================== */
/*
 * 1. Parent container which clips resized object
 * 2. Needed if the child is positioned absolute. See note above
 */
.uk-cover-container {
  /* 1 */
  overflow: hidden;
  /* 2 */
  position: relative;
}

/* ========================================================================
   Component: Background
 ========================================================================== */
/* Color
 ========================================================================== */
.uk-background-default {
  background-color: #fff;
}

.uk-background-muted {
  background-color: #f8f8f8;
}

.uk-background-primary {
  background-color: #1e87f0;
}

.uk-background-secondary {
  background-color: #222;
}

/* Size
 ========================================================================== */
.uk-background-cover,
.uk-background-contain,
.uk-background-width-1-1,
.uk-background-height-1-1 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.uk-background-cover {
  background-size: cover;
}

.uk-background-contain {
  background-size: contain;
}

.uk-background-width-1-1 {
  background-size: 100%;
}

.uk-background-height-1-1 {
  background-size: auto 100%;
}

/* Position
 ========================================================================== */
.uk-background-top-left {
  background-position: 0 0;
}

.uk-background-top-center {
  background-position: 50% 0;
}

.uk-background-top-right {
  background-position: 100% 0;
}

.uk-background-center-left {
  background-position: 0 50%;
}

.uk-background-center-center {
  background-position: 50% 50%;
}

.uk-background-center-right {
  background-position: 100% 50%;
}

.uk-background-bottom-left {
  background-position: 0 100%;
}

.uk-background-bottom-center {
  background-position: 50% 100%;
}

.uk-background-bottom-right {
  background-position: 100% 100%;
}

/* Repeat
 ========================================================================== */
.uk-background-norepeat {
  background-repeat: no-repeat;
}

/* Attachment
 ========================================================================== */
/*
 * 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d`
 */
.uk-background-fixed {
  background-attachment: fixed;
  /* 1 */
  backface-visibility: hidden;
}

/*
 * Exclude touch devices because `fixed` doesn't work on iOS and Android
 */
@media (pointer: coarse) {
  .uk-background-fixed {
    background-attachment: scroll;
  }
}
/* Image
 ========================================================================== */
/* Phone portrait and smaller */
@media (max-width: 639px) {
  .uk-background-image\@s {
    background-image: none !important;
  }
}
/* Phone landscape and smaller */
@media (max-width: 959px) {
  .uk-background-image\@m {
    background-image: none !important;
  }
}
/* Tablet landscape and smaller */
@media (max-width: 1199px) {
  .uk-background-image\@l {
    background-image: none !important;
  }
}
/* Desktop and smaller */
@media (max-width: 1599px) {
  .uk-background-image\@xl {
    background-image: none !important;
  }
}
/* Blend modes
 ========================================================================== */
.uk-background-blend-multiply {
  background-blend-mode: multiply;
}

.uk-background-blend-screen {
  background-blend-mode: screen;
}

.uk-background-blend-overlay {
  background-blend-mode: overlay;
}

.uk-background-blend-darken {
  background-blend-mode: darken;
}

.uk-background-blend-lighten {
  background-blend-mode: lighten;
}

.uk-background-blend-color-dodge {
  background-blend-mode: color-dodge;
}

.uk-background-blend-color-burn {
  background-blend-mode: color-burn;
}

.uk-background-blend-hard-light {
  background-blend-mode: hard-light;
}

.uk-background-blend-soft-light {
  background-blend-mode: soft-light;
}

.uk-background-blend-difference {
  background-blend-mode: difference;
}

.uk-background-blend-exclusion {
  background-blend-mode: exclusion;
}

.uk-background-blend-hue {
  background-blend-mode: hue;
}

.uk-background-blend-saturation {
  background-blend-mode: saturation;
}

.uk-background-blend-color {
  background-blend-mode: color;
}

.uk-background-blend-luminosity {
  background-blend-mode: luminosity;
}

/* ========================================================================
   Component: Align
 ========================================================================== */
/*
 * Default
 */
[class*=uk-align] {
  display: block;
  margin-bottom: 30px;
}

* + [class*=uk-align] {
  margin-top: 30px;
}

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

/*
 * Left/Right
 */
.uk-align-left {
  margin-top: 0;
  margin-right: 30px;
  float: left;
}

.uk-align-right {
  margin-top: 0;
  margin-left: 30px;
  float: right;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-align-left\@s {
    margin-top: 0;
    margin-right: 30px;
    float: left;
  }
  .uk-align-right\@s {
    margin-top: 0;
    margin-left: 30px;
    float: right;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-align-left\@m {
    margin-top: 0;
    margin-right: 30px;
    float: left;
  }
  .uk-align-right\@m {
    margin-top: 0;
    margin-left: 30px;
    float: right;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-align-left\@l {
    margin-top: 0;
    float: left;
  }
  .uk-align-right\@l {
    margin-top: 0;
    float: right;
  }
  .uk-align-left,
  .uk-align-left\@s,
  .uk-align-left\@m,
  .uk-align-left\@l {
    margin-right: 40px;
  }
  .uk-align-right,
  .uk-align-right\@s,
  .uk-align-right\@m,
  .uk-align-right\@l {
    margin-left: 40px;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-align-left\@xl {
    margin-top: 0;
    margin-right: 40px;
    float: left;
  }
  .uk-align-right\@xl {
    margin-top: 0;
    margin-left: 40px;
    float: right;
  }
}
/* ========================================================================
   Component: SVG
 ========================================================================== */
/*
 * 1. Fill all SVG elements with the current text color if no `fill` attribute is set
 * 2. Set the fill and stroke color of all SVG elements to the current text color
 */
/* 1 */
.uk-svg,
.uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
  fill: currentcolor;
}

.uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  stroke: currentcolor;
}

/*
 * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
 */
.uk-svg {
  transform: translate(0, 0);
}

/* ========================================================================
   Component: Utility
 ========================================================================== */
/* Panel
 ========================================================================== */
.uk-panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}

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

/*
 * Scrollable
 */
.uk-panel-scrollable {
  height: 170px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  overflow: auto;
  resize: both;
}

/* Clearfix
 ========================================================================== */
/*
 * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * 2. `table` is used again with `::after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */
/* 1 */
.uk-clearfix::before {
  content: "";
  display: table-cell;
}

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

/* Float
 ========================================================================== */
/*
 * 1. Prevent content overflow
 */
.uk-float-left {
  float: left;
}

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

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

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

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

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

/* Box Sizing
 ========================================================================== */
.uk-box-sizing-content {
  box-sizing: content-box;
}

.uk-box-sizing-border {
  box-sizing: border-box;
}

/* Resize
 ========================================================================== */
.uk-resize {
  resize: both;
}

.uk-resize-horizontal {
  resize: horizontal;
}

.uk-resize-vertical {
  resize: vertical;
}

/* Display
 ========================================================================== */
.uk-display-block {
  display: block !important;
}

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

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

/* Inline
 ========================================================================== */
/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Behave like most inline-block elements
 * 5. Force new layer without creating a new stacking context
 *    to fix 1px glitch when combined with overlays and transitions in Webkit
 * 6. Clip child elements
 */
[class*=uk-inline] {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
  /* 5 */
  -webkit-backface-visibility: hidden;
}

.uk-inline-clip {
  /* 6 */
  overflow: hidden;
}

/* Responsive objects
 ========================================================================== */
/*
 * Preserve original dimensions
 * Because `img, `video`, `canvas` and  `audio` are already responsive by default, see Base component
 */
.uk-preserve-width,
.uk-preserve-width canvas,
.uk-preserve-width img,
.uk-preserve-width svg,
.uk-preserve-width video {
  max-width: none;
}

/*
 * Responsiveness
 * Corrects `max-width` and `max-height` behavior if padding and border are used
 */
.uk-responsive-width,
.uk-responsive-height {
  box-sizing: border-box;
}

/*
 * 1. Set a maximum width. `important` needed to override `uk-preserve-width img`
 * 2. Auto scale the height. Only needed if `height` attribute is present
 */
.uk-responsive-width {
  /* 1 */
  max-width: 100% !important;
  /* 2 */
  height: auto;
}

/*
 * 1. Set a maximum height. Only works if the parent element has a fixed height
 * 2. Auto scale the width. Only needed if `width` attribute is present
 * 3. Reset max-width, which `img, `video`, `canvas` and  `audio` already have by default
 */
.uk-responsive-height {
  /* 1 */
  max-height: 100%;
  /* 2 */
  width: auto;
  /* 3 */
  max-width: none;
}

/*
 * Fix initial iframe width. Without the viewport is expanded on iOS devices
 */
[uk-responsive],
[data-uk-responsive] {
  max-width: 100%;
}

/* Object
 ========================================================================== */
.uk-object-cover {
  object-fit: cover;
}

.uk-object-contain {
  object-fit: contain;
}

.uk-object-fill {
  object-fit: fill;
}

.uk-object-none {
  object-fit: none;
}

.uk-object-scale-down {
  object-fit: scale-down;
}

/*
 * Position
 */
.uk-object-top-left {
  object-position: 0 0;
}

.uk-object-top-center {
  object-position: 50% 0;
}

.uk-object-top-right {
  object-position: 100% 0;
}

.uk-object-center-left {
  object-position: 0 50%;
}

.uk-object-center-center {
  object-position: 50% 50%;
}

.uk-object-center-right {
  object-position: 100% 50%;
}

.uk-object-bottom-left {
  object-position: 0 100%;
}

.uk-object-bottom-center {
  object-position: 50% 100%;
}

.uk-object-bottom-right {
  object-position: 100% 100%;
}

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

.uk-border-pill {
  border-radius: 500px;
}

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

/*
 * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
 */
.uk-inline-clip[class*=uk-border-] {
  -webkit-transform: translateZ(0);
}

/* Box-shadow
 ========================================================================== */
.uk-box-shadow-small {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-medium {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-large {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

.uk-box-shadow-xlarge {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}

/*
 * Hover
 */
[class*=uk-box-shadow-hover] {
  transition: box-shadow 0.1s ease-in-out;
}

.uk-box-shadow-hover-small:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-hover-medium:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-hover-large:hover {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

.uk-box-shadow-hover-xlarge:hover {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}

/* Box-shadow bottom
 ========================================================================== */
/*
 * 1. Set position.
 * 2. Set style
 * 3. Fix shadow being clipped in Safari if container is animated
 */
@supports (filter: blur(0)) {
  .uk-box-shadow-bottom {
    display: inline-block;
    position: relative;
    z-index: 0;
    max-width: 100%;
    vertical-align: middle;
  }
  .uk-box-shadow-bottom::after {
    content: "";
    /* 1 */
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    z-index: -1;
    /* 2 */
    height: 30px;
    border-radius: 100%;
    background: #444;
    filter: blur(20px);
    /* 3 */
    will-change: filter;
  }
}
/* Drop cap
 ========================================================================== */
/*
 * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
 *    https://bugzilla.mozilla.org/show_bug.cgi?id=214004
 * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
 *    https://bugzilla.mozilla.org/show_bug.cgi?id=317933
 */
.uk-dropcap::first-letter,
.uk-dropcap > p:first-of-type::first-letter {
  display: block;
  margin-right: 10px;
  float: left;
  font-size: 4.5em;
  line-height: 1;
}

/* 2 */
@-moz-document url-prefix() {
  .uk-dropcap::first-letter,
  .uk-dropcap > p:first-of-type::first-letter {
    margin-top: 1.1%;
  }
}
/* Logo
 ========================================================================== */
/*
 * 1. Style
 * 2. Required for `a`
 * 3. Behave like image but can be overridden through flex utility classes
 */
.uk-logo {
  /* 1 */
  font-size: 1.5rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #333;
  /* 2 */
  text-decoration: none;
}

/* 3 */
:where(.uk-logo) {
  display: inline-block;
  vertical-align: middle;
}

/* Hover */
.uk-logo:hover {
  color: #333;
  /* 1 */
  text-decoration: none;
}

.uk-logo :where(img, svg, video) {
  display: block;
}

.uk-logo-inverse {
  display: none;
}

/* Disabled State
 ========================================================================== */
.uk-disabled {
  pointer-events: none;
}

/* Drag State
 ========================================================================== */
/*
 * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons
 * 2. Fix dragging over iframes
 */
.uk-drag,
.uk-drag * {
  cursor: move;
}

/* 2 */
.uk-drag iframe {
  pointer-events: none;
}

/* Dragover State
 ========================================================================== */
/*
 * Create a box-shadow when dragging a file over the upload area
 */
.uk-dragover {
  box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
}

/* Blend modes
 ========================================================================== */
.uk-blend-multiply {
  mix-blend-mode: multiply;
}

.uk-blend-screen {
  mix-blend-mode: screen;
}

.uk-blend-overlay {
  mix-blend-mode: overlay;
}

.uk-blend-darken {
  mix-blend-mode: darken;
}

.uk-blend-lighten {
  mix-blend-mode: lighten;
}

.uk-blend-color-dodge {
  mix-blend-mode: color-dodge;
}

.uk-blend-color-burn {
  mix-blend-mode: color-burn;
}

.uk-blend-hard-light {
  mix-blend-mode: hard-light;
}

.uk-blend-soft-light {
  mix-blend-mode: soft-light;
}

.uk-blend-difference {
  mix-blend-mode: difference;
}

.uk-blend-exclusion {
  mix-blend-mode: exclusion;
}

.uk-blend-hue {
  mix-blend-mode: hue;
}

.uk-blend-saturation {
  mix-blend-mode: saturation;
}

.uk-blend-color {
  mix-blend-mode: color;
}

.uk-blend-luminosity {
  mix-blend-mode: luminosity;
}

/* Transform
========================================================================== */
.uk-transform-center {
  transform: translate(-50%, -50%);
}

/* Transform Origin
========================================================================== */
.uk-transform-origin-top-left {
  transform-origin: 0 0;
}

.uk-transform-origin-top-center {
  transform-origin: 50% 0;
}

.uk-transform-origin-top-right {
  transform-origin: 100% 0;
}

.uk-transform-origin-center-left {
  transform-origin: 0 50%;
}

.uk-transform-origin-center-right {
  transform-origin: 100% 50%;
}

.uk-transform-origin-bottom-left {
  transform-origin: 0 100%;
}

.uk-transform-origin-bottom-center {
  transform-origin: 50% 100%;
}

.uk-transform-origin-bottom-right {
  transform-origin: 100% 100%;
}

/* ========================================================================
   Component: Flex
 ========================================================================== */
.uk-flex {
  display: flex;
}

.uk-flex-inline {
  display: inline-flex;
}

/* Alignment
 ========================================================================== */
/*
 * Align items along the main axis of the current line of the flex container
 * Row: Horizontal
 */
.uk-flex-left {
  justify-content: flex-start;
}

.uk-flex-center {
  justify-content: center;
}

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

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

.uk-flex-around {
  justify-content: space-around;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-left\@s {
    justify-content: flex-start;
  }
  .uk-flex-center\@s {
    justify-content: center;
  }
  .uk-flex-right\@s {
    justify-content: flex-end;
  }
  .uk-flex-between\@s {
    justify-content: space-between;
  }
  .uk-flex-around\@s {
    justify-content: space-around;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-left\@m {
    justify-content: flex-start;
  }
  .uk-flex-center\@m {
    justify-content: center;
  }
  .uk-flex-right\@m {
    justify-content: flex-end;
  }
  .uk-flex-between\@m {
    justify-content: space-between;
  }
  .uk-flex-around\@m {
    justify-content: space-around;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-left\@l {
    justify-content: flex-start;
  }
  .uk-flex-center\@l {
    justify-content: center;
  }
  .uk-flex-right\@l {
    justify-content: flex-end;
  }
  .uk-flex-between\@l {
    justify-content: space-between;
  }
  .uk-flex-around\@l {
    justify-content: space-around;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-left\@xl {
    justify-content: flex-start;
  }
  .uk-flex-center\@xl {
    justify-content: center;
  }
  .uk-flex-right\@xl {
    justify-content: flex-end;
  }
  .uk-flex-between\@xl {
    justify-content: space-between;
  }
  .uk-flex-around\@xl {
    justify-content: space-around;
  }
}
/*
 * Align items in the cross axis of the current line of the flex container
 * Row: Vertical
 */
.uk-flex-stretch {
  align-items: stretch;
}

.uk-flex-top {
  align-items: flex-start;
}

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

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

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-stretch\@s {
    align-items: stretch;
  }
  .uk-flex-top\@s {
    align-items: flex-start;
  }
  .uk-flex-middle\@s {
    align-items: center;
  }
  .uk-flex-bottom\@s {
    align-items: flex-end;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-stretch\@m {
    align-items: stretch;
  }
  .uk-flex-top\@m {
    align-items: flex-start;
  }
  .uk-flex-middle\@m {
    align-items: center;
  }
  .uk-flex-bottom\@m {
    align-items: flex-end;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-stretch\@l {
    align-items: stretch;
  }
  .uk-flex-top\@l {
    align-items: flex-start;
  }
  .uk-flex-middle\@l {
    align-items: center;
  }
  .uk-flex-bottom\@l {
    align-items: flex-end;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-stretch\@xl {
    align-items: stretch;
  }
  .uk-flex-top\@xl {
    align-items: flex-start;
  }
  .uk-flex-middle\@xl {
    align-items: center;
  }
  .uk-flex-bottom\@xl {
    align-items: flex-end;
  }
}
/* Direction
 ========================================================================== */
.uk-flex-row {
  flex-direction: row;
}

.uk-flex-row-reverse {
  flex-direction: row-reverse;
}

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

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

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-row\@s {
    flex-direction: row;
  }
  .uk-flex-column\@s {
    flex-direction: column;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-row\@m {
    flex-direction: row;
  }
  .uk-flex-column\@m {
    flex-direction: column;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-row\@l {
    flex-direction: row;
  }
  .uk-flex-column\@l {
    flex-direction: column;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-row\@xl {
    flex-direction: row;
  }
  .uk-flex-column\@xl {
    flex-direction: column;
  }
}
/* Wrap
 ========================================================================== */
.uk-flex-nowrap {
  flex-wrap: nowrap;
}

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

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

/*
 * Aligns items within the flex container when there is extra space in the cross-axis
 * Only works if there is more than one line of flex items
 */
.uk-flex-wrap-stretch {
  align-content: stretch;
}

.uk-flex-wrap-top {
  align-content: flex-start;
}

.uk-flex-wrap-middle {
  align-content: center;
}

.uk-flex-wrap-bottom {
  align-content: flex-end;
}

.uk-flex-wrap-between {
  align-content: space-between;
}

.uk-flex-wrap-around {
  align-content: space-around;
}

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

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

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-first\@s {
    order: -1;
  }
  .uk-flex-last\@s {
    order: 99;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-first\@m {
    order: -1;
  }
  .uk-flex-last\@m {
    order: 99;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-first\@l {
    order: -1;
  }
  .uk-flex-last\@l {
    order: 99;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-first\@xl {
    order: -1;
  }
  .uk-flex-last\@xl {
    order: 99;
  }
}
/* Item dimensions
 ========================================================================== */
/*
 * Initial: 0 1 auto
 * Content dimensions, but shrinks
 */
.uk-flex-initial {
  flex: initial;
}

/*
 * No Flex: 0 0 auto
 * Content dimensions
 */
.uk-flex-none {
  flex: none;
}

/*
 * Relative Flex: 1 1 auto
 * Space is allocated considering content
 */
.uk-flex-auto {
  flex: auto;
}

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

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-initial\@s {
    flex: initial;
  }
  .uk-flex-none\@s {
    flex: none;
  }
  .uk-flex-1\@s {
    flex: 1;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-initial\@m {
    flex: initial;
  }
  .uk-flex-none\@m {
    flex: none;
  }
  .uk-flex-1\@m {
    flex: 1;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-initial\@l {
    flex: initial;
  }
  .uk-flex-none\@l {
    flex: none;
  }
  .uk-flex-1\@l {
    flex: 1;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-initial\@xl {
    flex: initial;
  }
  .uk-flex-none\@xl {
    flex: none;
  }
  .uk-flex-1\@xl {
    flex: 1;
  }
}
/* ========================================================================
   Component: Margin
 ========================================================================== */
/*
 * Default
 */
.uk-margin {
  margin-bottom: 20px;
}

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

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

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

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

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

/* Small
 ========================================================================== */
.uk-margin-small {
  margin-bottom: 10px;
}

* + .uk-margin-small {
  margin-top: 10px !important;
}

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

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

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

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

/* Medium
 ========================================================================== */
.uk-margin-medium {
  margin-bottom: 40px;
}

* + .uk-margin-medium {
  margin-top: 40px !important;
}

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

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

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

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

/* Large
 ========================================================================== */
.uk-margin-large {
  margin-bottom: 40px;
}

* + .uk-margin-large {
  margin-top: 40px !important;
}

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

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

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

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

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-margin-large {
    margin-bottom: 70px;
  }
  * + .uk-margin-large {
    margin-top: 70px !important;
  }
  .uk-margin-large-top {
    margin-top: 70px !important;
  }
  .uk-margin-large-bottom {
    margin-bottom: 70px !important;
  }
  .uk-margin-large-left {
    margin-left: 70px !important;
  }
  .uk-margin-large-right {
    margin-right: 70px !important;
  }
}
/* XLarge
 ========================================================================== */
.uk-margin-xlarge {
  margin-bottom: 70px;
}

* + .uk-margin-xlarge {
  margin-top: 70px !important;
}

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

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

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

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

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-margin-xlarge {
    margin-bottom: 140px;
  }
  * + .uk-margin-xlarge {
    margin-top: 140px !important;
  }
  .uk-margin-xlarge-top {
    margin-top: 140px !important;
  }
  .uk-margin-xlarge-bottom {
    margin-bottom: 140px !important;
  }
  .uk-margin-xlarge-left {
    margin-left: 140px !important;
  }
  .uk-margin-xlarge-right {
    margin-right: 140px !important;
  }
}
/* Auto
 ========================================================================== */
.uk-margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.uk-margin-auto-top {
  margin-top: auto !important;
}

.uk-margin-auto-bottom {
  margin-bottom: auto !important;
}

.uk-margin-auto-left {
  margin-left: auto !important;
}

.uk-margin-auto-right {
  margin-right: auto !important;
}

.uk-margin-auto-vertical {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-margin-auto\@s {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@s {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@s {
    margin-right: auto !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-margin-auto\@m {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@m {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@m {
    margin-right: auto !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-margin-auto\@l {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@l {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@l {
    margin-right: auto !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-margin-auto\@xl {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@xl {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@xl {
    margin-right: auto !important;
  }
}
/* Remove
 ========================================================================== */
.uk-margin-remove {
  margin: 0 !important;
}

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

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

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

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

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

.uk-margin-remove-adjacent + *,
.uk-margin-remove-first-child > :first-child {
  margin-top: 0 !important;
}

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

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-margin-remove-left\@s {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@s {
    margin-right: 0 !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-margin-remove-left\@m {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@m {
    margin-right: 0 !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-margin-remove-left\@l {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@l {
    margin-right: 0 !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-margin-remove-left\@xl {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@xl {
    margin-right: 0 !important;
  }
}
/* ========================================================================
   Component: Padding
 ========================================================================== */
.uk-padding {
  padding: 30px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-padding {
    padding: 40px;
  }
}
/* Small
 ========================================================================== */
.uk-padding-small {
  padding: 15px;
}

/* Large
 ========================================================================== */
.uk-padding-large {
  padding: 40px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-padding-large {
    padding: 70px;
  }
}
/* Remove
 ========================================================================== */
.uk-padding-remove {
  padding: 0 !important;
}

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

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

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

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

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

.uk-padding-remove-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ========================================================================
   Component: Position
 ========================================================================== */
:root {
  --uk-position-margin-offset: 0px;
}

/* Directions
 ========================================================================== */
/*
 * 1. Prevent content overflow.
 */
[class*=uk-position-top],
[class*=uk-position-bottom],
[class*=uk-position-left],
[class*=uk-position-right],
[class*=uk-position-center] {
  position: absolute !important;
  /* 1 */
  max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
  box-sizing: border-box;
}

/*
 * Edges
 * Don't use `width: 100%` because it's wrong if the parent has padding.
 */
.uk-position-top {
  top: 0;
  left: 0;
  right: 0;
}

.uk-position-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}

.uk-position-left {
  top: 0;
  bottom: 0;
  left: 0;
}

.uk-position-right {
  top: 0;
  bottom: 0;
  right: 0;
}

/*
 * Corners
 */
.uk-position-top-left {
  top: 0;
  left: 0;
}

.uk-position-top-right {
  top: 0;
  right: 0;
}

.uk-position-bottom-left {
  bottom: 0;
  left: 0;
}

.uk-position-bottom-right {
  bottom: 0;
  right: 0;
}

/*
 * Center
 * 1. Fix text wrapping if content is larger than 50% of the container.
 *    Using `max-content` requires `max-width` of 100% which is set generally.
 */
.uk-position-center {
  top: calc(50% - var(--uk-position-margin-offset));
  left: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-x: -50%;
  --uk-position-translate-y: -50%;
  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
  /* 1 */
  width: max-content;
}

/* Vertical */
[class*=uk-position-center-left],
[class*=uk-position-center-right],
.uk-position-center-vertical {
  top: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-y: -50%;
  transform: translate(0, var(--uk-position-translate-y));
}

.uk-position-center-left {
  left: 0;
}

.uk-position-center-right {
  right: 0;
}

.uk-position-center-vertical {
  left: 0;
  right: 0;
}

.uk-position-center-left-out {
  right: 100%;
  width: max-content;
}

.uk-position-center-right-out {
  left: 100%;
  width: max-content;
}

/* Horizontal */
.uk-position-top-center,
.uk-position-bottom-center,
.uk-position-center-horizontal {
  left: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-x: -50%;
  transform: translate(var(--uk-position-translate-x), 0);
  /* 1 */
  width: max-content;
}

.uk-position-top-center {
  top: 0;
}

.uk-position-bottom-center {
  bottom: 0;
}

.uk-position-center-horizontal {
  top: 0;
  bottom: 0;
}

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

/* Margin
 ========================================================================== */
.uk-position-small {
  margin: 15px;
  --uk-position-margin-offset: 15px;
}

.uk-position-medium {
  margin: 30px;
  --uk-position-margin-offset: 30px;
}

.uk-position-large {
  margin: 30px;
  --uk-position-margin-offset: 30px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-position-large {
    margin: 50px;
    --uk-position-margin-offset: 50px;
  }
}
/* Schemes
 ========================================================================== */
.uk-position-relative {
  position: relative !important;
}

.uk-position-absolute {
  position: absolute !important;
}

.uk-position-fixed {
  position: fixed !important;
}

.uk-position-sticky {
  position: sticky !important;
}

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

.uk-position-z-index-zero {
  z-index: 0;
}

.uk-position-z-index-negative {
  z-index: -1;
}

.uk-position-z-index-high {
  z-index: 990;
}

/* ========================================================================
   Component: Transition
 ========================================================================== */
/* Transitions
 ========================================================================== */
/*
 * The toggle is triggered on touch devices by two methods:
 * 1. Using `:focus` and tabindex
 * 2. Using `:hover` and a `touchstart` event listener registered on the document
 *    (Doesn't work on Surface touch devices)
 */
:where(.uk-transition-fade),
:where([class*=uk-transition-scale]),
:where([class*=uk-transition-slide]) {
  --uk-position-translate-x: 0;
  --uk-position-translate-y: 0;
}

.uk-transition-fade,
[class*=uk-transition-scale],
[class*=uk-transition-slide] {
  --uk-translate-x: 0;
  --uk-translate-y: 0;
  --uk-scale-x: 1;
  --uk-scale-y: 1;
  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y));
  transition: 0.3s ease-out;
  transition-property: opacity, transform, filter;
  opacity: 0;
}

/*
 * Fade
 */
.uk-transition-toggle:hover .uk-transition-fade,
.uk-transition-toggle:focus .uk-transition-fade,
.uk-transition-toggle .uk-transition-fade:focus-within,
.uk-transition-active.uk-active .uk-transition-fade {
  opacity: 1;
}

/*
 * Scale
 * 1. Make image rendering the same during the transition as before and after. Prefixed because of Safari.
 */
/* 1 */
[class*=uk-transition-scale] {
  -webkit-backface-visibility: hidden;
}

.uk-transition-scale-up {
  --uk-scale-x: 1;
  --uk-scale-y: 1;
}

.uk-transition-scale-down {
  --uk-scale-x: 1.03;
  --uk-scale-y: 1.03;
}

/* Show */
.uk-transition-toggle:hover .uk-transition-scale-up,
.uk-transition-toggle:focus .uk-transition-scale-up,
.uk-transition-toggle .uk-transition-scale-up:focus-within,
.uk-transition-active.uk-active .uk-transition-scale-up {
  --uk-scale-x: 1.03;
  --uk-scale-y: 1.03;
  opacity: 1;
}

.uk-transition-toggle:hover .uk-transition-scale-down,
.uk-transition-toggle:focus .uk-transition-scale-down,
.uk-transition-toggle .uk-transition-scale-down:focus-within,
.uk-transition-active.uk-active .uk-transition-scale-down {
  --uk-scale-x: 1;
  --uk-scale-y: 1;
  opacity: 1;
}

/*
 * Slide
 */
.uk-transition-slide-top {
  --uk-translate-y: -100%;
}

.uk-transition-slide-bottom {
  --uk-translate-y: 100%;
}

.uk-transition-slide-left {
  --uk-translate-x: -100%;
}

.uk-transition-slide-right {
  --uk-translate-x: 100%;
}

.uk-transition-slide-top-small {
  --uk-translate-y: calc(-1 * 10px);
}

.uk-transition-slide-bottom-small {
  --uk-translate-y: 10px;
}

.uk-transition-slide-left-small {
  --uk-translate-x: calc(-1 * 10px);
}

.uk-transition-slide-right-small {
  --uk-translate-x: 10px;
}

.uk-transition-slide-top-medium {
  --uk-translate-y: calc(-1 * 50px);
}

.uk-transition-slide-bottom-medium {
  --uk-translate-y: 50px;
}

.uk-transition-slide-left-medium {
  --uk-translate-x: calc(-1 * 50px);
}

.uk-transition-slide-right-medium {
  --uk-translate-x: 50px;
}

/* Show */
.uk-transition-toggle:hover [class*=uk-transition-slide],
.uk-transition-toggle:focus [class*=uk-transition-slide],
.uk-transition-toggle [class*=uk-transition-slide]:focus-within,
.uk-transition-active.uk-active [class*=uk-transition-slide] {
  --uk-translate-x: 0;
  --uk-translate-y: 0;
  opacity: 1;
}

/* Opacity modifier
 ========================================================================== */
.uk-transition-opaque {
  opacity: 1;
}

/* Duration modifier
 ========================================================================== */
.uk-transition-slow {
  transition-duration: 0.7s;
}

/* Disable modifier
 ========================================================================== */
.uk-transition-disable,
.uk-transition-disable * {
  transition: none !important;
}

/* ========================================================================
   Component: Visibility
 ========================================================================== */
/*
 * Hidden
 * `hidden` attribute also set here to make it stronger
 */
[hidden],
.uk-hidden {
  display: none !important;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-hidden\@s {
    display: none !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-hidden\@m {
    display: none !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-hidden\@l {
    display: none !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-hidden\@xl {
    display: none !important;
  }
}
/*
 * Visible
 */
/* Phone portrait and smaller */
@media (max-width: 639px) {
  .uk-visible\@s {
    display: none !important;
  }
}
/* Phone landscape and smaller */
@media (max-width: 959px) {
  .uk-visible\@m {
    display: none !important;
  }
}
/* Tablet landscape and smaller */
@media (max-width: 1199px) {
  .uk-visible\@l {
    display: none !important;
  }
}
/* Desktop and smaller */
@media (max-width: 1599px) {
  .uk-visible\@xl {
    display: none !important;
  }
}
/* Visibility
 ========================================================================== */
.uk-invisible {
  visibility: hidden !important;
}

/* Based on the State of the Parent Element
 ========================================================================== */
/*
 * Mind that `display: none`, `visibility: hidden` and `opacity: 0`
 * remove the element from the accessibility tree and that
 * `display: none` and `visibility: hidden` are not focusable.
 *
 * The target stays visible if any element within receives focus through keyboard.
 */
/*
 * Remove space when hidden.
 * 1. Remove from document flow.
 * 2. Hide element and shrink its dimension. Can't use zero dimensions together
 *    with `overflow: hidden` it would remove it from the accessibility tree.
 * 3. Hide the single rendered pixel.
 * 4. Prevent text wrapping caused by `width: 1px` because it has side effects on vocalisation
 *    by screen readers and the visual tracking indicator of other assistive technologies.
 */
.uk-hidden-visually:not(:focus):not(:active):not(:focus-within),
.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
  /* 1 */
  position: absolute !important;
  /* 2 */
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  /* 3 */
  clip-path: inset(50%) !important;
  /* 4 */
  white-space: nowrap !important;
}

/*
 * Keep space when hidden.
 * Hide element without shrinking its dimension.
 * Unfortunately, can't use `clip-path: inset(50%)` because hover won't work
 * if the element is positioned outside of the toggle box.
 */
.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
  opacity: 0 !important;
}

/* Based on Hover Capability of the Pointing Device
 ========================================================================== */
/*
 * Hover
 */
/* Hide if primary pointing device doesn't support hover, e.g. touch screens. */
@media (hover: none) {
  .uk-hidden-touch {
    display: none !important;
  }
}
/* Hide if primary pointing device supports hover, e.g. mice. */
@media (hover) {
  .uk-hidden-notouch {
    display: none !important;
  }
}
/* ========================================================================
   Component: Inverse
 ========================================================================== */
/*
 * Implemented class depends on the general theme color
 * `uk-light` is for light colors on dark backgrounds
 * `uk-dark` is or dark colors on light backgrounds
 */
/*
 * Pass dropbar behind color to JS
 */
* {
  --uk-inverse: initial;
}

.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*=uk-card-media]), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*=uk-card-media]), .uk-overlay-primary, .uk-offcanvas-bar {
  --uk-inverse: light;
}

.uk-dark, .uk-section-default:not(.uk-preserve-color), .uk-section-muted:not(.uk-preserve-color), .uk-tile-default:not(.uk-preserve-color), .uk-tile-muted:not(.uk-preserve-color), .uk-card-default.uk-card-body, .uk-card-default > :not([class*=uk-card-media]), .uk-overlay-default, .uk-dropbar, .uk-navbar-container:not(.uk-navbar-transparent), .uk-navbar-dropdown, .uk-dropdown {
  --uk-inverse: dark;
}

.uk-inverse-light {
  --uk-inverse: light !important;
}

.uk-inverse-dark {
  --uk-inverse: dark !important;
}

/* ========================================================================
   Component: Print
 ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/animate.css/animate.min.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.animate__slideOutUp{animation-name:slideOutUp}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/boxicons/css/boxicons.min.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************/
@font-face{font-family:boxicons;font-weight:400;font-style:normal;src:url('boxicons.eot');src:url('boxicons.eot') format('embedded-opentype'),url('boxicons.woff2') format('woff2'),url('boxicons.woff') format('woff'),url('boxicons.ttf') format('truetype'),url('boxicons.svg?#boxicons') format('svg')}.bx{font-family:boxicons!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;display:inline-block;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bx-ul{margin-left:2em;padding-left:0;list-style:none}.bx-ul>li{position:relative}.bx-ul .bx{font-size:inherit;line-height:inherit;position:absolute;left:-2em;width:2em;text-align:center}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@keyframes burst{0%{transform:scale(1);opacity:1}90%{transform:scale(1.5);opacity:0}}@keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@keyframes fade-left{0%{transform:translateX(0);opacity:1}75%{transform:translateX(-20px);opacity:0}}@keyframes fade-right{0%{transform:translateX(0);opacity:1}75%{transform:translateX(20px);opacity:0}}@keyframes fade-up{0%{transform:translateY(0);opacity:1}75%{transform:translateY(-20px);opacity:0}}@keyframes fade-down{0%{transform:translateY(0);opacity:1}75%{transform:translateY(20px);opacity:0}}@keyframes tada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{transform:rotate3d(0,0,1,-10deg)}to{transform:scale3d(1,1,1)}}.bx-spin{animation:spin 2s linear infinite}.bx-spin-hover:hover{animation:spin 2s linear infinite}.bx-tada{animation:tada 1.5s ease infinite}.bx-tada-hover:hover{animation:tada 1.5s ease infinite}.bx-flashing{animation:flashing 1.5s infinite linear}.bx-flashing-hover:hover{animation:flashing 1.5s infinite linear}.bx-burst{animation:burst 1.5s infinite linear}.bx-burst-hover:hover{animation:burst 1.5s infinite linear}.bx-fade-up{animation:fade-up 1.5s infinite linear}.bx-fade-up-hover:hover{animation:fade-up 1.5s infinite linear}.bx-fade-down{animation:fade-down 1.5s infinite linear}.bx-fade-down-hover:hover{animation:fade-down 1.5s infinite linear}.bx-fade-left{animation:fade-left 1.5s infinite linear}.bx-fade-left-hover:hover{animation:fade-left 1.5s infinite linear}.bx-fade-right{animation:fade-right 1.5s infinite linear}.bx-fade-right-hover:hover{animation:fade-right 1.5s infinite linear}.bx-xs{font-size:1rem!important}.bx-sm{font-size:1.55rem!important}.bx-md{font-size:2.25rem!important}.bx-lg{font-size:3rem!important}.bx-fw{font-size:1.2857142857em;line-height:.8em;width:1.2857142857em;height:.8em;margin-top:-.2em!important;vertical-align:middle}.bx-pull-left{float:left;margin-right:.3em!important}.bx-pull-right{float:right;margin-left:.3em!important}.bx-rotate-90{transform:rotate(90deg)}.bx-rotate-180{transform:rotate(180deg)}.bx-rotate-270{transform:rotate(270deg)}.bx-flip-horizontal{transform:scaleX(-1)}.bx-flip-vertical{transform:scaleY(-1)}.bx-border{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:.25em}.bx-border-circle{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:50%}.bxs-balloon:before{content:"\eb60"}.bxs-castle:before{content:"\eb79"}.bxs-coffee-bean:before{content:"\eb92"}.bxs-objects-horizontal-center:before{content:"\ebab"}.bxs-objects-horizontal-left:before{content:"\ebc4"}.bxs-objects-horizontal-right:before{content:"\ebdd"}.bxs-objects-vertical-bottom:before{content:"\ebf6"}.bxs-objects-vertical-center:before{content:"\ef40"}.bxs-objects-vertical-top:before{content:"\ef41"}.bxs-pear:before{content:"\ef42"}.bxs-shield-minus:before{content:"\ef43"}.bxs-shield-plus:before{content:"\ef44"}.bxs-shower:before{content:"\ef45"}.bxs-sushi:before{content:"\ef46"}.bxs-universal-access:before{content:"\ef47"}.bx-child:before{content:"\ef48"}.bx-horizontal-left:before{content:"\ef49"}.bx-horizontal-right:before{content:"\ef4a"}.bx-objects-horizontal-center:before{content:"\ef4b"}.bx-objects-horizontal-left:before{content:"\ef4c"}.bx-objects-horizontal-right:before{content:"\ef4d"}.bx-objects-vertical-bottom:before{content:"\ef4e"}.bx-objects-vertical-center:before{content:"\ef4f"}.bx-objects-vertical-top:before{content:"\ef50"}.bx-rfid:before{content:"\ef51"}.bx-shield-minus:before{content:"\ef52"}.bx-shield-plus:before{content:"\ef53"}.bx-shower:before{content:"\ef54"}.bx-sushi:before{content:"\ef55"}.bx-universal-access:before{content:"\ef56"}.bx-vertical-bottom:before{content:"\ef57"}.bx-vertical-top:before{content:"\ef58"}.bxl-graphql:before{content:"\ef59"}.bxl-typescript:before{content:"\ef5a"}.bxs-color:before{content:"\ef39"}.bx-reflect-horizontal:before{content:"\ef3a"}.bx-reflect-vertical:before{content:"\ef3b"}.bx-color:before{content:"\ef3c"}.bxl-mongodb:before{content:"\ef3d"}.bxl-postgresql:before{content:"\ef3e"}.bxl-deezer:before{content:"\ef3f"}.bxs-hard-hat:before{content:"\ef2a"}.bxs-home-alt-2:before{content:"\ef2b"}.bxs-cheese:before{content:"\ef2c"}.bx-home-alt-2:before{content:"\ef2d"}.bx-hard-hat:before{content:"\ef2e"}.bx-cheese:before{content:"\ef2f"}.bx-cart-add:before{content:"\ef30"}.bx-cart-download:before{content:"\ef31"}.bx-no-signal:before{content:"\ef32"}.bx-signal-1:before{content:"\ef33"}.bx-signal-2:before{content:"\ef34"}.bx-signal-3:before{content:"\ef35"}.bx-signal-4:before{content:"\ef36"}.bx-signal-5:before{content:"\ef37"}.bxl-xing:before{content:"\ef38"}.bxl-meta:before{content:"\ef27"}.bx-lemon:before{content:"\ef28"}.bxs-lemon:before{content:"\ef29"}.bx-cricket-ball:before{content:"\ef0c"}.bx-baguette:before{content:"\ef0d"}.bx-bowl-hot:before{content:"\ef0e"}.bx-bowl-rice:before{content:"\ef0f"}.bx-cable-car:before{content:"\ef10"}.bx-candles:before{content:"\ef11"}.bx-circle-half:before{content:"\ef12"}.bx-circle-quarter:before{content:"\ef13"}.bx-circle-three-quarter:before{content:"\ef14"}.bx-cross:before{content:"\ef15"}.bx-fork:before{content:"\ef16"}.bx-knife:before{content:"\ef17"}.bx-money-withdraw:before{content:"\ef18"}.bx-popsicle:before{content:"\ef19"}.bx-scatter-chart:before{content:"\ef1a"}.bxs-baguette:before{content:"\ef1b"}.bxs-bowl-hot:before{content:"\ef1c"}.bxs-bowl-rice:before{content:"\ef1d"}.bxs-cable-car:before{content:"\ef1e"}.bxs-circle-half:before{content:"\ef1f"}.bxs-circle-quarter:before{content:"\ef20"}.bxs-circle-three-quarter:before{content:"\ef21"}.bxs-cricket-ball:before{content:"\ef22"}.bxs-invader:before{content:"\ef23"}.bx-male-female:before{content:"\ef24"}.bxs-popsicle:before{content:"\ef25"}.bxs-tree-alt:before{content:"\ef26"}.bxl-venmo:before{content:"\e900"}.bxl-upwork:before{content:"\e901"}.bxl-netlify:before{content:"\e902"}.bxl-java:before{content:"\e903"}.bxl-heroku:before{content:"\e904"}.bxl-go-lang:before{content:"\e905"}.bxl-gmail:before{content:"\e906"}.bxl-flask:before{content:"\e907"}.bxl-99designs:before{content:"\e908"}.bxl-500px:before{content:"\e909"}.bxl-adobe:before{content:"\e90a"}.bxl-airbnb:before{content:"\e90b"}.bxl-algolia:before{content:"\e90c"}.bxl-amazon:before{content:"\e90d"}.bxl-android:before{content:"\e90e"}.bxl-angular:before{content:"\e90f"}.bxl-apple:before{content:"\e910"}.bxl-audible:before{content:"\e911"}.bxl-aws:before{content:"\e912"}.bxl-baidu:before{content:"\e913"}.bxl-behance:before{content:"\e914"}.bxl-bing:before{content:"\e915"}.bxl-bitcoin:before{content:"\e916"}.bxl-blender:before{content:"\e917"}.bxl-blogger:before{content:"\e918"}.bxl-bootstrap:before{content:"\e919"}.bxl-chrome:before{content:"\e91a"}.bxl-codepen:before{content:"\e91b"}.bxl-c-plus-plus:before{content:"\e91c"}.bxl-creative-commons:before{content:"\e91d"}.bxl-css3:before{content:"\e91e"}.bxl-dailymotion:before{content:"\e91f"}.bxl-deviantart:before{content:"\e920"}.bxl-dev-to:before{content:"\e921"}.bxl-digg:before{content:"\e922"}.bxl-digitalocean:before{content:"\e923"}.bxl-discord:before{content:"\e924"}.bxl-discord-alt:before{content:"\e925"}.bxl-discourse:before{content:"\e926"}.bxl-django:before{content:"\e927"}.bxl-docker:before{content:"\e928"}.bxl-dribbble:before{content:"\e929"}.bxl-dropbox:before{content:"\e92a"}.bxl-drupal:before{content:"\e92b"}.bxl-ebay:before{content:"\e92c"}.bxl-edge:before{content:"\e92d"}.bxl-etsy:before{content:"\e92e"}.bxl-facebook:before{content:"\e92f"}.bxl-facebook-circle:before{content:"\e930"}.bxl-facebook-square:before{content:"\e931"}.bxl-figma:before{content:"\e932"}.bxl-firebase:before{content:"\e933"}.bxl-firefox:before{content:"\e934"}.bxl-flickr:before{content:"\e935"}.bxl-flickr-square:before{content:"\e936"}.bxl-flutter:before{content:"\e937"}.bxl-foursquare:before{content:"\e938"}.bxl-git:before{content:"\e939"}.bxl-github:before{content:"\e93a"}.bxl-gitlab:before{content:"\e93b"}.bxl-google:before{content:"\e93c"}.bxl-google-cloud:before{content:"\e93d"}.bxl-google-plus:before{content:"\e93e"}.bxl-google-plus-circle:before{content:"\e93f"}.bxl-html5:before{content:"\e940"}.bxl-imdb:before{content:"\e941"}.bxl-instagram:before{content:"\e942"}.bxl-instagram-alt:before{content:"\e943"}.bxl-internet-explorer:before{content:"\e944"}.bxl-invision:before{content:"\e945"}.bxl-javascript:before{content:"\e946"}.bxl-joomla:before{content:"\e947"}.bxl-jquery:before{content:"\e948"}.bxl-jsfiddle:before{content:"\e949"}.bxl-kickstarter:before{content:"\e94a"}.bxl-kubernetes:before{content:"\e94b"}.bxl-less:before{content:"\e94c"}.bxl-linkedin:before{content:"\e94d"}.bxl-linkedin-square:before{content:"\e94e"}.bxl-magento:before{content:"\e94f"}.bxl-mailchimp:before{content:"\e950"}.bxl-markdown:before{content:"\e951"}.bxl-mastercard:before{content:"\e952"}.bxl-mastodon:before{content:"\e953"}.bxl-medium:before{content:"\e954"}.bxl-medium-old:before{content:"\e955"}.bxl-medium-square:before{content:"\e956"}.bxl-messenger:before{content:"\e957"}.bxl-microsoft:before{content:"\e958"}.bxl-microsoft-teams:before{content:"\e959"}.bxl-nodejs:before{content:"\e95a"}.bxl-ok-ru:before{content:"\e95b"}.bxl-opera:before{content:"\e95c"}.bxl-patreon:before{content:"\e95d"}.bxl-paypal:before{content:"\e95e"}.bxl-periscope:before{content:"\e95f"}.bxl-php:before{content:"\e960"}.bxl-pinterest:before{content:"\e961"}.bxl-pinterest-alt:before{content:"\e962"}.bxl-play-store:before{content:"\e963"}.bxl-pocket:before{content:"\e964"}.bxl-product-hunt:before{content:"\e965"}.bxl-python:before{content:"\e966"}.bxl-quora:before{content:"\e967"}.bxl-react:before{content:"\e968"}.bxl-redbubble:before{content:"\e969"}.bxl-reddit:before{content:"\e96a"}.bxl-redux:before{content:"\e96b"}.bxl-sass:before{content:"\e96c"}.bxl-shopify:before{content:"\e96d"}.bxl-sketch:before{content:"\e96e"}.bxl-skype:before{content:"\e96f"}.bxl-slack:before{content:"\e970"}.bxl-slack-old:before{content:"\e971"}.bxl-snapchat:before{content:"\e972"}.bxl-soundcloud:before{content:"\e973"}.bxl-spotify:before{content:"\e974"}.bxl-spring-boot:before{content:"\e975"}.bxl-squarespace:before{content:"\e976"}.bxl-stack-overflow:before{content:"\e977"}.bxl-steam:before{content:"\e978"}.bxl-stripe:before{content:"\e979"}.bxl-tailwind-css:before{content:"\e97a"}.bxl-telegram:before{content:"\e97b"}.bxl-tiktok:before{content:"\e97c"}.bxl-trello:before{content:"\e97d"}.bxl-trip-advisor:before{content:"\e97e"}.bxl-tumblr:before{content:"\e97f"}.bxl-tux:before{content:"\e980"}.bxl-twitch:before{content:"\e981"}.bxl-twitter:before{content:"\e982"}.bxl-unity:before{content:"\e983"}.bxl-unsplash:before{content:"\e984"}.bxl-vimeo:before{content:"\e985"}.bxl-visa:before{content:"\e986"}.bxl-visual-studio:before{content:"\e987"}.bxl-vk:before{content:"\e988"}.bxl-vuejs:before{content:"\e989"}.bxl-whatsapp:before{content:"\e98a"}.bxl-whatsapp-square:before{content:"\e98b"}.bxl-wikipedia:before{content:"\e98c"}.bxl-windows:before{content:"\e98d"}.bxl-wix:before{content:"\e98e"}.bxl-wordpress:before{content:"\e98f"}.bxl-yahoo:before{content:"\e990"}.bxl-yelp:before{content:"\e991"}.bxl-youtube:before{content:"\e992"}.bxl-zoom:before{content:"\e993"}.bx-collapse-alt:before{content:"\e994"}.bx-collapse-horizontal:before{content:"\e995"}.bx-collapse-vertical:before{content:"\e996"}.bx-expand-horizontal:before{content:"\e997"}.bx-expand-vertical:before{content:"\e998"}.bx-injection:before{content:"\e999"}.bx-leaf:before{content:"\e99a"}.bx-math:before{content:"\e99b"}.bx-party:before{content:"\e99c"}.bx-abacus:before{content:"\e99d"}.bx-accessibility:before{content:"\e99e"}.bx-add-to-queue:before{content:"\e99f"}.bx-adjust:before{content:"\e9a0"}.bx-alarm:before{content:"\e9a1"}.bx-alarm-add:before{content:"\e9a2"}.bx-alarm-exclamation:before{content:"\e9a3"}.bx-alarm-off:before{content:"\e9a4"}.bx-alarm-snooze:before{content:"\e9a5"}.bx-album:before{content:"\e9a6"}.bx-align-justify:before{content:"\e9a7"}.bx-align-left:before{content:"\e9a8"}.bx-align-middle:before{content:"\e9a9"}.bx-align-right:before{content:"\e9aa"}.bx-analyse:before{content:"\e9ab"}.bx-anchor:before{content:"\e9ac"}.bx-angry:before{content:"\e9ad"}.bx-aperture:before{content:"\e9ae"}.bx-arch:before{content:"\e9af"}.bx-archive:before{content:"\e9b0"}.bx-archive-in:before{content:"\e9b1"}.bx-archive-out:before{content:"\e9b2"}.bx-area:before{content:"\e9b3"}.bx-arrow-back:before{content:"\e9b4"}.bx-arrow-from-bottom:before{content:"\e9b5"}.bx-arrow-from-left:before{content:"\e9b6"}.bx-arrow-from-right:before{content:"\e9b7"}.bx-arrow-from-top:before{content:"\e9b8"}.bx-arrow-to-bottom:before{content:"\e9b9"}.bx-arrow-to-left:before{content:"\e9ba"}.bx-arrow-to-right:before{content:"\e9bb"}.bx-arrow-to-top:before{content:"\e9bc"}.bx-at:before{content:"\e9bd"}.bx-atom:before{content:"\e9be"}.bx-award:before{content:"\e9bf"}.bx-badge:before{content:"\e9c0"}.bx-badge-check:before{content:"\e9c1"}.bx-ball:before{content:"\e9c2"}.bx-band-aid:before{content:"\e9c3"}.bx-bar-chart:before{content:"\e9c4"}.bx-bar-chart-alt:before{content:"\e9c5"}.bx-bar-chart-alt-2:before{content:"\e9c6"}.bx-bar-chart-square:before{content:"\e9c7"}.bx-barcode:before{content:"\e9c8"}.bx-barcode-reader:before{content:"\e9c9"}.bx-baseball:before{content:"\e9ca"}.bx-basket:before{content:"\e9cb"}.bx-basketball:before{content:"\e9cc"}.bx-bath:before{content:"\e9cd"}.bx-battery:before{content:"\e9ce"}.bx-bed:before{content:"\e9cf"}.bx-been-here:before{content:"\e9d0"}.bx-beer:before{content:"\e9d1"}.bx-bell:before{content:"\e9d2"}.bx-bell-minus:before{content:"\e9d3"}.bx-bell-off:before{content:"\e9d4"}.bx-bell-plus:before{content:"\e9d5"}.bx-bible:before{content:"\e9d6"}.bx-bitcoin:before{content:"\e9d7"}.bx-blanket:before{content:"\e9d8"}.bx-block:before{content:"\e9d9"}.bx-bluetooth:before{content:"\e9da"}.bx-body:before{content:"\e9db"}.bx-bold:before{content:"\e9dc"}.bx-bolt-circle:before{content:"\e9dd"}.bx-bomb:before{content:"\e9de"}.bx-bone:before{content:"\e9df"}.bx-bong:before{content:"\e9e0"}.bx-book:before{content:"\e9e1"}.bx-book-add:before{content:"\e9e2"}.bx-book-alt:before{content:"\e9e3"}.bx-book-bookmark:before{content:"\e9e4"}.bx-book-content:before{content:"\e9e5"}.bx-book-heart:before{content:"\e9e6"}.bx-bookmark:before{content:"\e9e7"}.bx-bookmark-alt:before{content:"\e9e8"}.bx-bookmark-alt-minus:before{content:"\e9e9"}.bx-bookmark-alt-plus:before{content:"\e9ea"}.bx-bookmark-heart:before{content:"\e9eb"}.bx-bookmark-minus:before{content:"\e9ec"}.bx-bookmark-plus:before{content:"\e9ed"}.bx-bookmarks:before{content:"\e9ee"}.bx-book-open:before{content:"\e9ef"}.bx-book-reader:before{content:"\e9f0"}.bx-border-all:before{content:"\e9f1"}.bx-border-bottom:before{content:"\e9f2"}.bx-border-inner:before{content:"\e9f3"}.bx-border-left:before{content:"\e9f4"}.bx-border-none:before{content:"\e9f5"}.bx-border-outer:before{content:"\e9f6"}.bx-border-radius:before{content:"\e9f7"}.bx-border-right:before{content:"\e9f8"}.bx-border-top:before{content:"\e9f9"}.bx-bot:before{content:"\e9fa"}.bx-bowling-ball:before{content:"\e9fb"}.bx-box:before{content:"\e9fc"}.bx-bracket:before{content:"\e9fd"}.bx-braille:before{content:"\e9fe"}.bx-brain:before{content:"\e9ff"}.bx-briefcase:before{content:"\ea00"}.bx-briefcase-alt:before{content:"\ea01"}.bx-briefcase-alt-2:before{content:"\ea02"}.bx-brightness:before{content:"\ea03"}.bx-brightness-half:before{content:"\ea04"}.bx-broadcast:before{content:"\ea05"}.bx-brush:before{content:"\ea06"}.bx-brush-alt:before{content:"\ea07"}.bx-bug:before{content:"\ea08"}.bx-bug-alt:before{content:"\ea09"}.bx-building:before{content:"\ea0a"}.bx-building-house:before{content:"\ea0b"}.bx-buildings:before{content:"\ea0c"}.bx-bulb:before{content:"\ea0d"}.bx-bullseye:before{content:"\ea0e"}.bx-buoy:before{content:"\ea0f"}.bx-bus:before{content:"\ea10"}.bx-bus-school:before{content:"\ea11"}.bx-cabinet:before{content:"\ea12"}.bx-cake:before{content:"\ea13"}.bx-calculator:before{content:"\ea14"}.bx-calendar:before{content:"\ea15"}.bx-calendar-alt:before{content:"\ea16"}.bx-calendar-check:before{content:"\ea17"}.bx-calendar-edit:before{content:"\ea18"}.bx-calendar-event:before{content:"\ea19"}.bx-calendar-exclamation:before{content:"\ea1a"}.bx-calendar-heart:before{content:"\ea1b"}.bx-calendar-minus:before{content:"\ea1c"}.bx-calendar-plus:before{content:"\ea1d"}.bx-calendar-star:before{content:"\ea1e"}.bx-calendar-week:before{content:"\ea1f"}.bx-calendar-x:before{content:"\ea20"}.bx-camera:before{content:"\ea21"}.bx-camera-home:before{content:"\ea22"}.bx-camera-movie:before{content:"\ea23"}.bx-camera-off:before{content:"\ea24"}.bx-capsule:before{content:"\ea25"}.bx-captions:before{content:"\ea26"}.bx-car:before{content:"\ea27"}.bx-card:before{content:"\ea28"}.bx-caret-down:before{content:"\ea29"}.bx-caret-down-circle:before{content:"\ea2a"}.bx-caret-down-square:before{content:"\ea2b"}.bx-caret-left:before{content:"\ea2c"}.bx-caret-left-circle:before{content:"\ea2d"}.bx-caret-left-square:before{content:"\ea2e"}.bx-caret-right:before{content:"\ea2f"}.bx-caret-right-circle:before{content:"\ea30"}.bx-caret-right-square:before{content:"\ea31"}.bx-caret-up:before{content:"\ea32"}.bx-caret-up-circle:before{content:"\ea33"}.bx-caret-up-square:before{content:"\ea34"}.bx-carousel:before{content:"\ea35"}.bx-cart:before{content:"\ea36"}.bx-cart-alt:before{content:"\ea37"}.bx-cast:before{content:"\ea38"}.bx-category:before{content:"\ea39"}.bx-category-alt:before{content:"\ea3a"}.bx-cctv:before{content:"\ea3b"}.bx-certification:before{content:"\ea3c"}.bx-chair:before{content:"\ea3d"}.bx-chalkboard:before{content:"\ea3e"}.bx-chart:before{content:"\ea3f"}.bx-chat:before{content:"\ea40"}.bx-check:before{content:"\ea41"}.bx-checkbox:before{content:"\ea42"}.bx-checkbox-checked:before{content:"\ea43"}.bx-checkbox-minus:before{content:"\ea44"}.bx-checkbox-square:before{content:"\ea45"}.bx-check-circle:before{content:"\ea46"}.bx-check-double:before{content:"\ea47"}.bx-check-shield:before{content:"\ea48"}.bx-check-square:before{content:"\ea49"}.bx-chevron-down:before{content:"\ea4a"}.bx-chevron-down-circle:before{content:"\ea4b"}.bx-chevron-down-square:before{content:"\ea4c"}.bx-chevron-left:before{content:"\ea4d"}.bx-chevron-left-circle:before{content:"\ea4e"}.bx-chevron-left-square:before{content:"\ea4f"}.bx-chevron-right:before{content:"\ea50"}.bx-chevron-right-circle:before{content:"\ea51"}.bx-chevron-right-square:before{content:"\ea52"}.bx-chevrons-down:before{content:"\ea53"}.bx-chevrons-left:before{content:"\ea54"}.bx-chevrons-right:before{content:"\ea55"}.bx-chevrons-up:before{content:"\ea56"}.bx-chevron-up:before{content:"\ea57"}.bx-chevron-up-circle:before{content:"\ea58"}.bx-chevron-up-square:before{content:"\ea59"}.bx-chip:before{content:"\ea5a"}.bx-church:before{content:"\ea5b"}.bx-circle:before{content:"\ea5c"}.bx-clinic:before{content:"\ea5d"}.bx-clipboard:before{content:"\ea5e"}.bx-closet:before{content:"\ea5f"}.bx-cloud:before{content:"\ea60"}.bx-cloud-download:before{content:"\ea61"}.bx-cloud-drizzle:before{content:"\ea62"}.bx-cloud-lightning:before{content:"\ea63"}.bx-cloud-light-rain:before{content:"\ea64"}.bx-cloud-rain:before{content:"\ea65"}.bx-cloud-snow:before{content:"\ea66"}.bx-cloud-upload:before{content:"\ea67"}.bx-code:before{content:"\ea68"}.bx-code-alt:before{content:"\ea69"}.bx-code-block:before{content:"\ea6a"}.bx-code-curly:before{content:"\ea6b"}.bx-coffee:before{content:"\ea6c"}.bx-coffee-togo:before{content:"\ea6d"}.bx-cog:before{content:"\ea6e"}.bx-coin:before{content:"\ea6f"}.bx-coin-stack:before{content:"\ea70"}.bx-collapse:before{content:"\ea71"}.bx-collection:before{content:"\ea72"}.bx-color-fill:before{content:"\ea73"}.bx-columns:before{content:"\ea74"}.bx-command:before{content:"\ea75"}.bx-comment:before{content:"\ea76"}.bx-comment-add:before{content:"\ea77"}.bx-comment-check:before{content:"\ea78"}.bx-comment-detail:before{content:"\ea79"}.bx-comment-dots:before{content:"\ea7a"}.bx-comment-edit:before{content:"\ea7b"}.bx-comment-error:before{content:"\ea7c"}.bx-comment-minus:before{content:"\ea7d"}.bx-comment-x:before{content:"\ea7e"}.bx-compass:before{content:"\ea7f"}.bx-confused:before{content:"\ea80"}.bx-conversation:before{content:"\ea81"}.bx-cookie:before{content:"\ea82"}.bx-cool:before{content:"\ea83"}.bx-copy:before{content:"\ea84"}.bx-copy-alt:before{content:"\ea85"}.bx-copyright:before{content:"\ea86"}.bx-credit-card:before{content:"\ea87"}.bx-credit-card-alt:before{content:"\ea88"}.bx-credit-card-front:before{content:"\ea89"}.bx-crop:before{content:"\ea8a"}.bx-crosshair:before{content:"\ea8b"}.bx-crown:before{content:"\ea8c"}.bx-cube:before{content:"\ea8d"}.bx-cube-alt:before{content:"\ea8e"}.bx-cuboid:before{content:"\ea8f"}.bx-current-location:before{content:"\ea90"}.bx-customize:before{content:"\ea91"}.bx-cut:before{content:"\ea92"}.bx-cycling:before{content:"\ea93"}.bx-cylinder:before{content:"\ea94"}.bx-data:before{content:"\ea95"}.bx-desktop:before{content:"\ea96"}.bx-detail:before{content:"\ea97"}.bx-devices:before{content:"\ea98"}.bx-dialpad:before{content:"\ea99"}.bx-dialpad-alt:before{content:"\ea9a"}.bx-diamond:before{content:"\ea9b"}.bx-dice-1:before{content:"\ea9c"}.bx-dice-2:before{content:"\ea9d"}.bx-dice-3:before{content:"\ea9e"}.bx-dice-4:before{content:"\ea9f"}.bx-dice-5:before{content:"\eaa0"}.bx-dice-6:before{content:"\eaa1"}.bx-directions:before{content:"\eaa2"}.bx-disc:before{content:"\eaa3"}.bx-dish:before{content:"\eaa4"}.bx-dislike:before{content:"\eaa5"}.bx-dizzy:before{content:"\eaa6"}.bx-dna:before{content:"\eaa7"}.bx-dock-bottom:before{content:"\eaa8"}.bx-dock-left:before{content:"\eaa9"}.bx-dock-right:before{content:"\eaaa"}.bx-dock-top:before{content:"\eaab"}.bx-dollar:before{content:"\eaac"}.bx-dollar-circle:before{content:"\eaad"}.bx-donate-blood:before{content:"\eaae"}.bx-donate-heart:before{content:"\eaaf"}.bx-door-open:before{content:"\eab0"}.bx-dots-horizontal:before{content:"\eab1"}.bx-dots-horizontal-rounded:before{content:"\eab2"}.bx-dots-vertical:before{content:"\eab3"}.bx-dots-vertical-rounded:before{content:"\eab4"}.bx-doughnut-chart:before{content:"\eab5"}.bx-down-arrow:before{content:"\eab6"}.bx-down-arrow-alt:before{content:"\eab7"}.bx-down-arrow-circle:before{content:"\eab8"}.bx-download:before{content:"\eab9"}.bx-downvote:before{content:"\eaba"}.bx-drink:before{content:"\eabb"}.bx-droplet:before{content:"\eabc"}.bx-dumbbell:before{content:"\eabd"}.bx-duplicate:before{content:"\eabe"}.bx-edit:before{content:"\eabf"}.bx-edit-alt:before{content:"\eac0"}.bx-envelope:before{content:"\eac1"}.bx-envelope-open:before{content:"\eac2"}.bx-equalizer:before{content:"\eac3"}.bx-eraser:before{content:"\eac4"}.bx-error:before{content:"\eac5"}.bx-error-alt:before{content:"\eac6"}.bx-error-circle:before{content:"\eac7"}.bx-euro:before{content:"\eac8"}.bx-exclude:before{content:"\eac9"}.bx-exit:before{content:"\eaca"}.bx-exit-fullscreen:before{content:"\eacb"}.bx-expand:before{content:"\eacc"}.bx-expand-alt:before{content:"\eacd"}.bx-export:before{content:"\eace"}.bx-extension:before{content:"\eacf"}.bx-face:before{content:"\ead0"}.bx-fast-forward:before{content:"\ead1"}.bx-fast-forward-circle:before{content:"\ead2"}.bx-female:before{content:"\ead3"}.bx-female-sign:before{content:"\ead4"}.bx-file:before{content:"\ead5"}.bx-file-blank:before{content:"\ead6"}.bx-file-find:before{content:"\ead7"}.bx-film:before{content:"\ead8"}.bx-filter:before{content:"\ead9"}.bx-filter-alt:before{content:"\eada"}.bx-fingerprint:before{content:"\eadb"}.bx-first-aid:before{content:"\eadc"}.bx-first-page:before{content:"\eadd"}.bx-flag:before{content:"\eade"}.bx-folder:before{content:"\eadf"}.bx-folder-minus:before{content:"\eae0"}.bx-folder-open:before{content:"\eae1"}.bx-folder-plus:before{content:"\eae2"}.bx-font:before{content:"\eae3"}.bx-font-color:before{content:"\eae4"}.bx-font-family:before{content:"\eae5"}.bx-font-size:before{content:"\eae6"}.bx-food-menu:before{content:"\eae7"}.bx-food-tag:before{content:"\eae8"}.bx-football:before{content:"\eae9"}.bx-fridge:before{content:"\eaea"}.bx-fullscreen:before{content:"\eaeb"}.bx-game:before{content:"\eaec"}.bx-gas-pump:before{content:"\eaed"}.bx-ghost:before{content:"\eaee"}.bx-gift:before{content:"\eaef"}.bx-git-branch:before{content:"\eaf0"}.bx-git-commit:before{content:"\eaf1"}.bx-git-compare:before{content:"\eaf2"}.bx-git-merge:before{content:"\eaf3"}.bx-git-pull-request:before{content:"\eaf4"}.bx-git-repo-forked:before{content:"\eaf5"}.bx-glasses:before{content:"\eaf6"}.bx-glasses-alt:before{content:"\eaf7"}.bx-globe:before{content:"\eaf8"}.bx-globe-alt:before{content:"\eaf9"}.bx-grid:before{content:"\eafa"}.bx-grid-alt:before{content:"\eafb"}.bx-grid-horizontal:before{content:"\eafc"}.bx-grid-small:before{content:"\eafd"}.bx-grid-vertical:before{content:"\eafe"}.bx-group:before{content:"\eaff"}.bx-handicap:before{content:"\eb00"}.bx-happy:before{content:"\eb01"}.bx-happy-alt:before{content:"\eb02"}.bx-happy-beaming:before{content:"\eb03"}.bx-happy-heart-eyes:before{content:"\eb04"}.bx-hash:before{content:"\eb05"}.bx-hdd:before{content:"\eb06"}.bx-heading:before{content:"\eb07"}.bx-headphone:before{content:"\eb08"}.bx-health:before{content:"\eb09"}.bx-heart:before{content:"\eb0a"}.bx-heart-circle:before{content:"\eb0b"}.bx-heart-square:before{content:"\eb0c"}.bx-help-circle:before{content:"\eb0d"}.bx-hide:before{content:"\eb0e"}.bx-highlight:before{content:"\eb0f"}.bx-history:before{content:"\eb10"}.bx-hive:before{content:"\eb11"}.bx-home:before{content:"\eb12"}.bx-home-alt:before{content:"\eb13"}.bx-home-circle:before{content:"\eb14"}.bx-home-heart:before{content:"\eb15"}.bx-home-smile:before{content:"\eb16"}.bx-horizontal-center:before{content:"\eb17"}.bx-hotel:before{content:"\eb18"}.bx-hourglass:before{content:"\eb19"}.bx-id-card:before{content:"\eb1a"}.bx-image:before{content:"\eb1b"}.bx-image-add:before{content:"\eb1c"}.bx-image-alt:before{content:"\eb1d"}.bx-images:before{content:"\eb1e"}.bx-import:before{content:"\eb1f"}.bx-infinite:before{content:"\eb20"}.bx-info-circle:before{content:"\eb21"}.bx-info-square:before{content:"\eb22"}.bx-intersect:before{content:"\eb23"}.bx-italic:before{content:"\eb24"}.bx-joystick:before{content:"\eb25"}.bx-joystick-alt:before{content:"\eb26"}.bx-joystick-button:before{content:"\eb27"}.bx-key:before{content:"\eb28"}.bx-label:before{content:"\eb29"}.bx-landscape:before{content:"\eb2a"}.bx-laptop:before{content:"\eb2b"}.bx-last-page:before{content:"\eb2c"}.bx-laugh:before{content:"\eb2d"}.bx-layer:before{content:"\eb2e"}.bx-layer-minus:before{content:"\eb2f"}.bx-layer-plus:before{content:"\eb30"}.bx-layout:before{content:"\eb31"}.bx-left-arrow:before{content:"\eb32"}.bx-left-arrow-alt:before{content:"\eb33"}.bx-left-arrow-circle:before{content:"\eb34"}.bx-left-down-arrow-circle:before{content:"\eb35"}.bx-left-indent:before{content:"\eb36"}.bx-left-top-arrow-circle:before{content:"\eb37"}.bx-library:before{content:"\eb38"}.bx-like:before{content:"\eb39"}.bx-line-chart:before{content:"\eb3a"}.bx-line-chart-down:before{content:"\eb3b"}.bx-link:before{content:"\eb3c"}.bx-link-alt:before{content:"\eb3d"}.bx-link-external:before{content:"\eb3e"}.bx-lira:before{content:"\eb3f"}.bx-list-check:before{content:"\eb40"}.bx-list-minus:before{content:"\eb41"}.bx-list-ol:before{content:"\eb42"}.bx-list-plus:before{content:"\eb43"}.bx-list-ul:before{content:"\eb44"}.bx-loader:before{content:"\eb45"}.bx-loader-alt:before{content:"\eb46"}.bx-loader-circle:before{content:"\eb47"}.bx-location-plus:before{content:"\eb48"}.bx-lock:before{content:"\eb49"}.bx-lock-alt:before{content:"\eb4a"}.bx-lock-open:before{content:"\eb4b"}.bx-lock-open-alt:before{content:"\eb4c"}.bx-log-in:before{content:"\eb4d"}.bx-log-in-circle:before{content:"\eb4e"}.bx-log-out:before{content:"\eb4f"}.bx-log-out-circle:before{content:"\eb50"}.bx-low-vision:before{content:"\eb51"}.bx-magnet:before{content:"\eb52"}.bx-mail-send:before{content:"\eb53"}.bx-male:before{content:"\eb54"}.bx-male-sign:before{content:"\eb55"}.bx-map:before{content:"\eb56"}.bx-map-alt:before{content:"\eb57"}.bx-map-pin:before{content:"\eb58"}.bx-mask:before{content:"\eb59"}.bx-medal:before{content:"\eb5a"}.bx-meh:before{content:"\eb5b"}.bx-meh-alt:before{content:"\eb5c"}.bx-meh-blank:before{content:"\eb5d"}.bx-memory-card:before{content:"\eb5e"}.bx-menu:before{content:"\eb5f"}.bx-menu-alt-left:before{content:"\ef5b"}.bx-menu-alt-right:before{content:"\eb61"}.bx-merge:before{content:"\eb62"}.bx-message:before{content:"\eb63"}.bx-message-add:before{content:"\eb64"}.bx-message-alt:before{content:"\eb65"}.bx-message-alt-add:before{content:"\eb66"}.bx-message-alt-check:before{content:"\eb67"}.bx-message-alt-detail:before{content:"\eb68"}.bx-message-alt-dots:before{content:"\eb69"}.bx-message-alt-edit:before{content:"\eb6a"}.bx-message-alt-error:before{content:"\eb6b"}.bx-message-alt-minus:before{content:"\eb6c"}.bx-message-alt-x:before{content:"\eb6d"}.bx-message-check:before{content:"\eb6e"}.bx-message-detail:before{content:"\eb6f"}.bx-message-dots:before{content:"\eb70"}.bx-message-edit:before{content:"\eb71"}.bx-message-error:before{content:"\eb72"}.bx-message-minus:before{content:"\eb73"}.bx-message-rounded:before{content:"\eb74"}.bx-message-rounded-add:before{content:"\eb75"}.bx-message-rounded-check:before{content:"\eb76"}.bx-message-rounded-detail:before{content:"\eb77"}.bx-message-rounded-dots:before{content:"\eb78"}.bx-message-rounded-edit:before{content:"\ef5c"}.bx-message-rounded-error:before{content:"\eb7a"}.bx-message-rounded-minus:before{content:"\eb7b"}.bx-message-rounded-x:before{content:"\eb7c"}.bx-message-square:before{content:"\eb7d"}.bx-message-square-add:before{content:"\eb7e"}.bx-message-square-check:before{content:"\eb7f"}.bx-message-square-detail:before{content:"\eb80"}.bx-message-square-dots:before{content:"\eb81"}.bx-message-square-edit:before{content:"\eb82"}.bx-message-square-error:before{content:"\eb83"}.bx-message-square-minus:before{content:"\eb84"}.bx-message-square-x:before{content:"\eb85"}.bx-message-x:before{content:"\eb86"}.bx-meteor:before{content:"\eb87"}.bx-microchip:before{content:"\eb88"}.bx-microphone:before{content:"\eb89"}.bx-microphone-off:before{content:"\eb8a"}.bx-minus:before{content:"\eb8b"}.bx-minus-back:before{content:"\eb8c"}.bx-minus-circle:before{content:"\eb8d"}.bx-minus-front:before{content:"\eb8e"}.bx-mobile:before{content:"\eb8f"}.bx-mobile-alt:before{content:"\eb90"}.bx-mobile-landscape:before{content:"\eb91"}.bx-mobile-vibration:before{content:"\ef5d"}.bx-money:before{content:"\eb93"}.bx-moon:before{content:"\eb94"}.bx-mouse:before{content:"\eb95"}.bx-mouse-alt:before{content:"\eb96"}.bx-move:before{content:"\eb97"}.bx-move-horizontal:before{content:"\eb98"}.bx-move-vertical:before{content:"\eb99"}.bx-movie:before{content:"\eb9a"}.bx-movie-play:before{content:"\eb9b"}.bx-music:before{content:"\eb9c"}.bx-navigation:before{content:"\eb9d"}.bx-network-chart:before{content:"\eb9e"}.bx-news:before{content:"\eb9f"}.bx-no-entry:before{content:"\eba0"}.bx-note:before{content:"\eba1"}.bx-notepad:before{content:"\eba2"}.bx-notification:before{content:"\eba3"}.bx-notification-off:before{content:"\eba4"}.bx-outline:before{content:"\eba5"}.bx-package:before{content:"\eba6"}.bx-paint:before{content:"\eba7"}.bx-paint-roll:before{content:"\eba8"}.bx-palette:before{content:"\eba9"}.bx-paperclip:before{content:"\ebaa"}.bx-paper-plane:before{content:"\ef61"}.bx-paragraph:before{content:"\ebac"}.bx-paste:before{content:"\ebad"}.bx-pause:before{content:"\ebae"}.bx-pause-circle:before{content:"\ebaf"}.bx-pen:before{content:"\ebb0"}.bx-pencil:before{content:"\ebb1"}.bx-phone:before{content:"\ebb2"}.bx-phone-call:before{content:"\ebb3"}.bx-phone-incoming:before{content:"\ebb4"}.bx-phone-off:before{content:"\ebb5"}.bx-phone-outgoing:before{content:"\ebb6"}.bx-photo-album:before{content:"\ebb7"}.bx-pie-chart:before{content:"\ebb8"}.bx-pie-chart-alt:before{content:"\ebb9"}.bx-pie-chart-alt-2:before{content:"\ebba"}.bx-pin:before{content:"\ebbb"}.bx-planet:before{content:"\ebbc"}.bx-play:before{content:"\ebbd"}.bx-play-circle:before{content:"\ebbe"}.bx-plug:before{content:"\ebbf"}.bx-plus:before{content:"\ebc0"}.bx-plus-circle:before{content:"\ebc1"}.bx-plus-medical:before{content:"\ebc2"}.bx-podcast:before{content:"\ebc3"}.bx-pointer:before{content:"\ef5e"}.bx-poll:before{content:"\ebc5"}.bx-polygon:before{content:"\ebc6"}.bx-pound:before{content:"\ebc7"}.bx-power-off:before{content:"\ebc8"}.bx-printer:before{content:"\ebc9"}.bx-pulse:before{content:"\ebca"}.bx-purchase-tag:before{content:"\ebcb"}.bx-purchase-tag-alt:before{content:"\ebcc"}.bx-pyramid:before{content:"\ebcd"}.bx-qr:before{content:"\ebce"}.bx-qr-scan:before{content:"\ebcf"}.bx-question-mark:before{content:"\ebd0"}.bx-radar:before{content:"\ebd1"}.bx-radio:before{content:"\ebd2"}.bx-radio-circle:before{content:"\ebd3"}.bx-radio-circle-marked:before{content:"\ebd4"}.bx-receipt:before{content:"\ebd5"}.bx-rectangle:before{content:"\ebd6"}.bx-recycle:before{content:"\ebd7"}.bx-redo:before{content:"\ebd8"}.bx-refresh:before{content:"\ebd9"}.bx-registered:before{content:"\ebda"}.bx-rename:before{content:"\ebdb"}.bx-repeat:before{content:"\ebdc"}.bx-reply:before{content:"\ef5f"}.bx-reply-all:before{content:"\ebde"}.bx-repost:before{content:"\ebdf"}.bx-reset:before{content:"\ebe0"}.bx-restaurant:before{content:"\ebe1"}.bx-revision:before{content:"\ebe2"}.bx-rewind:before{content:"\ebe3"}.bx-rewind-circle:before{content:"\ebe4"}.bx-right-arrow:before{content:"\ebe5"}.bx-right-arrow-alt:before{content:"\ebe6"}.bx-right-arrow-circle:before{content:"\ebe7"}.bx-right-down-arrow-circle:before{content:"\ebe8"}.bx-right-indent:before{content:"\ebe9"}.bx-right-top-arrow-circle:before{content:"\ebea"}.bx-rocket:before{content:"\ebeb"}.bx-rotate-left:before{content:"\ebec"}.bx-rotate-right:before{content:"\ebed"}.bx-rss:before{content:"\ebee"}.bx-ruble:before{content:"\ebef"}.bx-ruler:before{content:"\ebf0"}.bx-run:before{content:"\ebf1"}.bx-rupee:before{content:"\ebf2"}.bx-sad:before{content:"\ebf3"}.bx-save:before{content:"\ebf4"}.bx-scan:before{content:"\ebf5"}.bx-screenshot:before{content:"\ef60"}.bx-search:before{content:"\ebf7"}.bx-search-alt:before{content:"\ebf8"}.bx-search-alt-2:before{content:"\ebf9"}.bx-selection:before{content:"\ebfa"}.bx-select-multiple:before{content:"\ebfb"}.bx-send:before{content:"\ebfc"}.bx-server:before{content:"\ebfd"}.bx-shape-circle:before{content:"\ebfe"}.bx-shape-polygon:before{content:"\ebff"}.bx-shape-square:before{content:"\ec00"}.bx-shape-triangle:before{content:"\ec01"}.bx-share:before{content:"\ec02"}.bx-share-alt:before{content:"\ec03"}.bx-shekel:before{content:"\ec04"}.bx-shield:before{content:"\ec05"}.bx-shield-alt:before{content:"\ec06"}.bx-shield-alt-2:before{content:"\ec07"}.bx-shield-quarter:before{content:"\ec08"}.bx-shield-x:before{content:"\ec09"}.bx-shocked:before{content:"\ec0a"}.bx-shopping-bag:before{content:"\ec0b"}.bx-show:before{content:"\ec0c"}.bx-show-alt:before{content:"\ec0d"}.bx-shuffle:before{content:"\ec0e"}.bx-sidebar:before{content:"\ec0f"}.bx-sitemap:before{content:"\ec10"}.bx-skip-next:before{content:"\ec11"}.bx-skip-next-circle:before{content:"\ec12"}.bx-skip-previous:before{content:"\ec13"}.bx-skip-previous-circle:before{content:"\ec14"}.bx-sleepy:before{content:"\ec15"}.bx-slider:before{content:"\ec16"}.bx-slider-alt:before{content:"\ec17"}.bx-slideshow:before{content:"\ec18"}.bx-smile:before{content:"\ec19"}.bx-sort:before{content:"\ec1a"}.bx-sort-alt-2:before{content:"\ec1b"}.bx-sort-a-z:before{content:"\ec1c"}.bx-sort-down:before{content:"\ec1d"}.bx-sort-up:before{content:"\ec1e"}.bx-sort-z-a:before{content:"\ec1f"}.bx-spa:before{content:"\ec20"}.bx-space-bar:before{content:"\ec21"}.bx-speaker:before{content:"\ec22"}.bx-spray-can:before{content:"\ec23"}.bx-spreadsheet:before{content:"\ec24"}.bx-square:before{content:"\ec25"}.bx-square-rounded:before{content:"\ec26"}.bx-star:before{content:"\ec27"}.bx-station:before{content:"\ec28"}.bx-stats:before{content:"\ec29"}.bx-sticker:before{content:"\ec2a"}.bx-stop:before{content:"\ec2b"}.bx-stop-circle:before{content:"\ec2c"}.bx-stopwatch:before{content:"\ec2d"}.bx-store:before{content:"\ec2e"}.bx-store-alt:before{content:"\ec2f"}.bx-street-view:before{content:"\ec30"}.bx-strikethrough:before{content:"\ec31"}.bx-subdirectory-left:before{content:"\ec32"}.bx-subdirectory-right:before{content:"\ec33"}.bx-sun:before{content:"\ec34"}.bx-support:before{content:"\ec35"}.bx-swim:before{content:"\ec36"}.bx-sync:before{content:"\ec37"}.bx-tab:before{content:"\ec38"}.bx-table:before{content:"\ec39"}.bx-tachometer:before{content:"\ec3a"}.bx-tag:before{content:"\ec3b"}.bx-tag-alt:before{content:"\ec3c"}.bx-target-lock:before{content:"\ec3d"}.bx-task:before{content:"\ec3e"}.bx-task-x:before{content:"\ec3f"}.bx-taxi:before{content:"\ec40"}.bx-tennis-ball:before{content:"\ec41"}.bx-terminal:before{content:"\ec42"}.bx-test-tube:before{content:"\ec43"}.bx-text:before{content:"\ec44"}.bx-time:before{content:"\ec45"}.bx-time-five:before{content:"\ec46"}.bx-timer:before{content:"\ec47"}.bx-tired:before{content:"\ec48"}.bx-toggle-left:before{content:"\ec49"}.bx-toggle-right:before{content:"\ec4a"}.bx-tone:before{content:"\ec4b"}.bx-traffic-cone:before{content:"\ec4c"}.bx-train:before{content:"\ec4d"}.bx-transfer:before{content:"\ec4e"}.bx-transfer-alt:before{content:"\ec4f"}.bx-trash:before{content:"\ec50"}.bx-trash-alt:before{content:"\ec51"}.bx-trending-down:before{content:"\ec52"}.bx-trending-up:before{content:"\ec53"}.bx-trim:before{content:"\ec54"}.bx-trip:before{content:"\ec55"}.bx-trophy:before{content:"\ec56"}.bx-tv:before{content:"\ec57"}.bx-underline:before{content:"\ec58"}.bx-undo:before{content:"\ec59"}.bx-unite:before{content:"\ec5a"}.bx-unlink:before{content:"\ec5b"}.bx-up-arrow:before{content:"\ec5c"}.bx-up-arrow-alt:before{content:"\ec5d"}.bx-up-arrow-circle:before{content:"\ec5e"}.bx-upload:before{content:"\ec5f"}.bx-upside-down:before{content:"\ec60"}.bx-upvote:before{content:"\ec61"}.bx-usb:before{content:"\ec62"}.bx-user:before{content:"\ec63"}.bx-user-check:before{content:"\ec64"}.bx-user-circle:before{content:"\ec65"}.bx-user-minus:before{content:"\ec66"}.bx-user-pin:before{content:"\ec67"}.bx-user-plus:before{content:"\ec68"}.bx-user-voice:before{content:"\ec69"}.bx-user-x:before{content:"\ec6a"}.bx-vector:before{content:"\ec6b"}.bx-vertical-center:before{content:"\ec6c"}.bx-vial:before{content:"\ec6d"}.bx-video:before{content:"\ec6e"}.bx-video-off:before{content:"\ec6f"}.bx-video-plus:before{content:"\ec70"}.bx-video-recording:before{content:"\ec71"}.bx-voicemail:before{content:"\ec72"}.bx-volume:before{content:"\ec73"}.bx-volume-full:before{content:"\ec74"}.bx-volume-low:before{content:"\ec75"}.bx-volume-mute:before{content:"\ec76"}.bx-walk:before{content:"\ec77"}.bx-wallet:before{content:"\ec78"}.bx-wallet-alt:before{content:"\ec79"}.bx-water:before{content:"\ec7a"}.bx-webcam:before{content:"\ec7b"}.bx-wifi:before{content:"\ec7c"}.bx-wifi-0:before{content:"\ec7d"}.bx-wifi-1:before{content:"\ec7e"}.bx-wifi-2:before{content:"\ec7f"}.bx-wifi-off:before{content:"\ec80"}.bx-wind:before{content:"\ec81"}.bx-window:before{content:"\ec82"}.bx-window-alt:before{content:"\ec83"}.bx-window-close:before{content:"\ec84"}.bx-window-open:before{content:"\ec85"}.bx-windows:before{content:"\ec86"}.bx-wine:before{content:"\ec87"}.bx-wink-smile:before{content:"\ec88"}.bx-wink-tongue:before{content:"\ec89"}.bx-won:before{content:"\ec8a"}.bx-world:before{content:"\ec8b"}.bx-wrench:before{content:"\ec8c"}.bx-x:before{content:"\ec8d"}.bx-x-circle:before{content:"\ec8e"}.bx-yen:before{content:"\ec8f"}.bx-zoom-in:before{content:"\ec90"}.bx-zoom-out:before{content:"\ec91"}.bxs-party:before{content:"\ec92"}.bxs-hot:before{content:"\ec93"}.bxs-droplet:before{content:"\ec94"}.bxs-cat:before{content:"\ec95"}.bxs-dog:before{content:"\ec96"}.bxs-injection:before{content:"\ec97"}.bxs-leaf:before{content:"\ec98"}.bxs-add-to-queue:before{content:"\ec99"}.bxs-adjust:before{content:"\ec9a"}.bxs-adjust-alt:before{content:"\ec9b"}.bxs-alarm:before{content:"\ec9c"}.bxs-alarm-add:before{content:"\ec9d"}.bxs-alarm-exclamation:before{content:"\ec9e"}.bxs-alarm-off:before{content:"\ec9f"}.bxs-alarm-snooze:before{content:"\eca0"}.bxs-album:before{content:"\eca1"}.bxs-ambulance:before{content:"\eca2"}.bxs-analyse:before{content:"\eca3"}.bxs-angry:before{content:"\eca4"}.bxs-arch:before{content:"\eca5"}.bxs-archive:before{content:"\eca6"}.bxs-archive-in:before{content:"\eca7"}.bxs-archive-out:before{content:"\eca8"}.bxs-area:before{content:"\eca9"}.bxs-arrow-from-bottom:before{content:"\ecaa"}.bxs-arrow-from-left:before{content:"\ecab"}.bxs-arrow-from-right:before{content:"\ecac"}.bxs-arrow-from-top:before{content:"\ecad"}.bxs-arrow-to-bottom:before{content:"\ecae"}.bxs-arrow-to-left:before{content:"\ecaf"}.bxs-arrow-to-right:before{content:"\ecb0"}.bxs-arrow-to-top:before{content:"\ecb1"}.bxs-award:before{content:"\ecb2"}.bxs-baby-carriage:before{content:"\ecb3"}.bxs-backpack:before{content:"\ecb4"}.bxs-badge:before{content:"\ecb5"}.bxs-badge-check:before{content:"\ecb6"}.bxs-badge-dollar:before{content:"\ecb7"}.bxs-ball:before{content:"\ecb8"}.bxs-band-aid:before{content:"\ecb9"}.bxs-bank:before{content:"\ecba"}.bxs-bar-chart-alt-2:before{content:"\ecbb"}.bxs-bar-chart-square:before{content:"\ecbc"}.bxs-barcode:before{content:"\ecbd"}.bxs-baseball:before{content:"\ecbe"}.bxs-basket:before{content:"\ecbf"}.bxs-basketball:before{content:"\ecc0"}.bxs-bath:before{content:"\ecc1"}.bxs-battery:before{content:"\ecc2"}.bxs-battery-charging:before{content:"\ecc3"}.bxs-battery-full:before{content:"\ecc4"}.bxs-battery-low:before{content:"\ecc5"}.bxs-bed:before{content:"\ecc6"}.bxs-been-here:before{content:"\ecc7"}.bxs-beer:before{content:"\ecc8"}.bxs-bell:before{content:"\ecc9"}.bxs-bell-minus:before{content:"\ecca"}.bxs-bell-off:before{content:"\eccb"}.bxs-bell-plus:before{content:"\eccc"}.bxs-bell-ring:before{content:"\eccd"}.bxs-bible:before{content:"\ecce"}.bxs-binoculars:before{content:"\eccf"}.bxs-blanket:before{content:"\ecd0"}.bxs-bolt:before{content:"\ecd1"}.bxs-bolt-circle:before{content:"\ecd2"}.bxs-bomb:before{content:"\ecd3"}.bxs-bone:before{content:"\ecd4"}.bxs-bong:before{content:"\ecd5"}.bxs-book:before{content:"\ecd6"}.bxs-book-add:before{content:"\ecd7"}.bxs-book-alt:before{content:"\ecd8"}.bxs-book-bookmark:before{content:"\ecd9"}.bxs-book-content:before{content:"\ecda"}.bxs-book-heart:before{content:"\ecdb"}.bxs-bookmark:before{content:"\ecdc"}.bxs-bookmark-alt:before{content:"\ecdd"}.bxs-bookmark-alt-minus:before{content:"\ecde"}.bxs-bookmark-alt-plus:before{content:"\ecdf"}.bxs-bookmark-heart:before{content:"\ece0"}.bxs-bookmark-minus:before{content:"\ece1"}.bxs-bookmark-plus:before{content:"\ece2"}.bxs-bookmarks:before{content:"\ece3"}.bxs-bookmark-star:before{content:"\ece4"}.bxs-book-open:before{content:"\ece5"}.bxs-book-reader:before{content:"\ece6"}.bxs-bot:before{content:"\ece7"}.bxs-bowling-ball:before{content:"\ece8"}.bxs-box:before{content:"\ece9"}.bxs-brain:before{content:"\ecea"}.bxs-briefcase:before{content:"\eceb"}.bxs-briefcase-alt:before{content:"\ecec"}.bxs-briefcase-alt-2:before{content:"\eced"}.bxs-brightness:before{content:"\ecee"}.bxs-brightness-half:before{content:"\ecef"}.bxs-brush:before{content:"\ecf0"}.bxs-brush-alt:before{content:"\ecf1"}.bxs-bug:before{content:"\ecf2"}.bxs-bug-alt:before{content:"\ecf3"}.bxs-building:before{content:"\ecf4"}.bxs-building-house:before{content:"\ecf5"}.bxs-buildings:before{content:"\ecf6"}.bxs-bulb:before{content:"\ecf7"}.bxs-bullseye:before{content:"\ecf8"}.bxs-buoy:before{content:"\ecf9"}.bxs-bus:before{content:"\ecfa"}.bxs-business:before{content:"\ecfb"}.bxs-bus-school:before{content:"\ecfc"}.bxs-cabinet:before{content:"\ecfd"}.bxs-cake:before{content:"\ecfe"}.bxs-calculator:before{content:"\ecff"}.bxs-calendar:before{content:"\ed00"}.bxs-calendar-alt:before{content:"\ed01"}.bxs-calendar-check:before{content:"\ed02"}.bxs-calendar-edit:before{content:"\ed03"}.bxs-calendar-event:before{content:"\ed04"}.bxs-calendar-exclamation:before{content:"\ed05"}.bxs-calendar-heart:before{content:"\ed06"}.bxs-calendar-minus:before{content:"\ed07"}.bxs-calendar-plus:before{content:"\ed08"}.bxs-calendar-star:before{content:"\ed09"}.bxs-calendar-week:before{content:"\ed0a"}.bxs-calendar-x:before{content:"\ed0b"}.bxs-camera:before{content:"\ed0c"}.bxs-camera-home:before{content:"\ed0d"}.bxs-camera-movie:before{content:"\ed0e"}.bxs-camera-off:before{content:"\ed0f"}.bxs-camera-plus:before{content:"\ed10"}.bxs-capsule:before{content:"\ed11"}.bxs-captions:before{content:"\ed12"}.bxs-car:before{content:"\ed13"}.bxs-car-battery:before{content:"\ed14"}.bxs-car-crash:before{content:"\ed15"}.bxs-card:before{content:"\ed16"}.bxs-caret-down-circle:before{content:"\ed17"}.bxs-caret-down-square:before{content:"\ed18"}.bxs-caret-left-circle:before{content:"\ed19"}.bxs-caret-left-square:before{content:"\ed1a"}.bxs-caret-right-circle:before{content:"\ed1b"}.bxs-caret-right-square:before{content:"\ed1c"}.bxs-caret-up-circle:before{content:"\ed1d"}.bxs-caret-up-square:before{content:"\ed1e"}.bxs-car-garage:before{content:"\ed1f"}.bxs-car-mechanic:before{content:"\ed20"}.bxs-carousel:before{content:"\ed21"}.bxs-cart:before{content:"\ed22"}.bxs-cart-add:before{content:"\ed23"}.bxs-cart-alt:before{content:"\ed24"}.bxs-cart-download:before{content:"\ed25"}.bxs-car-wash:before{content:"\ed26"}.bxs-category:before{content:"\ed27"}.bxs-category-alt:before{content:"\ed28"}.bxs-cctv:before{content:"\ed29"}.bxs-certification:before{content:"\ed2a"}.bxs-chalkboard:before{content:"\ed2b"}.bxs-chart:before{content:"\ed2c"}.bxs-chat:before{content:"\ed2d"}.bxs-checkbox:before{content:"\ed2e"}.bxs-checkbox-checked:before{content:"\ed2f"}.bxs-checkbox-minus:before{content:"\ed30"}.bxs-check-circle:before{content:"\ed31"}.bxs-check-shield:before{content:"\ed32"}.bxs-check-square:before{content:"\ed33"}.bxs-chess:before{content:"\ed34"}.bxs-chevron-down:before{content:"\ed35"}.bxs-chevron-down-circle:before{content:"\ed36"}.bxs-chevron-down-square:before{content:"\ed37"}.bxs-chevron-left:before{content:"\ed38"}.bxs-chevron-left-circle:before{content:"\ed39"}.bxs-chevron-left-square:before{content:"\ed3a"}.bxs-chevron-right:before{content:"\ed3b"}.bxs-chevron-right-circle:before{content:"\ed3c"}.bxs-chevron-right-square:before{content:"\ed3d"}.bxs-chevrons-down:before{content:"\ed3e"}.bxs-chevrons-left:before{content:"\ed3f"}.bxs-chevrons-right:before{content:"\ed40"}.bxs-chevrons-up:before{content:"\ed41"}.bxs-chevron-up:before{content:"\ed42"}.bxs-chevron-up-circle:before{content:"\ed43"}.bxs-chevron-up-square:before{content:"\ed44"}.bxs-chip:before{content:"\ed45"}.bxs-church:before{content:"\ed46"}.bxs-circle:before{content:"\ed47"}.bxs-city:before{content:"\ed48"}.bxs-clinic:before{content:"\ed49"}.bxs-cloud:before{content:"\ed4a"}.bxs-cloud-download:before{content:"\ed4b"}.bxs-cloud-lightning:before{content:"\ed4c"}.bxs-cloud-rain:before{content:"\ed4d"}.bxs-cloud-upload:before{content:"\ed4e"}.bxs-coffee:before{content:"\ed4f"}.bxs-coffee-alt:before{content:"\ed50"}.bxs-coffee-togo:before{content:"\ed51"}.bxs-cog:before{content:"\ed52"}.bxs-coin:before{content:"\ed53"}.bxs-coin-stack:before{content:"\ed54"}.bxs-collection:before{content:"\ed55"}.bxs-color-fill:before{content:"\ed56"}.bxs-comment:before{content:"\ed57"}.bxs-comment-add:before{content:"\ed58"}.bxs-comment-check:before{content:"\ed59"}.bxs-comment-detail:before{content:"\ed5a"}.bxs-comment-dots:before{content:"\ed5b"}.bxs-comment-edit:before{content:"\ed5c"}.bxs-comment-error:before{content:"\ed5d"}.bxs-comment-minus:before{content:"\ed5e"}.bxs-comment-x:before{content:"\ed5f"}.bxs-compass:before{content:"\ed60"}.bxs-component:before{content:"\ed61"}.bxs-confused:before{content:"\ed62"}.bxs-contact:before{content:"\ed63"}.bxs-conversation:before{content:"\ed64"}.bxs-cookie:before{content:"\ed65"}.bxs-cool:before{content:"\ed66"}.bxs-copy:before{content:"\ed67"}.bxs-copy-alt:before{content:"\ed68"}.bxs-copyright:before{content:"\ed69"}.bxs-coupon:before{content:"\ed6a"}.bxs-credit-card:before{content:"\ed6b"}.bxs-credit-card-alt:before{content:"\ed6c"}.bxs-credit-card-front:before{content:"\ed6d"}.bxs-crop:before{content:"\ed6e"}.bxs-crown:before{content:"\ed6f"}.bxs-cube:before{content:"\ed70"}.bxs-cube-alt:before{content:"\ed71"}.bxs-cuboid:before{content:"\ed72"}.bxs-customize:before{content:"\ed73"}.bxs-cylinder:before{content:"\ed74"}.bxs-dashboard:before{content:"\ed75"}.bxs-data:before{content:"\ed76"}.bxs-detail:before{content:"\ed77"}.bxs-devices:before{content:"\ed78"}.bxs-diamond:before{content:"\ed79"}.bxs-dice-1:before{content:"\ed7a"}.bxs-dice-2:before{content:"\ed7b"}.bxs-dice-3:before{content:"\ed7c"}.bxs-dice-4:before{content:"\ed7d"}.bxs-dice-5:before{content:"\ed7e"}.bxs-dice-6:before{content:"\ed7f"}.bxs-direction-left:before{content:"\ed80"}.bxs-direction-right:before{content:"\ed81"}.bxs-directions:before{content:"\ed82"}.bxs-disc:before{content:"\ed83"}.bxs-discount:before{content:"\ed84"}.bxs-dish:before{content:"\ed85"}.bxs-dislike:before{content:"\ed86"}.bxs-dizzy:before{content:"\ed87"}.bxs-dock-bottom:before{content:"\ed88"}.bxs-dock-left:before{content:"\ed89"}.bxs-dock-right:before{content:"\ed8a"}.bxs-dock-top:before{content:"\ed8b"}.bxs-dollar-circle:before{content:"\ed8c"}.bxs-donate-blood:before{content:"\ed8d"}.bxs-donate-heart:before{content:"\ed8e"}.bxs-door-open:before{content:"\ed8f"}.bxs-doughnut-chart:before{content:"\ed90"}.bxs-down-arrow:before{content:"\ed91"}.bxs-down-arrow-alt:before{content:"\ed92"}.bxs-down-arrow-circle:before{content:"\ed93"}.bxs-down-arrow-square:before{content:"\ed94"}.bxs-download:before{content:"\ed95"}.bxs-downvote:before{content:"\ed96"}.bxs-drink:before{content:"\ed97"}.bxs-droplet-half:before{content:"\ed98"}.bxs-dryer:before{content:"\ed99"}.bxs-duplicate:before{content:"\ed9a"}.bxs-edit:before{content:"\ed9b"}.bxs-edit-alt:before{content:"\ed9c"}.bxs-edit-location:before{content:"\ed9d"}.bxs-eject:before{content:"\ed9e"}.bxs-envelope:before{content:"\ed9f"}.bxs-envelope-open:before{content:"\eda0"}.bxs-eraser:before{content:"\eda1"}.bxs-error:before{content:"\eda2"}.bxs-error-alt:before{content:"\eda3"}.bxs-error-circle:before{content:"\eda4"}.bxs-ev-station:before{content:"\eda5"}.bxs-exit:before{content:"\eda6"}.bxs-extension:before{content:"\eda7"}.bxs-eyedropper:before{content:"\eda8"}.bxs-face:before{content:"\eda9"}.bxs-face-mask:before{content:"\edaa"}.bxs-factory:before{content:"\edab"}.bxs-fast-forward-circle:before{content:"\edac"}.bxs-file:before{content:"\edad"}.bxs-file-archive:before{content:"\edae"}.bxs-file-blank:before{content:"\edaf"}.bxs-file-css:before{content:"\edb0"}.bxs-file-doc:before{content:"\edb1"}.bxs-file-export:before{content:"\edb2"}.bxs-file-find:before{content:"\edb3"}.bxs-file-gif:before{content:"\edb4"}.bxs-file-html:before{content:"\edb5"}.bxs-file-image:before{content:"\edb6"}.bxs-file-import:before{content:"\edb7"}.bxs-file-jpg:before{content:"\edb8"}.bxs-file-js:before{content:"\edb9"}.bxs-file-json:before{content:"\edba"}.bxs-file-md:before{content:"\edbb"}.bxs-file-pdf:before{content:"\edbc"}.bxs-file-plus:before{content:"\edbd"}.bxs-file-png:before{content:"\edbe"}.bxs-file-txt:before{content:"\edbf"}.bxs-film:before{content:"\edc0"}.bxs-filter-alt:before{content:"\edc1"}.bxs-first-aid:before{content:"\edc2"}.bxs-flag:before{content:"\edc3"}.bxs-flag-alt:before{content:"\edc4"}.bxs-flag-checkered:before{content:"\edc5"}.bxs-flame:before{content:"\edc6"}.bxs-flask:before{content:"\edc7"}.bxs-florist:before{content:"\edc8"}.bxs-folder:before{content:"\edc9"}.bxs-folder-minus:before{content:"\edca"}.bxs-folder-open:before{content:"\edcb"}.bxs-folder-plus:before{content:"\edcc"}.bxs-food-menu:before{content:"\edcd"}.bxs-fridge:before{content:"\edce"}.bxs-game:before{content:"\edcf"}.bxs-gas-pump:before{content:"\edd0"}.bxs-ghost:before{content:"\edd1"}.bxs-gift:before{content:"\edd2"}.bxs-graduation:before{content:"\edd3"}.bxs-grid:before{content:"\edd4"}.bxs-grid-alt:before{content:"\edd5"}.bxs-group:before{content:"\edd6"}.bxs-guitar-amp:before{content:"\edd7"}.bxs-hand:before{content:"\edd8"}.bxs-hand-down:before{content:"\edd9"}.bxs-hand-left:before{content:"\edda"}.bxs-hand-right:before{content:"\eddb"}.bxs-hand-up:before{content:"\eddc"}.bxs-happy:before{content:"\eddd"}.bxs-happy-alt:before{content:"\edde"}.bxs-happy-beaming:before{content:"\eddf"}.bxs-happy-heart-eyes:before{content:"\ede0"}.bxs-hdd:before{content:"\ede1"}.bxs-heart:before{content:"\ede2"}.bxs-heart-circle:before{content:"\ede3"}.bxs-heart-square:before{content:"\ede4"}.bxs-help-circle:before{content:"\ede5"}.bxs-hide:before{content:"\ede6"}.bxs-home:before{content:"\ede7"}.bxs-home-circle:before{content:"\ede8"}.bxs-home-heart:before{content:"\ede9"}.bxs-home-smile:before{content:"\edea"}.bxs-hotel:before{content:"\edeb"}.bxs-hourglass:before{content:"\edec"}.bxs-hourglass-bottom:before{content:"\eded"}.bxs-hourglass-top:before{content:"\edee"}.bxs-id-card:before{content:"\edef"}.bxs-image:before{content:"\edf0"}.bxs-image-add:before{content:"\edf1"}.bxs-image-alt:before{content:"\edf2"}.bxs-inbox:before{content:"\edf3"}.bxs-info-circle:before{content:"\edf4"}.bxs-info-square:before{content:"\edf5"}.bxs-institution:before{content:"\edf6"}.bxs-joystick:before{content:"\edf7"}.bxs-joystick-alt:before{content:"\edf8"}.bxs-joystick-button:before{content:"\edf9"}.bxs-key:before{content:"\edfa"}.bxs-keyboard:before{content:"\edfb"}.bxs-label:before{content:"\edfc"}.bxs-landmark:before{content:"\edfd"}.bxs-landscape:before{content:"\edfe"}.bxs-laugh:before{content:"\edff"}.bxs-layer:before{content:"\ee00"}.bxs-layer-minus:before{content:"\ee01"}.bxs-layer-plus:before{content:"\ee02"}.bxs-layout:before{content:"\ee03"}.bxs-left-arrow:before{content:"\ee04"}.bxs-left-arrow-alt:before{content:"\ee05"}.bxs-left-arrow-circle:before{content:"\ee06"}.bxs-left-arrow-square:before{content:"\ee07"}.bxs-left-down-arrow-circle:before{content:"\ee08"}.bxs-left-top-arrow-circle:before{content:"\ee09"}.bxs-like:before{content:"\ee0a"}.bxs-location-plus:before{content:"\ee0b"}.bxs-lock:before{content:"\ee0c"}.bxs-lock-alt:before{content:"\ee0d"}.bxs-lock-open:before{content:"\ee0e"}.bxs-lock-open-alt:before{content:"\ee0f"}.bxs-log-in:before{content:"\ee10"}.bxs-log-in-circle:before{content:"\ee11"}.bxs-log-out:before{content:"\ee12"}.bxs-log-out-circle:before{content:"\ee13"}.bxs-low-vision:before{content:"\ee14"}.bxs-magic-wand:before{content:"\ee15"}.bxs-magnet:before{content:"\ee16"}.bxs-map:before{content:"\ee17"}.bxs-map-alt:before{content:"\ee18"}.bxs-map-pin:before{content:"\ee19"}.bxs-mask:before{content:"\ee1a"}.bxs-medal:before{content:"\ee1b"}.bxs-megaphone:before{content:"\ee1c"}.bxs-meh:before{content:"\ee1d"}.bxs-meh-alt:before{content:"\ee1e"}.bxs-meh-blank:before{content:"\ee1f"}.bxs-memory-card:before{content:"\ee20"}.bxs-message:before{content:"\ee21"}.bxs-message-add:before{content:"\ee22"}.bxs-message-alt:before{content:"\ee23"}.bxs-message-alt-add:before{content:"\ee24"}.bxs-message-alt-check:before{content:"\ee25"}.bxs-message-alt-detail:before{content:"\ee26"}.bxs-message-alt-dots:before{content:"\ee27"}.bxs-message-alt-edit:before{content:"\ee28"}.bxs-message-alt-error:before{content:"\ee29"}.bxs-message-alt-minus:before{content:"\ee2a"}.bxs-message-alt-x:before{content:"\ee2b"}.bxs-message-check:before{content:"\ee2c"}.bxs-message-detail:before{content:"\ee2d"}.bxs-message-dots:before{content:"\ee2e"}.bxs-message-edit:before{content:"\ee2f"}.bxs-message-error:before{content:"\ee30"}.bxs-message-minus:before{content:"\ee31"}.bxs-message-rounded:before{content:"\ee32"}.bxs-message-rounded-add:before{content:"\ee33"}.bxs-message-rounded-check:before{content:"\ee34"}.bxs-message-rounded-detail:before{content:"\ee35"}.bxs-message-rounded-dots:before{content:"\ee36"}.bxs-message-rounded-edit:before{content:"\ee37"}.bxs-message-rounded-error:before{content:"\ee38"}.bxs-message-rounded-minus:before{content:"\ee39"}.bxs-message-rounded-x:before{content:"\ee3a"}.bxs-message-square:before{content:"\ee3b"}.bxs-message-square-add:before{content:"\ee3c"}.bxs-message-square-check:before{content:"\ee3d"}.bxs-message-square-detail:before{content:"\ee3e"}.bxs-message-square-dots:before{content:"\ee3f"}.bxs-message-square-edit:before{content:"\ee40"}.bxs-message-square-error:before{content:"\ee41"}.bxs-message-square-minus:before{content:"\ee42"}.bxs-message-square-x:before{content:"\ee43"}.bxs-message-x:before{content:"\ee44"}.bxs-meteor:before{content:"\ee45"}.bxs-microchip:before{content:"\ee46"}.bxs-microphone:before{content:"\ee47"}.bxs-microphone-alt:before{content:"\ee48"}.bxs-microphone-off:before{content:"\ee49"}.bxs-minus-circle:before{content:"\ee4a"}.bxs-minus-square:before{content:"\ee4b"}.bxs-mobile:before{content:"\ee4c"}.bxs-mobile-vibration:before{content:"\ee4d"}.bxs-moon:before{content:"\ee4e"}.bxs-mouse:before{content:"\ee4f"}.bxs-mouse-alt:before{content:"\ee50"}.bxs-movie:before{content:"\ee51"}.bxs-movie-play:before{content:"\ee52"}.bxs-music:before{content:"\ee53"}.bxs-navigation:before{content:"\ee54"}.bxs-network-chart:before{content:"\ee55"}.bxs-news:before{content:"\ee56"}.bxs-no-entry:before{content:"\ee57"}.bxs-note:before{content:"\ee58"}.bxs-notepad:before{content:"\ee59"}.bxs-notification:before{content:"\ee5a"}.bxs-notification-off:before{content:"\ee5b"}.bxs-offer:before{content:"\ee5c"}.bxs-package:before{content:"\ee5d"}.bxs-paint:before{content:"\ee5e"}.bxs-paint-roll:before{content:"\ee5f"}.bxs-palette:before{content:"\ee60"}.bxs-paper-plane:before{content:"\ee61"}.bxs-parking:before{content:"\ee62"}.bxs-paste:before{content:"\ee63"}.bxs-pen:before{content:"\ee64"}.bxs-pencil:before{content:"\ee65"}.bxs-phone:before{content:"\ee66"}.bxs-phone-call:before{content:"\ee67"}.bxs-phone-incoming:before{content:"\ee68"}.bxs-phone-off:before{content:"\ee69"}.bxs-phone-outgoing:before{content:"\ee6a"}.bxs-photo-album:before{content:"\ee6b"}.bxs-piano:before{content:"\ee6c"}.bxs-pie-chart:before{content:"\ee6d"}.bxs-pie-chart-alt:before{content:"\ee6e"}.bxs-pie-chart-alt-2:before{content:"\ee6f"}.bxs-pin:before{content:"\ee70"}.bxs-pizza:before{content:"\ee71"}.bxs-plane:before{content:"\ee72"}.bxs-plane-alt:before{content:"\ee73"}.bxs-plane-land:before{content:"\ee74"}.bxs-planet:before{content:"\ee75"}.bxs-plane-take-off:before{content:"\ee76"}.bxs-playlist:before{content:"\ee77"}.bxs-plug:before{content:"\ee78"}.bxs-plus-circle:before{content:"\ee79"}.bxs-plus-square:before{content:"\ee7a"}.bxs-pointer:before{content:"\ee7b"}.bxs-polygon:before{content:"\ee7c"}.bxs-printer:before{content:"\ee7d"}.bxs-purchase-tag:before{content:"\ee7e"}.bxs-purchase-tag-alt:before{content:"\ee7f"}.bxs-pyramid:before{content:"\ee80"}.bxs-quote-alt-left:before{content:"\ee81"}.bxs-quote-alt-right:before{content:"\ee82"}.bxs-quote-left:before{content:"\ee83"}.bxs-quote-right:before{content:"\ee84"}.bxs-quote-single-left:before{content:"\ee85"}.bxs-quote-single-right:before{content:"\ee86"}.bxs-radiation:before{content:"\ee87"}.bxs-radio:before{content:"\ee88"}.bxs-receipt:before{content:"\ee89"}.bxs-rectangle:before{content:"\ee8a"}.bxs-registered:before{content:"\ee8b"}.bxs-rename:before{content:"\ee8c"}.bxs-report:before{content:"\ee8d"}.bxs-rewind-circle:before{content:"\ee8e"}.bxs-right-arrow:before{content:"\ee8f"}.bxs-right-arrow-alt:before{content:"\ee90"}.bxs-right-arrow-circle:before{content:"\ee91"}.bxs-right-arrow-square:before{content:"\ee92"}.bxs-right-down-arrow-circle:before{content:"\ee93"}.bxs-right-top-arrow-circle:before{content:"\ee94"}.bxs-rocket:before{content:"\ee95"}.bxs-ruler:before{content:"\ee96"}.bxs-sad:before{content:"\ee97"}.bxs-save:before{content:"\ee98"}.bxs-school:before{content:"\ee99"}.bxs-search:before{content:"\ee9a"}.bxs-search-alt-2:before{content:"\ee9b"}.bxs-select-multiple:before{content:"\ee9c"}.bxs-send:before{content:"\ee9d"}.bxs-server:before{content:"\ee9e"}.bxs-shapes:before{content:"\ee9f"}.bxs-share:before{content:"\eea0"}.bxs-share-alt:before{content:"\eea1"}.bxs-shield:before{content:"\eea2"}.bxs-shield-alt-2:before{content:"\eea3"}.bxs-shield-x:before{content:"\eea4"}.bxs-ship:before{content:"\eea5"}.bxs-shocked:before{content:"\eea6"}.bxs-shopping-bag:before{content:"\eea7"}.bxs-shopping-bag-alt:before{content:"\eea8"}.bxs-shopping-bags:before{content:"\eea9"}.bxs-show:before{content:"\eeaa"}.bxs-skip-next-circle:before{content:"\eeab"}.bxs-skip-previous-circle:before{content:"\eeac"}.bxs-skull:before{content:"\eead"}.bxs-sleepy:before{content:"\eeae"}.bxs-slideshow:before{content:"\eeaf"}.bxs-smile:before{content:"\eeb0"}.bxs-sort-alt:before{content:"\eeb1"}.bxs-spa:before{content:"\eeb2"}.bxs-speaker:before{content:"\eeb3"}.bxs-spray-can:before{content:"\eeb4"}.bxs-spreadsheet:before{content:"\eeb5"}.bxs-square:before{content:"\eeb6"}.bxs-square-rounded:before{content:"\eeb7"}.bxs-star:before{content:"\eeb8"}.bxs-star-half:before{content:"\eeb9"}.bxs-sticker:before{content:"\eeba"}.bxs-stopwatch:before{content:"\eebb"}.bxs-store:before{content:"\eebc"}.bxs-store-alt:before{content:"\eebd"}.bxs-sun:before{content:"\eebe"}.bxs-tachometer:before{content:"\eebf"}.bxs-tag:before{content:"\eec0"}.bxs-tag-alt:before{content:"\eec1"}.bxs-tag-x:before{content:"\eec2"}.bxs-taxi:before{content:"\eec3"}.bxs-tennis-ball:before{content:"\eec4"}.bxs-terminal:before{content:"\eec5"}.bxs-thermometer:before{content:"\eec6"}.bxs-time:before{content:"\eec7"}.bxs-time-five:before{content:"\eec8"}.bxs-timer:before{content:"\eec9"}.bxs-tired:before{content:"\eeca"}.bxs-toggle-left:before{content:"\eecb"}.bxs-toggle-right:before{content:"\eecc"}.bxs-tone:before{content:"\eecd"}.bxs-torch:before{content:"\eece"}.bxs-to-top:before{content:"\eecf"}.bxs-traffic:before{content:"\eed0"}.bxs-traffic-barrier:before{content:"\eed1"}.bxs-traffic-cone:before{content:"\eed2"}.bxs-train:before{content:"\eed3"}.bxs-trash:before{content:"\eed4"}.bxs-trash-alt:before{content:"\eed5"}.bxs-tree:before{content:"\eed6"}.bxs-trophy:before{content:"\eed7"}.bxs-truck:before{content:"\eed8"}.bxs-t-shirt:before{content:"\eed9"}.bxs-tv:before{content:"\eeda"}.bxs-up-arrow:before{content:"\eedb"}.bxs-up-arrow-alt:before{content:"\eedc"}.bxs-up-arrow-circle:before{content:"\eedd"}.bxs-up-arrow-square:before{content:"\eede"}.bxs-upside-down:before{content:"\eedf"}.bxs-upvote:before{content:"\eee0"}.bxs-user:before{content:"\eee1"}.bxs-user-account:before{content:"\eee2"}.bxs-user-badge:before{content:"\eee3"}.bxs-user-check:before{content:"\eee4"}.bxs-user-circle:before{content:"\eee5"}.bxs-user-detail:before{content:"\eee6"}.bxs-user-minus:before{content:"\eee7"}.bxs-user-pin:before{content:"\eee8"}.bxs-user-plus:before{content:"\eee9"}.bxs-user-rectangle:before{content:"\eeea"}.bxs-user-voice:before{content:"\eeeb"}.bxs-user-x:before{content:"\eeec"}.bxs-vector:before{content:"\eeed"}.bxs-vial:before{content:"\eeee"}.bxs-video:before{content:"\eeef"}.bxs-video-off:before{content:"\eef0"}.bxs-video-plus:before{content:"\eef1"}.bxs-video-recording:before{content:"\eef2"}.bxs-videos:before{content:"\eef3"}.bxs-virus:before{content:"\eef4"}.bxs-virus-block:before{content:"\eef5"}.bxs-volume:before{content:"\eef6"}.bxs-volume-full:before{content:"\eef7"}.bxs-volume-low:before{content:"\eef8"}.bxs-volume-mute:before{content:"\eef9"}.bxs-wallet:before{content:"\eefa"}.bxs-wallet-alt:before{content:"\eefb"}.bxs-washer:before{content:"\eefc"}.bxs-watch:before{content:"\eefd"}.bxs-watch-alt:before{content:"\eefe"}.bxs-webcam:before{content:"\eeff"}.bxs-widget:before{content:"\ef00"}.bxs-window-alt:before{content:"\ef01"}.bxs-wine:before{content:"\ef02"}.bxs-wink-smile:before{content:"\ef03"}.bxs-wink-tongue:before{content:"\ef04"}.bxs-wrench:before{content:"\ef05"}.bxs-x-circle:before{content:"\ef06"}.bxs-x-square:before{content:"\ef07"}.bxs-yin-yang:before{content:"\ef08"}.bxs-zap:before{content:"\ef09"}.bxs-zoom-in:before{content:"\ef0a"}.bxs-zoom-out:before{content:"\ef0b"}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/flaticon.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************/
/*
Flaticon icon font: Flaticon
Creation date: 27/03/2021 05:25
*/

@font-face {
  font-family: "Flaticon";
  src: url('Flaticon.eot');
  src: url('Flaticon.eot?#iefix') format("embedded-opentype"),
  url('Flaticon.woff2') format("woff2"),
  url('Flaticon.woff') format("woff"),
  url('Flaticon.ttf') format("truetype"),
  url('Flaticon.svg#Flaticon') format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
      font-family: "Flaticon";
      src: url('Flaticon.svg#Flaticon') format("svg");
  }
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-size: 15px;
  font-style: normal;
}

.flaticon-quality:before { content: "\f100"; }
.flaticon-domain-registration:before { content: "\f101"; }
.flaticon-targeting:before { content: "\f102"; }
.flaticon-search-engine:before { content: "\f103"; }
.flaticon-idea:before { content: "\f104"; }
.flaticon-pay-per-click:before { content: "\f105"; }
.flaticon-analytics:before { content: "\f106"; }
.flaticon-stats:before { content: "\f107"; }
.flaticon-link:before { content: "\f108"; }
.flaticon-translation:before { content: "\f109"; }
.flaticon-bug:before { content: "\f10a"; }
.flaticon-mail:before { content: "\f10b"; }
.flaticon-magnifying-glass:before { content: "\f10c"; }
.flaticon-right:before { content: "\f10d"; }
.flaticon-plan:before { content: "\f10e"; }
.flaticon-think:before { content: "\f10f"; }
.flaticon-shout:before { content: "\f110"; }
.flaticon-analytics-1:before { content: "\f111"; }
.flaticon-ux-design:before { content: "\f112"; }
.flaticon-camera:before { content: "\f113"; }
.flaticon-data:before { content: "\f114"; }
.flaticon-chat:before { content: "\f115"; }
.flaticon-project:before { content: "\f116"; }
.flaticon-quote:before { content: "\f117"; }
.flaticon-logo:before { content: "\f118"; }
.flaticon-twitter:before { content: "\f119"; }
.flaticon-linkedin:before { content: "\f11a"; }
.flaticon-logo-1:before { content: "\f11b"; }
.flaticon-down-arrow:before { content: "\f11c"; }
.flaticon-back:before { content: "\f11d"; }
.flaticon-multimedia:before { content: "\f11e"; }
.flaticon-search:before { content: "\f11f"; }
.flaticon-edit:before { content: "\f120"; }
.flaticon-plus:before { content: "\f121"; }
.flaticon-line:before { content: "\f122"; }
.flaticon-tick:before { content: "\f123"; }
.flaticon-chevron:before { content: "\f124"; }


.flaticon-website:before { content: "\f106"; }
.flaticon-coding:before { content: "\f101"; }
.flaticon-analytics:before { content: "\f102"; }
.flaticon-server:before { content: "\f109"; }
.flaticon-maintenance:before { content: "\f10a"; }
.flaticon-design:before { content: "\f105"; }
.flaticon-right:before { content: "\f10d"; }
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/magnific-popup/dist/magnific-popup.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/odometer.min.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************/
/*! odometer 0.4.8 */
.odometer.odometer-auto-theme,.odometer.odometer-theme-default{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;position:relative}.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner{transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{transition:transform 2s;transform:translateY(0)}.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value{text-align:center}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/css/style.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*


* This file contains the styling for the actual tepmlate, this
is the file you need to edit to change the look of the
tepmlate.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Preloader CSS
** - Header CSS
** - Main Banner CSS
** - Features CSS
** - About CSS
** - Services CSS
** - Services Details CSS
** - Project CSS
** - Project Details CSS
** - Feedback CSS
** - Partner CSS
** - Team CSS
** - Subscribe CSS
** - Blog CSS
** - Blog Details CSS
** - Contact CSS
** - Page Title CSS
** - Pagination CSS
** - Sidebar CSS
** - Footer CSS
** - Dark Home CSS
*/
/*================================================
Default CSS
=================================================*/
body {
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  font-size: 15px;
}

p {
  font-size: 15px;
  color: #848484;
  line-height: 1.9;
  margin-bottom: 15px;
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
}

.bg-f5e7da {
  background-color: #f5e7da;
}

.bg-f9f9f9 {
  background-color: #f9f9f9;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-70 {
  padding-bottom: 70px;
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #000000;
}

a {
  outline: 0 !important;
  transition: 0.5s;
  display: block;
}
a:hover, a:focus {
  text-decoration: none;
  outline: 0;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.d-table {
  width: 100%;
  display: table;
  height: 100%;
}
.d-table-cell {
  vertical-align: middle;
  display: table-cell;
}

.bg-gray {
  background-color: #f4f4f4;
}

.uk-dark {
  background-color: #000000;
}

/*uk-default-btn*/
.uk-button-default {
  border: 2px solid #ff4800;
  background-color: #ff4800;
  color: #ffffff;
}
.uk-button-default:hover, .uk-button-default:focus {
  background: #ffffff;
  color: #ffffff;
  border-color: #ff4800;
}
.uk-button-default i {
  margin-left: 3px;
}

.uk-button {
  font-size: 15px;
  font-weight: 600;
  line-height: unset;
  text-transform: capitalize;
  padding: 13px 32px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}
.uk-button::before, .uk-button::after {
  content: "";
  position: absolute;
  height: 0;
  width: 51%;
  background: #ff4800;
  z-index: -1;
  transition: 0.5s;
}
.uk-button::after {
  left: 0;
  top: 0;
}
.uk-button::before {
  right: 0;
  bottom: 0;
}
.uk-button:hover::before, .uk-button:hover::after, .uk-button:focus::before, .uk-button:focus::after {
  height: 100%;
}

/*uk-optional-btn*/
.uk-button-optional {
  line-height: unset;
  text-transform: capitalize;
  padding: 13px 32px;
  transition: 0.5s;
  position: relative;
  border: 2px solid #ff4800;
  background-color: transparent;
  color: #000000;
  z-index: 1;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
}
.uk-button-optional:hover, .uk-button-optional:focus {
  background: #ffffff;
  color: #ffffff;
  border-color: #ff4800;
}
.uk-button-optional i {
  margin-left: 3px;
}
.uk-button-optional::before, .uk-button-optional::after {
  content: "";
  position: absolute;
  height: 0;
  width: 51%;
  background: #ff4800;
  z-index: -1;
  transition: 0.5s;
}
.uk-button-optional::after {
  left: 0;
  top: 0;
}
.uk-button-optional::before {
  right: 0;
  bottom: 0;
}
.uk-button-optional:hover::before, .uk-button-optional:hover::after, .uk-button-optional:focus::before, .uk-button-optional:focus::after {
  height: 100%;
}

/*section-title*/
.section-title {
  margin-bottom: 60px !important;
  position: relative;
}
.section-title .bar {
  position: relative;
  z-index: 1;
  background: #ff4800;
  width: 55px;
  height: 3px;
  margin-top: 12px;
  transition: 0.5s;
}
.section-title .bar::before, .section-title .bar::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  background: #ffffff;
  transition: 0.5s;
}
.section-title .bar::after {
  right: 10px;
}
.section-title .bar::before {
  right: 20px;
}
.section-title span {
  margin-bottom: -5px;
  color: #ff4800;
  display: block;
  text-transform: uppercase;
}
.section-title h2 {
  font-size: 34px;
  font-weight: 700;
}
.section-title .uk-button {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
}
.section-title.uk-text-center .bar {
  margin-left: auto;
  margin-right: auto;
}

/*uk-input*/
.uk-input,
.uk-select:not([multiple]):not([size]) {
  height: 47px;
}

.uk-input,
.uk-select,
.uk-textarea {
  padding: 10px;
  transition: 0.5s;
}
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  border-color: #ff4800;
  padding-left: 15px;
}

/*================================================
Preloader CSS
=================================================*/
.uk-preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #ff4800;
  left: 0;
  right: 0;
}
.uk-preloader .spinner {
  width: 70px;
  height: 70px;
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 50%;
  margin-top: -70px;
}
.uk-preloader .spinner .double-bounce1,
.uk-preloader .spinner .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite ease-in-out;
}
.uk-preloader .spinner .double-bounce2 {
  opacity: 0.8;
  animation-delay: -1s;
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
/*================================================
Header CSS
=================================================*/
.header-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 999;
  padding-top: 20px;
  padding-bottom: 20px;
}
.header-area .uk-navbar-container:not(.uk-navbar-transparent) {
  background: transparent;
}
.header-area.bg-white {
  background-color: #ffffff;
}
.header-area.bg-white .uk-container {
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}
.header-area.uk-sticky-fixed {
  padding-top: 20px;
  padding-bottom: 20px;
}
.header-area.uk-sticky-fixed.uk-sticky-below {
  background: #ffffff;
}
.header-area.uk-sticky-fixed.p-relative {
  background-color: #ffffff;
}
.header-area.uk-active {
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
}
.header-area #navbar-toggle {
  position: absolute;
  right: 0;
  top: 4px;
  width: 35px;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  padding: 0;
  height: 20px;
  min-height: 20px;
  display: none;
}
.header-area #navbar-toggle span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #000000;
}
.header-area #navbar-toggle * + span {
  margin-top: 3px;
}

.navbar {
  gap: 0;
}
.navbar .uk-navbar-nav {
  gap: 0;
}
.navbar .uk-navbar-nav li {
  padding: 0 15px;
  position: relative;
}
.navbar .uk-navbar-nav li a {
  color: #000000;
  text-transform: capitalize;
  transition: 0.5s;
  padding: 0;
  position: relative;
  min-height: 25px;
  z-index: 1;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.navbar .uk-navbar-nav li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  background: #ff4800;
  width: 0;
  height: 2px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.navbar .uk-navbar-nav li a svg {
  margin: 0 -5px 0 0;
}
.navbar .uk-navbar-nav li a:hover, .navbar .uk-navbar-nav li a:focus, .navbar .uk-navbar-nav li a.active {
  color: #ff4800;
}
.navbar .uk-navbar-nav li a:hover::before, .navbar .uk-navbar-nav li a:focus::before, .navbar .uk-navbar-nav li a.active::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.navbar .uk-navbar-nav li .uk-dropdown {
  padding: 15px 5px 15px 0;
  display: block;
  opacity: 0;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  transition: 0.5s;
  left: 15px !important;
  top: 120% !important;
  animation: none !important;
  transform: unset !important;
  max-width: unset !important;
  transition: 0.5s;
}
.navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li {
  margin-bottom: 10px;
}
.navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a {
  color: #000000;
}
.navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a::after {
  position: absolute;
  left: -15px;
  top: 0;
  height: 0;
  width: 3px;
  background: #ff4800;
  content: "";
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a::before {
  display: none;
}
.navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a:hover, .navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a:focus {
  color: #ff4800;
}
.navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a:hover::after, .navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a:focus::after {
  opacity: 1;
  height: 100%;
  visibility: visible;
}
.navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a.uk-active {
  color: #ff4800;
}
.navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a.uk-active::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li.uk-active a {
  color: #ff4800;
}
.navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li.uk-active a::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li:last-child {
  margin-bottom: 0;
}
.navbar .uk-navbar-nav li:hover .uk-dropdown {
  opacity: 1;
  visibility: visible;
  top: 95% !important;
}
.navbar .uk-navbar-nav li.uk-active a {
  color: #ff4800;
}
.navbar .uk-navbar-nav li.uk-active a::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.navbar .lang {
  margin-left: 6px;
}
.navbar .lang form select {
  background: transparent;
  border: none;
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  outline: 0 !important;
  cursor: pointer;
  box-shadow: unset !important;
}

.uk-sticky-placeholder {
  height: 0 !important;
}

/*Mobile Navbar*/
.mobile-navbar {
  z-index: 99999;
}
.mobile-navbar .uk-navbar-container:not(.uk-navbar-transparent) {
  background: transparent;
}
.mobile-navbar .uk-offcanvas-bar {
  width: 290px;
  padding: 40px;
  background-color: #000000;
}
.mobile-navbar .uk-navbar-nav {
  display: block;
}
.mobile-navbar .uk-navbar-nav li {
  padding: 10px 0;
  display: block;
}
.mobile-navbar .uk-navbar-nav li a {
  color: #ffffff;
  text-transform: capitalize;
  transition: 0.5s;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  padding: 0;
  display: inline-block;
  position: relative;
  min-height: 25px;
  z-index: 1;
}
.mobile-navbar .uk-navbar-nav li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  background: #ff4800;
  width: 0;
  height: 2px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.mobile-navbar .uk-navbar-nav li a:hover, .mobile-navbar .uk-navbar-nav li a:focus, .mobile-navbar .uk-navbar-nav li a.uk-active {
  color: #ff4800;
}
.mobile-navbar .uk-navbar-nav li a:hover::before, .mobile-navbar .uk-navbar-nav li a:focus::before, .mobile-navbar .uk-navbar-nav li a.uk-active::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.mobile-navbar .uk-navbar-nav li .uk-dropdown {
  padding: 15px 5px 15px 0;
}
.mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li {
  margin-bottom: 8px;
  padding: 0 15px;
}
.mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a {
  color: #000000;
}
.mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a::after {
  position: absolute;
  left: -15px;
  top: 0;
  height: 0;
  width: 3px;
  background: #ff4800;
  content: "";
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a::before {
  display: none;
}
.mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a:hover, .mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a:focus, .mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a.uk-active {
  color: #ff4800;
}
.mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a:hover::after, .mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a:focus::after, .mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a.uk-active::after {
  opacity: 1;
  height: 100%;
  visibility: visible;
}
.mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li.uk-active a {
  color: #ff4800;
}
.mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li.uk-active a::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.mobile-navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li:last-child {
  margin-bottom: 0;
}
.mobile-navbar .uk-navbar-nav li.uk-active a {
  color: #ff4800;
}
.mobile-navbar .uk-navbar-nav li.uk-active a::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

/*================================================
Main Banner CSS
=================================================*/
.main-banner {
  height: 750px;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: 770px;
  background-position: 90%;
}
.main-banner.item-bg2 {
  background-size: 575px;
}
.main-banner.item-bg3 {
  background-size: 575px;
}

.item-bg1 {
  background-image: url('man1.png');
}

.item-bg3 {
  background-image: url('main-women.png');
}

.main-banner-content {
  max-width: 560px;
}
.main-banner-content h1 {
  position: relative;
  z-index: 1;
  line-height: 70px;
  padding: 5px 0;
  margin: 0;
  font-size: 65px;
  font-weight: 700;
}
.main-banner-content h1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
  z-index: -1;
  background: #ff4800;
}
.main-banner-content p {
  margin-top: 25px;
  margin-bottom: 30px;
}
.main-banner-content a {
  display: inline-block;
}
.main-banner-content .video-btn {
  margin-left: 20px;
  position: relative;
  top: 4px;
  color: #848484;
  font-weight: 600;
}
.main-banner-content .video-btn .uk-icon {
  width: 45px;
  margin-right: 5px;
  height: 45px;
  line-height: 45px;
  background-color: #ffffff;
  border: 2px solid #ff4800;
  border-radius: 50%;
  text-align: center;
  color: #ff4800;
  transition: 0.5s;
}
.main-banner-content .video-btn .uk-icon svg {
  width: 30px;
}
.main-banner-content .video-btn:hover, .main-banner-content .video-btn:focus {
  color: #ff4800;
}
.main-banner-content .video-btn:hover .uk-icon, .main-banner-content .video-btn:focus .uk-icon {
  background-color: #000000;
  color: #ffffff;
  border-color: #000000;
}

.banner-with-form .main-banner-content {
  max-width: unset;
}
.banner-with-form .uk-container .uk-grid {
  margin-top: 30px;
}

.main-banner-form {
  border: 3px solid #111111;
  background: #000000;
  padding: 35px;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  margin-left: 45px;
}
.main-banner-form form select.uk-input {
  cursor: pointer;
  line-height: initial;
}
.main-banner-form form label span {
  color: #8a8a8a;
  position: relative;
  top: -3px;
  font-size: 13px;
}
.main-banner-form form label span a {
  display: inline-block;
  color: #ff4800;
}

.hero-banner {
  position: relative;
  z-index: 1;
  padding-top: 180px;
  padding-bottom: 80px;
}
.hero-banner::before {
  content: "";
  position: absolute;
  left: 0;
  height: 30%;
  width: 100%;
  z-index: -1;
  bottom: 0;
  background-image: url('home-shape.png');
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-banner-content {
  margin-top: 30px;
}
.hero-banner-content h1 {
  margin-bottom: 15px;
  font-size: 50px;
  font-weight: 700;
}
.hero-banner-content h1 span {
  color: #ff4800;
}
.hero-banner-content p {
  margin-bottom: 0;
}
.hero-banner-content .btn-box {
  margin-top: 30px;
}
.hero-banner-content .btn-box .uk-button-optional {
  margin-left: 10px;
  position: relative;
  top: 1px;
}

.banner-section .item {
  padding: 0 !important;
}

.banner-content {
  padding: 50px;
  height: 100vh;
  background-color: #fbf7f7;
}
.banner-content .content {
  max-width: 620px;
  margin-left: auto;
  margin-top: 80px;
}
.banner-content h1 {
  margin-bottom: 15px;
  font-size: 53px;
  font-weight: 700;
}
.banner-content h1 span {
  color: #ff4800;
}
.banner-content p {
  margin-bottom: 0;
  max-width: 535px;
}
.banner-content .btn-box {
  margin-top: 30px;
}
.banner-content .btn-box .uk-button-optional {
  margin-left: 10px;
  position: relative;
  top: 1px;
}

.banner-image {
  position: relative;
  background-image: url('banner-img1.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner-image img {
  display: none;
}

.shape-circle-img1 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.shape-circle-img1 img {
  animation: movebounce 5s linear infinite;
}

.shape-circle-img2 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.shape-circle-img2 img {
  animation: movebounce 5s linear infinite;
}

@keyframes movebounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}
/*================================================
Features CSS
=================================================*/
.features-area {
  position: relative;
  margin-top: -50px;
  z-index: 1;
  background: #ffffff;
}
.features-area.uk-dark {
  background-color: #000000;
}

.single-features-box {
  background-color: #f7f7ff;
  position: relative;
  z-index: 1;
  padding: 55px 40px;
  transition: 0.5s;
}
.single-features-box .icon {
  color: #ff4800;
  transition: 0.5s;
}
.single-features-box .icon i::before {
  font-size: 45px;
}
.single-features-box h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
  transition: 0.5s;
}
.single-features-box .dot-img {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: -1;
  transition: 0.5s;
}
.single-features-box .dot-img img {
  transition: 0.5s;
}
.single-features-box .dot-img img.white-dot {
  display: none;
}
.single-features-box .bar {
  position: relative;
  z-index: 1;
  background: #ff4800;
  width: 55px;
  height: 3px;
  transition: 0.5s;
  margin-top: 7px;
  margin-bottom: 20px;
}
.single-features-box .bar::before, .single-features-box .bar::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  background: #ffffff;
  transition: 0.5s;
}
.single-features-box .bar::after {
  right: 10px;
}
.single-features-box .bar::before {
  right: 20px;
}
.single-features-box p {
  margin-bottom: 0;
  transition: 0.5s;
}
.single-features-box .animation-img img {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.single-features-box .animation-img img:nth-child(1) {
  left: 0;
  bottom: 0;
}
.single-features-box .animation-img img:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.single-features-box .animation-img img:nth-child(3) {
  top: 0;
  left: 0;
}
.single-features-box .animation-img img:nth-child(4) {
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.single-features-box .animation-img img:nth-child(5) {
  right: 0;
  top: 0;
}
.single-features-box .animation-img img:nth-child(6) {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.single-features-box .animation-img img:nth-child(7) {
  bottom: 0;
  right: 0;
}
.single-features-box .animation-img img:nth-child(8) {
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.single-features-box:hover, .single-features-box:focus, .single-features-box.active {
  background: #ff4800;
}
.single-features-box:hover .icon, .single-features-box:focus .icon, .single-features-box.active .icon {
  color: #ffffff;
}
.single-features-box:hover h3, .single-features-box:focus h3, .single-features-box.active h3 {
  color: #ffffff;
}
.single-features-box:hover p, .single-features-box:focus p, .single-features-box.active p {
  color: #ffffff;
}
.single-features-box:hover .dot-img img.color-dot, .single-features-box:focus .dot-img img.color-dot, .single-features-box.active .dot-img img.color-dot {
  display: none;
}
.single-features-box:hover .dot-img img.white-dot, .single-features-box:focus .dot-img img.white-dot, .single-features-box.active .dot-img img.white-dot {
  display: block;
}
.single-features-box:hover .bar, .single-features-box:focus .bar, .single-features-box.active .bar {
  background: #ffffff;
}
.single-features-box:hover .bar::after, .single-features-box:hover .bar::before, .single-features-box:focus .bar::after, .single-features-box:focus .bar::before, .single-features-box.active .bar::after, .single-features-box.active .bar::before {
  background: #ff4800;
}
.single-features-box:hover .animation-img img, .single-features-box:focus .animation-img img {
  opacity: 1;
  visibility: visible;
}
.single-features-box:hover .animation-img img:nth-child(1), .single-features-box:focus .animation-img img:nth-child(1) {
  left: -25px;
  bottom: -24px;
}
.single-features-box:hover .animation-img img:nth-child(2), .single-features-box:focus .animation-img img:nth-child(2) {
  left: -35px;
}
.single-features-box:hover .animation-img img:nth-child(3), .single-features-box:focus .animation-img img:nth-child(3) {
  top: -15px;
  left: -16px;
}
.single-features-box:hover .animation-img img:nth-child(4), .single-features-box:focus .animation-img img:nth-child(4) {
  top: -28px;
}
.single-features-box:hover .animation-img img:nth-child(5), .single-features-box:focus .animation-img img:nth-child(5) {
  right: -25px;
  top: -26px;
}
.single-features-box:hover .animation-img img:nth-child(6), .single-features-box:focus .animation-img img:nth-child(6) {
  right: -25px;
}
.single-features-box:hover .animation-img img:nth-child(7), .single-features-box:focus .animation-img img:nth-child(7) {
  bottom: -26px;
  right: -25px;
}
.single-features-box:hover .animation-img img:nth-child(8), .single-features-box:focus .animation-img img:nth-child(8) {
  bottom: -25px;
}

.br-line {
  position: relative;
  overflow: hidden;
  height: 60px;
  width: 3px;
  background: #ff4800;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 1;
}
.br-line::after, .br-line::before {
  content: "";
  position: absolute;
  background: #ffffff;
  width: 100%;
  height: 3px;
  left: 0;
  z-index: -1;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.br-line::after {
  top: 5px;
}
.br-line::before {
  top: 15px;
}

@keyframes MOVE-BG {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(60px);
  }
}
/*================================================
About CSS
=================================================*/
.about-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.about-content .section-title {
  margin-bottom: 40px !important;
}
.about-content .about-text {
  position: relative;
  padding-left: 65px;
}
.about-content .about-text .icon {
  position: absolute;
  left: 0;
  top: 0;
  color: #ff4800;
}
.about-content .about-text .icon i::before {
  font-size: 45px;
}
.about-content .about-text h3 {
  margin-top: 0;
  font-size: 20px;
}
.about-content .about-text .signature {
  margin-top: 35px;
}

.about-img {
  position: absolute;
  right: 0;
  top: 70px;
  width: auto !important;
  text-align: right;
}
.about-img img {
  transition: 0.5s;
}
.about-img .about-img1 {
  width: 85%;
}
.about-img .about-img2 {
  position: absolute;
  left: 70px;
  bottom: -82px;
}
.about-img .shape-img {
  position: absolute;
  animation: moveleftbounce 3s linear infinite;
  left: 44%;
  top: 9%;
}
.about-img .uk-button {
  background-color: #ff4800;
  color: #ffffff;
  position: absolute;
  right: 0;
  bottom: -25px;
}
.about-img .uk-button:hover, .about-img .uk-button:focus {
  background-color: #000000;
}
.about-img:hover img, .about-img:focus img {
  filter: grayscale(100%);
}

.about-image {
  position: relative;
  text-align: left;
  padding-bottom: 40px;
}
.about-image img:nth-child(2) {
  position: absolute;
  right: 20px;
  bottom: 0;
}

@keyframes moveleftbounce {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
/*================================================
Services CSS
=================================================*/
.services-area {
  padding-bottom: 40px;
}
.services-area .item {
  margin-bottom: 30px;
}
.services-area .pagination-area {
  margin-top: 20px;
  margin-bottom: 30px !important;
}

.single-services {
  position: relative;
  z-index: 1;
  background-color: #f9f9f9;
  padding: 40px 55px 40px 108px;
  transition: 0.5s;
  border-radius: 65px 0 0 65px;
}
.single-services .icon {
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: -1;
  width: 75px;
  height: 75px;
  background: #ffffff;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  color: #ff4800;
  line-height: 75px;
  margin-top: -38px;
  transition: 0.5s;
}
.single-services .icon i::before {
  font-size: 35px;
}
.single-services h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  transition: 0.5s;
}
.single-services h3 a {
  color: #000000;
}
.single-services .link-btn {
  position: absolute;
  right: 20px;
  top: 50%;
  color: #bdbdbd;
  display: block;
  margin-top: -19px;
  transition: 0.5s;
}
.single-services .link-btn::before {
  font-size: 25px;
}
.single-services:hover, .single-services:focus, .single-services.active {
  background: #ff4800;
}
.single-services:hover h3,
.single-services:hover a, .single-services:focus h3,
.single-services:focus a, .single-services.active h3,
.single-services.active a {
  color: #ffffff;
}
.single-services:hover .link-btn, .single-services:focus .link-btn, .single-services.active .link-btn {
  right: 10px;
  color: #ffffff;
}

.single-services-box {
  background-color: #f7f7ff;
  position: relative;
  z-index: 1;
  padding: 40px;
  transition: 0.5s;
}
.single-services-box .icon {
  color: #ff4800;
  transition: 0.5s;
}
.single-services-box .icon i::before {
  font-size: 45px;
}
.single-services-box h3 {
  margin-bottom: 0;
  transition: 0.5s;
  font-size: 20px;
  font-weight: 700;
}
.single-services-box h3 a {
  color: #000000;
}
.single-services-box .bar {
  position: relative;
  z-index: 1;
  background: #ff4800;
  width: 55px;
  height: 3px;
  transition: 0.5s;
  margin-top: 7px;
  margin-bottom: 20px;
}
.single-services-box .bar::before, .single-services-box .bar::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  background: #ffffff;
  transition: 0.5s;
}
.single-services-box .bar::after {
  right: 10px;
}
.single-services-box .bar::before {
  right: 20px;
}
.single-services-box p {
  margin-bottom: 20px;
  transition: 0.5s;
}
.single-services-box .link-btn {
  display: inline-block;
  position: relative;
  color: #ffffff;
}
.single-services-box .link-btn span {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.single-services-box .link-btn i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ff4800;
  color: #ffffff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  transition: 0.5s;
}
.single-services-box .link-btn:hover span, .single-services-box .link-btn:focus span {
  opacity: 1;
  visibility: visible;
  padding-right: 5px;
}
.single-services-box .link-btn:hover i, .single-services-box .link-btn:focus i {
  left: 100%;
  width: 25px;
  height: 25px;
  line-height: 23px;
}
.single-services-box .link-btn:hover i::before, .single-services-box .link-btn:focus i::before {
  font-size: 12px;
}
.single-services-box .animation-img img {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.single-services-box .animation-img img:nth-child(1) {
  left: 0;
  bottom: 0;
}
.single-services-box .animation-img img:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.single-services-box .animation-img img:nth-child(3) {
  top: 0;
  left: 0;
}
.single-services-box .animation-img img:nth-child(4) {
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.single-services-box .animation-img img:nth-child(5) {
  right: 0;
  top: 0;
}
.single-services-box .animation-img img:nth-child(6) {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.single-services-box .animation-img img:nth-child(7) {
  bottom: 0;
  right: 0;
}
.single-services-box .animation-img img:nth-child(8) {
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.single-services-box:hover, .single-services-box:focus {
  background: #ff4800;
}
.single-services-box:hover .icon, .single-services-box:focus .icon {
  color: #ffffff;
}
.single-services-box:hover h3 a, .single-services-box:focus h3 a {
  color: #ffffff;
}
.single-services-box:hover p, .single-services-box:focus p {
  color: #ffffff;
}
.single-services-box:hover .bar, .single-services-box:focus .bar {
  background: #ffffff;
}
.single-services-box:hover .bar::after, .single-services-box:hover .bar::before, .single-services-box:focus .bar::after, .single-services-box:focus .bar::before {
  background: #ff4800;
}
.single-services-box:hover .link-btn span, .single-services-box:focus .link-btn span {
  opacity: 1;
  visibility: visible;
  padding-right: 7px;
}
.single-services-box:hover .link-btn i, .single-services-box:focus .link-btn i {
  left: 100%;
  width: 25px;
  height: 25px;
  line-height: 23px;
  background-color: #ffffff;
  color: #ff4800;
}
.single-services-box:hover .link-btn i::before, .single-services-box:focus .link-btn i::before {
  font-size: 12px;
}
.single-services-box:hover .animation-img img, .single-services-box:focus .animation-img img {
  opacity: 1;
  visibility: visible;
}
.single-services-box:hover .animation-img img:nth-child(1), .single-services-box:focus .animation-img img:nth-child(1) {
  left: -25px;
  bottom: -24px;
}
.single-services-box:hover .animation-img img:nth-child(2), .single-services-box:focus .animation-img img:nth-child(2) {
  left: -35px;
}
.single-services-box:hover .animation-img img:nth-child(3), .single-services-box:focus .animation-img img:nth-child(3) {
  top: -15px;
  left: -16px;
}
.single-services-box:hover .animation-img img:nth-child(4), .single-services-box:focus .animation-img img:nth-child(4) {
  top: -28px;
}
.single-services-box:hover .animation-img img:nth-child(5), .single-services-box:focus .animation-img img:nth-child(5) {
  right: -25px;
  top: -26px;
}
.single-services-box:hover .animation-img img:nth-child(6), .single-services-box:focus .animation-img img:nth-child(6) {
  right: -25px;
}
.single-services-box:hover .animation-img img:nth-child(7), .single-services-box:focus .animation-img img:nth-child(7) {
  bottom: -26px;
  right: -25px;
}
.single-services-box:hover .animation-img img:nth-child(8), .single-services-box:focus .animation-img img:nth-child(8) {
  bottom: -25px;
}

.services-section {
  padding-bottom: 40px;
}
.services-section .section-title h2 {
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
}
.services-section.bg-image {
  position: relative;
  z-index: 1;
  padding-bottom: 140px;
}
.services-section.bg-image::before {
  position: absolute;
  left: 0;
  bottom: 70px;
  height: 50%;
  width: 90%;
  content: "";
  background-image: url('services-shape.png');
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
}

.services-slides.owl-theme .owl-dots {
  margin-top: 10px !important;
}
.services-slides.owl-theme .owl-dots .owl-dot {
  outline: 0 !important;
}
.services-slides.owl-theme .owl-dots .owl-dot span {
  width: 14px;
  height: 14px;
  margin: 0 4px;
  background: transparent;
  position: relative;
  transition: 0.5s;
  border-radius: 50%;
  border: 1px solid #ffffff;
}
.services-slides.owl-theme .owl-dots .owl-dot span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  transition: 0.5s;
  bottom: 0;
  border-radius: 50%;
  background-color: #ffffff;
  margin: 3px;
}
.services-slides.owl-theme .owl-dots .owl-dot:hover span, .services-slides.owl-theme .owl-dots .owl-dot.active span {
  border-color: #ff4800;
}
.services-slides.owl-theme .owl-dots .owl-dot:hover span::before, .services-slides.owl-theme .owl-dots .owl-dot.active span::before {
  background-color: #ff4800;
}

.services-box {
  position: relative;
  text-align: center;
  margin-bottom: 30px !important;
  overflow: hidden;
}
.services-box img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.services-box .content {
  border-radius: 0 0 5px 5px;
  background-color: #ff4800;
  transition: 0.5s;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.services-box .content .icon {
  border: 2px solid #ff4800;
  background-color: #ffffff;
  color: #ff4800;
  width: 65px;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  position: relative;
  top: -30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.services-box .content .icon i::before {
  font-size: 30px;
}
.services-box .content h3 {
  color: #ffffff;
  margin-bottom: 0;
  margin-top: -30px;
  font-size: 22px;
  font-weight: 700;
}
.services-box .hover-content {
  border-radius: 5px;
  background-color: #ff4800;
  transition: 0.5s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 45%;
  opacity: 0;
  visibility: hidden;
}
.services-box .hover-content .inner {
  padding: 30px;
}
.services-box .hover-content .inner .icon {
  border: 2px solid #ff4800;
  background-color: #ffffff;
  color: #ff4800;
  width: 65px;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.services-box .hover-content .inner .icon i::before {
  font-size: 30px;
}
.services-box .hover-content .inner h3 {
  color: #ffffff;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
}
.services-box .hover-content .inner p {
  color: #ffffff;
  margin-top: 12px;
}
.services-box .hover-content .inner .details-btn {
  display: inline-block;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.services-box .hover-content .inner .details-btn i::before {
  font-size: 22px;
}
.services-box .hover-content .inner .details-btn::before {
  width: 30px;
  height: 30px;
  border: 1px solid #ffffff;
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  border-radius: 50%;
  z-index: -1;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.services-box .hover-content .inner .details-btn:hover {
  color: #ff4800;
}
.services-box .hover-content .inner .details-btn:hover::before {
  opacity: 1;
  visibility: visible;
  left: 3px;
  background-color: #ffffff;
}
.services-box:hover .content {
  opacity: 0;
  visibility: hidden;
}
.services-box:hover .hover-content {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

/*================================================
Services Details CSS
=================================================*/
.services-details .uk-width-1-5 {
  width: 33%;
}

.services-details-desc h3 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 12px;
}
.services-details-desc p {
  margin-bottom: 15px;
}
.services-details-desc .services-image-slides {
  margin-bottom: 30px;
  margin-top: 25px;
}
.services-details-desc .services-image-slides.owl-theme .owl-nav.disabled + .owl-dots {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 15px;
}
.services-details-desc .services-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot {
  outline: 0 !important;
}
.services-details-desc .services-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  margin: 0 4px;
  outline: 0 !important;
  background: transparent;
  transition: 0.5s;
  border-radius: 50%;
  position: relative;
  padding: 0;
  text-align: center;
  border: 1px solid #ffffff;
}
.services-details-desc .services-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #ffffff;
  transition: 0.5s;
  width: 8px;
  height: 8px;
  top: 4px;
  border-radius: 50%;
}
.services-details-desc .services-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot:hover span, .services-details-desc .services-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot.active span {
  border-color: #ff4800;
}
.services-details-desc .services-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot:hover span::before, .services-details-desc .services-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot.active span::before {
  background: #ff4800;
}
.services-details-desc .services-features-list {
  padding: 0;
  margin: 20px 0 10px;
  list-style-type: none;
  overflow: hidden;
}
.services-details-desc .services-features-list li {
  float: left;
  width: 45%;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}
.services-details-desc .services-features-list li i {
  color: #ff4800;
}
.services-details-desc .services-features-list li i::before {
  margin-right: 3px;
}
.services-details-desc blockquote,
.services-details-desc .blockquote {
  background: #f7f7f7;
  padding: 30px 20px;
  margin-bottom: 25px;
  border-left: 4px solid #ff4800;
}
.services-details-desc blockquote p,
.services-details-desc .blockquote p {
  margin-bottom: 0;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
}
.services-details-desc .our-work-benefits .accordion {
  list-style-type: none;
  padding: 0;
  margin: 25px 0 0;
}
.services-details-desc .our-work-benefits .accordion .accordion-item {
  display: block;
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  background: #ffffff;
  margin-bottom: 5px;
}
.services-details-desc .our-work-benefits .accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.services-details-desc .our-work-benefits .accordion .accordion-title {
  display: block;
  padding: 12px 20px 9px 51px;
  text-decoration: none;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  border-bottom: 1px solid #ffffff;
}
.services-details-desc .our-work-benefits .accordion .accordion-title i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: center;
  height: 100%;
  background: #ff4800;
  color: #ffffff;
}
.services-details-desc .our-work-benefits .accordion .accordion-title i::before {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  margin-top: -11px;
}
.services-details-desc .our-work-benefits .accordion .accordion-title.active {
  border-bottom-color: #e1e1e1;
}
.services-details-desc .our-work-benefits .accordion .accordion-title.active i::before {
  content: "\f122";
}
.services-details-desc .our-work-benefits .accordion .accordion-content {
  display: none;
  position: relative;
  padding: 15px 15px;
}
.services-details-desc .our-work-benefits .accordion .accordion-content.show {
  display: block;
}

/*================================================
Project CSS
=================================================*/
.project-area {
  overflow: hidden;
}
.project-area .pagination-area {
  margin-top: 20px;
}

.project-slides {
  left: calc((100% - 1200px) / 2);
  position: relative;
}

.single-project {
  text-align: center;
  margin-bottom: 30px;
}
.single-project .project-img img {
  transition: 0.5s;
}
.single-project .project-content {
  background-color: #f9f9f9;
  padding: 35px 15px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}
.single-project .project-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: 0.5s;
  background: #ff4800;
  z-index: -1;
}
.single-project .project-content h3 {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  transition: 0.5s;
}
.single-project .project-content h3 a {
  color: #000000;
}
.single-project .project-content h3 a:hover, .single-project .project-content h3 a:focus {
  color: #ff4800;
}
.single-project .project-content ul {
  padding: 0;
  margin: 8px 0 0;
  list-style-type: none;
}
.single-project .project-content ul li {
  display: inline-block;
  position: relative;
  margin: 0 8px;
  transition: 0.5s;
}
.single-project .project-content ul li::before {
  content: "";
  position: absolute;
  left: -11px;
  top: 0;
  height: 15px;
  width: 2px;
  background: #848484;
  top: 3px;
  transform: rotate(10deg);
  transition: 0.5s;
}
.single-project .project-content ul li:first-child::before {
  display: none;
}
.single-project .project-content ul li a {
  color: #848484;
}
.single-project .project-content ul li a:hover, .single-project .project-content ul li a:focus {
  color: #ff4800;
}
.single-project:hover .project-content::before, .single-project:focus .project-content::before {
  height: 100%;
}
.single-project:hover .project-content h3 a, .single-project:focus .project-content h3 a {
  color: #ffffff;
}
.single-project:hover .project-content ul li a, .single-project:focus .project-content ul li a {
  color: #ffffff;
}
.single-project:hover .project-content ul li::before, .single-project:focus .project-content ul li::before {
  background: #ffffff;
}
.single-project:hover .project-img img, .single-project:focus .project-img img {
  filter: grayscale(100%);
}

.project-slides.owl-theme .owl-dots {
  line-height: 0.01;
  margin-top: 20px !important;
}
.project-slides.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 5px;
  margin: 0 3px;
  background: #d6d6d6;
  transition: 0.5s;
  border-radius: 0;
}
.project-slides.owl-theme .owl-dots .owl-dot.active, .project-slides.owl-theme .owl-dots .owl-dot:hover, .project-slides.owl-theme .owl-dots .owl-dot:focus {
  outline: 0 !important;
  box-shadow: unset !important;
}
.project-slides.owl-theme .owl-dots .owl-dot.active span, .project-slides.owl-theme .owl-dots .owl-dot:hover span, .project-slides.owl-theme .owl-dots .owl-dot:focus span {
  background: #ff4800;
}
.project-slides.owl-theme .owl-dots .owl-dot.active span {
  width: 22px;
}

.project-section {
  position: relative;
  z-index: 1;
  padding-bottom: 40px;
}

.single-project-box {
  text-align: center;
  margin-bottom: 30px !important;
}
.single-project-box .project-img img {
  transition: 0.5s;
}
.single-project-box .project-content {
  background-color: #f9f9f9;
  padding: 30px;
  transition: 0.5s;
  text-align: left;
  position: relative;
  z-index: 1;
}
.single-project-box .project-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: 0.5s;
  background: #ff4800;
  z-index: -1;
}
.single-project-box .project-content h3 {
  margin: 0;
  transition: 0.5s;
  font-size: 22px;
  font-weight: 700;
}
.single-project-box .project-content h3 a {
  color: #000000;
}
.single-project-box .project-content h3 a:hover, .single-project-box .project-content h3 a:focus {
  color: #ff4800;
}
.single-project-box .project-content ul {
  padding: 0;
  margin: 8px 0 0;
  list-style-type: none;
}
.single-project-box .project-content ul li {
  display: inline-block;
  position: relative;
  margin: 0 8px;
  transition: 0.5s;
}
.single-project-box .project-content ul li::before {
  content: "";
  position: absolute;
  left: -9px;
  top: 0;
  height: 14px;
  width: 1px;
  background: #848484;
  top: 4px;
  transform: rotate(10deg);
  transition: 0.5s;
}
.single-project-box .project-content ul li:first-child::before {
  display: none;
}
.single-project-box .project-content ul li a {
  color: #848484;
}
.single-project-box .project-content ul li a:hover, .single-project-box .project-content ul li a:focus {
  color: #ff4800;
}
.single-project-box .project-content ul li:first-child {
  margin-left: 0;
}
.single-project-box .project-content .details-btn {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  transition: 0.5s;
  border-radius: 50%;
  background-color: #ff4800;
  color: #ffffff;
}
.single-project-box .project-content .details-btn i svg {
  width: 28px;
}
.single-project-box .project-content .details-btn:hover {
  color: #ffffff !important;
  background-color: #000000 !important;
}
.single-project-box:hover .project-content::before, .single-project-box:focus .project-content::before {
  height: 100%;
}
.single-project-box:hover .project-content h3 a, .single-project-box:focus .project-content h3 a {
  color: #ffffff;
}
.single-project-box:hover .project-content ul li a, .single-project-box:focus .project-content ul li a {
  color: #ffffff;
}
.single-project-box:hover .project-content ul li::before, .single-project-box:focus .project-content ul li::before {
  background: #ffffff;
}
.single-project-box:hover .project-content .details-btn, .single-project-box:focus .project-content .details-btn {
  background-color: #ffffff;
  color: #ff4800;
}
.single-project-box:hover .project-img img, .single-project-box:focus .project-img img {
  filter: grayscale(100%);
}

/*================================================
Project Details CSS
=================================================*/
.project-details .uk-width-1-5 {
  width: 33%;
}

.project-details-info {
  background: #ffffff;
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  padding: 30px;
}
.project-details-info ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.project-details-info ul li {
  color: #848484;
  font-size: 16px;
  margin-bottom: 14px;
}
.project-details-info ul li span {
  font-weight: 500;
  display: inline-block;
  margin-right: 5px;
  color: #000000;
}
.project-details-info ul li a {
  display: inline-block;
  color: #848484;
}
.project-details-info ul li a:hover, .project-details-info ul li a:focus {
  color: #ff4800;
}
.project-details-info ul li:last-child {
  margin-bottom: 0;
}
.project-details-info ul li ul {
  display: inline-block;
}
.project-details-info ul li ul li {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 5px;
}
.project-details-info ul li ul li a {
  width: 35px;
  height: 35px;
  background: #2d3046;
  text-align: center;
  color: #ffffff;
  line-height: 35px;
  border-radius: 50%;
}
.project-details-info ul li ul li a i::before {
  font-size: 14px;
}
.project-details-info ul li ul li a:hover, .project-details-info ul li ul li a:focus {
  background: #ff4800;
  color: #ffffff;
}

.project-details-desc {
  margin-top: 30px;
}
.project-details-desc h3 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 12px;
}
.project-details-desc p {
  margin-bottom: 15px;
}
.project-details-desc p:last-child {
  margin-bottom: 0;
}
.project-details-desc blockquote,
.project-details-desc .blockquote {
  background: #f7f7f7;
  padding: 30px 20px;
  margin-bottom: 25px;
  border-left: 4px solid #ff4800;
}
.project-details-desc blockquote p,
.project-details-desc .blockquote p {
  margin-bottom: 0;
  color: #000000;
  font-weight: 600;
  font-size: 15px;
}

.project-next-and-prev {
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  background: #ffffff;
  margin-top: 30px;
  position: relative;
  padding: 30px;
}
.project-next-and-prev .uk-button {
  flex: unset;
  width: auto;
}
.project-next-and-prev .uk-text-right {
  display: block !important;
}

/*================================================
Feedback CSS
=================================================*/
.feedback-img {
  position: relative;
}
.feedback-img img {
  transition: 0.5s;
}
.feedback-img .shape-img {
  position: absolute;
  left: 20px;
  top: -55px;
  animation: moveleftbounce 3s linear infinite;
}
.feedback-img .video-btn {
  position: absolute;
  right: 15px;
  bottom: 200px;
  background: #ff4800;
  color: #ffffff;
  padding: 20px 20px 20px 65px;
  border-radius: 45px;
}
.feedback-img .video-btn i {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 45px;
  height: 45px;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  background: #ffffff;
  color: #ff4800;
  border-radius: 50%;
  margin-top: -22px;
  transition: 0.5s;
}
.feedback-img .video-btn:hover, .feedback-img .video-btn:focus {
  background: #ffffff;
  color: #ff4800;
}
.feedback-img .video-btn:hover i, .feedback-img .video-btn:focus i {
  background: #ff4800;
  color: #ffffff;
}
.feedback-img:hover img, .feedback-img:focus img {
  filter: grayscale(100%);
}

.single-feedback i {
  color: #e7e7e7;
  line-height: 45px;
}
.single-feedback i::before {
  font-size: 65px;
}
.single-feedback p {
  font-size: 16px;
  font-style: italic;
  margin-bottom: 0;
}
.single-feedback .client {
  margin-top: 20px;
}
.single-feedback .client h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.single-feedback .client span {
  display: block;
  color: #ff4800;
  margin-top: 6px;
  font-size: 14px;
}

.feedback-inner {
  margin-top: 75px;
}

.feedback-slides.owl-theme .owl-dots {
  line-height: 0.01;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
  bottom: -40px;
}
.feedback-slides.owl-theme .owl-dots .owl-dot span {
  width: 40px;
  height: 6px;
  margin: 0;
  background: #d6d6d6;
  transition: 0.5s;
  border-radius: 0;
}
.feedback-slides.owl-theme .owl-dots .owl-dot.active, .feedback-slides.owl-theme .owl-dots .owl-dot:hover, .feedback-slides.owl-theme .owl-dots .owl-dot:focus {
  outline: 0 !important;
  box-shadow: unset !important;
}
.feedback-slides.owl-theme .owl-dots .owl-dot.active span, .feedback-slides.owl-theme .owl-dots .owl-dot:hover span, .feedback-slides.owl-theme .owl-dots .owl-dot:focus span {
  background: #ff4800;
}
.feedback-slides.owl-theme .owl-nav {
  margin-top: 0;
  line-height: 0.01;
}
.feedback-slides.owl-theme .owl-nav [class*=owl-] {
  color: #000000;
  font-size: unset;
  margin: 0;
  padding: 0;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 0;
  position: absolute;
  left: 0;
  transition: 0.5s;
  height: 20px;
  bottom: -47px;
  z-index: 10;
}
.feedback-slides.owl-theme .owl-nav [class*=owl-] i::before {
  font-size: 20px;
}
.feedback-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 0;
}
.feedback-slides.owl-theme .owl-nav [class*=owl-]:hover, .feedback-slides.owl-theme .owl-nav [class*=owl-]:focus {
  outline: 0 !important;
  box-shadow: unset !important;
  color: #ff4800;
}

.testimonials-area {
  padding-bottom: 40px;
}

.testimonials-item {
  margin-bottom: 30px;
}
.testimonials-item .testimonials-single-item {
  position: relative;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  padding: 25px;
}
.testimonials-item .testimonials-single-item p {
  font-style: italic;
  margin-bottom: 0;
  padding-left: 40px;
  position: relative;
}
.testimonials-item .testimonials-single-item p::before {
  position: absolute;
  content: "\f117";
  color: #777777;
  font-family: Flaticon;
  left: 0;
  top: -5px;
  font-size: 25px;
}
.testimonials-item .testimonials-single-item::before {
  border-left: 0 solid transparent;
  border-right: 23px solid transparent;
  border-top: 32px solid #ffffff;
  bottom: -32px;
  content: "";
  height: 0;
  left: 50px;
  position: absolute;
  width: 0;
}
.testimonials-item .quotation-profile {
  position: relative;
  margin-top: 40px;
  margin-left: 10px;
}
.testimonials-item .quotation-profile img {
  width: 70px;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
  border: 2px solid #ffffff;
  border-radius: 50%;
  height: 70px;
}
.testimonials-item .quotation-profile .profile-info {
  position: absolute;
  top: -5px;
  left: 90px;
}
.testimonials-item .quotation-profile .profile-info h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}
.testimonials-item .quotation-profile .profile-info span {
  display: block;
  font-size: 14px;
  color: #ff4800;
}

.feedback-section {
  padding-bottom: 40px;
}
.feedback-section .section-title h2 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.single-feedback-item {
  margin-bottom: 30px !important;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #fcf9f9;
  border-radius: 5px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
}
.single-feedback-item i {
  color: #e7e7e7;
  display: block;
  margin-top: -25px;
  transition: 0.5s;
}
.single-feedback-item i::before {
  font-size: 65px;
}
.single-feedback-item p {
  margin-bottom: 0;
  color: #666666;
  transition: 0.5s;
  font-size: 15px;
  font-style: italic;
}
.single-feedback-item .client-info {
  text-align: left;
  position: relative;
  transition: 0.5s;
  padding-left: 65px;
  max-width: 160px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.single-feedback-item .client-info img {
  width: 50px;
  border-radius: 50%;
  border: 2px solid #ff4800;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.5s;
}
.single-feedback-item .client-info h3 {
  margin-bottom: 3px;
  transition: 0.5s;
  font-size: 20px;
  font-weight: 600;
}
.single-feedback-item .client-info span {
  display: block;
  font-size: 14px;
  color: #ff4800;
  transition: 0.5s;
}
.single-feedback-item::before {
  content: "";
  position: absolute;
  left: -69%;
  top: -95%;
  width: 240%;
  height: 100%;
  background-color: #ff4800;
  z-index: -1;
  border-radius: 50%;
  transition: 0.5s;
}
.single-feedback-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: 0.5s;
  height: 5%;
  background-color: #ff4800;
  z-index: -1;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
}
.single-feedback-item:hover i {
  color: #ffffff;
}
.single-feedback-item:hover p {
  color: #ffffff;
}
.single-feedback-item:hover .client-info img {
  border-color: #ffffff;
}
.single-feedback-item:hover .client-info h3 {
  color: #ffffff;
}
.single-feedback-item:hover .client-info span {
  color: #ffffff;
}
.single-feedback-item:hover::before {
  opacity: 0;
  visibility: hidden;
}
.single-feedback-item:hover::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

.feedback-section .uk-grid .uk-section-title {
  margin-top: 130px;
  margin-bottom: 0 !important;
}
.feedback-section .uk-grid .uk-section-title h2 {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.feedback-slides-two {
  margin-bottom: 70px !important;
}
.feedback-slides-two.owl-theme .owl-dots {
  line-height: 0.01;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
  bottom: -40px;
}
.feedback-slides-two.owl-theme .owl-dots .owl-dot span {
  width: 40px;
  height: 6px;
  margin: 0;
  background: #d6d6d6;
  transition: 0.5s;
  border-radius: 0;
}
.feedback-slides-two.owl-theme .owl-dots .owl-dot.active, .feedback-slides-two.owl-theme .owl-dots .owl-dot:hover, .feedback-slides-two.owl-theme .owl-dots .owl-dot:focus {
  outline: 0 !important;
  box-shadow: unset !important;
}
.feedback-slides-two.owl-theme .owl-dots .owl-dot.active span, .feedback-slides-two.owl-theme .owl-dots .owl-dot:hover span, .feedback-slides-two.owl-theme .owl-dots .owl-dot:focus span {
  background: #ff4800;
}
.feedback-slides-two.owl-theme .owl-nav {
  margin-top: 0;
  line-height: 0.01;
}
.feedback-slides-two.owl-theme .owl-nav [class*=owl-] {
  color: #000000;
  font-size: unset;
  margin: 0;
  padding: 0;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 0;
  position: absolute;
  left: 0;
  transition: 0.5s;
  height: 20px;
  bottom: -47px;
  z-index: 10;
}
.feedback-slides-two.owl-theme .owl-nav [class*=owl-] i::before {
  font-size: 20px;
}
.feedback-slides-two.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 0;
}
.feedback-slides-two.owl-theme .owl-nav [class*=owl-]:hover, .feedback-slides-two.owl-theme .owl-nav [class*=owl-]:focus {
  outline: 0 !important;
  box-shadow: unset !important;
  color: #ff4800;
}

/*================================================
Why Choose Us CSS
=================================================*/
.why-choose-us-content {
  margin-left: auto;
  max-width: 585px;
}
.why-choose-us-content .section-title {
  margin-bottom: 40px !important;
}
.why-choose-us-content .why-choose-us-text {
  padding-left: 0;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
}
.why-choose-us-content .why-choose-us-text li {
  display: block;
  position: relative;
  margin-bottom: 20px;
  padding-left: 90px;
}
.why-choose-us-content .why-choose-us-text li .icon {
  border: 2.5px solid #c4e2da;
  background-color: #ff4800;
  background: linear-gradient(to top, #ee3e0c, #f25e00, #f57900, #f79100, #f8a815);
  color: #ffffff;
  width: 65px;
  text-align: center;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.why-choose-us-content .why-choose-us-text li .icon i::before {
  font-size: 30px;
}
.why-choose-us-content .why-choose-us-text li h3 {
  font-size: 19px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 7px;
}
.why-choose-us-content .why-choose-us-text li p {
  margin-bottom: 0;
  font-size: 14.5px;
}
.why-choose-us-content .why-choose-us-text li:last-child {
  margin-bottom: 0;
}
.why-choose-us-content .why-choose-us-text li:nth-child(2) .icon {
  background: linear-gradient(to top, #1a24ff, #2d36ff, #3b44ff, #4851ff, #545dff);
}
.why-choose-us-content .why-choose-us-text li:nth-child(3) .icon {
  background: linear-gradient(to top, #c90068, #ad005a, #91004c, #76003f, #5d0031);
}

/*================================================
Partner CSS
=================================================*/
.partner-area {
  border-bottom: 1px solid #f0f0f0;
}
.partner-area .item {
  text-align: center;
}
.partner-area .item a img {
  display: inline-block !important;
  width: 140px !important;
  transition: 0.5s;
  opacity: 0.45;
}
.partner-area .item a:hover img, .partner-area .item a:focus img {
  opacity: 1;
  animation: toTopFromBottom 0.5s forwards;
}

@keyframes toTopFromBottom {
  49% {
    transform: translateY(50%);
  }
  50% {
    opacity: 0;
    transform: translateY(-50%);
  }
  51% {
    opacity: 1;
  }
}
/*================================================
Team CSS
=================================================*/
.team-area {
  padding-bottom: 40px;
}

.single-team {
  text-align: center;
  position: relative;
  transition: 0.5s;
  margin-bottom: 30px;
}
.single-team .team-social {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 35px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.single-team .team-social li {
  display: inline-block;
  margin: 0 3px;
}
.single-team .team-social li a {
  width: 35px;
  height: 35px;
  line-height: 33px;
  color: #ff4800;
  background: transparent;
  border-radius: 50%;
  border: 1px solid #ff4800;
}
.single-team .team-social li a:hover, .single-team .team-social li a:focus {
  background: #ff4800;
  color: #ffffff;
}
.single-team .team-social li a i::before {
  font-size: 13px;
}
.single-team img {
  transition: all 700ms ease-out;
  position: relative;
  top: 0;
}
.single-team .team-content {
  padding-top: 20px;
  transition: 0.5s;
  position: relative;
  background: #ffffff;
}
.single-team .team-content h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
.single-team .team-content span {
  display: block;
  color: #848484;
  margin-top: 5px;
}
.single-team:hover .team-social, .single-team:focus .team-social {
  opacity: 1;
  top: 18px;
  visibility: visible;
}
.single-team:hover img, .single-team:focus img {
  top: 70px;
  filter: grayscale(100%);
}

.team-slides.owl-theme .owl-dots {
  line-height: 0.01;
  margin-top: 20px !important;
  margin-bottom: 30px;
}
.team-slides.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 5px;
  margin: 0 3px;
  background: #d6d6d6;
  transition: 0.5s;
  border-radius: 0;
}
.team-slides.owl-theme .owl-dots .owl-dot.active, .team-slides.owl-theme .owl-dots .owl-dot:hover, .team-slides.owl-theme .owl-dots .owl-dot:focus {
  outline: 0 !important;
  box-shadow: unset !important;
}
.team-slides.owl-theme .owl-dots .owl-dot.active span, .team-slides.owl-theme .owl-dots .owl-dot:hover span, .team-slides.owl-theme .owl-dots .owl-dot:focus span {
  background: #ff4800;
}
.team-slides.owl-theme .owl-dots .owl-dot.active span {
  width: 22px;
}

.team-area .uk-section-title.uk-text-center h2 {
  max-width: 539px;
  margin-left: auto;
  margin-right: auto;
}

.single-team-box {
  margin-bottom: 30px !important;
}
.single-team-box .content {
  background-color: #f9f9f9;
  padding: 30px;
  position: relative;
}
.single-team-box .content h3 {
  font-size: 22px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
.single-team-box .content span {
  display: block;
  color: #848484;
  margin-top: 6px;
}
.single-team-box .content .social {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.single-team-box .content .social .social-btn span {
  display: inline-block;
  width: 45px;
  height: 45px;
  cursor: pointer;
  line-height: 42px;
  border-radius: 50%;
  margin-top: 0;
  background-color: #ff4800;
  color: #ffffff;
  text-align: center;
  font-size: 22px;
  transition: 0.5s;
}
.single-team-box .content .social .social-btn span svg {
  width: 22px;
}
.single-team-box .content .social .social-btn span:hover {
  background-color: #000000;
  color: #ffffff;
}
.single-team-box .content .social ul {
  padding-left: 0;
  list-style-type: none;
  position: absolute;
  transition: 0.5s;
  left: 50%;
  bottom: 55px;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  margin-top: 0;
  margin-bottom: 15px;
}
.single-team-box .content .social ul li {
  display: block;
  margin-bottom: 5px;
}
.single-team-box .content .social ul li:last-child {
  margin-bottom: 0;
}
.single-team-box .content .social ul li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: #ffffff;
  color: #ff4800;
  text-align: center;
  border-radius: 50%;
}
.single-team-box .content .social ul li a:hover {
  color: #ffffff;
  background-color: #ff4800;
}
.single-team-box .content .social:hover ul {
  opacity: 1;
  visibility: visible;
  margin-bottom: 0;
}

/*================================================
Subscribe CSS
=================================================*/
.subscribe-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.subscribe-area h3 {
  font-size: 26px;
  font-weight: 700;
  margin: 8px 0 0;
  text-transform: uppercase;
}
.subscribe-area form {
  position: relative;
}
.subscribe-area form .uk-input {
  height: 50px;
  border: none;
  padding-left: 20px;
}
.subscribe-area form .uk-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  background-color: #ff4800;
  color: #ffffff;
}
.subscribe-area form .uk-button:hover, .subscribe-area form .uk-button:focus {
  background-color: #000000;
}
.subscribe-area form .validation-danger {
  color: red;
  margin-top: 15px;
}
.subscribe-area form .validation-success {
  color: #848484;
  margin-top: 15px;
}
.subscribe-area .shape {
  position: absolute;
  left: 20%;
  bottom: -70px;
  z-index: -1;
  transform: rotate(-132deg);
}

/*================================================
Blog CSS
=================================================*/
.single-blog-post {
  margin-bottom: 30px;
}
.single-blog-post .blog-post-image img {
  transition: 0.5s;
}
.single-blog-post .blog-post-content {
  border: 1px solid #f4f4f4;
  background-color: #ffffff;
  margin-right: 20px;
  margin-left: 20px;
  margin-top: -30px;
  position: relative;
  z-index: 1;
  padding: 20px;
  transition: 0.5s;
}
.single-blog-post .blog-post-content span {
  display: inline-block;
  color: #ffffff;
  background-color: #ff4800;
  padding: 4px 12px;
}
.single-blog-post .blog-post-content h3 {
  font-size: 22px;
  font-weight: 700;
  margin: 15px 0 15px;
}
.single-blog-post .blog-post-content h3 a {
  color: #000000;
}
.single-blog-post .blog-post-content h3 a:hover, .single-blog-post .blog-post-content h3 a:focus {
  color: #ff4800;
}
.single-blog-post .blog-post-content .read-more {
  text-transform: uppercase;
  color: #ff4800;
}
.single-blog-post .blog-post-content .read-more:hover, .single-blog-post .blog-post-content .read-more:focus {
  letter-spacing: 1px;
}
.single-blog-post:hover .blog-post-image img, .single-blog-post:focus .blog-post-image img {
  filter: grayscale(100%);
}
.single-blog-post:hover .blog-post-content, .single-blog-post:focus .blog-post-content {
  margin-top: -40px;
}

.blog-slides.owl-theme .owl-dots {
  line-height: 0.01;
  margin-top: 20px !important;
}
.blog-slides.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 5px;
  margin: 0 3px;
  background: #d6d6d6;
  transition: 0.5s;
  border-radius: 0;
}
.blog-slides.owl-theme .owl-dots .owl-dot.active, .blog-slides.owl-theme .owl-dots .owl-dot:hover, .blog-slides.owl-theme .owl-dots .owl-dot:focus {
  outline: 0 !important;
  box-shadow: unset !important;
}
.blog-slides.owl-theme .owl-dots .owl-dot.active span, .blog-slides.owl-theme .owl-dots .owl-dot:hover span, .blog-slides.owl-theme .owl-dots .owl-dot:focus span {
  background: #ff4800;
}
.blog-slides.owl-theme .owl-dots .owl-dot.active span {
  width: 22px;
}

/*================================================
Blog Details CSS
=================================================*/
.blog-details .uk-width-1-5 {
  width: 33%;
}

.blog-details .inner .article-img {
  position: relative;
}
.blog-details .inner .article-img .date {
  position: absolute;
  bottom: 15px;
  width: 100px;
  left: 15px;
  height: 70px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  font-style: italic;
  background: #ff4800;
  color: #ffffff;
  border-radius: 5px;
  padding-top: 10px;
  line-height: 28px;
}
.blog-details .inner .article-content {
  margin-top: 30px;
}
.blog-details .inner .article-content ul.category {
  padding: 0;
  list-style-type: none;
  margin: 0;
  margin-bottom: 25px;
}
.blog-details .inner .article-content ul.category li {
  display: inline-block;
  margin-right: 8px;
}
.blog-details .inner .article-content ul.category li a {
  background: #ff4800;
  color: #ffffff;
  padding: 5px 15px;
  display: inline-block;
  border-radius: 3px;
}
.blog-details .inner .article-content h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 30px;
}
.blog-details .inner .article-content p {
  margin-bottom: 0;
  margin-top: 15px;
}
.blog-details .inner .article-content .blockquote {
  margin-bottom: 20px;
  margin-top: 20px;
  background: #f7f7f7;
  padding: 30px;
  border-left: 4px solid #ff4800;
}
.blog-details .inner .article-content .blockquote p {
  margin-top: 0;
  font-size: 18px;
}
.blog-details .inner .post-controls-buttons {
  margin-top: 30px;
}
.blog-details .inner .post-controls-buttons .uk-button {
  flex: unset;
  width: auto;
}
.blog-details .inner .post-controls-buttons .uk-text-right {
  display: block !important;
}
.blog-details .inner .comments-area {
  margin-top: 45px;
}
.blog-details .inner .comments-area .comments-title,
.blog-details .inner .comments-area .comment-reply-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 25px;
}
.blog-details .inner .comments-area .comment-reply-title {
  margin-bottom: 8px;
}
.blog-details .inner .comments-area ol,
.blog-details .inner .comments-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.blog-details .inner .comments-area ol li ol li,
.blog-details .inner .comments-area ol li ul li,
.blog-details .inner .comments-area ul li ol li,
.blog-details .inner .comments-area ul li ul li {
  margin-top: 15px;
  margin-left: 35px;
  margin-bottom: 15px;
}
.blog-details .inner .comments-area ol li .comment-body,
.blog-details .inner .comments-area ul li .comment-body {
  background: #f7f7ff;
  padding: 25px 20px;
  position: relative;
}
.blog-details .inner .comments-area ol li .comment-body .comment-meta,
.blog-details .inner .comments-area ul li .comment-body .comment-meta {
  position: relative;
  padding-left: 80px;
  padding-top: 8px;
}
.blog-details .inner .comments-area ol li .comment-body .comment-meta .comment-author img,
.blog-details .inner .comments-area ul li .comment-body .comment-meta .comment-author img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.blog-details .inner .comments-area ol li .comment-body .comment-meta .comment-author .fn,
.blog-details .inner .comments-area ul li .comment-body .comment-meta .comment-author .fn {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #000000;
  display: block;
}
.blog-details .inner .comments-area ol li .comment-body .comment-meta .comment-author .says,
.blog-details .inner .comments-area ul li .comment-body .comment-meta .comment-author .says {
  display: none;
}
.blog-details .inner .comments-area ol li .comment-body .comment-meta .comment-metadata a,
.blog-details .inner .comments-area ul li .comment-body .comment-meta .comment-metadata a {
  display: inline-block;
  color: #848484;
  font-size: 13px;
}
.blog-details .inner .comments-area ol li .comment-body .comment-meta .comment-metadata a:hover, .blog-details .inner .comments-area ol li .comment-body .comment-meta .comment-metadata a:focus,
.blog-details .inner .comments-area ul li .comment-body .comment-meta .comment-metadata a:hover,
.blog-details .inner .comments-area ul li .comment-body .comment-meta .comment-metadata a:focus {
  color: #ff4800;
}
.blog-details .inner .comments-area ol li .comment-body .comment-content,
.blog-details .inner .comments-area ul li .comment-body .comment-content {
  margin-top: 20px;
}
.blog-details .inner .comments-area ol li .comment-body .reply,
.blog-details .inner .comments-area ul li .comment-body .reply {
  position: absolute;
  right: 30px;
  top: 30px;
}
.blog-details .inner .comments-area ol li .comment-body .reply a,
.blog-details .inner .comments-area ul li .comment-body .reply a {
  display: inline-block;
  background: #000000;
  padding: 5px 15px;
  color: #ffffff;
}
.blog-details .inner .comments-area ol li .comment-body .reply a:hover, .blog-details .inner .comments-area ol li .comment-body .reply a:focus,
.blog-details .inner .comments-area ul li .comment-body .reply a:hover,
.blog-details .inner .comments-area ul li .comment-body .reply a:focus {
  background: #ff4800;
}
.blog-details .inner .comments-area .comment-respond {
  margin-top: 30px;
}
.blog-details .inner .comments-area .comment-respond .comment-notes {
  font-size: 14px;
  margin-bottom: 20px;
}
.blog-details .inner .comments-area .comment-respond .comment-form-comment input,
.blog-details .inner .comments-area .comment-respond .comment-form-comment textarea,
.blog-details .inner .comments-area .comment-respond .comment-form-author input,
.blog-details .inner .comments-area .comment-respond .comment-form-author textarea,
.blog-details .inner .comments-area .comment-respond .comment-form-email input,
.blog-details .inner .comments-area .comment-respond .comment-form-email textarea,
.blog-details .inner .comments-area .comment-respond .comment-form-url input,
.blog-details .inner .comments-area .comment-respond .comment-form-url textarea {
  display: block;
  width: 100%;
  height: 45px;
  outline: 0 !important;
  box-shadow: unset !important;
  border: 1px solid #eeeeee;
  padding: 0 15px;
  border-radius: 3px;
  font-size: 15px;
  transition: 0.5s;
}
.blog-details .inner .comments-area .comment-respond .comment-form-comment input:focus,
.blog-details .inner .comments-area .comment-respond .comment-form-comment textarea:focus,
.blog-details .inner .comments-area .comment-respond .comment-form-author input:focus,
.blog-details .inner .comments-area .comment-respond .comment-form-author textarea:focus,
.blog-details .inner .comments-area .comment-respond .comment-form-email input:focus,
.blog-details .inner .comments-area .comment-respond .comment-form-email textarea:focus,
.blog-details .inner .comments-area .comment-respond .comment-form-url input:focus,
.blog-details .inner .comments-area .comment-respond .comment-form-url textarea:focus {
  border-color: #ff4800;
}
.blog-details .inner .comments-area .comment-respond .comment-form-comment textarea,
.blog-details .inner .comments-area .comment-respond .comment-form-author textarea,
.blog-details .inner .comments-area .comment-respond .comment-form-email textarea,
.blog-details .inner .comments-area .comment-respond .comment-form-url textarea {
  height: auto;
  padding-top: 15px;
}
.blog-details .inner .comments-area .comment-respond .form-submit input {
  display: inline-block;
  background: #ff4800;
  border: none;
  color: #ffffff;
  padding: 16px 30px;
  text-transform: uppercase;
  font-weight: 600;
  outline: 0 !important;
  cursor: pointer;
  margin-top: 5px;
  transition: 0.5s;
}
.blog-details .inner .comments-area .comment-respond .form-submit input:hover, .blog-details .inner .comments-area .comment-respond .form-submit input:focus {
  background: #000000;
  box-shadow: 0 13px 27px 0 rgba(255, 82, 2, 0.11);
}

/*================================================
Contact CSS
=================================================*/
.contact-area {
  padding-bottom: 100px;
}
.contact-area .section-title {
  text-align: center;
}
.contact-area .section-title h2 {
  margin-bottom: 0;
}

.map-img {
  position: relative;
  z-index: 1;
}
.map-img .location {
  position: absolute;
  left: 24%;
  top: 30%;
  width: auto;
  height: auto;
}
.map-img .location a {
  width: 14px;
  height: 14px;
  background: #ff4800;
  border-radius: 50%;
  position: relative;
}
.map-img .location a::before {
  content: "";
  position: absolute;
  left: -4px;
  bottom: -4px;
  border: 4px solid #eec3b3;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  animation-name: ripple;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
}
.map-img .location a .location-info {
  position: absolute;
  left: -55px;
  bottom: 30px;
  transition: 0.5s;
  width: 160px;
  background: #ffffff;
  text-align: center;
  padding: 20px 15px;
  border-radius: 3px;
  z-index: 1;
  box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.06);
  opacity: 0;
  visibility: hidden;
}
.map-img .location a .location-info h5 {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  color: #616161;
}
.map-img .location a .location-info span {
  display: block;
  font-size: 14px;
  color: #616161;
  margin-top: 6px;
}
.map-img .location a .location-info::before {
  content: "";
  position: absolute;
  left: 50px;
  bottom: -10px;
  width: 25px;
  height: 25px;
  background: #ffffff;
  z-index: -1;
  transform: rotate(45deg);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06);
}
.map-img .location a:hover .location-info, .map-img .location a:focus .location-info, .map-img .location a.active .location-info {
  opacity: 1;
  visibility: visible;
  bottom: 40px;
}
.map-img .location.uk-location2 {
  right: 22%;
  left: auto;
  top: 25%;
}

#contactForm .uk-grid-medium {
  margin-left: -15px;
}
#contactForm .uk-margin {
  margin-top: 0 !important;
  margin-bottom: 15px;
  padding-left: 15px;
}
#contactForm .uk-input {
  height: 55px;
  background-color: #f4f4f4;
  border: none;
  padding-left: 15px;
}
#contactForm .uk-input::placeholder {
  color: #8a8a8a;
}
#contactForm .uk-input:focus {
  padding-left: 17px;
}
#contactForm .uk-textarea {
  background-color: #f4f4f4;
  border: none;
  padding-left: 15px;
  padding-top: 15px;
}
#contactForm .uk-textarea::placeholder {
  color: #8a8a8a;
}
#contactForm .uk-button {
  background-color: #ff4800;
  color: #ffffff;
  margin-top: 20px;
}
#contactForm .uk-button:hover, #contactForm .uk-button:focus {
  background-color: #000000;
}

.contact-section {
  overflow: hidden;
}

.contact-image {
  position: relative;
  background-image: url(../img/contact-image.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.contact-image img {
  display: none;
}
.contact-image .contact-info {
  position: absolute;
  right: -50px;
  bottom: 133px;
  max-width: 380px;
  background-color: #ff4800;
  border-radius: 5px;
  padding: 30px;
}
.contact-image .contact-info h3 {
  color: #ffffff;
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 28px;
  font-weight: 700;
}
.contact-image .contact-info ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.contact-image .contact-info ul li {
  display: block;
  margin-bottom: 12px;
  color: #ffffff;
}
.contact-image .contact-info ul li a {
  display: inline-block;
  color: #ffffff;
}
.contact-image .contact-info ul li:last-child {
  margin-bottom: 0;
}

.contact-form {
  max-width: 600px;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 70px;
}
.contact-form .section-title {
  max-width: 315px;
}

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}
/*================================================
Process CSS
=================================================*/
.process-section {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.process-section .section-title h2 {
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
}
.process-section .item:nth-child(1) .single-process-box, .process-section .item:nth-child(3) .single-process-box {
  margin-top: 30px !important;
}
.process-section .uk-grid {
  position: relative;
  z-index: 1;
}

.single-process-box {
  text-align: center;
  position: relative;
  z-index: 2;
}
.single-process-box .icon {
  border: 4px solid #eeeeee;
  width: 75px;
  height: 75px;
  text-align: center;
  color: #ffffff;
  line-height: 70px;
  border-radius: 50%;
  background-color: #ff4800;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.single-process-box .icon i svg {
  width: 35px;
}
.single-process-box h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}
.single-process-box p {
  margin-top: 7px;
}

.process-arrow-icon {
  position: absolute;
  left: 150px;
  z-index: -1;
  top: -15px;
}

.process-section.bg-image::before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 70%;
  width: 100%;
  opacity: 0.85;
  content: "";
  background-image: url('work-process-shape.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.item:nth-child(1) .single-process-box .icon {
  border-color: #d6d8d7;
  background: linear-gradient(to bottom, #d89287, #e08071, #e66c5a, #ea5743, #ec3d2a);
}
.item:nth-child(2) .single-process-box .icon {
  border-color: #d6d8d7;
  background: linear-gradient(to bottom, #78cfc6, #66c8c0, #51c1ba, #37bab4, #00b3af);
}
.item:nth-child(3) .single-process-box .icon {
  border-color: #d6d8d7;
  background: linear-gradient(to top, #ee3e0c, #f25e00, #f57900, #f79100, #f8a815);
}
.item:nth-child(4) .single-process-box .icon {
  border-color: #d6d8d7;
  background: linear-gradient(to top, #a830f1, #b02ef3, #b82cf5, #bf2af7, #c727f9);
}

/*================================================
FunFacts CSS
=================================================*/
.single-funfacts {
  position: relative;
  padding-left: 100px;
}
.single-funfacts .icon {
  border: 3px solid #c0bebd;
  width: 75px;
  height: 75px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 2px;
  color: #ff4800;
  line-height: 70px;
  border-radius: 50%;
  background-color: #ffffff;
}
.single-funfacts .icon i svg {
  width: 35px;
}
.single-funfacts h3 {
  color: #ffffff;
  margin-bottom: -2px;
  margin-top: 0;
  font-weight: 600;
  font-size: 40px;
}
.single-funfacts h3 .odometer-formatting-mark {
  display: none;
}
.single-funfacts p {
  color: #ff4800;
  margin-bottom: 0;
  line-height: initial;
  font-size: 16px;
  font-weight: 500;
}

/*================================================
Page Title CSS
=================================================*/
.page-title-area {
  padding-top: 200px;
  padding-bottom: 125px;
  text-align: center;
  z-index: 1;
  position: relative;
  background-position: center center;
  background-image: url('page-title-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.page-title-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #000000;
  opacity: 0.77;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.page-title-area h1 {
  font-size: 34px;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  margin: 0;
}
.page-title-area ul {
  padding: 0;
  margin: 20px 0 0;
  list-style-type: none;
}
.page-title-area ul li {
  display: inline-block;
  margin-right: 20px;
  color: #ff4800;
  position: relative;
}
.page-title-area ul li a {
  display: block;
  color: #ffffff;
}
.page-title-area ul li a:hover, .page-title-area ul li a:focus {
  color: #ff4800;
}
.page-title-area ul li::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 4px;
  width: 2px;
  height: 14px;
  background: #ffffff;
  transform: rotate(11deg);
}
.page-title-area ul li:first-child::before {
  display: none;
}

/*================================================
Pagination CSS
=================================================*/
.pagination-area {
  text-align: center;
  margin-top: 30px;
}
.pagination-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.pagination-area ul li a {
  font-weight: 600;
  font-size: 16px;
}
.pagination-area ul li a:hover, .pagination-area ul li a:focus {
  color: #ff4800;
}
.pagination-area ul li.uk-active a {
  color: #ff4800;
}

/*================================================
Sidebar CSS
=================================================*/
.uk-sidebar .widget {
  margin-bottom: 40px;
}
.uk-sidebar .widget:last-child {
  margin-bottom: 0;
}
.uk-sidebar .widget .widget-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
  position: relative;
}
.uk-sidebar .widget .bar {
  position: relative;
  z-index: 1;
  background: #ff4800;
  width: 55px;
  height: 3px;
  margin-top: 8px;
  margin-bottom: 25px;
  transition: 0.5s;
}
.uk-sidebar .widget .bar::before, .uk-sidebar .widget .bar::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  background: #ffffff;
  transition: 0.5s;
}
.uk-sidebar .widget .bar::after {
  right: 10px;
}
.uk-sidebar .widget .bar::before {
  right: 20px;
}
.uk-sidebar .widget:hover .widget-title::before, .uk-sidebar .widget:focus .widget-title::before {
  transform: rotate(180deg);
}
.uk-sidebar .widget.service_list {
  background: #ffffff;
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
}
.uk-sidebar .widget.service_list ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.uk-sidebar .widget.service_list ul li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 35px;
  color: #5d6576;
  font-weight: 500;
  z-index: 1;
}
.uk-sidebar .widget.service_list ul li a:hover, .uk-sidebar .widget.service_list ul li a:focus, .uk-sidebar .widget.service_list ul li a.active {
  background: #ff4800;
  color: #ffffff;
  padding-left: 20px;
}
.uk-sidebar .widget.service_list ul li a:hover::before, .uk-sidebar .widget.service_list ul li a:focus::before, .uk-sidebar .widget.service_list ul li a.active::before {
  width: 5px;
}
.uk-sidebar .widget.service_list ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
}
.uk-sidebar .widget.service_list ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #000000;
  transition: 0.5s;
}
.uk-sidebar .widget.service_list ul li:last-child a {
  border-bottom: none;
}
.uk-sidebar .widget.widget_download ul {
  padding: 0;
  list-style-type: none;
  padding: 0;
  background: #ffffff;
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
}
.uk-sidebar .widget.widget_download ul li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 35px;
  color: #5d6576;
  font-weight: 500;
  z-index: 1;
}
.uk-sidebar .widget.widget_download ul li a:hover, .uk-sidebar .widget.widget_download ul li a:focus, .uk-sidebar .widget.widget_download ul li a.active {
  background: #000000;
  color: #ffffff;
  padding-left: 20px;
}
.uk-sidebar .widget.widget_download ul li a:hover::before, .uk-sidebar .widget.widget_download ul li a:focus::before, .uk-sidebar .widget.widget_download ul li a.active::before {
  width: 5px;
}
.uk-sidebar .widget.widget_download ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
}
.uk-sidebar .widget.widget_download ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #ff4800;
  transition: 0.5s;
}
.uk-sidebar .widget.widget_download ul li:last-child a {
  border-bottom: none;
}
.uk-sidebar .widget.widget_contact ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.uk-sidebar .widget.widget_contact ul li {
  padding-left: 23px;
  position: relative;
  margin-bottom: 12px;
  color: #848484;
}
.uk-sidebar .widget.widget_contact ul li a {
  color: #848484;
  display: block;
}
.uk-sidebar .widget.widget_contact ul li a:hover, .uk-sidebar .widget.widget_contact ul li a:focus {
  color: #ff4800;
}
.uk-sidebar .widget.widget_contact ul li i {
  color: #ff4800;
  position: absolute;
  left: 0;
  top: 0;
}
.uk-sidebar .widget.widget_contact ul li:last-child {
  margin-bottom: 0;
}
.uk-sidebar .widget.widget_search {
  background: #ffffff;
  box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  padding: 15px;
}
.uk-sidebar .widget.widget_search form {
  position: relative;
}
.uk-sidebar .widget.widget_search form .form-control {
  background: transparent;
}
.uk-sidebar .widget.widget_search form button {
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  border: none;
  background: transparent;
  color: #ff4800;
  transition: 0.5s;
}
.uk-sidebar .widget.widget_search form button:hover, .uk-sidebar .widget.widget_search form button:focus {
  color: #000000;
}
.uk-sidebar .widget.widget_categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.uk-sidebar .widget.widget_categories ul li {
  position: relative;
  border-top: 1px solid #eeeeee;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 18px;
}
.uk-sidebar .widget.widget_categories ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  background: #ff4800;
  margin-top: -5px;
  transition: 0.5s;
}
.uk-sidebar .widget.widget_categories ul li:last-child {
  border-bottom: 1px solid #eeeeee;
}
.uk-sidebar .widget.widget_categories ul li a {
  color: #848484;
}
.uk-sidebar .widget.widget_categories ul li a:hover {
  color: #ff4800;
}
.uk-sidebar .widget.widget_categories ul li:hover::before {
  border-radius: 50%;
}
.uk-sidebar .widget.widget_recent_entries ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.uk-sidebar .widget.widget_recent_entries ul li {
  position: relative;
  padding-left: 100px;
  margin-bottom: 15px;
}
.uk-sidebar .widget.widget_recent_entries ul li a {
  display: block;
}
.uk-sidebar .widget.widget_recent_entries ul li a img {
  position: absolute;
  left: 0;
  top: 3px;
  width: 85px;
  height: 65px;
}
.uk-sidebar .widget.widget_recent_entries ul li h5 {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 2px;
}
.uk-sidebar .widget.widget_recent_entries ul li h5 a {
  color: #000000;
  display: inline-block;
}
.uk-sidebar .widget.widget_recent_entries ul li h5 a:hover, .uk-sidebar .widget.widget_recent_entries ul li h5 a:focus {
  color: #ff4800;
}
.uk-sidebar .widget.widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}
.uk-sidebar .widget.widget_tag_cloud .tagcloud a {
  font-size: 15px !important;
  border: 1px dashed #eeeeee;
  padding: 7px 20px;
  margin-top: 6px;
  color: #848484;
  display: inline-block;
  margin-right: 5px;
}
.uk-sidebar .widget.widget_tag_cloud .tagcloud a:hover {
  background: #ff4800;
  color: #ffffff;
  border-color: #ff4800;
}
.uk-sidebar .widget.widget_archive ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.uk-sidebar .widget.widget_archive ul li {
  position: relative;
  border-top: 1px solid #eeeeee;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 18px;
}
.uk-sidebar .widget.widget_archive ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  background: #ff4800;
  margin-top: -5px;
  transition: 0.5s;
}
.uk-sidebar .widget.widget_archive ul li:last-child {
  border-bottom: 1px solid #eeeeee;
}
.uk-sidebar .widget.widget_archive ul li a {
  color: #848484;
  display: inline-block;
}
.uk-sidebar .widget.widget_archive ul li a:hover {
  color: #ff4800;
}
.uk-sidebar .widget.widget_archive ul li:hover::before {
  border-radius: 50%;
}

/*================================================
Footer CSS
=================================================*/
.footer-area {
  background-color: #000000;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.footer-area .br-line {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.footer-area .br-line::after, .footer-area .br-line::before {
  background: #000000;
}
.footer-area .footer-shape1,
.footer-area .footer-shape2 {
  position: absolute;
  z-index: -1;
}
.footer-area .footer-shape1 {
  left: 0;
  top: 0;
}
.footer-area .footer-shape2 {
  right: 0;
  bottom: 0;
}

.single-footer-widget p {
  color: #999999;
}
.single-footer-widget .logo {
  margin-bottom: 20px;
}
.single-footer-widget h3 {
  margin: 0;
  margin-top: -5px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
}
.single-footer-widget .bar {
  width: 50px;
  height: 2px;
  background: #ff4800;
  margin-top: 4px;
  margin-bottom: 25px;
}
.single-footer-widget .contact-info {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.single-footer-widget .contact-info li {
  margin-bottom: 10px;
}
.single-footer-widget .contact-info li a {
  color: #999999;
}
.single-footer-widget .contact-info li a:hover, .single-footer-widget .contact-info li a:focus {
  color: #ff4800;
}
.single-footer-widget .contact-info li:last-child {
  margin-bottom: 0;
}
.single-footer-widget .social {
  padding: 0;
  margin: 15px 0 0;
  list-style-type: none;
}
.single-footer-widget .social li {
  display: inline-block;
  margin-right: 7px;
}
.single-footer-widget .social li a {
  width: 32px;
  text-align: center;
  height: 32px;
  line-height: 30px;
  color: #ffffff;
  background: #000000;
  border-radius: 50%;
  border: 1px solid #ff4800;
}
.single-footer-widget .social li a:hover, .single-footer-widget .social li a:focus {
  background: #ff4800;
  color: #ffffff;
}
.single-footer-widget .social li a i::before {
  font-size: 13px;
}

.copyright-area {
  margin-top: 70px;
  border-top: 1px solid #151515;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
.copyright-area p {
  color: #999999;
}
.copyright-area ul {
  text-align: right;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.copyright-area ul li {
  position: relative;
  display: inline-block;
  margin-left: 17px;
}
.copyright-area ul li:first-child {
  margin-left: 0;
}
.copyright-area ul li:first-child::before {
  display: none;
}
.copyright-area ul li::before {
  content: "";
  position: absolute;
  left: -13px;
  bottom: 10px;
  width: 6px;
  height: 1px;
  background: #999999;
}
.copyright-area ul li a {
  color: #999999;
}
.copyright-area ul li a:hover, .copyright-area ul li a:focus {
  color: #ff4800;
}
.copyright-area .go-top {
  position: absolute;
  right: 0;
  top: -20px;
  left: 0;
  margin: 0 auto;
  text-align: center;
  width: 38px;
  text-align: center;
  line-height: 38px;
  height: 38px;
  background: #000000;
  border-radius: 50%;
  color: #ffffff;
  transition: 0.5s;
  cursor: pointer;
}
.copyright-area .go-top:hover, .copyright-area .go-top:focus {
  color: #ffffff;
  background: #ff4800;
}

/*================================================
Dark Home CSS
=================================================*/
.uk-dark .uk-h1,
.uk-dark .uk-h2,
.uk-dark .uk-h3,
.uk-dark .uk-h4,
.uk-dark .uk-h5,
.uk-dark .uk-h6,
.uk-dark h1,
.uk-dark h2,
.uk-dark h3,
.uk-dark h4,
.uk-dark h5,
.uk-dark h6 {
  color: #ffffff;
}
.uk-dark p {
  color: #d6d6d6;
}
.uk-dark .uk-button-default {
  color: #ffffff;
}
.uk-dark .uk-button-default:hover, .uk-dark .uk-button-default:focus {
  background: #000000;
}
.uk-dark.header-area.uk-sticky-fixed {
  background-color: #000000;
}
.uk-dark.header-area .lang form button {
  color: #ffffff;
}
.uk-dark.header-area #navbar-toggle span {
  background-color: #ffffff;
}
.uk-dark.header-area.uk-dark {
  background-color: transparent;
}
.uk-dark.header-area.uk-dark.uk-sticky-fixed {
  background-color: #000000;
}
.uk-dark .navbar .uk-navbar-nav li a {
  color: #ffffff;
}
.uk-dark .navbar .uk-navbar-nav li a:hover, .uk-dark .navbar .uk-navbar-nav li a:focus {
  color: #ff4800;
}
.uk-dark .navbar .uk-navbar-nav li a:hover::before, .uk-dark .navbar .uk-navbar-nav li a:focus::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.uk-dark .navbar .uk-navbar-nav li.uk-active a {
  color: #ff4800;
}
.uk-dark .navbar .uk-navbar-nav li.uk-active a::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.uk-dark .navbar .lang form select {
  color: #ffffff;
  background-color: #000000;
}
.uk-dark .main-banner-content .video-btn .uk-icon {
  background-color: #000000;
}
.uk-dark .main-banner-content .video-btn:hover .uk-icon, .uk-dark .main-banner-content .video-btn:focus .uk-icon {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.uk-dark .single-features-box {
  background-color: #111111;
}
.uk-dark .single-features-box .bar::before, .uk-dark .single-features-box .bar::after {
  background: #111111;
}
.uk-dark .single-features-box.active, .uk-dark .single-features-box:focus, .uk-dark .single-features-box:hover {
  background-color: #ff4800;
}
.uk-dark .single-features-box.active .bar::before, .uk-dark .single-features-box.active .bar::after, .uk-dark .single-features-box:focus .bar::before, .uk-dark .single-features-box:focus .bar::after, .uk-dark .single-features-box:hover .bar::before, .uk-dark .single-features-box:hover .bar::after {
  background: #ff4800;
}
.uk-dark .section-title .bar::before, .uk-dark .section-title .bar::after {
  background: #000000;
}
.uk-dark .single-services {
  background-color: #111111;
}
.uk-dark .single-services .icon {
  background-color: #000000;
}
.uk-dark .single-services h3 a {
  color: #ffffff;
}
.uk-dark .single-services.active, .uk-dark .single-services:focus, .uk-dark .single-services:hover {
  background-color: #ff4800;
}
.uk-dark .single-services.active .icon, .uk-dark .single-services:focus .icon, .uk-dark .single-services:hover .icon {
  background-color: #ffffff;
}
.uk-dark .about-img img {
  filter: grayscale(100%);
  transition: 0.5s;
}
.uk-dark .about-img .shape-img {
  filter: unset;
}
.uk-dark .about-img:hover img, .uk-dark .about-img:focus img {
  filter: unset;
}
.uk-dark .single-project .project-img img {
  transition: 0.5s;
  filter: grayscale(100%);
}
.uk-dark .single-project .project-content {
  background-color: #111111;
}
.uk-dark .single-project .project-content h3 a {
  color: #ffffff;
}
.uk-dark .single-project .project-content ul li a {
  color: #d6d6d6;
}
.uk-dark .single-project:hover .project-content ul li a, .uk-dark .single-project:focus .project-content ul li a {
  color: #ffffff;
}
.uk-dark .single-project:hover .project-img img, .uk-dark .single-project:focus .project-img img {
  filter: unset;
}
.uk-dark .feedback-img img {
  filter: grayscale(100%);
  transition: 0.5s;
}
.uk-dark .feedback-img img.shape-img {
  filter: unset;
}
.uk-dark .feedback-img:hover img, .uk-dark .feedback-img:focus img {
  filter: unset;
}
.uk-dark .feedback-slides.owl-theme .owl-nav [class*=owl-] {
  color: #ffffff;
}
.uk-dark .feedback-slides.owl-theme .owl-nav [class*=owl-]:hover, .uk-dark .feedback-slides.owl-theme .owl-nav [class*=owl-]:focus {
  color: #ff4800;
}
.uk-dark.partner-area {
  border-bottom-color: #111111;
}
.uk-dark .single-team .team-content {
  background-color: #000000;
}
.uk-dark .single-team .team-content span {
  color: #d6d6d6;
}
.uk-dark .single-team img {
  filter: grayscale(100%);
  transition: 0.5s;
}
.uk-dark .single-team:hover img, .uk-dark .single-team:focus img {
  filter: unset;
}
.uk-dark.subscribe-area {
  background-color: #111111;
}
.uk-dark .single-blog-post .blog-post-image img {
  filter: grayscale(100%);
  transition: 0.5s;
}
.uk-dark .single-blog-post .blog-post-content {
  background-color: #111111;
  border: none;
}
.uk-dark .single-blog-post .blog-post-content h3 a {
  color: #ffffff;
}
.uk-dark .single-blog-post .blog-post-content h3 a:hover, .uk-dark .single-blog-post .blog-post-content h3 a:focus {
  color: #ff4800;
}
.uk-dark .single-blog-post:hover .blog-post-image img, .uk-dark .single-blog-post:focus .blog-post-image img {
  filter: unset;
}
.uk-dark .map-img .location a .location-info {
  background-color: #111111;
}
.uk-dark .map-img .location a .location-info h5 {
  color: #ffffff;
}
.uk-dark .map-img .location a .location-info span {
  color: #d6d6d6;
}
.uk-dark .map-img .location a .location-info::before {
  background: #111111;
}
.uk-dark.footer-area {
  background-color: #111111;
}
.uk-dark .single-footer-widget .social li a {
  color: #999999;
  background: #111111;
}
.uk-dark .single-footer-widget .social li a:hover, .uk-dark .single-footer-widget .social li a:focus {
  background-color: #ff4800;
  color: #ffffff;
}
.uk-dark #contactForm .uk-input,
.uk-dark #contactForm .uk-textarea {
  color: #ffffff;
  background-color: #111111;
}
.uk-dark .br-line::after, .uk-dark .br-line::before {
  background: #000000;
}

/*================================================
Corporate Main Banner CSS
=================================================*/
.corporate-main-banner {
  position: relative;
  z-index: 1;
  background-color: #f5e7da;
  padding-top: 90px;
  padding-bottom: 80px;
}
.corporate-main-banner .uk-item {
  padding: 0;
}

.corporate-banner-content {
  padding-top: 195px;
  padding-bottom: 135px;
  padding-right: 70px;
}
.corporate-banner-content .content {
  margin-left: auto;
  max-width: 520px;
}
.corporate-banner-content .content h1 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 55px;
  font-weight: 700;
}
.corporate-banner-content .content .uk-button-default {
  margin-top: 8px;
}

.corporate-banner-image {
  background-image: url('banner-img2.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.corporate-banner-image img {
  display: none;
}

.shape1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.shape2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.shape3 {
  position: absolute;
  left: 3%;
  bottom: 5%;
  z-index: -1;
}

.shape4 {
  position: absolute;
  left: 45%;
  bottom: 9.8%;
}

/*================================================
Featured Services CSS
=================================================*/
.featured-services-area .section-title {
  text-align: center;
  max-width: 785px;
  margin-left: auto;
  margin-right: auto;
}
.featured-services-area .section-title p {
  color: #000000;
  line-height: 1.5;
  font-weight: 500;
  font-size: 26px;
}

.single-featured-services-box {
  text-align: center;
  position: relative;
  z-index: 1;
}
.single-featured-services-box .icon {
  color: #ff4800;
  line-height: 1;
}
.single-featured-services-box .icon i::before {
  font-size: 55px;
}
.single-featured-services-box h3 {
  margin-bottom: 0;
  margin-top: 25px;
  font-size: 22px;
  font-weight: 700;
}
.single-featured-services-box p {
  margin-bottom: 0;
  padding-left: 25px;
  padding-right: 25px;
}
.single-featured-services-box .bar {
  position: relative;
  z-index: 1;
  background: #ff4800;
  width: 55px;
  height: 3px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.single-featured-services-box .bar::before, .single-featured-services-box .bar::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  background: #ffffff;
  transition: 0.5s;
}
.single-featured-services-box .bar::after {
  right: 10px;
}
.single-featured-services-box .bar::before {
  right: 20px;
}
.single-featured-services-box .bg-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/*================================================
What We Do CSS
=================================================*/
.what-we-do-section {
  background-color: #fdf6f3;
}
.what-we-do-section .item {
  padding: 0;
}

.what-we-do-image {
  position: relative;
  background-image: url('what-we-do-image.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.what-we-do-image img {
  display: none;
}

.what-we-do-content {
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 70px;
}
.what-we-do-content .content {
  max-width: 544px;
}
.what-we-do-content .content .single-services {
  margin-bottom: 30px;
  background-color: #ffffff;
}
.what-we-do-content .content .single-services .icon {
  background-color: #f9f9f9;
}
.what-we-do-content .content .single-services:last-child {
  margin-bottom: 0;
}
.what-we-do-content .content .single-services:hover {
  background-color: #ff4800;
}
.what-we-do-content .content .single-services:hover .icon {
  background-color: #ffffff;
}

/*================================================
Experience CSS
=================================================*/
.experience-area {
  background-color: #fdf6f3;
}
.experience-area .item {
  padding: 0;
}

.experience-content {
  padding-top: 70px;
  padding-bottom: 70px;
  padding-right: 70px;
}
.experience-content .content {
  margin-left: auto;
  max-width: 515px;
}
.experience-content .content .single-experience-box {
  margin-bottom: 30px;
  position: relative;
  padding-left: 110px;
}
.experience-content .content .single-experience-box .icon {
  width: 84px;
  background-color: #f9f9f9;
  color: #ff4800;
  height: 84px;
  border-radius: 50%;
  position: absolute;
  transition: 0.5s;
  left: 0;
  top: -2px;
  text-align: center;
  line-height: 84px;
  border: 3px solid #ff4800;
}
.experience-content .content .single-experience-box .icon i::before {
  font-size: 40px;
}
.experience-content .content .single-experience-box h3 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
}
.experience-content .content .single-experience-box:hover .icon {
  background-color: #ff4800;
  color: #ffffff;
}
.experience-content .content .single-experience-box:last-child {
  margin-bottom: 0;
}

.experience-image {
  position: relative;
  background-image: url('experience-image.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.experience-image img {
  display: none;
}

/*================================================
Testimonials CSS
=================================================*/
.single-testimonials-box {
  text-align: center;
  position: relative;
  z-index: 1;
}
.single-testimonials-box .user-image {
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
}
.single-testimonials-box .user-image .user {
  display: inline-block !important;
  width: 150px !important;
  height: 150px;
  border-radius: 50%;
}
.single-testimonials-box .user-image .shape {
  display: inline-block !important;
  width: auto !important;
  position: absolute;
  right: -15px;
  bottom: 20px;
  animation: movebounce 5s linear infinite;
}
.single-testimonials-box p {
  margin: 0;
  color: #343434;
  font-size: 18px;
  font-weight: 600;
}
.single-testimonials-box .user-info {
  margin-top: 20px;
}
.single-testimonials-box .user-info h3 {
  margin: 0;
  color: #ff4800;
  font-weight: 600;
  font-size: 20px;
}
.single-testimonials-box .user-info span {
  display: block;
  color: #848484;
  margin-top: 4px;
}
.single-testimonials-box::before {
  position: absolute;
  color: #e7e7e7;
  content: "\f117";
  right: 0;
  bottom: 0;
  line-height: 1;
  z-index: -1;
  font-size: 110px;
  font-family: Flaticon;
}

.testimonials-slides {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}
.testimonials-slides.owl-theme .owl-dots {
  line-height: 0.01;
  margin-top: 25px !important;
}
.testimonials-slides.owl-theme .owl-dots .owl-dot {
  outline: 0 !important;
}
.testimonials-slides.owl-theme .owl-dots .owl-dot span {
  width: 13px;
  height: 13px;
  margin: 0 4px;
  background: transparent;
  border: 1px solid #fe9b81;
  transition: 0.5s;
  border-radius: 50%;
  position: relative;
}
.testimonials-slides.owl-theme .owl-dots .owl-dot span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #ff4800;
  border-radius: 50%;
  margin: 2px;
  opacity: 0;
  transition: 0.5s;
  visibility: hidden;
}
.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span, .testimonials-slides.owl-theme .owl-dots .owl-dot.active span {
  border-color: #ff4800;
}
.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span::before, .testimonials-slides.owl-theme .owl-dots .owl-dot.active span::before {
  opacity: 1;
  visibility: visible;
}

/*================================================
Pricing CSS
=================================================*/
.pricing-area .section-title {
  text-align: center;
}
.pricing-area .section-title .bar {
  margin-left: auto;
  margin-right: auto;
}

.single-pricing-box {
  position: relative;
  z-index: 1;
  text-align: center;
  border-radius: 5px;
  background-color: #ffffff;
  padding-top: 40px;
  padding-bottom: 40px;
}
.single-pricing-box .pricing-header .icon {
  position: relative;
  text-align: center;
  color: #ff4800;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}
.single-pricing-box .pricing-header .icon i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.single-pricing-box .pricing-header .icon i::before {
  font-size: 50px;
}
.single-pricing-box .pricing-header .icon i.flaticon-plan::before {
  font-size: 40px;
}
.single-pricing-box .pricing-header h3 {
  margin-bottom: 0;
  background-color: #f9f9f9;
  font-size: 22px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 12px;
  padding-left: 10px;
  padding-right: 10px;
}
.single-pricing-box .pricing-features {
  margin-bottom: 20px;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
}
.single-pricing-box .pricing-features ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.single-pricing-box .pricing-features ul li {
  margin-bottom: 13px;
  color: #465183;
  font-size: 15px;
  font-weight: 500;
}
.single-pricing-box .pricing-features ul li:last-child {
  margin-bottom: 0;
}
.single-pricing-box .price {
  color: #00062f;
  font-size: 40px;
  font-weight: 700;
}
.single-pricing-box .price span {
  display: block;
  color: #465183;
  margin-top: -2px;
  font-size: 16px;
  font-weight: 500;
}
.single-pricing-box .uk-button-default {
  margin-top: 22px;
  padding: 11px 35px;
}

.uk-item:nth-child(2) .single-pricing-box .pricing-header .icon {
  color: #290390;
}
.uk-item:nth-child(2) .single-pricing-box .uk-button-default {
  background-color: #290390;
  border-color: #290390;
}
.uk-item:nth-child(2) .single-pricing-box .uk-button-default::before, .uk-item:nth-child(2) .single-pricing-box .uk-button-default::after {
  background: #290390;
}
.uk-item:nth-child(2) .single-pricing-box .uk-button-default:hover, .uk-item:nth-child(2) .single-pricing-box .uk-button-default:focus {
  background: #ffffff;
  color: #ffffff;
  border-color: #290390;
}
.uk-item:nth-child(3) .single-pricing-box .pricing-header .icon {
  color: #1fa299;
}
.uk-item:nth-child(3) .single-pricing-box .uk-button-default {
  background-color: #1fa299;
  border-color: #1fa299;
}
.uk-item:nth-child(3) .single-pricing-box .uk-button-default::before, .uk-item:nth-child(3) .single-pricing-box .uk-button-default::after {
  background: #1fa299;
}
.uk-item:nth-child(3) .single-pricing-box .uk-button-default:hover, .uk-item:nth-child(3) .single-pricing-box .uk-button-default:focus {
  background: #ffffff;
  color: #ffffff;
  border-color: #1fa299;
}

/*================================================
Projects CSS
=================================================*/
.project-area.bg-f5e7da .section-title .bar::before, .project-area.bg-f5e7da .section-title .bar::after {
  background: #f5e7da;
}

.single-project-item .image {
  display: block;
}
.single-project-item .content {
  margin-top: 20px;
}
.single-project-item .content .category {
  display: inline-block;
  color: #ff4800;
  font-weight: 500;
}
.single-project-item .content h3 {
  margin-bottom: 0;
  margin-top: 8px;
  font-size: 22px;
  font-weight: 700;
}
.single-project-item .content h3 a {
  color: #000000;
}
.single-project-item .content h3 a:hover {
  color: #ff4800;
}

/*================================================
Partner CSS
=================================================*/
.partner-area-two {
  padding-bottom: 20px;
}
.partner-area-two.bg-f5e7da .section-title {
  margin-bottom: 0 !important;
}
.partner-area-two.bg-f5e7da .section-title .bar::before, .partner-area-two.bg-f5e7da .section-title .bar::after {
  background: #f5e7da;
}

.uk-border {
  background-color: #f5e7da;
}
.uk-border .uk-border {
  border-top: 1px solid #dcd8d4;
}

.partner-item {
  text-align: center;
  margin-bottom: 50px !important;
}

/*================================================
Blog CSS
=================================================*/
.single-blog-post-item .post-image {
  display: block;
  border-radius: 5px;
}
.single-blog-post-item .post-image img {
  border-radius: 5px;
}
.single-blog-post-item .post-content {
  margin-top: 20px;
}
.single-blog-post-item .post-content .category {
  display: inline-block;
  color: #ff4800;
  font-weight: 500;
}
.single-blog-post-item .post-content h3 {
  margin-bottom: 0;
  margin-top: 8px;
  font-size: 22px;
  font-weight: 700;
}
.single-blog-post-item .post-content h3 a {
  color: #000000;
}
.single-blog-post-item .post-content h3 a:hover {
  color: #ff4800;
}

/*================================================
Newsletter CSS
=================================================*/
.newsletter-area {
  padding-top: 150px;
  padding-bottom: 150px;
  background-image: url('newsletter-bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.newsletter-content {
  max-width: 595px;
  margin-left: auto;
}
.newsletter-content span {
  color: #ff4800;
  display: block;
  text-transform: uppercase;
}
.newsletter-content h2 {
  font-size: 34px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 12px;
}
.newsletter-content p {
  color: #000000;
}
.newsletter-content form {
  position: relative;
  margin-top: 25px;
}
.newsletter-content form .uk-input {
  height: 51px;
}
.newsletter-content form .uk-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
}

.section-title-with-big-text {
  position: relative;
  max-width: 755px;
  margin: 45px auto 45px !important;
  text-align: center;
}
.section-title-with-big-text .big-text {
  font-weight: bold;
  color: #ffffff;
  -webkit-text-stroke: 1.5px #62618D;
  -webkit-user-select: none;
  user-select: none;
  font-size: 80px;
  line-height: 1;
  margin-bottom: 0;
  z-index: -1;
  opacity: 0.2;
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
}
.section-title-with-big-text span {
  font-weight: 600;
  color: #ff4800;
  text-transform: uppercase;
}
.section-title-with-big-text h2 {
  font-size: 36px;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.4;
}
.section-title-with-big-text.top-zero {
  margin-top: 0 !important;
}

.header-area-with-position-relative {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  width: auto;
}
.header-area-with-position-relative.is-sticky {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: fixed !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
}
.header-area-with-position-relative .uk-navbar-right {
  margin: auto;
}
.header-area-with-position-relative .others-option {
  margin-left: 25px;
  position: relative;
  top: 1.5px;
}
.header-area-with-position-relative .others-option .option-item {
  display: inline-flex;
  margin-right: 10px;
}
.header-area-with-position-relative .others-option .option-item:last-child {
  margin-right: 0;
}
.header-area-with-position-relative .others-option .option-item a {
  color: #141414;
  font-weight: 600;
  position: relative;
  padding-left: 25px;
}
.header-area-with-position-relative .others-option .option-item a:hover {
  color: #ff4800;
}
.header-area-with-position-relative .others-option .option-item a i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #ff4800;
}
.header-area-with-position-relative .others-option .option-item .lang form select {
  background: transparent;
  border: none;
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  outline: 0 !important;
  cursor: pointer;
  box-shadow: unset !important;
}
.header-area-with-position-relative.with-position-absolute {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.header-area-with-position-relative.with-position-absolute.is-sticky {
  background-color: #000000 !important;
}
.header-area-with-position-relative.with-position-absolute .navbar .uk-navbar-nav li a {
  color: #ffffff;
}
.header-area-with-position-relative.with-position-absolute .navbar .uk-navbar-nav li a::before {
  background: #ff4800;
}
.header-area-with-position-relative.with-position-absolute .navbar .uk-navbar-nav li a:hover, .header-area-with-position-relative.with-position-absolute .navbar .uk-navbar-nav li a:focus, .header-area-with-position-relative.with-position-absolute .navbar .uk-navbar-nav li a.active {
  color: #ff4800;
}
.header-area-with-position-relative.with-position-absolute .navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a {
  color: #000000;
}
.header-area-with-position-relative.with-position-absolute .navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li a::after {
  background: #ff4800;
}
.header-area-with-position-relative.with-position-absolute .navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li.uk-active a {
  color: #ff4800;
}
.header-area-with-position-relative.with-position-absolute .navbar .uk-navbar-nav li.uk-active a {
  color: #ff4800;
}
.header-area-with-position-relative.with-position-absolute .others-option .option-item a {
  color: #ffffff;
}
.header-area-with-position-relative.with-position-absolute .others-option .option-item a:hover {
  color: #ff4800;
}
.header-area-with-position-relative.with-position-absolute .others-option .option-item a i {
  color: #ff4800;
}
.header-area-with-position-relative.with-position-absolute .others-option .option-item .lang form select {
  color: #ffffff;
}
.header-area-with-position-relative.with-position-absolute .others-option .option-item .lang form select option {
  color: #000000;
}
.header-area-with-position-relative.border-bottom {
  border-bottom: 1px solid #4b4b4b;
}
.header-area-with-position-relative.border-bottom.is-sticky {
  border-bottom: 1px solid #000000;
}

/*================================================
Woman Banner Area CSS
=================================================*/
.woman-main-banner-area {
  background-image: url('banner-bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 20px;
  margin-top: 79px;
}
.woman-main-banner-area::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #141414;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0.75;
  z-index: -1;
}
.woman-main-banner-area .woman-banner-social {
  padding: 0;
  margin-bottom: 0;
  position: absolute;
  left: 25px;
  top: 45%;
  transform: translateY(-45%);
}
.woman-main-banner-area .woman-banner-social li {
  list-style-type: none;
  margin-bottom: 15px;
}
.woman-main-banner-area .woman-banner-social li:last-child {
  margin-bottom: 0;
}
.woman-main-banner-area .woman-banner-social li span {
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
}
.woman-main-banner-area .woman-banner-social li a i {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 50px;
  font-size: 14px;
  transition: 0.5s;
}
.woman-main-banner-area .woman-banner-social li a i:hover {
  background-color: #ff4800;
  border: 1px solid #ff4800;
}

.woman-banner-content {
  position: relative;
  top: -15px;
}
.woman-banner-content span {
  color: #ff4800;
  font-weight: 600;
  text-transform: uppercase;
}
.woman-banner-content h1 {
  font-size: 62px;
  color: #ffffff;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 20px;
  line-height: 1.4;
}
.woman-banner-content p {
  color: #ffffff;
  margin-bottom: 0;
}
.woman-banner-content .banner-btn-list {
  padding: 0;
  margin-top: 30px;
  margin-bottom: 0;
}
.woman-banner-content .banner-btn-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 20px;
}
.woman-banner-content .banner-btn-list li:last-child {
  margin-right: 0;
}
.woman-banner-content .banner-btn-list li:last-child .uk-button-default {
  background-color: transparent;
}

.woman-banner-image {
  text-align: end;
  position: relative;
  z-index: 1;
}
.woman-banner-image::before {
  position: absolute;
  content: "";
  right: -30px;
  bottom: -100px;
  width: 440px;
  height: 1250px;
  background: linear-gradient(180deg, #FF4800 0%, #000000 100%);
  z-index: -1;
  opacity: 0.65;
  transform: rotate(5deg);
}

/*================================================
Creative About Area CSS
=================================================*/
.creative-about-left-content {
  padding-right: 30px;
  position: relative;
  margin-top: 42px;
}
.creative-about-left-content .big-text {
  font-weight: bold;
  color: #ffffff;
  -webkit-text-stroke: 1.5px #62618D;
  -webkit-user-select: none;
  user-select: none;
  font-size: 80px;
  line-height: 1;
  margin-bottom: 0;
  z-index: -1;
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: -52px;
}
.creative-about-left-content span {
  color: #ff4800;
  font-weight: 600;
  text-transform: uppercase;
}
.creative-about-left-content h3 {
  font-size: 36px;
  margin-bottom: 15px;
  font-weight: 600;
}
.creative-about-left-content p {
  margin-bottom: 0;
}
.creative-about-left-content .about-left-image {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}
.creative-about-left-content .about-left-image img {
  transition: 0.5s;
}
.creative-about-left-content .about-left-image .content {
  text-align: center;
  position: absolute;
  right: 25px;
  bottom: 25px;
  background: linear-gradient(180deg, #FF4800 0%, #000000 100%);
  padding: 25px;
}
.creative-about-left-content .about-left-image .content h4 {
  font-size: 70px;
  margin-top: 0;
  margin-bottom: 15px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1;
}
.creative-about-left-content .about-left-image .content b {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.creative-about-left-content .about-left-image:hover img {
  transform: scale(1.1);
}

.creative-about-right-content {
  padding-left: 30px;
}
.creative-about-right-content .about-right-image {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
.creative-about-right-content .about-right-image img {
  transition: 0.5s;
}
.creative-about-right-content .about-right-image .content {
  text-align: center;
  position: absolute;
  left: 25px;
  bottom: 25px;
  background: linear-gradient(180deg, #FF4800 0%, #000000 100%);
  padding: 25px;
}
.creative-about-right-content .about-right-image .content h4 {
  font-size: 70px;
  margin-top: 0;
  margin-bottom: 15px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1;
}
.creative-about-right-content .about-right-image .content b {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.creative-about-right-content .about-right-image:hover img {
  transform: scale(1.1);
}
.creative-about-right-content h3 {
  font-size: 36px;
  font-weight: 600;
  margin-top: 0;
  margin-margin-bottom: 15px;
}
.creative-about-right-content p {
  margin-bottom: 0;
}
.creative-about-right-content .about-right-btn {
  margin-top: 30px;
}

/*================================================
Creative Services Area CSS
=================================================*/
.creative-services-area {
  background-color: #141414;
  position: relative;
  z-index: 1;
}
.creative-services-area .section-title-with-big-text .big-text {
  color: #141414;
  -webkit-text-stroke: 1.5px #ffffff;
  -webkit-user-select: none;
  user-select: none;
}
.creative-services-area .section-title-with-big-text h2 {
  color: #ffffff;
}
.creative-services-area.with-bg-image {
  background-image: url('services-bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.creative-services-area.with-bg-image .section-title-with-big-text .big-text {
  color: #ffffff;
  -webkit-text-stroke: 1.5px #141414;
  -webkit-user-select: none;
  user-select: none;
}
.creative-services-area.with-bg-image .section-title-with-big-text h2 {
  color: #000000;
}
.creative-services-area.with-bg-image::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 145px;
  background-color: #ffffff;
  top: 0;
  z-index: -1;
}

.creative-services-card {
  padding-right: 20px;
  margin-bottom: 30px !important;
  transition: 0.5s;
  opacity: 0.5;
}
.creative-services-card .number {
  font-size: 100px;
  background: linear-gradient(90deg, #00F5A0 0%, #00D9F5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
  line-height: 1;
}
.creative-services-card .number.two {
  background: linear-gradient(90deg, #FF8008 0%, #FFC837 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
  line-height: 1;
}
.creative-services-card .number.three {
  background: linear-gradient(90deg, #FF512F 0%, #DD2476 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
  line-height: 1;
}
.creative-services-card .number.four {
  background: linear-gradient(90deg, #FFE000 0%, #799F0C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
  line-height: 1;
}
.creative-services-card .number.five {
  background: linear-gradient(90deg, #7F00FF 0%, #E100FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
  line-height: 1;
}
.creative-services-card .number.six {
  background: linear-gradient(90deg, #00C6FF 0%, #0072FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
  line-height: 1;
}
.creative-services-card h3 {
  font-size: 24px;
  font-weight: 600;
}
.creative-services-card h3 a {
  color: #ffffff;
}
.creative-services-card h3 a:hover {
  color: #ff4800;
}
.creative-services-card p {
  color: #ffffff;
}
.creative-services-card .services-btn {
  color: #ffffff;
  font-weight: 600;
  position: relative;
  display: inline-block;
  padding-right: 30px;
  transition: 0.5s;
}
.creative-services-card .services-btn i {
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s;
}
.creative-services-card .services-btn:hover {
  color: #ff4800;
}
.creative-services-card .services-btn:hover i {
  color: #ff4800;
}
.creative-services-card:hover {
  opacity: 1;
  transform: translateY(-5px);
}

.creative-services-box {
  background: #1A1735;
  border-radius: 5px;
  margin-bottom: 30px !important;
  padding: 25px;
  transition: 0.5s;
}
.creative-services-box .content {
  position: relative;
  padding-left: 72px;
}
.creative-services-box .content .number {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 55px;
  width: 55px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 50px;
}
.creative-services-box .content .number span {
  font-size: 25px;
  background: linear-gradient(90deg, #00F5A0 0%, #00D9F5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.creative-services-box .content .number.two span {
  background: linear-gradient(90deg, #FF8008 0%, #FFC837 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
  line-height: 1;
}
.creative-services-box .content .number.three span {
  background: linear-gradient(90deg, #FF512F 0%, #DD2476 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
  line-height: 1;
}
.creative-services-box .content .number.four span {
  background: linear-gradient(90deg, #FFE000 0%, #799F0C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
  line-height: 1;
}
.creative-services-box .content .number.five span {
  background: linear-gradient(90deg, #7F00FF 0%, #E100FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
  line-height: 1;
}
.creative-services-box .content .number.six span {
  background: linear-gradient(90deg, #00C6FF 0%, #0072FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: bold;
  line-height: 1;
}
.creative-services-box .content h3 {
  font-size: 22px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 10px;
}
.creative-services-box .content h3 a {
  color: #ffffff;
}
.creative-services-box .content p {
  color: #ffffff;
}
.creative-services-box:hover {
  transform: translateY(-5px);
  background-color: #ff4800;
}
.creative-services-box.white-box {
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 5px;
}
.creative-services-box.white-box .content .number {
  background-color: #ff4800;
  transition: 0.5s;
}
.creative-services-box.white-box .content .number span {
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transition: 0.5s;
}
.creative-services-box.white-box .content h3 a {
  color: #000000;
  transition: 0.5s;
}
.creative-services-box.white-box .content p {
  color: #848484;
  transition: 0.5s;
}
.creative-services-box.white-box::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url('services.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.creative-services-box.white-box:hover::before {
  opacity: 1;
  visibility: visible;
}
.creative-services-box.white-box:hover .content .number {
  background-color: #ffffff;
}
.creative-services-box.white-box:hover .content .number span {
  background: linear-gradient(90deg, #ff4800 0%, #ff4800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.creative-services-box.white-box:hover .content h3 a {
  color: #ffffff;
}
.creative-services-box.white-box:hover .content p {
  color: #ffffff;
}

.view-all-services-btn {
  text-align: center;
}
.view-all-services-btn a {
  color: #ff4800;
  font-weight: 600;
  text-decoration: underline;
}
.view-all-services-btn a:hover {
  color: #000000;
  text-decoration: underline;
}

.single-creative-funfacts {
  margin-bottom: 30px !important;
  text-align: center;
}
.single-creative-funfacts h3 {
  font-size: 50px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  margin-top: 0;
}
.single-creative-funfacts h3 .sign {
  color: #ffffff;
}
.single-creative-funfacts p {
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 600;
  letter-spacing: 1px;
}

/*================================================
Creative Projects Area CSS
=================================================*/
.creative-projects-area .uk-container-expand {
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  overflow: hidden;
}
.creative-projects-area.with-bg-color {
  background-color: #100E2A;
}
.creative-projects-area.with-bg-color .section-title-with-big-text h2 {
  color: #ffffff;
}
.creative-projects-area.with-bg-color .creative-single-projects {
  transition: 0.5s;
  filter: grayscale(100%);
}
.creative-projects-area.with-bg-color .creative-single-projects::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40.1%, #000000 100%);
}
.creative-projects-area.with-bg-color .creative-single-projects::after {
  display: none;
}
.creative-projects-area.with-bg-color .creative-single-projects .projects-icon {
  display: none;
}
.creative-projects-area.with-bg-color .creative-single-projects .projects-content span {
  color: #ffffff;
}
.creative-projects-area.with-bg-color .creative-single-projects .projects-content h3 a {
  color: #ffffff;
}
.creative-projects-area.with-bg-color .creative-single-projects .projects-content h3 a:hover {
  color: #ffffff;
}
.creative-projects-area.with-bg-color .creative-single-projects:hover {
  filter: grayscale(0%);
}
.creative-projects-area.with-bg-color .creative-single-projects:hover h3 a {
  color: #ff4800;
}

.creative-single-projects {
  position: relative;
}
.creative-single-projects::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40.1%, #000000 100%);
}
.creative-single-projects::after {
  position: absolute;
  content: "";
  right: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  width: 350px;
  height: 0px;
  background: linear-gradient(180deg, #FF4800 0%, #000000 100%);
  opacity: 0.65;
  transform: rotate(5deg);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.creative-single-projects .projects-content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px 35px;
  z-index: 1;
}
.creative-single-projects .projects-content span {
  color: #ff4800;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.creative-single-projects .projects-content h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}
.creative-single-projects .projects-content h3 a {
  color: #ffffff;
}
.creative-single-projects .projects-content h3 a:hover {
  color: #ff4800;
}
.creative-single-projects .projects-icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 30%;
  transform: translateY(-30%);
  text-align: center;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.creative-single-projects .projects-icon a i {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 50px;
  text-align: center;
  font-size: 18px;
  transition: 0.5s;
}
.creative-single-projects .projects-icon a i:hover {
  background-color: #ff4800;
  border: 1px solid #ff4800;
}
.creative-single-projects:hover::after {
  opacity: 0.65;
  visibility: visible;
  height: 1050px;
}
.creative-single-projects:hover .projects-icon {
  opacity: 1;
  visibility: visible;
  top: 40%;
  transform: translateY(-40%);
}

.creative-projects-slides.owl-theme .owl-dots {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin-top: 30px !important;
  margin-left: auto;
  margin-right: auto;
}
.creative-projects-slides.owl-theme .owl-dots .owl-dot {
  flex: 1 0;
  width: 100%;
  max-width: 100%;
  display: block;
}
.creative-projects-slides.owl-theme .owl-dots .owl-dot span {
  display: block;
  width: 100%;
  height: 5px;
  margin: 0;
  background: #d6d6d6;
  transition: 0.5s;
  border-radius: 0;
}
.creative-projects-slides.owl-theme .owl-dots .owl-dot.active, .creative-projects-slides.owl-theme .owl-dots .owl-dot:hover, .creative-projects-slides.owl-theme .owl-dots .owl-dot:focus {
  outline: 0 !important;
  box-shadow: unset !important;
}
.creative-projects-slides.owl-theme .owl-dots .owl-dot.active span, .creative-projects-slides.owl-theme .owl-dots .owl-dot:hover span, .creative-projects-slides.owl-theme .owl-dots .owl-dot:focus span {
  background: #ff4800;
}

.creative-projects-slides-two.owl-theme .owl-nav {
  margin-top: 0;
}
.creative-projects-slides-two.owl-theme .owl-nav [class*=owl-] {
  margin: 0 10px;
  padding: 0;
  background: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 50%;
  transition: 0.5s;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  position: absolute;
  left: -20px;
  top: 45%;
  transform: translateY(-45%);
}
.creative-projects-slides-two.owl-theme .owl-nav [class*=owl-] i::before {
  font-size: 18px;
}
.creative-projects-slides-two.owl-theme .owl-nav [class*=owl-].owl-next {
  right: -20px;
  left: auto;
}
.creative-projects-slides-two.owl-theme .owl-nav [class*=owl-]:hover {
  color: #ffffff;
  background-color: #ff4800;
  border: 2px solid #ff4800;
}

.creative-projects-slides-three.owl-theme .owl-dots {
  line-height: 0.01;
  margin-top: 30px !important;
}
.creative-projects-slides-three.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background: #ff4800;
  transition: 0.5s;
  border-radius: 50px;
}
.creative-projects-slides-three.owl-theme .owl-dots .owl-dot.active, .creative-projects-slides-three.owl-theme .owl-dots .owl-dot:hover, .creative-projects-slides-three.owl-theme .owl-dots .owl-dot:focus {
  outline: 0 !important;
  box-shadow: unset !important;
}
.creative-projects-slides-three.owl-theme .owl-dots .owl-dot.active span, .creative-projects-slides-three.owl-theme .owl-dots .owl-dot:hover span, .creative-projects-slides-three.owl-theme .owl-dots .owl-dot:focus span {
  background: #ff4800;
}
.creative-projects-slides-three.owl-theme .owl-dots .owl-dot.active span {
  width: 28px;
}

/*================================================
Creative Reviews Area CSS
=================================================*/
.creative-reviews-img {
  padding-right: 80px;
  position: relative;
}
.creative-reviews-img img {
  border-radius: 300px 300px 0px 300px;
  border: 5px solid #ff4800;
}
.creative-reviews-img .icon {
  position: absolute;
  left: 10px;
  top: 10px;
}
.creative-reviews-img .icon i {
  display: inline-block;
  height: 90px;
  width: 90px;
  line-height: 90px;
  background-color: #ff4800;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  border: 10px solid #ffffff;
}
.creative-reviews-img .icon i::before {
  font-size: 50px;
}

.creative-reviews-card .rating {
  padding: 0;
  margin-bottom: 12px;
}
.creative-reviews-card .rating li {
  list-style-type: none;
  display: inline-block;
  margin-right: 2px;
}
.creative-reviews-card .rating li:last-child {
  margin-right: 0;
}
.creative-reviews-card .rating li i {
  color: #ff4800;
  font-size: 20px;
}
.creative-reviews-card p {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
.creative-reviews-card .client {
  margin-top: 20px;
}
.creative-reviews-card .client h3 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
}
.creative-reviews-card .client span {
  color: #ff4800;
  font-size: 15px;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 12px;
}

.creative-reviews-slides.owl-theme .owl-nav {
  margin-top: 0;
  text-align: end;
}
.creative-reviews-slides.owl-theme .owl-nav [class*=owl-] {
  margin: 0 10px;
  padding: 0;
  background: transparent;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 50%;
  transition: 0.5s;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
.creative-reviews-slides.owl-theme .owl-nav [class*=owl-] i::before {
  font-size: 18px;
}
.creative-reviews-slides.owl-theme .owl-nav [class*=owl-]:hover {
  color: #ffffff;
  background-color: #ff4800;
  border: 2px solid #ff4800;
}

/*================================================
Creative Partner Area CSS
=================================================*/
.creative-partner-area {
  background-image: url('partner-bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.creative-partner-area .section-title-with-big-text .big-text {
  color: #141414;
  -webkit-text-stroke: 1.5px #ffffff;
  -webkit-user-select: none;
  user-select: none;
}
.creative-partner-area .section-title-with-big-text h2 {
  color: #ffffff;
}
.creative-partner-area.with-bg-color {
  background: #100E2A;
  position: relative;
  z-index: 1;
}

.creative-partner-item a {
  border: 1px solid #ffffff;
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  border-radius: 2px;
}
.creative-partner-item a:hover {
  border: 1px solid #ff4800;
}
.creative-partner-item a img {
  width: auto !important;
  display: inline-block;
}
.creative-partner-item.without-border a {
  border: none;
  padding: 0;
}

.lines {
  top: 0;
  left: 0;
  right: 0;
  width: 90vw;
  z-index: -1;
  height: 100%;
  margin: auto;
  position: absolute;
}
.lines .line {
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
}
.lines .line::after {
  left: 0;
  top: -50%;
  content: "";
  width: 100%;
  height: 15vh;
  display: block;
  position: absolute;
  animation: run 7s 0s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
}
.lines .line:nth-child(1) {
  margin-left: -35%;
}
.lines .line:nth-child(1)::after {
  animation-delay: 2s;
}
.lines .line:nth-child(3) {
  margin-left: 35%;
}
.lines .line:nth-child(3)::after {
  animation-delay: 2.5s;
}

@keyframes run {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}
/*================================================
Creative Pricing Area CSS
=================================================*/
.creative-pricing-area.with-bg-color {
  background-color: #100E2A;
  position: relative;
  z-index: 1;
}
.creative-pricing-area.with-bg-color .section-title-with-big-text .big-text {
  color: #141414;
  -webkit-text-stroke: 1.5px #ffffff;
  -webkit-user-select: none;
  user-select: none;
}
.creative-pricing-area.with-bg-color .section-title-with-big-text h2 {
  color: #ffffff;
}
.creative-pricing-area.with-bg-color .creative-pricing-box {
  background: #1A1735;
  border-radius: 10px;
  border: 1px solid #1A1735;
}
.creative-pricing-area.with-bg-color .creative-pricing-box::before {
  display: none;
}
.creative-pricing-area.with-bg-color .creative-pricing-box::after {
  display: none;
}
.creative-pricing-area.with-bg-color .creative-pricing-box .pricing-header h3 {
  color: #ffffff;
}
.creative-pricing-area.with-bg-color .creative-pricing-box .features li {
  color: #ffffff;
}
.creative-pricing-area.with-bg-color .creative-pricing-box .features li i {
  color: #ffffff;
}
.creative-pricing-area.with-bg-color .creative-pricing-box:hover {
  background-color: #ff4800;
}
.creative-pricing-area.with-bg-color .creative-pricing-box:hover .price {
  color: #ffffff;
}
.creative-pricing-area.with-bg-color .creative-pricing-box:hover .price span {
  color: #ffffff;
}
.creative-pricing-area.with-bg-color .creative-pricing-box:hover .uk-button-default {
  background-color: #ffffff;
  color: #ff4800;
  transition: 0.5s;
}
.creative-pricing-area.with-bg-color .creative-pricing-box:hover .uk-button-default::before {
  background-color: #000000;
}
.creative-pricing-area.with-bg-color .creative-pricing-box:hover .uk-button-default::after {
  background-color: #000000;
}

.creative-pricing-box {
  margin-bottom: 30px !important;
  border: 1px solid #ff4800;
  padding: 30px;
  position: relative;
  overflow: hidden;
  transition: 0.5s;
  z-index: 1;
}
.creative-pricing-box::before {
  position: absolute;
  content: "";
  right: 0;
  left: 0;
  margin: auto;
  bottom: -50px;
  width: 250px;
  z-index: -1;
  height: 850px;
  background: linear-gradient(196.95deg, rgba(255, 72, 0, 0.1) 6.45%, rgba(255, 72, 0, 0) 93.04%);
  transform: rotate(5deg);
  transition: 0.5s !important;
}
.creative-pricing-box::after {
  position: absolute;
  content: "";
  right: 0;
  left: 0;
  margin: auto;
  bottom: -50px;
  width: 250px;
  z-index: -1;
  height: 850px;
  background: linear-gradient(196.95deg, rgba(255, 72, 0, 0.5) 6.45%, rgba(0, 0, 0, 0.5) 93.04%);
  transform: rotate(5deg);
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.creative-pricing-box .pricing-header h3 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 600;
  transition: 0.5s;
}
.creative-pricing-box .price {
  font-size: 36px;
  color: #ff4800;
  font-weight: 600;
  transition: 0.5s;
}
.creative-pricing-box .price span {
  font-size: 14px;
  color: #848484;
  position: relative;
  top: -2px;
  font-weight: 400;
  transition: 0.5s;
}
.creative-pricing-box .features {
  padding: 0;
  margin-top: 15px;
  margin-bottom: 25px;
}
.creative-pricing-box .features li {
  list-style-type: none;
  color: #848484;
  font-size: 18px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 25px;
  transition: 0.5s;
}
.creative-pricing-box .features li:last-child {
  margin-bottom: 0;
}
.creative-pricing-box .features li i {
  color: #ff4800;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  transition: 0.5s;
}
.creative-pricing-box:hover {
  border: 1px solid #000000;
  transform: translateY(-5px);
  background: #000000;
}
.creative-pricing-box:hover::after {
  visibility: visible;
  opacity: 1;
}
.creative-pricing-box:hover .pricing-header h3 {
  color: #ffffff;
}
.creative-pricing-box:hover .price span {
  color: #ffffff;
}
.creative-pricing-box:hover .features li {
  color: #ffffff;
}
.creative-pricing-box.with-bg-image {
  background: #1A1735;
  border-radius: 0;
  border: none;
}
.creative-pricing-box.with-bg-image::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-image: url('pricing.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transform: unset;
}
.creative-pricing-box.with-bg-image::after {
  display: none;
}
.creative-pricing-box.with-bg-image .pricing-header h3 {
  color: #ffffff;
}
.creative-pricing-box.with-bg-image .features li {
  color: #ffffff;
}
.creative-pricing-box.with-bg-image .features li i {
  color: #ffffff;
}
.creative-pricing-box.with-bg-image:hover::before {
  opacity: 1;
  visibility: visible;
}
.creative-pricing-box.with-bg-image:hover .price {
  color: #ffffff;
}
.creative-pricing-box.with-bg-image:hover .price span {
  color: #ffffff;
}
.creative-pricing-box.with-bg-image:hover .uk-button-default {
  background-color: #ffffff;
  color: #ff4800;
  transition: 0.5s;
}
.creative-pricing-box.with-bg-image:hover .uk-button-default::before {
  background-color: #000000;
}
.creative-pricing-box.with-bg-image:hover .uk-button-default::after {
  background-color: #000000;
}

.creative-pricing-shape-1 {
  position: absolute;
  top: 15%;
  left: 5%;
  transform: translateY(-15%) translateX(-5%);
  z-index: -1;
}

.creative-pricing-shape-2 {
  position: absolute;
  bottom: 5%;
  right: 5%;
  transform: translateY(-5%) translateX(-5%);
  z-index: -1;
}

/*================================================
Creative Team Area CSS
=================================================*/
.creative-team-box {
  margin-bottom: 30px !important;
  transition: 0.5s;
}
.creative-team-box .team-image {
  position: relative;
  text-align: center;
  border-radius: 350px 0px 350px 350px;
}
.creative-team-box .team-image .team-social {
  padding: 0;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.creative-team-box .team-image .team-social li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.creative-team-box .team-image .team-social li:last-child {
  margin-right: 0;
}
.creative-team-box .team-image .team-social li a i {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #ff4800;
  color: #ffffff;
  border-radius: 50px;
  font-size: 14px;
  transition: 0.5s;
}
.creative-team-box .team-image .team-social li a i:hover {
  background-color: #000000;
  color: #ffffff;
}
.creative-team-box .team-image img {
  border-radius: 350px 0px 350px 350px;
  transition: 0.5s;
}
.creative-team-box .team-image.style-two {
  border-radius: 350px 350px 350px 0px;
}
.creative-team-box .team-image.style-two img {
  border-radius: 350px 350px 350px 0px;
}
.creative-team-box .team-content {
  margin-top: 20px;
}
.creative-team-box .team-content h3 {
  margin-top: 0;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 600;
}
.creative-team-box .team-content span {
  font-size: 15px;
  color: #848484;
  text-transform: uppercase;
  transition: 0.5s;
}
.creative-team-box:hover {
  transform: translateY(-5px);
}
.creative-team-box:hover .team-image {
  border-radius: 350px 350px 350px 0px;
}
.creative-team-box:hover .team-image .team-social {
  opacity: 1;
  visibility: visible;
  bottom: 40px;
}
.creative-team-box:hover .team-image img {
  border-radius: 350px 350px 350px 0px;
}
.creative-team-box:hover .team-image.style-two {
  border-radius: 350px 0px 350px 350px;
}
.creative-team-box:hover .team-image.style-two img {
  border-radius: 350px 0px 350px 350px;
}
.creative-team-box:hover .team-content span {
  color: #ff4800;
}
.creative-team-box.without-border-radius .team-image {
  border-radius: 0;
}
.creative-team-box.without-border-radius .team-image img {
  border-radius: 0;
  filter: grayscale(100%);
}
.creative-team-box.without-border-radius:hover .team-image {
  border-radius: 0;
}
.creative-team-box.without-border-radius:hover .team-image img {
  border-radius: 0;
  filter: grayscale(0%);
}

/*================================================
Creative News Area CSS
=================================================*/
.creative-news-area {
  background: #141414;
  position: relative;
  z-index: 1;
}
.creative-news-area .section-title-with-big-text .big-text {
  color: #141414;
  -webkit-text-stroke: 1.5px #ffffff;
  -webkit-user-select: none;
  user-select: none;
}
.creative-news-area .section-title-with-big-text h2 {
  color: #ffffff;
}
.creative-news-area.without-bg-color {
  background-color: transparent;
}
.creative-news-area.without-bg-color .section-title-with-big-text .big-text {
  color: #ffffff;
  -webkit-text-stroke: 1.5px #141414;
  -webkit-user-select: none;
  user-select: none;
}
.creative-news-area.without-bg-color .section-title-with-big-text h2 {
  color: #000000;
}
.creative-news-area.without-bg-color .creative-news-card {
  border: 1px solid #100E2A;
  background-color: #100E2A;
}
.creative-news-area.without-bg-color .creative-news-card::before {
  display: none;
}
.creative-news-area.without-bg-color .creative-news-card:hover {
  border: 1px solid #ff4800;
}

.creative-news-card {
  border: 1px solid #ff4800;
  padding: 30px;
  border-radius: 2px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.creative-news-card::before {
  position: absolute;
  content: "";
  right: 0;
  left: 0;
  margin: auto;
  bottom: -50px;
  width: 150px;
  z-index: -1;
  height: 350px;
  background: linear-gradient(196.95deg, rgba(255, 72, 0, 0.5) 6.45%, rgba(0, 0, 0, 0.5) 93.04%);
  opacity: 0.5;
  transform: rotate(15deg);
}
.creative-news-card::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  background-image: url('news.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.creative-news-card .meta {
  padding: 0;
  margin-bottom: 0;
}
.creative-news-card .meta li {
  list-style-type: none;
  display: inline-block;
  margin-right: 30px;
  color: #ffffff;
  position: relative;
  text-transform: uppercase;
}
.creative-news-card .meta li::before {
  position: absolute;
  content: "";
  right: -22px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ff4800;
  height: 10px;
  width: 10px;
  border-radius: 50px;
}
.creative-news-card .meta li:last-child {
  margin-right: 0;
}
.creative-news-card .meta li:last-child::before {
  display: none;
}
.creative-news-card .meta li:first-child a {
  color: #ff4800;
}
.creative-news-card h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 18px;
}
.creative-news-card h3 a {
  color: #ffffff;
}
.creative-news-card h3 a:hover {
  color: #ff4800;
}
.creative-news-card .info {
  display: flex;
  align-items: center;
}
.creative-news-card .info img {
  max-width: 40px;
  border-radius: 50px;
}
.creative-news-card .info .title {
  margin-left: 15px;
}
.creative-news-card .info .title h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
}
.creative-news-card .info .title h4 a {
  color: #ffffff;
  display: inline-block;
}
.creative-news-card:hover::after {
  opacity: 0.2;
  visibility: visible;
}

.creative-news-slides.owl-theme .owl-dots {
  line-height: 0.01;
  margin-top: 30px !important;
}
.creative-news-slides.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background: #ff4800;
  transition: 0.5s;
  border-radius: 50px;
}
.creative-news-slides.owl-theme .owl-dots .owl-dot.active, .creative-news-slides.owl-theme .owl-dots .owl-dot:hover, .creative-news-slides.owl-theme .owl-dots .owl-dot:focus {
  outline: 0 !important;
  box-shadow: unset !important;
}
.creative-news-slides.owl-theme .owl-dots .owl-dot.active span, .creative-news-slides.owl-theme .owl-dots .owl-dot:hover span, .creative-news-slides.owl-theme .owl-dots .owl-dot:focus span {
  background: #ff4800;
}
.creative-news-slides.owl-theme .owl-dots .owl-dot.active span {
  width: 28px;
}

.creative-news-box {
  margin-bottom: 30px !important;
  transition: 0.5s;
}
.creative-news-box .news-image a img {
  filter: grayscale(100%);
  transition: 0.5s;
}
.creative-news-box .news-content {
  background-color: #28264A;
  padding: 25px;
}
.creative-news-box .news-content .meta {
  padding: 0;
  margin-bottom: 0;
}
.creative-news-box .news-content .meta li {
  list-style-type: none;
  display: inline-block;
  margin-right: 30px;
  color: #ffffff;
  position: relative;
  text-transform: uppercase;
}
.creative-news-box .news-content .meta li::before {
  position: absolute;
  content: "";
  right: -22px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ff4800;
  height: 10px;
  width: 10px;
  border-radius: 50px;
}
.creative-news-box .news-content .meta li:last-child {
  margin-right: 0;
}
.creative-news-box .news-content .meta li:last-child::before {
  display: none;
}
.creative-news-box .news-content .meta li:first-child a {
  color: #ff4800;
}
.creative-news-box .news-content h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 18px;
}
.creative-news-box .news-content h3 a {
  color: #ffffff;
}
.creative-news-box .news-content h3 a:hover {
  color: #ff4800;
}
.creative-news-box .news-content .info {
  display: flex;
  align-items: center;
}
.creative-news-box .news-content .info img {
  max-width: 40px;
  border-radius: 50px;
}
.creative-news-box .news-content .info .title {
  margin-left: 15px;
}
.creative-news-box .news-content .info .title h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
}
.creative-news-box .news-content .info .title h4 a {
  color: #ffffff;
  display: inline-block;
}
.creative-news-box:hover {
  transform: translateY(-5px);
}
.creative-news-box:hover .news-image a img {
  filter: grayscale(0%);
}

/*================================================
Creative Contact Area CSS
=================================================*/
.creative-contact-image {
  position: relative;
}
.creative-contact-image .info-content {
  background-color: #ff4800;
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 25px;
  max-width: 300px;
}
.creative-contact-image .info-content h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}
.creative-contact-image .info-content span {
  color: #ffffff;
  line-height: 1.8;
}
.creative-contact-image .info-content li {
  color: #ffffff;
  line-height: 1.8;
}
.creative-contact-image .info-content a {
  color: #ffffff;
  line-height: 1.8;
}
.creative-contact-image.with-wrap-color img {
  filter: grayscale(100%);
  transition: 0.5s;
}
.creative-contact-image.with-wrap-color:hover img {
  filter: grayscale(0%);
}
.creative-contact-image.with-wrap-color .info-content {
  left: 20px;
  right: auto;
  background: #ff4800;
  padding: 30px;
}

.creative-contact-form {
  padding-left: 45px;
}
.creative-contact-form .uk-grid-medium {
  margin-left: -15px;
}
.creative-contact-form .uk-margin {
  padding-left: 15px;
  margin-top: 0 !important;
  margin-bottom: 15px;
}
.creative-contact-form .uk-form-label {
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 8px;
  letter-spacing: 1.8px;
  font-size: 14px;
}
.creative-contact-form .uk-input {
  height: 55px;
  background: #FAFAFA;
  border: 1px solid rgba(98, 97, 141, 0.2);
  padding-left: 15px;
  border-radius: 5px;
  transition: 0.5s;
}
.creative-contact-form .uk-input::placeholder {
  color: #8a8a8a;
  transition: 0.5s;
}
.creative-contact-form .uk-input:focus {
  border: 1px solid #ff4800;
}
.creative-contact-form .uk-input:focus::placeholder {
  color: transparent;
}
.creative-contact-form .uk-textarea {
  background: #FAFAFA;
  border: 1px solid rgba(98, 97, 141, 0.2);
  border-radius: 5px;
  padding-left: 15px;
  padding-top: 15px;
  transition: 0.5s;
  height: 250px;
}
.creative-contact-form .uk-textarea::placeholder {
  color: #8a8a8a;
  transition: 0.5s;
}
.creative-contact-form .uk-textarea:focus {
  border: 1px solid #ff4800;
}
.creative-contact-form .uk-textarea:focus::placeholder {
  color: transparent;
}
.creative-contact-form .checkbox-boxes {
  margin-top: 20px;
  margin-bottom: 20px;
}
.creative-contact-form .checkbox-boxes .uk-checkbox, .creative-contact-form .checkbox-boxes .uk-radio {
  margin-top: -2px;
  border: 1px solid #848484;
  margin-right: 5px;
  border-radius: 5px;
}
.creative-contact-form .checkbox-boxes a {
  display: inline-block;
  color: #ff4800;
}
.creative-contact-form .checkbox-boxes label {
  font-size: 14px;
}
.creative-contact-form .uk-button {
  background-color: #ff4800;
  color: #ffffff;
}
.creative-contact-form .uk-button:hover, .creative-contact-form .uk-button:focus {
  background-color: #000000;
}

/*================================================
Black Banner Area CSS
=================================================*/
.black-main-banner-area {
  background-image: url('_-img-home-eight-banner-banner-bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  padding-top: 170px;
  padding-bottom: 130px;
}

.black-banner-content span {
  color: #ff4800;
  font-weight: 600;
  text-transform: uppercase;
}
.black-banner-content h1 {
  font-size: 62px;
  color: #ffffff;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 20px;
  line-height: 1.4;
}
.black-banner-content p {
  color: #ffffff;
  margin-bottom: 0;
}
.black-banner-content .banner-btn {
  margin-top: 30px;
}

/*================================================
Featured Boxes Services Area CSS
=================================================*/
.featured-boxes-services-card {
  margin-bottom: 30px !important;
  padding-right: 20px;
  transition: 0.5s;
}
.featured-boxes-services-card .icon {
  margin-bottom: 22px;
}
.featured-boxes-services-card .icon i {
  display: inline-block;
  height: 100px;
  width: 100px;
  line-height: 100px;
  background: linear-gradient(140.8deg, #EDAF46 11.42%, #F1D396 97.97%);
  box-shadow: 0px 5px 25px rgba(238, 177, 73, 0.2);
  color: #ffffff;
  text-align: center;
  border-radius: 25px;
}
.featured-boxes-services-card .icon i::before {
  font-size: 50px;
}
.featured-boxes-services-card .icon.bg-two i {
  background: linear-gradient(140.8deg, #5365F6 11.42%, #94A0F9 97.97%);
}
.featured-boxes-services-card .icon.bg-three i {
  background: linear-gradient(140.8deg, #E6648D 11.42%, #ED9BC0 97.97%);
}
.featured-boxes-services-card h3 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 14px;
}
.featured-boxes-services-card h3 a {
  color: #000000;
}
.featured-boxes-services-card p {
  margin-bottom: 0;
}
.featured-boxes-services-card:hover {
  transform: translateY(-5px);
}

/*================================================
Marketing About Area CSS
=================================================*/
.marketing-about-content {
  padding-right: 20px;
  position: relative;
  margin-top: 42px;
}
.marketing-about-content.top-zero {
  margin-top: 0;
}
.marketing-about-content.top-zero .about-btn {
  margin-top: 25px;
}
.marketing-about-content .big-text {
  font-weight: bold;
  color: #ffffff;
  -webkit-text-stroke: 1.5px #62618D;
  -webkit-user-select: none;
  user-select: none;
  font-size: 80px;
  line-height: 1;
  margin-bottom: 0;
  z-index: -1;
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: -50px;
}
.marketing-about-content span {
  color: #ff4800;
  font-weight: 600;
  text-transform: uppercase;
}
.marketing-about-content h3 {
  font-size: 36px;
  margin-bottom: 12px;
  font-weight: 600;
}
.marketing-about-content p {
  margin-bottom: 0;
}
.marketing-about-content h4 {
  font-size: 20px;
  font-weight: 600;
}
.marketing-about-content .about-btn {
  margin-top: 20px;
}
.marketing-about-content .about-inner-card h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px;
}
.marketing-about-content .about-inner-card h5::before {
  position: absolute;
  content: "\ea47";
  left: 0;
  top: 0;
  font-family: boxicons;
  color: #ff4800;
}
.marketing-about-content .about-inner-card p {
  margin-bottom: 0;
}

.marketing-about-image {
  position: relative;
}
.marketing-about-image .content {
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
  background: linear-gradient(140.8deg, #E6648D 11.42%, #ED9BC0 97.97%);
  box-shadow: 0px 5px 25px rgba(231, 102, 143, 0.2);
  border-radius: 25px;
  padding: 25px;
}
.marketing-about-image .content h4 {
  font-size: 70px;
  margin-top: 0;
  margin-bottom: 15px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1;
}
.marketing-about-image .content b {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.marketing-about-image.style-two {
  padding-left: 25px;
}
.marketing-about-image.style-two .content {
  right: auto;
  left: 50px;
  bottom: 25px;
  background: #ff4800;
  border-radius: 0;
}
.marketing-about-image.style-two img {
  filter: grayscale(100%);
  transition: 0.5s;
}
.marketing-about-image.style-two:hover img {
  filter: grayscale(0%);
}

/*================================================
Creative Process Area CSS
=================================================*/
.creative-process-area.with-bg-color {
  background-color: #141414;
}
.creative-process-area.with-bg-color .section-title-with-big-text {
  text-align: start;
  margin-bottom: 0 !important;
}
.creative-process-area.with-bg-color .section-title-with-big-text h2 {
  color: #ffffff;
}

.creative-process-card {
  margin-bottom: 30px !important;
  padding-right: 20px;
  transition: 0.5s;
}
.creative-process-card .icon {
  margin-bottom: 22px;
}
.creative-process-card .icon i {
  display: inline-block;
  height: 100px;
  width: 100px;
  line-height: 100px;
  background: #94A0F9;
  box-shadow: 0px 5px 25px rgba(238, 177, 73, 0.2);
  color: #ffffff;
  text-align: center;
  border-radius: 50px;
  transition: 0.5s;
}
.creative-process-card .icon i::before {
  font-size: 50px;
}
.creative-process-card .icon.bg-two i {
  background: #ED9BC0;
}
.creative-process-card .icon.bg-three i {
  background: #F1D396;
}
.creative-process-card h3 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 14px;
}
.creative-process-card h3 a {
  color: #000000;
}
.creative-process-card p {
  margin-bottom: 0;
}
.creative-process-card:hover {
  transform: translateY(-5px);
}
.creative-process-card:hover .icon i {
  background-color: #ff4800;
}
.creative-process-card.with-bg-color {
  background: #28264A;
  padding: 30px;
  text-align: start;
}
.creative-process-card.with-bg-color .icon i {
  background-color: #ff4800;
  color: #ffffff;
}
.creative-process-card.with-bg-color h3 a {
  color: #ffffff;
}
.creative-process-card.with-bg-color p {
  color: #ffffff;
}

/*================================================
Creative Video Area CSS
=================================================*/
.creative-video-area {
  position: relative;
  z-index: 11;
}
.creative-video-area::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 300px;
  background-color: #141414;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.creative-video-image {
  position: relative;
  z-index: 1;
}
.creative-video-image img {
  border-radius: 15px;
}
.creative-video-image .video-btn {
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
  width: 100px;
  height: 100px;
  font-size: 70px;
  position: absolute;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: #ffffff;
  transform: translateY(-50%);
  background-color: #ff4800;
  margin-left: auto;
  margin-right: auto;
}
.creative-video-image .video-btn i {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.creative-video-image .video-btn::after, .creative-video-image .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #ff4800;
}
.creative-video-image .video-btn::before {
  animation: ripple 2s linear infinite;
}
.creative-video-image .video-btn::after {
  animation: ripple 2s linear 1s infinite;
}
.creative-video-image .video-btn:hover {
  background-color: #000000;
}

@keyframes ripple {
  0% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.75);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.video-dot-shape {
  position: absolute;
  right: -30px;
  bottom: -30px;
}

/*================================================
Creative FAQ Area CSS
=================================================*/
.creative-faq-image {
  position: relative;
}
.creative-faq-image .content {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(140.8deg, #EDAF46 11.42%, #F1D396 97.97%);
  box-shadow: 0px 5px 25px rgba(231, 102, 143, 0.2);
  border-radius: 25px;
  padding: 25px;
}
.creative-faq-image .content h4 {
  font-size: 70px;
  margin-top: 0;
  margin-bottom: 15px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1;
}
.creative-faq-image .content b {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.creative-faq-content {
  margin-left: 30px;
  position: relative;
  margin-top: 42px;
}
.creative-faq-content .big-text {
  font-weight: bold;
  color: #ffffff;
  -webkit-text-stroke: 1.5px #62618D;
  -webkit-user-select: none;
  user-select: none;
  font-size: 80px;
  line-height: 1;
  margin-bottom: 0;
  z-index: -1;
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: -50px;
}
.creative-faq-content span {
  color: #ff4800;
  font-weight: 600;
  text-transform: uppercase;
}
.creative-faq-content h3 {
  font-size: 36px;
  margin-bottom: 0;
  font-weight: 600;
}

.creative-faq-accordion {
  margin-top: 30px;
}
.creative-faq-accordion .uk-accordion-title {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  text-transform: capitalize;
  position: relative;
}
.creative-faq-accordion .uk-accordion-title::before {
  content: "\ebc1";
  font-family: boxicons;
  width: unset;
  height: unset;
  margin-left: 0;
  float: unset;
  background-image: unset;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #ff4800;
  font-size: 15px;
}
.creative-faq-accordion .uk-open > .uk-accordion-title::before {
  content: "\eb8d";
}
.creative-faq-accordion .uk-accordion-content {
  margin-top: 15px;
}
.creative-faq-accordion .uk-accordion-content p {
  margin-bottom: 0;
}

/*================================================
Marketing Banner Area CSS
=================================================*/
.marketing-main-banner-area {
  background-image: url('_-img-home-nine-banner-banner-bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  padding-top: 290px;
  padding-bottom: 220px;
}

.marketing-banner-content {
  text-align: center;
  max-width: 1050px;
  margin: auto;
}
.marketing-banner-content span {
  color: #ff4800;
  font-weight: 600;
  text-transform: uppercase;
}
.marketing-banner-content h1 {
  font-size: 95px;
  color: #ffffff;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 20px;
  line-height: 1.2;
}
.marketing-banner-content h1 b {
  color: #FFA82C;
}
.marketing-banner-content p {
  color: #ffffff;
  max-width: 715px;
  margin: auto;
}
.marketing-banner-content .banner-btn-list {
  padding: 0;
  margin-top: 30px;
  margin-bottom: 0;
}
.marketing-banner-content .banner-btn-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 20px;
}
.marketing-banner-content .banner-btn-list li:last-child {
  margin-right: 0;
}
.marketing-banner-content .banner-btn-list li:last-child .uk-button-default {
  background-color: transparent;
}

/*================================================
Creative Footer Area CSS
=================================================*/
.creative-footer-area {
  background-color: #141414;
}
.creative-footer-area.with-bg-color {
  background-color: #100E2A;
  position: relative;
  z-index: 1;
}
.creative-footer-area .single-footer-widget p {
  color: #ffffff;
}
.creative-footer-area .single-footer-widget h3 {
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 1px;
}
.creative-footer-area .single-footer-widget .links {
  padding: 0;
  margin: 0;
}
.creative-footer-area .single-footer-widget .links li {
  list-style-type: none;
  margin-bottom: 15px;
}
.creative-footer-area .single-footer-widget .links li:last-child {
  margin-bottom: 0;
}
.creative-footer-area .single-footer-widget .links li a {
  color: #ffffff;
  font-weight: 500;
  position: relative;
  padding-left: 18px;
}
.creative-footer-area .single-footer-widget .links li a::before {
  position: absolute;
  content: "";
  left: 0;
  top: 5.5px;
  background-color: #ff4800;
  height: 10px;
  width: 10px;
  border-radius: 50px;
}
.creative-footer-area .single-footer-widget .links li a:hover {
  color: #ff4800;
}
.creative-footer-area .single-footer-widget .contact-info {
  padding: 0;
  margin: 0;
}
.creative-footer-area .single-footer-widget .contact-info li {
  list-style-type: none;
  color: #ffffff;
  position: relative;
  margin-bottom: 20px;
  padding-left: 28px;
}
.creative-footer-area .single-footer-widget .contact-info li:last-child {
  margin-bottom: 0;
}
.creative-footer-area .single-footer-widget .contact-info li a {
  color: #ffffff;
}
.creative-footer-area .single-footer-widget .contact-info li a:hover {
  color: #ff4800;
}
.creative-footer-area .single-footer-widget .contact-info li i {
  position: absolute;
  left: 0;
  top: 2.5px;
  color: #ff4800;
  font-size: 16.5px;
}
.creative-footer-area .single-footer-widget .newsletter-form .uk-input {
  background-color: transparent;
  border-radius: 2px;
  border: 1px solid #ff4800;
  padding: 0 15px;
  color: #848484;
  margin-bottom: 10px;
}
.creative-footer-area .single-footer-widget .newsletter-form .uk-input::placeholder {
  transition: 0.5s;
  color: #848484;
}
.creative-footer-area .single-footer-widget .newsletter-form .uk-input:focus::placeholder {
  color: transparent;
}
.creative-footer-area .copyright-area {
  border-top: 1px solid #353131;
}
.creative-footer-area .copyright-area p {
  color: #ffffff;
}
.creative-footer-area .copyright-area ul li a {
  color: #ffffff;
}
.creative-footer-area .copyright-area ul li a:hover {
  color: #ff4800;
}

.creative-footer-shape-1 {
  position: absolute;
  top: 15%;
  left: 5%;
  transform: translateY(-15%) translateX(-5%);
  z-index: -1;
}

.creative-footer-shape-2 {
  position: absolute;
  bottom: 10%;
  right: 2%;
  transform: translateY(-10%) translateX(-2%);
  z-index: -1;
}

.justified-text {
  text-align: justify;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/css/responsive.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
  p {
    font-size: 14px;
  }
  .ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .pb-100 {
    padding-bottom: 50px;
  }
  .pb-70 {
    padding-bottom: 20px;
  }
  .section-title {
    margin-bottom: 40px !important;
  }
  .section-title span {
    font-size: 13px;
    text-transform: capitalize;
  }
  .section-title h2 {
    font-size: 23px;
    margin-top: 10px;
    margin-bottom: 0;
  }
  .section-title .uk-button {
    display: none;
  }
  .header-area {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .header-area.uk-sticky-fixed {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .header-area #navbar-toggle {
    display: inline-flex;
  }
  .navbar {
    display: none;
  }
  .main-banner {
    height: 100%;
    background-position: left bottom;
    padding-top: 145px;
    padding-bottom: 600px;
  }
  .main-banner-content {
    max-width: unset;
  }
  .main-banner-content h1 {
    font-size: 35px;
    line-height: 38px;
    margin-bottom: 0;
  }
  .main-banner-content h1::before {
    width: 15px;
  }
  .main-banner-content p {
    margin-bottom: 25px;
  }
  .main-banner-content .video-btn {
    margin-left: 15px;
    top: 2px;
    font-size: 14px;
  }
  .main-banner-content .video-btn .uk-icon {
    width: 35px;
    margin-right: 3px;
    height: 35px;
    line-height: 33px;
    top: -2px;
    position: relative;
  }
  .banner-with-form {
    padding-bottom: 565px;
  }
  .banner-with-form .uk-container .uk-grid {
    margin-top: 0;
  }
  .main-banner-form {
    padding: 20px;
    margin-left: 0;
    margin-top: 30px;
  }
  .features-area {
    margin-top: -520px;
    background-color: transparent;
  }
  .features-area.uk-dark {
    position: relative;
    z-index: 1;
    background-color: transparent;
  }
  .features-area.uk-dark::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    background: #000000;
    height: 45%;
    z-index: -1;
  }
  .single-features-box {
    margin-top: 20px;
    padding: 25px 20px;
  }
  .single-features-box .icon i::before {
    font-size: 35px;
  }
  .single-features-box h3 {
    font-size: 18px;
  }
  .single-features-box .animation-img img {
    display: none;
  }
  .about-img {
    position: relative;
    top: 0;
    margin-top: 35px;
  }
  .about-img .about-img2, .about-img .shape-img {
    display: none;
  }
  .about-img img {
    width: 100%;
  }
  .about-img .about-img1 {
    width: 100%;
  }
  .about-img .uk-button {
    right: 0;
    bottom: 1px;
  }
  .about-content .about-text h3 {
    font-size: 17px;
  }
  .services-area {
    padding-bottom: 20px;
  }
  .services-area .item {
    margin-bottom: 20px;
  }
  .single-services {
    padding: 30px 30px 30px 88px;
    border-radius: 65px 0 0 65px;
  }
  .single-services .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin-top: -35px;
    left: 5px;
  }
  .single-services .icon i::before {
    font-size: 28px;
  }
  .single-services h3 {
    font-size: 15px;
  }
  .single-services .link-btn {
    margin-top: -10px;
  }
  .single-services .link-btn::before {
    font-size: 15px;
  }
  .single-services-box {
    padding: 20px;
  }
  .single-services-box .icon i::before {
    font-size: 30px;
  }
  .single-services-box h3 {
    font-size: 15px;
  }
  .single-services-box .animation-img img {
    display: none;
  }
  .project-slides {
    left: 0;
  }
  .project-slides.owl-theme .owl-dots {
    margin-top: 25px !important;
  }
  .single-project .project-content {
    padding: 25px 15px;
  }
  .single-project .project-content h3 {
    font-size: 18px;
  }
  .single-project .project-content ul li {
    margin: 0 7px;
  }
  .single-project .project-content ul li a {
    font-size: 13px;
  }
  .feedback-img .shape-img {
    display: none;
  }
  .feedback-img .video-btn {
    right: 10px;
    bottom: 10px;
  }
  .feedback-inner {
    margin-top: 30px;
  }
  .testimonials-area {
    padding-bottom: 10px;
  }
  .testimonials-item .quotation-profile .profile-info h3 {
    font-size: 15px;
    margin-bottom: 4px;
  }
  .testimonials-item .quotation-profile .profile-info span {
    font-size: 13px;
  }
  .partner-area {
    padding-top: 40px !important;
  }
  .team-area {
    padding-bottom: 10px;
  }
  .team-slides.owl-theme .owl-dots {
    margin-top: 0 !important;
  }
  .single-team .team-content h3 {
    font-size: 18px;
  }
  .single-team:hover .team-social, .single-team:focus .team-social {
    top: 0;
  }
  .single-team:hover img, .single-team:focus img {
    top: 60px;
  }
  .subscribe-area {
    text-align: center;
  }
  .subscribe-area h3 {
    font-size: 18px;
    margin: 0 0 20px !important;
  }
  .subscribe-area form .uk-button {
    position: relative;
    height: 50px;
    margin-top: 20px;
  }
  .single-blog-post .blog-post-content {
    margin-right: 5px;
    margin-left: 5px;
    margin-top: -30px;
    padding: 20px 15px;
  }
  .single-blog-post .blog-post-content h3 {
    font-size: 18px;
  }
  .single-blog-post .blog-post-image a img {
    width: 100%;
  }
  .blog-slides.owl-theme .owl-dots {
    margin-top: 0 !important;
  }
  .map-img {
    margin-bottom: 0 !important;
    margin-top: 75px;
  }
  .map-img .location a .location-info {
    left: -58px;
    width: 130px;
    padding: 15px 10px;
  }
  .map-img .location a .location-info h5 {
    font-size: 14px;
  }
  .map-img .location a .location-info span {
    font-size: 13px;
  }
  .footer-area {
    padding-top: 70px;
  }
  .footer-area .footer-shape1, .footer-area .footer-shape2 {
    display: none;
  }
  .single-footer-widget {
    margin-bottom: 30px !important;
  }
  .single-footer-widget .logo {
    margin-bottom: 20px;
  }
  .single-footer-widget h3 {
    font-size: 18px;
  }
  .copyright-area {
    margin-top: 10px;
    text-align: center;
  }
  .copyright-area ul {
    text-align: center;
    margin-top: 10px;
  }
  .copyright-area .back-to-top {
    top: -22px;
  }
  .copyright-area .back-to-top .uk-totop {
    width: 30px;
    line-height: 30px;
    height: 30px;
  }
  .page-title-area {
    padding-top: 120px;
    padding-bottom: 60px;
  }
  .page-title-area h1 {
    font-size: 22px;
  }
  .page-title-area ul {
    margin: 13px 0 0;
  }
  .blog-details .uk-flex {
    display: block;
  }
  .blog-details .uk-width-1-5 {
    width: 100%;
  }
  .blog-details .inner .article-img .date {
    width: 80px;
    height: 60px;
    font-size: 15px;
    padding-top: 13px;
    line-height: 23px;
  }
  .blog-details .inner .article-content ul.category li {
    margin-bottom: 2px;
  }
  .blog-details .inner .article-content h3 {
    font-size: 18px;
    line-height: 28px;
  }
  .blog-details .inner .article-content .blockquote {
    padding: 20px;
    border-width: 3px;
  }
  .blog-details .inner .article-content .blockquote p {
    font-size: 15px;
  }
  .blog-details .inner .post-controls-buttons {
    overflow: hidden;
  }
  .blog-details .inner .post-controls-buttons .item {
    float: left;
    width: 50%;
  }
  .blog-details .inner .post-controls-buttons .item .uk-button {
    font-size: 14px;
    padding: 10px 25px;
  }
  .blog-details .inner .comments-area .comments-title, .blog-details .inner .comments-area .comment-reply-title {
    font-size: 17px;
  }
  .blog-details .inner .comments-area ol li .comment-body .reply, .blog-details .inner .comments-area ul li .comment-body .reply {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 15px;
  }
  .blog-details .inner .comments-area .comment-respond .comment-form-comment input, .blog-details .inner .comments-area .comment-respond .comment-form-comment textarea, .blog-details .inner .comments-area .comment-respond .comment-form-author input, .blog-details .inner .comments-area .comment-respond .comment-form-author textarea, .blog-details .inner .comments-area .comment-respond .comment-form-email input, .blog-details .inner .comments-area .comment-respond .comment-form-email textarea, .blog-details .inner .comments-area .comment-respond .comment-form-url input, .blog-details .inner .comments-area .comment-respond .comment-form-url textarea {
    width: 90%;
  }
  .blog-details .uk-sidebar {
    margin-top: 40px;
  }
  .uk-sidebar .widget .widget-title {
    font-size: 18px;
  }
  .uk-sidebar .widget.widget_recent_entries ul li h5 {
    font-size: 14px;
  }
  .services-details .uk-flex {
    display: block;
  }
  .services-details .uk-width-1-5 {
    width: 100%;
  }
  .services-details .uk-sidebar {
    margin-top: 40px;
  }
  .services-details-desc h3 {
    font-size: 18px;
  }
  .services-details-desc .services-features-list li {
    float: unset;
    width: 100%;
  }
  .services-details-desc blockquote, .services-details-desc .blockquote {
    padding: 20px 15px;
  }
  .services-details-desc blockquote p, .services-details-desc .blockquote p {
    font-size: 14px;
  }
  .services-details-desc .our-work-benefits .accordion .accordion-title {
    font-size: 14px;
  }
  .pagination-area {
    margin-top: 10px;
  }
  .project-details .uk-flex {
    display: block;
  }
  .project-details .uk-width-1-5 {
    width: 100%;
  }
  .project-details-info {
    padding: 20px;
  }
  .project-details-info ul li {
    font-size: 14px;
  }
  .project-details-desc h3 {
    font-size: 18px;
  }
  .project-details-desc blockquote, .project-details-desc .blockquote {
    padding: 20px 15px;
  }
  .project-details-desc blockquote p, .project-details-desc .blockquote p {
    font-size: 14px;
  }
  .project-next-and-prev {
    overflow: hidden;
    padding: 0;
    box-shadow: unset;
  }
  .project-next-and-prev .item {
    float: left;
    width: 50%;
  }
  .project-next-and-prev .item .uk-button {
    font-size: 14px;
    padding: 10px 20px;
  }
  .uk-button {
    padding: 9px 20px;
    font-size: 14px;
  }
  .uk-button-optional {
    padding: 9px 20px;
    font-size: 14px;
  }
  .header-area.bg-white .uk-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .banner-section .uk-grid-medium {
    margin-left: 0px;
  }
  .banner-content {
    padding: 120px 15px 80px;
    height: 100%;
  }
  .banner-content .content {
    max-width: 100%;
    text-align: center;
    margin-left: 0;
    margin-top: 0;
  }
  .banner-content h1 {
    font-size: 28px;
    line-height: 1.3;
  }
  .banner-content .btn-box {
    margin-top: 20px;
  }
  .banner-content .btn-box .uk-button-optional {
    margin-left: 5px;
  }
  .banner-content .btn-box .uk-button-default {
    margin-right: 10px;
  }
  .banner-image {
    background-image: unset !important;
    z-index: 1;
  }
  .banner-image img {
    display: inline-block;
  }
  .services-section {
    padding-bottom: 10px;
  }
  .services-box .content .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: -25px;
    margin-bottom: 15px;
  }
  .services-box .content .icon i::before {
    font-size: 20px;
  }
  .services-box .content h3 {
    margin-top: -25px;
    font-size: 18px;
  }
  .services-box .hover-content .inner {
    padding: 15px;
  }
  .services-box .hover-content .inner .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 15px;
  }
  .services-box .hover-content .inner .icon i::before {
    font-size: 20px;
  }
  .services-box .hover-content .inner h3 {
    font-size: 18px;
  }
  .services-box .hover-content .inner p {
    margin-top: 10px;
    font-size: 13.5px;
  }
  .about-image {
    padding-bottom: 0;
    margin-bottom: 30px !important;
    text-align: center;
  }
  .about-image img {
    width: 100%;
  }
  .about-image img:nth-child(2) {
    position: relative;
    right: 0;
    margin-top: 15px;
    display: inline-block;
  }
  .shape-circle-img1 {
    display: none;
  }
  .shape-circle-img2 {
    display: none;
  }
  .process-section {
    padding-bottom: 10px;
  }
  .process-section .item:nth-child(1) .single-process-box, .process-section .item:nth-child(3) .single-process-box {
    margin-top: 0 !important;
  }
  .single-process-box {
    margin-bottom: 30px !important;
  }
  .single-process-box .icon {
    width: 55px;
    height: 55px;
    margin-bottom: 15px;
    line-height: 55px;
  }
  .single-process-box .icon i svg {
    width: 25px;
  }
  .single-process-box h3 {
    font-size: 18px;
  }
  .process-arrow-icon {
    display: none;
  }
  .feedback-section {
    padding-bottom: 10px;
  }
  .single-feedback-item {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .single-feedback-item .client-info h3 {
    font-size: 18px;
  }
  .project-section {
    padding-bottom: 10px;
  }
  .single-project-box img {
    width: 100%;
  }
  .single-project-box .project-content {
    padding: 20px;
  }
  .single-project-box .project-content h3 {
    font-size: 18px;
  }
  .single-project-box .project-content .details-btn {
    right: 20px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  .single-project-box .project-content .details-btn i svg {
    width: 20px;
  }
  .funfacts-area {
    padding-bottom: 10px;
  }
  .single-funfacts {
    margin-bottom: 30px !important;
    padding-left: 0;
    text-align: center;
  }
  .single-funfacts .icon {
    border-width: 2px;
    width: 55px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: 55px;
    line-height: 53px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
  .single-funfacts .icon i svg {
    width: 25px;
  }
  .single-funfacts h3 {
    font-size: 30px;
    margin-bottom: -2px;
    margin-top: 0;
  }
  .single-funfacts p {
    font-size: 15px;
  }
  .contact-section .uk-grid-medium {
    margin-left: 0;
  }
  .contact-section .uk-grid-medium > * {
    padding-left: 0;
  }
  .contact-image {
    background-image: unset !important;
  }
  .contact-image img {
    display: inline-block;
    width: 100%;
  }
  .contact-image .contact-info {
    position: relative;
    right: 0;
    bottom: 0;
    max-width: 100%;
    border-radius: 0;
    padding: 25px;
  }
  .contact-image .contact-info h3 {
    margin-bottom: -5px;
    font-size: 18px;
  }
  .contact-image .contact-info ul li {
    margin-bottom: 10px;
  }
  .contact-form {
    max-width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .hero-banner {
    padding-top: 130px;
    padding-bottom: 70px;
  }
  .hero-banner-content {
    text-align: center;
    margin-top: 0;
  }
  .hero-banner-content h1 {
    font-size: 28px;
  }
  .hero-banner-content .btn-box {
    margin-top: 20px;
  }
  .hero-banner-image {
    margin-top: 30px;
  }
  .about-image-two {
    margin-bottom: 30px !important;
  }
  .services-section.bg-image {
    padding-bottom: 80px;
  }
  .services-section.bg-image::before {
    bottom: 40px;
    height: 40%;
    width: 100%;
  }
  .services-slides.owl-theme .owl-dots {
    margin-bottom: 0;
    margin-top: 5px;
  }
  .why-choose-us-section .uk-child-width-1-2\@s > * {
    width: 100%;
  }
  .why-choose-us-content {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
  }
  .why-choose-us-content .why-choose-us-text li {
    padding-left: 70px;
  }
  .why-choose-us-content .why-choose-us-text li .icon {
    width: 50px;
    height: 50px;
    line-height: 51px;
  }
  .why-choose-us-content .why-choose-us-text li .icon i::before {
    font-size: 20px;
  }
  .why-choose-us-content .why-choose-us-text li h3 {
    font-size: 17px;
  }
  .why-choose-us-content .why-choose-us-text li p {
    font-size: 14px;
  }
  .why-choose-us-image {
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .single-team-box .content {
    padding: 20px;
  }
  .single-team-box .content h3 {
    font-size: 17px;
  }
  .feedback-section .uk-grid .uk-section-title {
    margin-top: 0;
    margin-bottom: 10px !important;
  }
  .feedback-section .uk-grid .uk-section-title h2 {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .feedback-slides-two.owl-theme .owl-dots {
    bottom: -30px;
  }
  .feedback-slides-two.owl-theme .owl-nav [class*=owl-] {
    bottom: -37px;
  }
  .corporate-main-banner {
    padding-bottom: 0;
    padding-top: 120px;
  }
  .corporate-main-banner .uk-grid-medium {
    margin-left: 0;
  }
  .corporate-banner-content {
    padding: 0 15px 35px;
  }
  .corporate-banner-content .content {
    margin-left: 0;
    max-width: 100%;
    text-align: center;
  }
  .corporate-banner-content .content h1 {
    margin-bottom: 15px;
    font-size: 30px;
  }
  .corporate-banner-image {
    background-image: unset !important;
  }
  .corporate-banner-image img {
    display: inline-block;
  }
  .shape1, .shape2, .shape3, .shape4 {
    display: none;
  }
  .featured-services-area {
    padding-bottom: 10px;
  }
  .featured-services-area .section-title {
    max-width: 100%;
  }
  .featured-services-area .section-title p {
    line-height: 1.67;
    font-size: 16px;
  }
  .single-featured-services-box {
    margin-bottom: 30px !important;
  }
  .single-featured-services-box .bg-shape {
    display: none;
  }
  .single-featured-services-box .icon i::before {
    font-size: 35px;
  }
  .single-featured-services-box h3 {
    font-size: 17px;
  }
  .what-we-do-section .uk-grid-medium {
    margin-left: 0;
  }
  .what-we-do-image {
    background-image: unset !important;
  }
  .what-we-do-image img {
    display: inline-block;
  }
  .what-we-do-content {
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 40px;
  }
  .what-we-do-content .content {
    max-width: 100%;
  }
  .experience-area .uk-grid-medium {
    margin-left: 0;
  }
  .experience-area .item:nth-child(1) {
    order: 2;
  }
  .experience-area .item:nth-child(2) {
    order: 1;
  }
  .experience-image {
    background-image: unset !important;
  }
  .experience-image img {
    display: inline-block;
  }
  .experience-content {
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .experience-content .content {
    max-width: 100%;
    margin-left: 0;
  }
  .experience-content .content .single-experience-box {
    padding-left: 0;
    margin-bottom: 20px;
  }
  .experience-content .content .single-experience-box .icon {
    top: 0;
    position: relative;
    margin-bottom: 20px;
    width: 65px;
    height: 65px;
    border-width: 1.5px;
    line-height: 65px;
  }
  .experience-content .content .single-experience-box .icon i::before {
    font-size: 25px;
  }
  .experience-content .content .single-experience-box h3 {
    margin-bottom: 7px;
    font-size: 16px;
  }
  .testimonials-slides {
    max-width: 100%;
  }
  .single-testimonials-box .user-image {
    margin-bottom: 20px;
  }
  .single-testimonials-box .user-image .user {
    width: 110px !important;
    height: 110px;
  }
  .single-testimonials-box p {
    font-size: 15px;
  }
  .single-testimonials-box::before {
    font-size: 70px;
  }
  .single-testimonials-box .user-info h3 {
    font-size: 17px;
  }
  .pricing-area .uk-item {
    margin-bottom: 30px;
  }
  .pricing-area .uk-item:last-child {
    margin-bottom: 0;
  }
  .single-pricing-box .pricing-header h3 {
    font-size: 17px;
  }
  .single-pricing-box .pricing-header .icon img {
    width: 100px;
  }
  .single-pricing-box .pricing-header .icon i::before {
    font-size: 30px;
  }
  .single-pricing-box .pricing-header .icon i.flaticon-plan::before {
    font-size: 30px;
  }
  .single-pricing-box .pricing-features ul li {
    font-size: 14px;
  }
  .single-pricing-box .price {
    font-size: 30px;
  }
  .single-pricing-box .price span {
    margin-top: 0;
    font-size: 15px;
  }
  .project-area .uk-item {
    margin-bottom: 30px;
  }
  .project-area .uk-item:last-child {
    margin-bottom: 0;
  }
  .single-project-item .content h3 {
    font-size: 17px;
  }
  .partner-area-two.bg-f5e7da .section-title {
    margin-bottom: 40px !important;
  }
  .partner-area-two .item .item {
    width: 50%;
  }
  .blog-area .uk-item {
    margin-bottom: 30px;
  }
  .blog-area .uk-item:last-child {
    margin-bottom: 0;
  }
  .single-blog-post-item .post-content h3 {
    font-size: 17px;
  }
  .newsletter-area {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .newsletter-content {
    max-width: 100%;
  }
  .newsletter-content h2 {
    font-size: 23px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .newsletter-content form .uk-button {
    position: relative;
    height: auto;
    margin-top: 15px;
  }
  .section-title-with-big-text {
    margin: 0 auto 35px !important;
  }
  .section-title-with-big-text .big-text {
    display: none;
  }
  .section-title-with-big-text h2 {
    font-size: 25px;
  }
  .header-area-with-position-relative .others-option {
    display: none;
  }
  .woman-main-banner-area {
    padding-top: 65px;
    margin-top: 69px;
  }
  .woman-main-banner-area .woman-banner-social {
    display: none;
  }
  .woman-banner-content {
    top: 0;
  }
  .woman-banner-content h1 {
    font-size: 30px;
  }
  .woman-banner-image {
    text-align: center;
    margin-top: 30px;
  }
  .woman-banner-image::before {
    display: none;
  }
  .creative-about-left-content {
    padding-right: 0;
    margin-top: 0;
  }
  .creative-about-left-content .big-text {
    display: none;
  }
  .creative-about-left-content h3 {
    font-size: 25px;
  }
  .creative-about-left-content .about-left-image .content h4 {
    font-size: 30px;
  }
  .creative-about-left-content .about-left-image .content b {
    font-size: 12px;
  }
  .creative-about-right-content {
    padding-left: 0;
    margin-top: 30px;
  }
  .creative-about-right-content h3 {
    font-size: 25px;
  }
  .creative-about-right-content .about-right-image .content h4 {
    font-size: 30px;
  }
  .creative-about-right-content .about-right-image .content b {
    font-size: 12px;
  }
  .creative-services-card {
    padding-right: 0;
  }
  .creative-services-card .number {
    font-size: 65px;
  }
  .creative-services-card h3 {
    font-size: 22px;
  }
  .creative-projects-area .uk-container-expand {
    padding-left: 15px;
    padding-right: 15px;
  }
  .creative-single-projects .projects-content {
    padding: 25px 20px;
  }
  .creative-single-projects .projects-content span {
    font-size: 12px;
  }
  .creative-single-projects .projects-content h3 {
    font-size: 20px;
  }
  .creative-reviews-img {
    padding-right: 0;
    margin-bottom: 35px !important;
  }
  .creative-reviews-card .rating li i {
    font-size: 15px;
  }
  .creative-reviews-card p {
    font-size: 15px;
  }
  .creative-reviews-card .client h3 {
    font-size: 20px;
  }
  .creative-reviews-card .client span {
    font-size: 12px;
  }
  .creative-reviews-slides.owl-theme .owl-nav {
    margin-top: 30px;
    text-align: center;
  }
  .creative-pricing-box {
    padding: 20px;
  }
  .creative-pricing-box .pricing-header h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .creative-pricing-box .price {
    font-size: 25px;
  }
  .creative-pricing-box .features li {
    font-size: 15px;
  }
  .creative-team-box .team-content h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .creative-team-box .team-content span {
    font-size: 12px;
  }
  .creative-news-card {
    padding: 25px;
  }
  .creative-contact-image .info-content {
    max-width: 212px;
  }
  .creative-contact-form {
    padding-left: 0;
    margin-top: 30px;
  }
  .creative-contact-form .uk-form-label {
    font-size: 12px;
  }
  .creative-footer-area .single-footer-widget h3 {
    font-size: 20px;
  }
  .header-area-with-position-relative.with-position-absolute #navbar-toggle span {
    background-color: #ffffff;
  }
  .black-main-banner-area {
    padding-top: 120px;
    padding-bottom: 70px;
  }
  .black-banner-content h1 {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .black-banner-content .banner-btn {
    margin-top: 25px;
  }
  .black-banner-image {
    text-align: center;
    margin-top: 30px;
  }
  .featured-boxes-services-card {
    padding-right: 0;
  }
  .featured-boxes-services-card h3 {
    font-size: 20px;
  }
  .marketing-about-content {
    margin-top: 0;
    padding-right: 0;
  }
  .marketing-about-content .big-text {
    display: none;
  }
  .marketing-about-content h3 {
    font-size: 25px;
  }
  .marketing-about-content h4 {
    font-size: 18px;
  }
  .marketing-about-image {
    text-align: center;
    margin-top: 30px;
  }
  .marketing-about-image .content h4 {
    font-size: 35px;
  }
  .marketing-about-image .content b {
    font-size: 12px;
  }
  .creative-process-card {
    padding-right: 0;
  }
  .creative-process-card h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .creative-video-area::before {
    height: 100px;
  }
  .creative-video-area .video-btn {
    width: 70px;
    height: 70px;
    font-size: 50px;
  }
  .video-dot-shape {
    display: none;
  }
  .creative-services-box .content {
    padding-left: 0;
  }
  .creative-services-box .content .number {
    position: relative;
    margin-bottom: 18px;
  }
  .creative-services-box .content h3 {
    font-size: 18px;
  }
  .creative-projects-slides-two.owl-theme .owl-nav [class*=owl-] {
    left: -5px;
  }
  .creative-projects-slides-two.owl-theme .owl-nav [class*=owl-].owl-next {
    right: -5px;
    left: auto;
  }
  .creative-faq-image .content h4 {
    font-size: 32px;
  }
  .creative-faq-image .content b {
    font-size: 12px;
  }
  .creative-faq-content {
    margin-left: 0;
    margin-top: 30px;
  }
  .creative-faq-content .big-text {
    display: none;
  }
  .creative-faq-content h3 {
    font-size: 25px;
  }
  .creative-faq-accordion .uk-accordion-title {
    font-size: 15.8px;
    padding-right: 32px;
    background-color: transparent;
  }
  .creative-footer-shape-1, .creative-footer-shape-2 {
    display: none;
  }
  .marketing-main-banner-area {
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .marketing-banner-content span {
    font-size: 14px;
  }
  .marketing-banner-content h1 {
    font-size: 32px;
  }
  .marketing-about-content .about-inner-card h5 {
    font-size: 18px;
  }
  .marketing-about-image.style-two {
    padding-left: 0;
  }
  .creative-funfacts-area {
    padding-left: 50px;
    padding-right: 50px;
  }
  .single-creative-funfacts h3 {
    font-size: 30px;
  }
  .creative-process-area.with-bg-color .uk-grid {
    display: block;
  }
  .creative-process-area.with-bg-color .uk-width-1-4 {
    width: 100%;
  }
  .creative-process-area.with-bg-color .uk-width-3-4 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 14px;
  }
  p {
    font-size: 14px;
  }
  .section-title h2 {
    font-size: 30px;
  }
  .header-area {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .header-area.uk-sticky-fixed {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .header-area #navbar-toggle {
    display: inline-flex;
  }
  .navbar {
    display: none;
  }
  .main-banner {
    height: 100%;
    background-position: right bottom;
    padding-top: 200px;
    padding-bottom: 540px;
  }
  .main-banner-content h1 {
    font-size: 45px;
    line-height: 45px;
    padding: 6px 0;
  }
  .main-banner-content h1::before {
    width: 17px;
  }
  .main-banner-content p {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .banner-with-form {
    padding-bottom: 455px;
  }
  .banner-with-form .uk-container .uk-grid {
    margin-top: 0;
  }
  .main-banner-form {
    margin-left: 0;
    margin-top: 30px;
  }
  .features-area {
    background: transparent;
    margin-top: -400px;
  }
  .features-area.uk-dark {
    background-color: transparent;
    position: relative;
    z-index: 1;
  }
  .features-area.uk-dark::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #000000;
    height: 65%;
    z-index: -1;
    display: block;
  }
  .single-features-box {
    margin-top: 20px;
  }
  .single-features-box h3 {
    font-size: 20px;
  }
  .single-features-box .animation-img {
    display: none;
  }
  .about-content .about-text h3 {
    font-size: 18px;
  }
  .about-img {
    position: relative;
    top: 0;
    bottom: 0;
    text-align: center;
    margin-top: 30px;
  }
  .about-img .about-img2 {
    display: none;
  }
  .about-img .about-img1 {
    width: 100%;
  }
  .about-img .uk-button {
    bottom: 0;
  }
  .services-area {
    padding-bottom: 10px;
  }
  .single-services h3 {
    font-size: 16px;
  }
  .single-services-box {
    padding: 30px;
  }
  .single-services-box .icon i::before {
    font-size: 35px;
  }
  .single-services-box h3 {
    font-size: 16px;
  }
  .single-services-box .animation-img {
    display: none;
  }
  .testimonials-area {
    padding-bottom: 10px;
  }
  .testimonials-item .quotation-profile .profile-info h3 {
    font-size: 16px;
  }
  .project-slides {
    left: 0;
    position: relative;
  }
  .single-project .project-content h3 {
    font-size: 20px;
  }
  .feedback-img .video-btn {
    right: 0;
  }
  .feedback-inner {
    margin-top: 35px;
  }
  .team-area {
    padding-bottom: 10px;
  }
  .team-slides.owl-theme .owl-dots {
    margin-top: 10px !important;
  }
  .partner-area {
    padding-top: 40px !important;
  }
  .subscribe-area {
    text-align: center;
  }
  .subscribe-area h3 {
    font-size: 20px;
    margin: 0 0 20px !important;
  }
  .subscribe-area form .uk-button {
    position: relative;
    height: 50px;
    margin-top: 20px;
  }
  .single-blog-post .blog-post-content {
    margin-right: 10px;
    margin-left: 10px;
  }
  .single-blog-post .blog-post-content h3 {
    font-size: 20px;
  }
  .single-footer-widget {
    margin-bottom: 30px !important;
  }
  .single-footer-widget h3 {
    font-size: 20px;
  }
  .copyright-area {
    margin-top: 40px;
  }
  .page-title-area {
    padding-top: 135px;
    padding-bottom: 70px;
  }
  .pagination-area {
    margin-top: 20px;
  }
  .blog-details .uk-flex {
    display: block;
  }
  .blog-details .uk-width-1-5 {
    width: 100%;
  }
  .blog-details .inner .article-content h3 {
    font-size: 20px;
  }
  .blog-details .inner .comments-area .comments-title, .blog-details .inner .comments-area .comment-reply-title {
    font-size: 20px;
  }
  .blog-details .inner .comments-area .comment-respond .comment-form-comment input, .blog-details .inner .comments-area .comment-respond .comment-form-comment textarea, .blog-details .inner .comments-area .comment-respond .comment-form-author input, .blog-details .inner .comments-area .comment-respond .comment-form-author textarea, .blog-details .inner .comments-area .comment-respond .comment-form-email input, .blog-details .inner .comments-area .comment-respond .comment-form-email textarea, .blog-details .inner .comments-area .comment-respond .comment-form-url input, .blog-details .inner .comments-area .comment-respond .comment-form-url textarea {
    width: 90%;
  }
  .blog-details .uk-sidebar {
    margin-top: 40px;
  }
  .services-details .uk-flex {
    display: block;
  }
  .services-details .uk-width-1-5 {
    width: 100%;
  }
  .services-details .uk-sidebar {
    margin-top: 40px;
  }
  .services-details-desc h3 {
    font-size: 20px;
  }
  .project-details .uk-flex {
    display: block;
  }
  .project-details .uk-width-1-5 {
    width: 100%;
  }
  .project-details-desc h3 {
    font-size: 20px;
  }
  .banner-content {
    padding: 200px 100px 100px;
    height: 100%;
  }
  .banner-content .content {
    max-width: 600px;
    text-align: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .banner-content .content h1 {
    font-size: 40px;
  }
  .banner-image {
    background-image: unset !important;
    z-index: 1;
  }
  .banner-image img {
    display: inline-block;
    width: 100%;
  }
  .services-section {
    padding-bottom: 10px;
  }
  .about-image {
    margin-bottom: 40px !important;
  }
  .about-image img:nth-child(1) {
    width: 60%;
  }
  .shape-circle-img1 {
    display: none;
  }
  .shape-circle-img2 {
    display: none;
  }
  .funfacts-area {
    padding-bottom: 10px;
  }
  .single-funfacts {
    margin-bottom: 30px !important;
    padding-left: 90px;
  }
  .single-funfacts .icon {
    width: 65px;
    top: 4px;
    height: 65px;
    line-height: 60px;
  }
  .single-funfacts h3 {
    font-size: 35px;
  }
  .process-arrow-icon {
    display: none;
  }
  .contact-image {
    background-image: unset !important;
  }
  .contact-image img {
    display: inline-block;
    width: 100%;
  }
  .contact-image .contact-info {
    right: 40px;
    bottom: 40px;
  }
  .contact-image .contact-info h3 {
    font-size: 20px;
  }
  .hero-banner {
    padding-top: 160px;
  }
  .hero-banner-content {
    text-align: center;
    max-width: 610px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px !important;
  }
  .hero-banner-content h1 {
    font-size: 40px;
  }
  .about-image-two {
    margin-bottom: 30px !important;
  }
  .services-section.bg-image::before {
    height: 40%;
    width: 100%;
  }
  .why-choose-us-section .uk-child-width-1-2\@s > * {
    width: 100%;
  }
  .why-choose-us-content {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  .why-choose-us-image {
    max-width: 720px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .single-team-box .content {
    padding: 25px;
  }
  .single-team-box .content h3 {
    font-size: 20px;
  }
  .feedback-section .uk-grid .uk-section-title {
    margin-top: 0;
    margin-bottom: 25px !important;
  }
  .corporate-main-banner {
    padding-bottom: 0;
    padding-top: 130px;
  }
  .corporate-main-banner .uk-grid-medium {
    margin-left: 0;
  }
  .corporate-banner-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 30px;
  }
  .corporate-banner-content .content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .corporate-banner-content .content h1 {
    font-size: 40px;
  }
  .corporate-banner-image {
    background-image: unset !important;
  }
  .corporate-banner-image img {
    display: inline-block;
  }
  .shape1, .shape2, .shape3, .shape4 {
    display: none;
  }
  .featured-services-area .uk-item {
    margin-bottom: 30px;
  }
  .featured-services-area .uk-item:last-child {
    margin-bottom: 0;
  }
  .featured-services-area .section-title {
    max-width: 100%;
  }
  .single-featured-services-box h3 {
    font-size: 20px;
  }
  .single-featured-services-box .bg-shape {
    display: none;
  }
  .what-we-do-section .uk-grid-medium {
    margin-left: 0;
  }
  .what-we-do-content {
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 70px;
    padding-right: 70px;
  }
  .what-we-do-content .content {
    max-width: 100%;
  }
  .what-we-do-image {
    background-image: unset !important;
  }
  .what-we-do-image img {
    display: inline-block;
  }
  .experience-area .uk-grid-medium {
    margin-left: 0;
  }
  .experience-area .item:nth-child(1) {
    order: 2;
  }
  .experience-area .item:nth-child(2) {
    order: 1;
  }
  .experience-content {
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 70px;
    padding-right: 70px;
  }
  .experience-content .content {
    margin-left: 0;
    max-width: 100%;
  }
  .experience-image {
    background-image: unset !important;
  }
  .experience-image img {
    display: inline-block;
  }
  .testimonials-slides {
    max-width: 100%;
  }
  .pricing-area .uk-item {
    margin-bottom: 30px;
  }
  .pricing-area .uk-item:last-child {
    margin-bottom: 0;
  }
  .single-pricing-box .pricing-header h3 {
    font-size: 20px;
  }
  .single-pricing-box .price {
    font-size: 30px;
  }
  .single-pricing-box .price span {
    margin-top: 0px;
    font-size: 15px;
  }
  .project-area .uk-item {
    margin-bottom: 30px;
  }
  .project-area .uk-item:last-child {
    margin-bottom: 0;
  }
  .project-area * + .uk-grid-margin-medium, .project-area .uk-grid + .uk-grid-medium, .project-area .uk-grid-medium > .uk-grid-margin {
    margin-top: 0;
  }
  .single-project-item .content h3 {
    font-size: 20px;
  }
  .blog-area .uk-item {
    margin-bottom: 30px;
  }
  .blog-area .uk-item:last-child {
    margin-bottom: 0;
  }
  .single-blog-post-item .post-content h3 {
    font-size: 20px;
  }
  .newsletter-content {
    max-width: 500px;
  }
  .newsletter-content form .uk-input {
    height: 50px;
  }
  .section-title-with-big-text h2 {
    font-size: 32px;
  }
  .header-area-with-position-relative .others-option {
    margin-left: 0;
    position: absolute;
    top: 50%;
    right: 55px;
    transform: translateY(-50%);
  }
  .woman-main-banner-area {
    padding-top: 100px;
  }
  .woman-banner-content {
    top: 0;
  }
  .woman-banner-content h1 {
    font-size: 50px;
  }
  .woman-banner-image {
    text-align: center;
    margin-top: 30px;
  }
  .woman-banner-image::before {
    display: none;
  }
  .creative-about-left-content {
    padding-right: 0;
  }
  .creative-about-left-content h3 {
    font-size: 30px;
  }
  .creative-about-left-content .about-left-image img {
    width: 100%;
  }
  .creative-about-right-content {
    padding-left: 0;
    margin-top: 30px;
  }
  .creative-about-right-content h3 {
    font-size: 30px;
  }
  .creative-about-right-content .about-right-image img {
    width: 100%;
  }
  .creative-services-card {
    padding-right: 0;
  }
  .creative-services-card .number {
    font-size: 65px;
  }
  .creative-single-projects .projects-content h3 {
    font-size: 20px;
  }
  .creative-reviews-img {
    padding-right: 0;
    margin-bottom: 35px !important;
  }
  .creative-reviews-slides.owl-theme .owl-nav {
    margin-top: 30px;
    text-align: center;
  }
  .creative-pricing-box .features li {
    font-size: 15px;
  }
  .creative-news-card {
    padding: 20px;
  }
  .creative-contact-form {
    padding-left: 0;
    margin-top: 30px;
  }
  .header-area-with-position-relative.with-position-absolute #navbar-toggle span {
    background-color: #ffffff;
  }
  .black-banner-content h1 {
    font-size: 50px;
    margin-bottom: 15px;
  }
  .black-banner-content .banner-btn {
    margin-top: 25px;
  }
  .black-banner-image {
    text-align: center;
    margin-top: 30px;
  }
  .featured-boxes-services-card {
    padding-right: 0;
  }
  .featured-boxes-services-card h3 {
    font-size: 22px;
  }
  .marketing-about-content {
    padding-right: 0;
  }
  .marketing-about-content h3 {
    font-size: 30px;
  }
  .marketing-about-content h4 {
    font-size: 18px;
  }
  .marketing-about-image {
    text-align: center;
    margin-top: 30px;
  }
  .creative-process-card {
    padding-right: 0;
  }
  .creative-process-card h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .creative-video-area::before {
    height: 100px;
  }
  .creative-video-area .video-btn {
    width: 70px;
    height: 70px;
    font-size: 50px;
  }
  .video-dot-shape {
    display: none;
  }
  .creative-services-box .content {
    padding-left: 0;
  }
  .creative-services-box .content .number {
    position: relative;
    margin-bottom: 18px;
  }
  .creative-services-box .content h3 {
    font-size: 18px;
  }
  .creative-projects-slides-two.owl-theme .owl-nav [class*=owl-] {
    left: -5px;
  }
  .creative-projects-slides-two.owl-theme .owl-nav [class*=owl-].owl-next {
    right: -5px;
    left: auto;
  }
  .creative-faq-image {
    margin-bottom: 60px !important;
  }
  .creative-faq-content {
    margin-left: 0;
    margin-top: 30px;
  }
  .creative-faq-content h3 {
    font-size: 30px;
  }
  .creative-footer-shape-1, .creative-footer-shape-2 {
    display: none;
  }
  .creative-news-card h3 {
    font-size: 18px;
  }
  .marketing-main-banner-area {
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .marketing-banner-content h1 {
    font-size: 50px;
  }
  .marketing-about-content .about-inner-card h5 {
    font-size: 18px;
  }
  .marketing-about-image.style-two {
    padding-left: 0;
  }
  .creative-funfacts-area {
    padding-left: 50px;
    padding-right: 50px;
  }
  .single-creative-funfacts h3 {
    font-size: 40px;
  }
  .creative-process-area.with-bg-color .uk-width-1-4 {
    width: 100%;
  }
  .creative-process-area.with-bg-color .uk-width-3-4 {
    width: 100%;
  }
  .creative-news-box .news-content {
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-img {
    position: relative;
    top: 0;
  }
  .about-img .about-img2 {
    left: 0;
    bottom: 0;
  }
  .about-img .uk-button {
    bottom: 0;
  }
  .main-banner-form {
    margin-top: 0;
  }
  .navbar .uk-navbar-nav li {
    padding: 0 11px;
  }
  .project-slides {
    left: 0;
  }
  .banner-section .uk-grid-medium {
    margin-left: 0;
  }
  .banner-content {
    max-width: 100%;
  }
  .banner-content h1 {
    font-size: 40px;
  }
  .banner-content p {
    max-width: 100%;
  }
  .banner-image {
    z-index: 1;
  }
  .services-box .hover-content .inner {
    padding: 20px;
  }
  .services-box .hover-content .inner .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .services-box .hover-content .inner h3 {
    font-size: 20px;
  }
  .contact-section .uk-grid-medium {
    margin-right: 0;
  }
  .contact-image .contact-info {
    right: -15px;
    bottom: 133px;
    max-width: 300px;
    padding: 25px;
  }
  .contact-form {
    padding-left: 30px;
    padding-right: 30px;
  }
  .hero-banner::before {
    height: 25%;
  }
  .hero-banner-content {
    margin-top: 0;
  }
  .hero-banner-content h1 {
    font-size: 42px;
  }
  .services-section.bg-image::before {
    width: 100%;
  }
  .why-choose-us-section .uk-child-width-1-2\@m > * {
    width: 100%;
  }
  .why-choose-us-content {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  .why-choose-us-image {
    margin-top: 40px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  .corporate-main-banner .uk-grid-medium {
    margin-left: 0;
  }
  .corporate-banner-content {
    padding-right: 30px;
  }
  .corporate-banner-content .content {
    max-width: 430px;
  }
  .shape1, .shape2, .shape3, .shape4 {
    display: none;
  }
  .single-featured-services-box .bg-shape {
    display: none;
  }
  .what-we-do-section .uk-grid-medium {
    margin-left: 0;
  }
  .what-we-do-content {
    padding-left: 30px;
  }
  .what-we-do-content .content {
    max-width: 460px;
  }
  .experience-area .uk-grid-medium {
    margin-left: 0;
  }
  .experience-content {
    padding-right: 30px;
  }
  .experience-content .content {
    max-width: 410px;
  }
  .header-area-with-position-relative .navbar .uk-navbar-nav li {
    padding: 0 8px;
  }
  .header-area-with-position-relative .navbar .uk-navbar-nav li .uk-dropdown .uk-dropdown-nav li {
    padding: 0 15px;
  }
  .header-area-with-position-relative .others-option {
    margin-left: 5px;
  }
  .woman-main-banner-area .woman-banner-social {
    padding: 0;
    margin-bottom: 0;
    position: relative;
    left: 35px;
    top: unset;
    transform: unset;
    bottom: 30px;
  }
  .woman-main-banner-area .woman-banner-social li {
    display: inline-block;
    margin-right: 15px;
  }
  .woman-main-banner-area .woman-banner-social li:last-child {
    margin-right: 0;
  }
  .woman-banner-content h1 {
    font-size: 50px;
  }
  .creative-pricing-box {
    padding: 22px;
  }
  .creative-pricing-box .features li {
    font-size: 15px;
  }
  .creative-contact-form {
    padding-left: 0;
  }
  .black-banner-content h1 {
    font-size: 52px;
  }
  .featured-boxes-services-card {
    padding-right: 0;
  }
  .creative-process-card {
    padding-right: 0;
  }
  .creative-services-box {
    padding: 20px;
  }
  .marketing-about-image.style-two {
    padding-left: 0;
  }
  .creative-funfacts-area {
    padding-left: 45px;
    padding-right: 45px;
  }
  .single-creative-funfacts h3 {
    font-size: 38px;
  }
  .creative-services-box .content {
    padding-left: 0;
  }
  .creative-services-box .content .number {
    position: relative;
    margin-bottom: 15px;
  }
  .creative-process-card.with-bg-color {
    padding: 20px;
  }
  .creative-process-card.with-bg-color h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1650px) {
  .main-banner {
    background-position: 74%;
  }
  .about-img {
    position: absolute;
    right: 0;
    top: 70px;
    text-align: right;
  }
  .about-img .about-img2 {
    position: absolute;
    left: -130px;
    bottom: -30px;
  }
  .about-img .shape-img {
    position: absolute;
    left: 115px;
    top: 12%;
  }
  .about-img .about-img1 {
    width: 100%;
  }
}
@media only screen and (min-width: 1800px) {
  .banner-content .content {
    max-width: 720px;
  }
  .header-area.bg-white .uk-container {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .woman-banner-content {
    top: -25px;
    left: 90px;
  }
  .creative-news-card {
    padding: 22px;
  }
  .creative-contact-form {
    padding-left: 25px;
  }
  .creative-process-card.with-bg-color {
    padding: 25px;
  }
}

/*# sourceMappingURL=styles.css.map*/