@charset "UTF-8";
                /*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,400italic|Roboto+Slab:400,700);
/* line 7, ../../../dev/scss/plugins.scss */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 7, ../../../dev/scss/plugins.scss */
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* line 7, ../../../dev/scss/plugins.scss */
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

/* line 7, ../../../dev/scss/plugins.scss */
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  20%,53%,80%,from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  20%,53%,80%,from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  50%,from,to {
    opacity: 1;
  }
  25%,75% {
    opacity: 0;
  }
}
@keyframes flash {
  50%,from,to {
    opacity: 1;
  }
  25%,75% {
    opacity: 0;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  from,to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
}
@keyframes pulse {
  from,to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from,to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
}
@keyframes rubberBand {
  from,to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,40%,60%,80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,40%,60%,80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from,to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,50%,70%,90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,60%,80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
}
@keyframes tada {
  from,to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,50%,70%,90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,60%,80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  from,to {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
}
@keyframes wobble {
  from,to {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  11.1%,from,to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
@keyframes jello {
  11.1%,from,to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  20%,40%,60%,80%,from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  20%,40%,60%,80%,from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  60%,75%,90%,from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  60%,75%,90%,from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  60%,75%,90%,from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  60%,75%,90%,from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  60%,75%,90%,from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  60%,75%,90%,from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  60%,75%,90%,from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  60%,75%,90%,from,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

/* line 7, ../../../dev/scss/plugins.scss */
.flipInY, .flipOutX {
  -webkit-backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.flipInY {
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
/* line 7, ../../../dev/scss/plugins.scss */
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* Sassy stuff */
/* Läser in source filer fran ramverket UiKit */
/* ========================================================================
   Component: Grid
 ========================================================================== */
/*
 * 1. Allow cells to wrap into the next line
 * 2. Reset list
 */
/* line 58, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.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
 */
/* line 74, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid > * {
  margin: 0;
}

/*
 * Remove margin from the last-child
 */
/* line 80, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid > * > :last-child {
  margin-bottom: 0;
}

/* Gutter
 ========================================================================== */
/*
 * Default
 */
/* Horizontal */
/* line 91, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid {
  margin-left: -30px;
}

/* line 92, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid > * {
  padding-left: 30px;
}

/* Vertical */
/* line 95, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid + .uk-grid,
.uk-grid > .uk-grid-margin,
* + .uk-grid-margin {
  margin-top: 30px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  /* line 103, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid {
    margin-left: -15px;
  }

  /* line 104, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid > * {
    padding-left: 15px;
  }

  /* Vertical */
  /* line 107, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid + .uk-grid,
  .uk-grid > .uk-grid-margin,
  * + .uk-grid-margin {
    margin-top: 15px;
  }
}
/*
 * Small
 */
/* Horizontal */
/* line 118, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-small {
  margin-left: -15px;
}

/* line 119, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-small > * {
  padding-left: 15px;
}

/* Vertical */
/* line 122, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid + .uk-grid-small,
.uk-grid-small > .uk-grid-margin,
* + .uk-grid-margin-small {
  margin-top: 15px;
}

/*
 * Medium
 */
/* Horizontal */
/* line 131, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-medium {
  margin-left: -30px;
}

/* line 132, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-medium > * {
  padding-left: 30px;
}

/* Vertical */
/* line 135, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid + .uk-grid-medium,
.uk-grid-medium > .uk-grid-margin,
* + .uk-grid-margin-medium {
  margin-top: 30px;
}

/*
 * Large
 */
/* Horizontal */
/* line 144, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-large {
  margin-left: -15px;
}

/* line 145, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-large > * {
  padding-left: 15px;
}

/* Vertical */
/* line 148, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid + .uk-grid-large,
.uk-grid-large > .uk-grid-margin,
* + .uk-grid-margin-large {
  margin-top: 15px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  /* line 156, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid-large {
    margin-left: -70px;
  }

  /* line 157, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid-large > * {
    padding-left: 70px;
  }

  /* Vertical */
  /* line 160, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid + .uk-grid-large,
  .uk-grid-large > .uk-grid-margin,
  * + .uk-grid-margin-large {
    margin-top: 70px;
  }
}
/*
 * Collapse
 */
/* Horizontal */
/* line 171, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-collapse {
  margin-left: 0;
}

/* line 172, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-collapse > * {
  padding-left: 0;
}

/* Vertical */
/* line 175, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid + .uk-grid-collapse,
.uk-grid-collapse > .uk-grid-margin {
  margin-top: 0;
}

/* Divider
 ========================================================================== */
/* line 182, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider > * {
  position: relative;
}

/* line 184, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider > :not(.uk-first-column)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid #e5e5e5;
}

/* Vertical */
/* line 193, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #e5e5e5;
}

/*
 * Default
 */
/* Horizontal */
/* line 206, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider {
  margin-left: -60px;
}

/* line 207, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider > * {
  padding-left: 60px;
}

/* line 209, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider > :not(.uk-first-column)::before {
  left: 30px;
}

/* Vertical */
/* line 212, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin {
  margin-top: 60px;
}

/* line 214, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
  left: 60px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  /* line 223, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid-divider {
    margin-left: -30px;
  }

  /* line 224, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid-divider > * {
    padding-left: 30px;
  }

  /* line 226, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid-divider > :not(.uk-first-column)::before {
    left: 15px;
  }

  /* Vertical */
  /* line 229, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
    margin-top: 30px;
  }

  /* line 231, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    top: -15px;
    left: 30px;
  }
}
/*
 * Small
 */
/* Horizontal */
/* line 243, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-small {
  margin-left: -30px;
}

/* line 244, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-small > * {
  padding-left: 30px;
}

/* line 246, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before {
  left: 15px;
}

/* Vertical */
/* line 249, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin {
  margin-top: 30px;
}

/* line 251, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
  top: -15px;
  left: 30px;
}

/*
 * Medium
 */
/* Horizontal */
/* line 261, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-medium {
  margin-left: -60px;
}

/* line 262, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-medium > * {
  padding-left: 60px;
}

/* line 264, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before {
  left: 30px;
}

/* Vertical */
/* line 267, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin {
  margin-top: 60px;
}

/* line 269, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
  left: 60px;
}

/*
 * Large
 */
/* Horizontal */
/* line 279, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-large {
  margin-left: -30px;
}

/* line 280, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-large > * {
  padding-left: 30px;
}

/* line 282, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
  left: 15px;
}

/* Vertical */
/* line 285, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin {
  margin-top: 30px;
}

/* line 287, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
  top: -15px;
  left: 30px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  /* line 296, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid-divider.uk-grid-large {
    margin-left: -140px;
  }

  /* line 297, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid-divider.uk-grid-large > * {
    padding-left: 140px;
  }

  /* line 299, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
    left: 70px;
  }

  /* Vertical */
  /* line 302, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin {
    margin-top: 140px;
  }

  /* line 304, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
    top: -70px;
    left: 140px;
  }
}
/* Match child of a grid cell
 ========================================================================== */
/*
 * Behave like a block element
 * 1. Wrap into the next line
 * 2. Take the full width, at least 100%. Only if no class from the Width component is set.
 * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids)
 */
/* line 322, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.uk-grid-match > *,
.uk-grid-item-match {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
}

/* line 329, ../../../dev/scss/uikit-develop/src/scss/components/grid.scss */
.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: Width
 ========================================================================== */
/* Equal child widths
 ========================================================================== */
/* line 29, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
[class*='uk-child-width'] > * {
  box-sizing: border-box;
  width: 100%;
}

/* line 34, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-child-width-1-2 > * {
  width: 50%;
}

/* line 35, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-child-width-1-3 > * {
  width: calc(100% * 1 / 3.001);
}

/* line 36, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-child-width-1-4 > * {
  width: 25%;
}

/* line 37, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-child-width-1-5 > * {
  width: 20%;
}

/* line 38, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-child-width-1-6 > * {
  width: calc(100% * 1 / 6.001);
}

/* line 40, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-child-width-auto > * {
  width: auto;
}

/*
 *    Instead of 0, 1px is needed to make cell wrap into next row if predecessor is 100% wide
 *    and the grid gutter is 0 pixels wide
 */
/* line 47, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-child-width-expand > * {
  width: 1px;
}

/*
 * 1. Make `width: 1px` work, because according to the spec flex items won’t shrink
 *    below their minimum content size. To change this, set the min-width.
 *    Only needed for Firefox. All other browsers ignore this.
 *
 * 2. `width` is ignored when wrapping flex items in Safari
 *    https://github.com/philipwalton/flexbugs#11-min-and-max-size-declarations-are-ignored-when-wrapping-flex-items
 */
/* line 58, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-child-width-expand > :not([class*='uk-width']) {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  /* 1 */
  min-width: 0;
  /* 2 */
  flex-basis: 1px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  /* line 71, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-1\@s > * {
    width: 100%;
  }

  /* line 72, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-2\@s > * {
    width: 50%;
  }

  /* line 73, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-3\@s > * {
    width: calc(100% * 1 / 3.001);
  }

  /* line 74, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-4\@s > * {
    width: 25%;
  }

  /* line 75, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-5\@s > * {
    width: 20%;
  }

  /* line 76, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-6\@s > * {
    width: calc(100% * 1 / 6.001);
  }

  /* line 78, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-auto\@s > * {
    width: auto;
  }

  /* line 79, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-expand\@s > * {
    width: 1px;
  }

  /* line 81, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-expand\@s > :not([class*='uk-width']) {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    flex-basis: 1px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* line 94, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-1\@m > * {
    width: 100%;
  }

  /* line 95, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-2\@m > * {
    width: 50%;
  }

  /* line 96, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-3\@m > * {
    width: calc(100% * 1 / 3.001);
  }

  /* line 97, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-4\@m > * {
    width: 25%;
  }

  /* line 98, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-5\@m > * {
    width: 20%;
  }

  /* line 99, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-6\@m > * {
    width: calc(100% * 1 / 6.001);
  }

  /* line 101, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-auto\@m > * {
    width: auto;
  }

  /* line 102, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-expand\@m > * {
    width: 1px;
  }

  /* line 104, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-expand\@m > :not([class*='uk-width']) {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    flex-basis: 1px;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* line 117, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-1\@l > * {
    width: 100%;
  }

  /* line 118, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-2\@l > * {
    width: 50%;
  }

  /* line 119, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-3\@l > * {
    width: calc(100% * 1 / 3.001);
  }

  /* line 120, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-4\@l > * {
    width: 25%;
  }

  /* line 121, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-5\@l > * {
    width: 20%;
  }

  /* line 122, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-6\@l > * {
    width: calc(100% * 1 / 6.001);
  }

  /* line 124, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-auto\@l > * {
    width: auto;
  }

  /* line 125, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-expand\@l > * {
    width: 1px;
  }

  /* line 127, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-expand\@l > :not([class*='uk-width']) {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    flex-basis: 1px;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  /* line 140, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-1\@xl > * {
    width: 100%;
  }

  /* line 141, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-2\@xl > * {
    width: 50%;
  }

  /* line 142, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-3\@xl > * {
    width: calc(100% * 1 / 3.001);
  }

  /* line 143, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-4\@xl > * {
    width: 25%;
  }

  /* line 144, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-5\@xl > * {
    width: 20%;
  }

  /* line 145, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-1-6\@xl > * {
    width: calc(100% * 1 / 6.001);
  }

  /* line 147, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-auto\@xl > * {
    width: auto;
  }

  /* line 148, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-expand\@xl > * {
    width: 1px;
  }

  /* line 150, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-child-width-expand\@xl > :not([class*='uk-width']) {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    flex-basis: 1px;
  }
}
/* Single Widths
 ========================================================================== */
/*
 * 1. `max-width` is needed for the pixel-based classes
 */
/* line 168, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
[class*='uk-width'] {
  box-sizing: border-box;
  width: 100%;
  /* 1 */
  max-width: 100%;
}

/* Halves */
/* line 176, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-1-2 {
  width: 50%;
}

/* Thirds */
/* line 179, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-1-3 {
  width: calc(100% * 1 / 3.001);
}

/* line 180, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-2-3 {
  width: calc(100% * 2 / 3.001);
}

/* Quarters */
/* line 183, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-1-4 {
  width: 25%;
}

/* line 184, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-3-4 {
  width: 75%;
}

/* Fifths */
/* line 187, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-1-5 {
  width: 20%;
}

/* line 188, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-2-5 {
  width: 40%;
}

/* line 189, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-3-5 {
  width: 60%;
}

/* line 190, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-4-5 {
  width: 80%;
}

/* Sixths */
/* line 193, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-1-6 {
  width: calc(100% * 1 / 6.001);
}

/* line 194, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-5-6 {
  width: calc(100% * 5 / 6.001);
}

/* Pixel */
/* line 197, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-small {
  width: 300px;
}

/* line 198, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-medium {
  width: 375px;
}

/* line 199, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-large {
  width: 450px;
}

/* line 200, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-xlarge {
  width: 600px;
}

/* line 201, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-xxlarge {
  width: 750px;
}

/* Auto */
/* line 204, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-auto {
  width: auto;
}

/* Expand */
/* line 207, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
.uk-width-expand {
  width: 1px;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
  flex-basis: 1px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  /* Whole */
  /* line 220, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-1\@s {
    width: 100%;
  }

  /* Halves */
  /* line 223, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-2\@s {
    width: 50%;
  }

  /* Thirds */
  /* line 226, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-3\@s {
    width: calc(100% * 1 / 3.001);
  }

  /* line 227, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-2-3\@s {
    width: calc(100% * 2 / 3.001);
  }

  /* Quarters */
  /* line 230, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-4\@s {
    width: 25%;
  }

  /* line 231, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-3-4\@s {
    width: 75%;
  }

  /* Fifths */
  /* line 234, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-5\@s {
    width: 20%;
  }

  /* line 235, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-2-5\@s {
    width: 40%;
  }

  /* line 236, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-3-5\@s {
    width: 60%;
  }

  /* line 237, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-4-5\@s {
    width: 80%;
  }

  /* Sixths */
  /* line 240, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-6\@s {
    width: calc(100% * 1 / 6.001);
  }

  /* line 241, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-5-6\@s {
    width: calc(100% * 5 / 6.001);
  }

  /* Pixel */
  /* line 244, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-small\@s {
    width: 300px;
  }

  /* line 245, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-medium\@s {
    width: 375px;
  }

  /* line 246, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-large\@s {
    width: 450px;
  }

  /* line 247, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-xlarge\@s {
    width: 600px;
  }

  /* line 248, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-xxlarge\@s {
    width: 750px;
  }

  /* Auto */
  /* line 251, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-auto\@s {
    width: auto;
  }

  /* Expand */
  /* line 254, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-expand\@s {
    width: 1px;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    flex-basis: 1px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* Whole */
  /* line 269, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-1\@m {
    width: 100%;
  }

  /* Halves */
  /* line 272, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-2\@m {
    width: 50%;
  }

  /* Thirds */
  /* line 275, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-3\@m {
    width: calc(100% * 1 / 3.001);
  }

  /* line 276, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-2-3\@m {
    width: calc(100% * 2 / 3.001);
  }

  /* Quarters */
  /* line 279, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-4\@m {
    width: 25%;
  }

  /* line 280, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-3-4\@m {
    width: 75%;
  }

  /* Fifths */
  /* line 283, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-5\@m {
    width: 20%;
  }

  /* line 284, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-2-5\@m {
    width: 40%;
  }

  /* line 285, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-3-5\@m {
    width: 60%;
  }

  /* line 286, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-4-5\@m {
    width: 80%;
  }

  /* Sixths */
  /* line 289, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-6\@m {
    width: calc(100% * 1 / 6.001);
  }

  /* line 290, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-5-6\@m {
    width: calc(100% * 5 / 6.001);
  }

  /* Pixel */
  /* line 293, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-small\@m {
    width: 300px;
  }

  /* line 294, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-medium\@m {
    width: 375px;
  }

  /* line 295, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-large\@m {
    width: 450px;
  }

  /* line 296, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-xlarge\@m {
    width: 600px;
  }

  /* line 297, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-xxlarge\@m {
    width: 750px;
  }

  /* Auto */
  /* line 300, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-auto\@m {
    width: auto;
  }

  /* Expand */
  /* line 303, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-expand\@m {
    width: 1px;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    flex-basis: 1px;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Whole */
  /* line 318, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-1\@l {
    width: 100%;
  }

  /* Halves */
  /* line 321, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-2\@l {
    width: 50%;
  }

  /* Thirds */
  /* line 324, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-3\@l {
    width: calc(100% * 1 / 3.001);
  }

  /* line 325, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-2-3\@l {
    width: calc(100% * 2 / 3.001);
  }

  /* Quarters */
  /* line 328, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-4\@l {
    width: 25%;
  }

  /* line 329, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-3-4\@l {
    width: 75%;
  }

  /* Fifths */
  /* line 332, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-5\@l {
    width: 20%;
  }

  /* line 333, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-2-5\@l {
    width: 40%;
  }

  /* line 334, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-3-5\@l {
    width: 60%;
  }

  /* line 335, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-4-5\@l {
    width: 80%;
  }

  /* Sixths */
  /* line 338, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-6\@l {
    width: calc(100% * 1 / 6.001);
  }

  /* line 339, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-5-6\@l {
    width: calc(100% * 5 / 6.001);
  }

  /* Pixel */
  /* line 342, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-small\@l {
    width: 300px;
  }

  /* line 343, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-medium\@l {
    width: 375px;
  }

  /* line 344, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-large\@l {
    width: 450px;
  }

  /* line 345, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-xlarge\@l {
    width: 600px;
  }

  /* line 346, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-xxlarge\@l {
    width: 750px;
  }

  /* Auto */
  /* line 349, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-auto\@l {
    width: auto;
  }

  /* Expand */
  /* line 352, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-expand\@l {
    width: 1px;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    flex-basis: 1px;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  /* Whole */
  /* line 367, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-1\@xl {
    width: 100%;
  }

  /* Halves */
  /* line 370, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-2\@xl {
    width: 50%;
  }

  /* Thirds */
  /* line 373, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-3\@xl {
    width: calc(100% * 1 / 3.001);
  }

  /* line 374, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-2-3\@xl {
    width: calc(100% * 2 / 3.001);
  }

  /* Quarters */
  /* line 377, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-4\@xl {
    width: 25%;
  }

  /* line 378, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-3-4\@xl {
    width: 75%;
  }

  /* Fifths */
  /* line 381, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-5\@xl {
    width: 20%;
  }

  /* line 382, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-2-5\@xl {
    width: 40%;
  }

  /* line 383, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-3-5\@xl {
    width: 60%;
  }

  /* line 384, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-4-5\@xl {
    width: 80%;
  }

  /* Sixths */
  /* line 387, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-1-6\@xl {
    width: calc(100% * 1 / 6.001);
  }

  /* line 388, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-5-6\@xl {
    width: calc(100% * 5 / 6.001);
  }

  /* Pixel */
  /* line 391, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-small\@xl {
    width: 300px;
  }

  /* line 392, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-medium\@xl {
    width: 375px;
  }

  /* line 393, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-large\@xl {
    width: 450px;
  }

  /* line 394, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-xlarge\@xl {
    width: 600px;
  }

  /* line 395, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-xxlarge\@xl {
    width: 750px;
  }

  /* Auto */
  /* line 398, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-auto\@xl {
    width: auto;
  }

  /* Expand */
  /* line 401, ../../../dev/scss/uikit-develop/src/scss/components/width.scss */
  .uk-width-expand\@xl {
    width: 1px;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    flex-basis: 1px;
  }
}
/* ========================================================================
   Component: Card
 ========================================================================== */
/* line 90, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card {
  position: relative;
  box-sizing: border-box;
}

/* Sections
 ========================================================================== */
/* line 100, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-body {
  padding: 30px 30px;
}

/* line 105, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-header {
  padding: 15px 30px;
}

/* line 110, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-footer {
  padding: 15px 30px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* line 118, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
  .uk-card-body {
    padding: 15px 15px;
  }

  /* line 120, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
  .uk-card-header {
    padding: 8px 15px;
  }

  /* line 122, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
  .uk-card-footer {
    padding: 8px 15px;
  }
}
/*
 * Micro clearfix
 */
/* line 130, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-body::before,
.uk-card-body::after,
.uk-card-header::before,
.uk-card-header::after,
.uk-card-footer::before,
.uk-card-footer::after {
  content: "";
  display: table;
}

/* line 140, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-body::after,
.uk-card-header::after,
.uk-card-footer::after {
  clear: both;
}

/*
 * Remove margin from the last-child
 */
/* line 148, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.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
 ========================================================================== */
/* line 187, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-title {
  font-size: 1.5rem;
  line-height: 1.4;
}

/* Badge
 ========================================================================== */
/* line 197, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-badge {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1;
}

/*
 * Remove margin from adjacent element
 */
/* line 209, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-badge:first-child + * {
  margin-top: 0;
}

/* Hover modifier
 ========================================================================== */
/* line 215, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
  background: #f8f8f8;
}

/* Style modifiers
 ========================================================================== */
/*
 * Default
 * Note: Header and Footer are only implemented for the default style
 */
/* line 229, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-default {
  background: #f8f8f8;
  color: #666;
}

/* line 235, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-default .uk-card-title {
  color: #333;
}

/* line 240, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-default.uk-card-hover:hover {
  background-color: #ebebeb;
}

/*
 * Primary
 */
/* line 257, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-primary {
  background: #1e87f0;
  color: #fff;
}

/* line 263, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-primary .uk-card-title {
  color: #fff;
}

/* line 268, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-primary.uk-card-hover:hover {
  background-color: #0f7ae5;
}

/*
 * Secondary
 */
/* line 283, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-secondary {
  background: #222;
  color: #fff;
}

/* line 289, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-secondary .uk-card-title {
  color: #fff;
}

/* line 294, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-secondary.uk-card-hover:hover {
  background-color: #151515;
}

/* Size modifier
 ========================================================================== */
/*
 * Small
 */
/* line 313, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-small.uk-card-body,
.uk-card-small .uk-card-body {
  padding: 20px 20px;
}

/* line 316, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-small .uk-card-header {
  padding: 13px 20px;
}

/* line 317, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
.uk-card-small .uk-card-footer {
  padding: 13px 20px;
}

/*
 * Large
 */
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* line 326, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
  .uk-card-large.uk-card-body,
  .uk-card-large .uk-card-body {
    padding: 70px 70px;
  }

  /* line 329, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
  .uk-card-large .uk-card-header {
    padding: 35px 70px;
  }

  /* line 330, ../../../dev/scss/uikit-develop/src/scss/components/card.scss */
  .uk-card-large .uk-card-footer {
    padding: 35px 70px;
  }
}
/* ========================================================================
   Component: Animation
 ========================================================================== */
/* line 41, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
[class*='uk-animation-'] {
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

/* Direction modifier
 ========================================================================== */
/* line 51, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-reverse {
  animation-direction: reverse;
  animation-timing-function: ease-in;
}

/* Animations for scrollspy
 ========================================================================== */
/*
 * Fade
 */
/* line 64, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-fade {
  animation-name: uk-fade;
  animation-duration: 0.8s;
  animation-timing-function: linear;
}

/*
 * Scale
 */
/* line 74, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-scale-up {
  animation-name: uk-fade-scale-02;
}

/* line 75, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-scale-down {
  animation-name: uk-fade-scale-18;
}

/*
 * Slide
 */
/* line 81, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-slide-top {
  animation-name: uk-fade-top;
}

/* line 82, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-slide-bottom {
  animation-name: uk-fade-bottom;
}

/* line 83, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-slide-left {
  animation-name: uk-fade-left;
}

/* line 84, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-slide-right {
  animation-name: uk-fade-right;
}

/*
 * Slide Small
 */
/* line 90, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-slide-top-small {
  animation-name: uk-fade-top-small;
}

/* line 91, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-slide-bottom-small {
  animation-name: uk-fade-bottom-small;
}

/* line 92, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-slide-left-small {
  animation-name: uk-fade-left-small;
}

/* line 93, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-slide-right-small {
  animation-name: uk-fade-right-small;
}

/*
 * Slide Medium
 */
/* line 99, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-slide-top-medium {
  animation-name: uk-fade-top-medium;
}

/* line 100, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-slide-bottom-medium {
  animation-name: uk-fade-bottom-medium;
}

/* line 101, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-slide-left-medium {
  animation-name: uk-fade-left-medium;
}

/* line 102, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-slide-right-medium {
  animation-name: uk-fade-right-medium;
}

/*
 * Kenburns
 */
/* line 108, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-kenburns {
  animation-name: uk-scale-kenburns;
  animation-duration: 15s;
}

/*
 * Shake
 */
/* line 117, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-shake {
  animation-name: uk-shake;
}

/* Duration modifier
 ========================================================================== */
/* line 123, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-fast {
  animation-duration: 0.1s;
}

/* Enable animation only on hover
========================================================================== */
/*
 * Note: Firefox and IE needs this because animations are not triggered when switching between display `none` and `block`
 */
/* line 133, ../../../dev/scss/uikit-develop/src/scss/components/animation.scss */
.uk-animation-toggle:not(:hover):not(.uk-hover) [class*='uk-animation-'] {
  animation-name: none;
}

/* Keyframes used by animation classes
 ========================================================================== */
/*
 * Fade
 */
@keyframes uk-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
 * Slide Top
 */
@keyframes uk-fade-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom
 */
@keyframes uk-fade-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left
 */
@keyframes uk-fade-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right
 */
@keyframes uk-fade-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Top Small
 */
@keyframes uk-fade-top-small {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom Small
 */
@keyframes uk-fade-bottom-small {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left Small
 */
@keyframes uk-fade-left-small {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right Small
 */
@keyframes uk-fade-right-small {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Top Medium
 */
@keyframes uk-fade-top-medium {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom Medium
 */
@keyframes uk-fade-bottom-medium {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left Medium
 */
@keyframes uk-fade-left-medium {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right Medium
 */
@keyframes uk-fade-right-medium {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Scale Up
 */
@keyframes uk-fade-scale-02 {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Scale Down
 */
@keyframes uk-fade-scale-18 {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Kenburns
 */
@keyframes uk-scale-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);
  }
}
/* ========================================================================
   Component: Flex
 ========================================================================== */
/* line 13, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex {
  display: flex;
}

/* line 14, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-inline {
  display: inline-flex;
}

/*
 * Remove pseudo elements created by micro clearfix as precaution
 */
/* line 20, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex::before,
.uk-flex::after,
.uk-flex-inline::before,
.uk-flex-inline::after {
  display: none;
}

/* Alignment
 ========================================================================== */
/*
 * Align items along the main axis of the current line of the flex container
 * Row: Horizontal
 */
/* line 35, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-left {
  justify-content: flex-start;
}

/* line 36, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-center {
  justify-content: center;
}

/* line 37, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-right {
  justify-content: flex-end;
}

/* line 38, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-between {
  justify-content: space-between;
}

/* line 39, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-around {
  justify-content: space-around;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  /* line 45, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-left\@s {
    justify-content: flex-start;
  }

  /* line 46, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-center\@s {
    justify-content: center;
  }

  /* line 47, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-right\@s {
    justify-content: flex-end;
  }

  /* line 48, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-between\@s {
    justify-content: space-between;
  }

  /* line 49, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-around\@s {
    justify-content: space-around;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* line 56, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-left\@m {
    justify-content: flex-start;
  }

  /* line 57, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-center\@m {
    justify-content: center;
  }

  /* line 58, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-right\@m {
    justify-content: flex-end;
  }

  /* line 59, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-between\@m {
    justify-content: space-between;
  }

  /* line 60, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-around\@m {
    justify-content: space-around;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* line 67, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-left\@l {
    justify-content: flex-start;
  }

  /* line 68, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-center\@l {
    justify-content: center;
  }

  /* line 69, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-right\@l {
    justify-content: flex-end;
  }

  /* line 70, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-between\@l {
    justify-content: space-between;
  }

  /* line 71, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-around\@l {
    justify-content: space-around;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  /* line 78, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-left\@xl {
    justify-content: flex-start;
  }

  /* line 79, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-center\@xl {
    justify-content: center;
  }

  /* line 80, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-right\@xl {
    justify-content: flex-end;
  }

  /* line 81, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-between\@xl {
    justify-content: space-between;
  }

  /* line 82, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-around\@xl {
    justify-content: space-around;
  }
}
/*
 * Align items in the cross axis of the current line of the flex container
 * Row: Vertical
 */
/* line 92, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-stretch {
  align-items: stretch;
}

/* line 93, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-top {
  align-items: flex-start;
}

/* line 94, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-middle {
  align-items: center;
}

/* line 95, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-bottom {
  align-items: flex-end;
}

/* Direction
 ========================================================================== */
/* line 102, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-row {
  flex-direction: row;
}

/* line 103, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-row-reverse {
  flex-direction: row-reverse;
}

/* line 104, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-column {
  flex-direction: column;
}

/* line 105, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-column-reverse {
  flex-direction: column-reverse;
}

/* Wrap
 ========================================================================== */
/* line 112, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-nowrap {
  flex-wrap: nowrap;
}

/* line 113, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-wrap {
  flex-wrap: wrap;
}

/* line 114, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.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
 */
/* line 122, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-wrap-stretch {
  align-content: stretch;
}

/* line 123, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-wrap-top {
  align-content: flex-start;
}

/* line 124, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-wrap-middle {
  align-content: center;
}

/* line 125, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-wrap-bottom {
  align-content: flex-end;
}

/* line 126, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-wrap-between {
  align-content: space-between;
}

/* line 127, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-wrap-around {
  align-content: space-around;
}

/* Item ordering
 ========================================================================== */
/*
 * Default is 0
 */
/* line 137, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-first {
  order: -1;
}

/* line 138, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-last {
  order: 99;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  /* line 144, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-first\@s {
    order: -1;
  }

  /* line 145, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-last\@s {
    order: 99;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* line 152, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-first\@m {
    order: -1;
  }

  /* line 153, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-last\@m {
    order: 99;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* line 160, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-first\@l {
    order: -1;
  }

  /* line 161, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-last\@l {
    order: 99;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  /* line 168, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-first\@xl {
    order: -1;
  }

  /* line 169, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
  .uk-flex-last\@xl {
    order: 99;
  }
}
/* Item dimensions
 ========================================================================== */
/*
 * Initial: 0 1 auto
 * Content dimensions, but shrinks
 */
/*
 * No Flex: 0 0 auto
 * Content dimensions
 */
/* line 187, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-none {
  flex: none;
}

/*
 * Relative Flex: 1 1 auto
 * Space is allocated considering content
 */
/* line 194, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-auto {
  flex: auto;
}

/*
 * Absolute Flex: 1 1 0%
 * Space is allocated solely based on flex
 */
/* line 201, ../../../dev/scss/uikit-develop/src/scss/components/flex.scss */
.uk-flex-1 {
  flex: 1;
}

/* ========================================================================
   Component: Margin
 ========================================================================== */
/*
 * Default
 */
/* line 39, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin {
  margin-bottom: 20px;
}

/* line 40, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
* + .uk-margin {
  margin-top: 20px !important;
}

/* line 42, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-top {
  margin-top: 20px !important;
}

/* line 43, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-bottom {
  margin-bottom: 20px !important;
}

/* line 44, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-left {
  margin-left: 20px !important;
}

/* line 45, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-right {
  margin-right: 20px !important;
}

/* Small
 ========================================================================== */
/* line 51, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-small {
  margin-bottom: 10px;
}

/* line 52, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
* + .uk-margin-small {
  margin-top: 10px !important;
}

/* line 54, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-small-top {
  margin-top: 10px !important;
}

/* line 55, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-small-bottom {
  margin-bottom: 10px !important;
}

/* line 56, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-small-left {
  margin-left: 10px !important;
}

/* line 57, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-small-right {
  margin-right: 10px !important;
}

/* Medium
 ========================================================================== */
/* line 63, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-medium {
  margin-bottom: 40px;
}

/* line 64, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
* + .uk-margin-medium {
  margin-top: 40px !important;
}

/* line 66, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-medium-top {
  margin-top: 40px !important;
}

/* line 67, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-medium-bottom {
  margin-bottom: 40px !important;
}

/* line 68, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-medium-left {
  margin-left: 40px !important;
}

/* line 69, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-medium-right {
  margin-right: 40px !important;
}

/* Large
 ========================================================================== */
/* line 75, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-large {
  margin-bottom: 40px;
}

/* line 76, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
* + .uk-margin-large {
  margin-top: 40px !important;
}

/* line 78, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-large-top {
  margin-top: 40px !important;
}

/* line 79, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-large-bottom {
  margin-bottom: 40px !important;
}

/* line 80, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-large-left {
  margin-left: 40px !important;
}

/* line 81, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-large-right {
  margin-right: 40px !important;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* line 86, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
  .uk-margin-large {
    margin-bottom: 70px;
  }

  /* line 87, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
  * + .uk-margin-large {
    margin-top: 70px !important;
  }

  /* line 89, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
  .uk-margin-large-top {
    margin-top: 70px !important;
  }

  /* line 90, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
  .uk-margin-large-bottom {
    margin-bottom: 70px !important;
  }

  /* line 91, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
  .uk-margin-large-left {
    margin-left: 70px !important;
  }

  /* line 92, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
  .uk-margin-large-right {
    margin-right: 70px !important;
  }
}
/* XLarge
 ========================================================================== */
/* line 100, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-xlarge {
  margin-bottom: 70px;
}

/* line 101, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
* + .uk-margin-xlarge {
  margin-top: 70px !important;
}

/* line 103, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-xlarge-top {
  margin-top: 70px !important;
}

/* line 104, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-xlarge-bottom {
  margin-bottom: 70px !important;
}

/* line 105, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-xlarge-left {
  margin-left: 70px !important;
}

/* line 106, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-xlarge-right {
  margin-right: 70px !important;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* line 111, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
  .uk-margin-xlarge {
    margin-bottom: 140px;
  }

  /* line 112, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
  * + .uk-margin-xlarge {
    margin-top: 140px !important;
  }

  /* line 114, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
  .uk-margin-xlarge-top {
    margin-top: 140px !important;
  }

  /* line 115, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
  .uk-margin-xlarge-bottom {
    margin-bottom: 140px !important;
  }

  /* line 116, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
  .uk-margin-xlarge-left {
    margin-left: 140px !important;
  }

  /* line 117, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
  .uk-margin-xlarge-right {
    margin-right: 140px !important;
  }
}
/* Remove
 ========================================================================== */
/* line 125, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-remove {
  margin: 0 !important;
}

/* line 126, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-remove-top {
  margin-top: 0 !important;
}

/* line 127, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-remove-bottom {
  margin-bottom: 0 !important;
}

/* line 128, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-remove-left {
  margin-left: 0 !important;
}

/* line 129, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-remove-right {
  margin-right: 0 !important;
}

/* line 131, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-remove-vertical {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 136, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-remove-adjacent + * {
  margin-top: 0 !important;
}

/* Auto
 ========================================================================== */
/* line 142, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* line 147, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-auto-top {
  margin-top: auto !important;
}

/* line 148, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-auto-bottom {
  margin-bottom: auto !important;
}

/* line 149, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-auto-left {
  margin-left: auto !important;
}

/* line 150, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-auto-right {
  margin-right: auto !important;
}

/* line 152, ../../../dev/scss/uikit-develop/src/scss/components/margin.scss */
.uk-margin-auto-vertical {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* ========================================================================
   Component: Padding
 ========================================================================== */
/* line 27, ../../../dev/scss/uikit-develop/src/scss/components/padding.scss */
.uk-padding {
  padding: 30px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* line 32, ../../../dev/scss/uikit-develop/src/scss/components/padding.scss */
  .uk-padding {
    padding: 15px;
  }
}
/* Small
 ========================================================================== */
/* line 40, ../../../dev/scss/uikit-develop/src/scss/components/padding.scss */
.uk-padding-small {
  padding: 15px;
}

/* Large
 ========================================================================== */
/* line 46, ../../../dev/scss/uikit-develop/src/scss/components/padding.scss */
.uk-padding-large {
  padding: 30px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* line 51, ../../../dev/scss/uikit-develop/src/scss/components/padding.scss */
  .uk-padding-large {
    padding: 70px;
  }
}
/* Remove
 ========================================================================== */
/* line 59, ../../../dev/scss/uikit-develop/src/scss/components/padding.scss */
.uk-padding-remove {
  padding: 0 !important;
}

/* line 60, ../../../dev/scss/uikit-develop/src/scss/components/padding.scss */
.uk-padding-remove-top {
  padding-top: 0 !important;
}

/* line 61, ../../../dev/scss/uikit-develop/src/scss/components/padding.scss */
.uk-padding-remove-bottom {
  padding-bottom: 0 !important;
}

/* line 62, ../../../dev/scss/uikit-develop/src/scss/components/padding.scss */
.uk-padding-remove-left {
  padding-left: 0 !important;
}

/* line 63, ../../../dev/scss/uikit-develop/src/scss/components/padding.scss */
.uk-padding-remove-right {
  padding-right: 0 !important;
}

/* line 65, ../../../dev/scss/uikit-develop/src/scss/components/padding.scss */
.uk-padding-remove-vertical {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* line 70, ../../../dev/scss/uikit-develop/src/scss/components/padding.scss */
.uk-padding-remove-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ========================================================================
   Component: Utility
 ========================================================================== */
/* Panel
 ========================================================================== */
/* line 76, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-panel {
  position: relative;
  box-sizing: border-box;
}

/*
 * Micro clearfix
 */
/* line 85, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-panel::before,
.uk-panel::after {
  content: "";
  display: table;
}

/* line 91, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-panel::after {
  clear: both;
}

/*
 * Remove margin from the last-child
 */
/* line 97, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-panel > :last-child {
  margin-bottom: 0;
}

/*
 * Scrollable
 */
/* line 104, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-panel-scrollable {
  height: 170px;
  padding: 10px;
  border: 1px solid none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  resize: both;
}

/* Clearfix
 ========================================================================== */
/*
 * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * 2. `table` is used again with `::after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */
/* 1 */
/* line 125, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-clearfix::before {
  content: "";
  display: table-cell;
}

/* 2 */
/* line 131, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* Float
 ========================================================================== */
/*
 * 1. Prevent content overflow
 */
/* line 145, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-float-left {
  float: left;
}

/* line 146, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-float-right {
  float: right;
}

/* 1 */
/* line 149, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
[class*='uk-float-'] {
  max-width: 100%;
}

/* Overfow
 ========================================================================== */
/* line 155, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-overflow-hidden {
  overflow: hidden;
}

/*
 * Enable scrollbars if content is clipped
 */
/* line 161, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-overflow-auto {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 166, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-overflow-auto > :last-child {
  margin-bottom: 0;
}

/* Resize
 ========================================================================== */
/* line 172, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-resize {
  resize: both;
}

/* line 173, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-resize-vertical {
  resize: vertical;
}

/* Display
 ========================================================================== */
/* line 179, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-display-block {
  display: block !important;
}

/* line 180, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-display-inline {
  display: inline !important;
}

/* line 181, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-display-inline-block {
  display: inline-block !important;
}

/* Inline
 ========================================================================== */
/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Behave like most inline-block elements
 * 5. Force hardware acceleration without creating a new stacking context
 *    to fix 1px glitch when combined with overlays and transitions in Webkit
 * 6. Clip child elements
 */
/* line 197, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
[class*='uk-inline'] {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
  /* 5 */
  -webkit-backface-visibility: hidden;
}

/* line 210, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-inline-clip {
  /* 6 */
  overflow: hidden;
}

/* Height
 ========================================================================== */
/* line 219, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
[class*='uk-height'] {
  box-sizing: border-box;
}

/*
 * Only works if parent element has a height set
 */
/* line 225, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-height-1-1 {
  height: 100%;
}

/*
 * Useful to create image teasers
 */
/* line 231, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-height-viewport {
  min-height: 100vh;
}

/*
 * Pixel
 * Useful for `overflow: auto`
 */
/* line 238, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-height-small {
  height: 150px;
}

/* line 239, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-height-medium {
  height: 300px;
}

/* line 240, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-height-large {
  height: 450px;
}

/* line 242, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-height-max-small {
  max-height: 150px;
}

/* line 243, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-height-max-medium {
  max-height: 300px;
}

/* line 244, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-height-max-large {
  max-height: 450px;
}

/* Responsive objects
 ========================================================================== */
/*
 * Preserve original dimensions
 * Because `img, `video`, `canvas` and  `audio` are already responsive by default, see Base component
 */
/* line 255, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-preserve-width,
.uk-preserve-width audio,
.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
 */
/* line 267, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-responsive-width, .lightview img,
.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
 */
/* line 275, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-responsive-width, .lightview img {
  /* 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
 */
/* line 288, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-responsive-height {
  /* 1 */
  max-height: 100%;
  /* 2 */
  width: auto;
  /* 3 */
  max-width: none;
}

/* Border
 ========================================================================== */
/* line 301, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-border-circle {
  border-radius: 50%;
}

/* line 302, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-border-rounded {
  border-radius: 5px;
}

/*
 * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
 */
/* line 308, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-inline-clip[class*='uk-border-'] {
  -webkit-transform: translateZ(0);
}

/* Box-shadow
 ========================================================================== */
/* line 314, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-box-shadow-small {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* line 315, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-box-shadow-medium {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

/* line 316, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-box-shadow-large {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

/* line 317, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-box-shadow-xlarge {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}

/*
 * Hover
 */
/* line 323, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
[class*='uk-box-shadow-hover'] {
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
}

/* line 328, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-box-shadow-hover-small:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* line 329, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-box-shadow-hover-medium:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

/* line 330, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-box-shadow-hover-large:hover {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

/* line 331, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-box-shadow-hover-xlarge:hover {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}

/* Box-shadow bottom
 ========================================================================== */
/*
 * 1. Set position.
 * 2. Set style
 * 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge.
 *    Solved by using `before` and add position context to child elements.
 */
@supports (filter: blur(0)) or (-webkit-filter: blur(0)) {
  /* line 346, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
  .uk-box-shadow-bottom {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
  }

  /* line 353, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
  .uk-box-shadow-bottom::before {
    content: '';
    /* 1 */
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    /* 2 */
    height: 30px;
    border-radius: 100%;
    background: #444;
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }

  /* 3 */
  /* line 370, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
  .uk-box-shadow-bottom > * {
    position: relative;
  }
}
/* Drop cap
 ========================================================================== */
/* line 378, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-dropcap::first-letter,
.uk-dropcap > p:first-of-type::first-letter {
  display: block;
  margin-right: 10px;
  float: left;
  font-size: 1em;
  line-height: 1;
}

/* Leader
 ========================================================================== */
/* line 392, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.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
 */
/* line 401, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.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
 */
/* line 418, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-leader-fill.uk-leader-hide::after {
  display: none;
}

/* Pass fill character to JS */
/* line 421, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.var-leader-fill:before {
  content: ".";
}

/* Logo
 ========================================================================== */
/*
 * 1. Required for `a`
 */
/* line 431, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-logo {
  font-size: 1.5rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #666;
  /* 1 */
  text-decoration: none;
}

/* Hover + Focus */
/* line 441, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-logo:hover,
.uk-logo:focus {
  color: #666;
  outline: none;
  /* 1 */
  text-decoration: none;
}

/* line 450, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-logo-inverse {
  display: none;
}

/* 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
 * 3. Fix for uppercase attribute names in Edge. Will be fixed in Windows 10 builds 16251+
 */
/* 1 */
/* line 463, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-svg,
.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve),
.uk-svg:not(.uk-preserve) [FILL*='#']:not(.uk-preserve) {
  fill: currentcolor;
}

/* line 467, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve),
.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
 */
/* line 474, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-svg {
  transform: translate(0, 0);
}

/* Disabled State
 ========================================================================== */
/* line 480, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.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
 */
/* line 491, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-drag,
.uk-drag * {
  cursor: move;
}

/* 2 */
/* line 496, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-drag iframe {
  pointer-events: none;
}

/* Dragover State
 ========================================================================== */
/*
 * Create a box-shadow when dragging a file over the upload area
 */
/* line 506, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-dragover {
  box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
}

/* Blend modes
 ========================================================================== */
/* line 512, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-multiply {
  mix-blend-mode: multiply;
}

/* line 513, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-screen {
  mix-blend-mode: screen;
}

/* line 514, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-overlay {
  mix-blend-mode: overlay;
}

/* line 515, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-darken {
  mix-blend-mode: darken;
}

/* line 516, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-lighten {
  mix-blend-mode: lighten;
}

/* line 517, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-color-dodge {
  mix-blend-mode: color-dodge;
}

/* line 518, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-color-burn {
  mix-blend-mode: color-burn;
}

/* line 519, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-hard-light {
  mix-blend-mode: hard-light;
}

/* line 520, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-soft-light {
  mix-blend-mode: soft-light;
}

/* line 521, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-difference {
  mix-blend-mode: difference;
}

/* line 522, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-exclusion {
  mix-blend-mode: exclusion;
}

/* line 523, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-hue {
  mix-blend-mode: hue;
}

/* line 524, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-saturation {
  mix-blend-mode: saturation;
}

/* line 525, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-color {
  mix-blend-mode: color;
}

/* line 526, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-blend-luminosity {
  mix-blend-mode: luminosity;
}

/* Transform
========================================================================== */
/* line 532, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-transform-center {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Transform Origin
========================================================================== */
/* line 541, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-transform-origin-top-left {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

/* line 546, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-transform-origin-top-center {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

/* line 551, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-transform-origin-top-right {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

/* line 556, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-transform-origin-center-left {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

/* line 561, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-transform-origin-center-right {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

/* line 566, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-transform-origin-bottom-left {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

/* line 571, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-transform-origin-bottom-center {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

/* line 576, ../../../dev/scss/uikit-develop/src/scss/components/utility.scss */
.uk-transform-origin-bottom-right {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

/* ========================================================================
   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.
 */
/* line 34, ../../../dev/scss/uikit-develop/src/scss/components/container.scss */
.uk-container {
  box-sizing: content-box;
  /* 1 */
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  /* line 46, ../../../dev/scss/uikit-develop/src/scss/components/container.scss */
  .uk-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* line 56, ../../../dev/scss/uikit-develop/src/scss/components/container.scss */
  .uk-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*
 * Micro clearfix
 */
/* line 67, ../../../dev/scss/uikit-develop/src/scss/components/container.scss */
.uk-container::before,
.uk-container::after {
  content: "";
  display: table;
}

/* line 73, ../../../dev/scss/uikit-develop/src/scss/components/container.scss */
.uk-container::after {
  clear: both;
}

/*
 * Remove margin from the last-child
 */
/* line 79, ../../../dev/scss/uikit-develop/src/scss/components/container.scss */
.uk-container > :last-child {
  margin-bottom: 0;
}

/*
 * Remove padding from nested containers
 */
/* line 85, ../../../dev/scss/uikit-develop/src/scss/components/container.scss */
.uk-container .uk-container {
  padding-left: 0;
  padding-right: 0;
}

/* Size modifier
 ========================================================================== */
/* line 94, ../../../dev/scss/uikit-develop/src/scss/components/container.scss */
.uk-container-small {
  max-width: 900px;
}

/* line 96, ../../../dev/scss/uikit-develop/src/scss/components/container.scss */
.uk-container-large {
  max-width: 1600px;
}

/* line 98, ../../../dev/scss/uikit-develop/src/scss/components/container.scss */
.uk-container-expand {
  max-width: none;
}

/* ========================================================================
   Component: Text
 ========================================================================== */
/* Style modifiers
 ========================================================================== */
/* line 43, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-lead {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #333;
}

/* line 50, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-meta {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #999;
}

/* Size modifiers
 ========================================================================== */
/* line 61, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-small {
  font-size: 0.875rem;
  line-height: 1.5;
}

/* line 67, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-large {
  font-size: 1.5rem;
  line-height: 1.5;
}

/* Weight modifier
 ========================================================================== */
/* line 77, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-bold {
  font-weight: bolder;
}

/* Transform modifier
 ========================================================================== */
/* line 83, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-uppercase {
  text-transform: uppercase !important;
}

/* line 84, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-capitalize {
  text-transform: capitalize !important;
}

/* line 85, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-lowercase {
  text-transform: lowercase !important;
}

/* Color modifiers
 ========================================================================== */
/* line 91, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-muted {
  color: #999 !important;
}

/* line 92, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-primary {
  color: #1e87f0 !important;
}

/* line 93, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-success {
  color: #32d296 !important;
}

/* line 94, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-warning {
  color: #faa05a !important;
}

/* line 95, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-danger {
  color: #f0506e !important;
}

/* Background modifier
 ========================================================================== */
/*
 * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera
 *    Default color is set to transparent
 * 2. Container fits the text
 * 3. Fallback color for IE11
 */
/* line 108, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-background {
  /* 1 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 2 */
  display: inline-block;
  /* 3 */
  color: #1e87f0 !important;
}

@supports (-webkit-background-clip: text) {
  /* line 120, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-background {
    background-color: #1e87f0;
  }
}
/* Alignment modifiers
 ========================================================================== */
/* line 131, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-left {
  text-align: left !important;
}

/* line 132, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-right {
  text-align: right !important;
}

/* line 133, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-center {
  text-align: center !important;
}

/* line 134, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-justify {
  text-align: justify !important;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  /* line 139, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-left\@s {
    text-align: left !important;
  }

  /* line 140, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-right\@s {
    text-align: right !important;
  }

  /* line 141, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-center\@s {
    text-align: center !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* line 148, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-left\@m {
    text-align: left !important;
  }

  /* line 149, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-right\@m {
    text-align: right !important;
  }

  /* line 150, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-center\@m {
    text-align: center !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* line 157, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-left\@l {
    text-align: left !important;
  }

  /* line 158, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-right\@l {
    text-align: right !important;
  }

  /* line 159, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-center\@l {
    text-align: center !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  /* line 166, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-left\@xl {
    text-align: left !important;
  }

  /* line 167, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-right\@xl {
    text-align: right !important;
  }

  /* line 168, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
  .uk-text-center\@xl {
    text-align: center !important;
  }
}
/*
 * Vertical
 */
/* line 176, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-top {
  vertical-align: top !important;
}

/* line 177, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-middle {
  vertical-align: middle !important;
}

/* line 178, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-bottom {
  vertical-align: bottom !important;
}

/* line 179, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-baseline {
  vertical-align: baseline !important;
}

/* Wrap modifiers
 ========================================================================== */
/*
 * Prevent text from wrapping onto multiple lines
 */
/* line 189, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.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
 */
/* line 197, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-truncate {
  /* 1 */
  max-width: 100%;
  /* 2 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 2 */
/* line 207, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
th.uk-text-truncate,
td.uk-text-truncate {
  max-width: 0;
}

/*
 * 1. Wrap long words onto the next line and break them if they are too long to fit
 * 2. Legacy `word-wrap` as fallback for `overflow-wrap`
 * 3. Add a hyphen where the word breaks
 * 4. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge
 *    Must use `break-all` to support IE11 and Edge
 */
/* line 219, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
.uk-text-break {
  /* 1 */
  overflow-wrap: break-word;
  /* 2 */
  word-wrap: break-word;
  /* 3 */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* 4 */
/* line 232, ../../../dev/scss/uikit-develop/src/scss/components/text.scss */
th.uk-text-break,
td.uk-text-break {
  word-break: break-all;
}

/* ========================================================================
   Component: Visibility
 ========================================================================== */
/*
 * Hidden
 * `hidden` attribute also set here to make it stronger
 */
/* line 25, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
[hidden],
.uk-hidden {
  display: none !important;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  /* line 31, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
  .uk-hidden\@s {
    display: none !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* line 38, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
  .uk-hidden\@m {
    display: none !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* line 45, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
  .uk-hidden\@l {
    display: none !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  /* line 52, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
  .uk-hidden\@xl {
    display: none !important;
  }
}
/*
 * Visible
 */
/* Phone portrait and smaller */
@media (max-width: 639px) {
  /* line 63, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
  .uk-visible\@s {
    display: none !important;
  }
}
/* Phone landscape and smaller */
@media (max-width: 959px) {
  /* line 70, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
  .uk-visible\@m {
    display: none !important;
  }
}
/* Tablet landscape and smaller */
@media (max-width: 1199px) {
  /* line 77, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
  .uk-visible\@l {
    display: none !important;
  }
}
/* Desktop and smaller */
@media (max-width: 1599px) {
  /* line 84, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
  .uk-visible\@xl {
    display: none !important;
  }
}
/* Visibility
 ========================================================================== */
/* line 92, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
.uk-invisible {
  visibility: hidden !important;
}

/* Hover
 ========================================================================== */
/* Hidden */
/* line 99, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
.uk-visible-toggle:not(:hover):not(.uk-hover) .uk-hidden-hover {
  display: none !important;
}

/* Invisible */
/* line 102, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
.uk-visible-toggle:not(:hover):not(.uk-hover) .uk-invisible-hover {
  visibility: hidden !important;
}

/* Touch
 ========================================================================== */
/*
 * Hide if primary pointing device has limited accuracy, e.g. a touch screen.
 * Works on mobile browsers: Safari, Chrome and Android browser
 */
@media (pointer: coarse) {
  /* line 114, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
  .uk-hidden-touch {
    display: none !important;
  }
}
/*
 * Hide if primary pointing device is accurate, e.g. mouse.
 * 1. Fallback for IE11 and Firefox, because `pointer` is not supported
 * 2. Reset if supported
 */
/* 1 */
/* line 124, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
.uk-hidden-notouch {
  display: none !important;
}

@media (pointer: coarse) {
  /* line 127, ../../../dev/scss/uikit-develop/src/scss/components/visibility.scss */
  .uk-hidden-notouch {
    display: block !important;
  }
}
/* ========================================================================
   Component: Subnav
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Gutter
 * 3. Reset list
 */
/* line 54, ../../../dev/scss/uikit-develop/src/scss/components/subnav.scss */
.uk-subnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin-left: -20px;
  /* 3 */
  padding: 0;
  list-style: none;
}

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

/* Items
 ========================================================================== */
/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * Using `:first-child` instead of `a` to support `span` elements for text
 * 1. Prevent gap if child element is `inline-block`, e.g. an icon
 * 2. Style
 */
/* line 92, ../../../dev/scss/uikit-develop/src/scss/components/subnav.scss */
.uk-subnav > * > :first-child {
  /* 1 */
  display: block;
  /* 2 */
  color: #999;
}

/* Hover + Focus */
/* line 101, ../../../dev/scss/uikit-develop/src/scss/components/subnav.scss */
.uk-subnav > * > a:hover,
.uk-subnav > * > a:focus {
  color: #666;
  text-decoration: none;
  outline: none;
}

/* Active */
/* line 110, ../../../dev/scss/uikit-develop/src/scss/components/subnav.scss */
.uk-subnav > .uk-active > a {
  color: #333;
}

/* Divider modifier
 ========================================================================== */
/*
 * 1. Align items and divider vertically
 */
/* line 123, ../../../dev/scss/uikit-develop/src/scss/components/subnav.scss */
.uk-subnav-divider > * {
  /* 1 */
  display: flex;
  align-items: center;
}

/*
 * Divider
 * `nth-child` makes it also work without JS if it's only one row
 */
/* line 134, ../../../dev/scss/uikit-develop/src/scss/components/subnav.scss */
.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
  content: "";
  height: 1.5em;
  margin-left: 0px;
  margin-right: 20px;
  border-left: 1px solid #e5e5e5;
}

/* Pill modifier
 ========================================================================== */
/* line 147, ../../../dev/scss/uikit-develop/src/scss/components/subnav.scss */
.uk-subnav-pill > * > :first-child {
  padding: 5px 10px;
  background: transparent;
  color: #999;
}

/* Hover + Focus */
/* line 155, ../../../dev/scss/uikit-develop/src/scss/components/subnav.scss */
.uk-subnav-pill > * > a:hover,
.uk-subnav-pill > * > a:focus {
  background-color: #f8f8f8;
  color: #666;
}

/* OnClick */
/* line 163, ../../../dev/scss/uikit-develop/src/scss/components/subnav.scss */
.uk-subnav-pill > * > a:active {
  background-color: #f8f8f8;
  color: #666;
}

/* Active */
/* line 170, ../../../dev/scss/uikit-develop/src/scss/components/subnav.scss */
.uk-subnav-pill > .uk-active > a {
  background-color: #1e87f0;
  color: #fff;
}

/* Disabled
 * The same for all style modifiers
 ========================================================================== */
/* line 181, ../../../dev/scss/uikit-develop/src/scss/components/subnav.scss */
.uk-subnav > .uk-disabled > a {
  color: #999;
}

/* ========================================================================
   Component: Button
 ========================================================================== */
/*
 * 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. 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`.
 */
/* line 98, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button {
  /* 1 */
  margin: 0;
  /* 2 */
  border: none;
  /* 3 */
  border-radius: 0;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: inherit;
  /* 6 */
  text-transform: none;
  /* 7 */
  display: inline-block;
  box-sizing: border-box;
  padding: 0 30px;
  vertical-align: middle;
  font-size: 16px;
  /* 8 */
  line-height: 40px;
  /* 9 */
  text-align: center;
  /* 10 */
  text-decoration: none;
}

/* line 127, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button:not(:disabled) {
  cursor: pointer;
}

/*
 * Remove the inner border and padding in Firefox.
 */
/* line 133, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Hover */
/* line 139, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button:hover {
  /* 8 */
  text-decoration: none;
}

/* Focus */
/* line 146, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button:focus {
  outline: none;
}

/* OnClick + Active */
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
/* line 165, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-default {
  background-color: #f8f8f8;
  color: #333;
}

/* Hover + Focus */
/* line 172, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-default:hover,
.uk-button-default:focus {
  background-color: #ebebeb;
  color: #333;
}

/* OnClick + Active */
/* line 180, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-default:active,
.uk-button-default.uk-active {
  background-color: #dfdfdf;
  color: #333;
}

/*
 * Primary
 */
/* line 191, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-primary {
  background-color: #1e87f0;
  color: #fff;
}

/* Hover + Focus */
/* line 198, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-primary:hover,
.uk-button-primary:focus {
  background-color: #0f7ae5;
  color: #fff;
}

/* OnClick + Active */
/* line 206, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #0e6ecd;
  color: #fff;
}

/*
 * Secondary
 */
/* line 217, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-secondary {
  background-color: #222;
  color: #fff;
}

/* Hover + Focus */
/* line 224, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-secondary:hover,
.uk-button-secondary:focus {
  background-color: #151515;
  color: #fff;
}

/* OnClick + Active */
/* line 232, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
  background-color: #090909;
  color: #fff;
}

/*
 * Danger
 */
/* line 243, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-danger {
  background-color: #f0506e;
  color: #fff;
}

/* Hover + Focus */
/* line 250, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-danger:hover,
.uk-button-danger:focus {
  background-color: #ee395b;
  color: #fff;
}

/* OnClick + Active */
/* line 258, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-danger:active,
.uk-button-danger.uk-active {
  background-color: #ec2147;
  color: #fff;
}

/*
 * Disabled
 * The same for all style modifiers
 */
/* line 270, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled,
.uk-button-danger:disabled {
  background-color: #f8f8f8;
  color: #999;
}

/* Size modifiers
 ========================================================================== */
/* line 283, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-small {
  padding: 0 15px;
  line-height: 30px;
  font-size: 0.875rem;
}

/* line 290, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-large {
  padding: 0 15px;
  line-height: 55px;
  font-size: 1.25rem;
}

/* Text modifiers
 ========================================================================== */
/*
 * Text
 * 1. Reset
 * 2. Style
 */
/* line 307, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-text {
  /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none;
  /* 2 */
  color: #999;
}

/* Hover + Focus */
/* line 318, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-text:hover,
.uk-button-text:focus {
  color: #666;
}

/* Disabled */
/* line 325, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-text:disabled {
  color: #999;
}

/*
 * Link
 * 1. Reset
 * 2. Style
 */
/* line 336, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-link {
  /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none;
  /* 2 */
  color: #1e87f0;
}

/* Hover + Focus */
/* line 347, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-link:hover,
.uk-button-link:focus {
  color: #0f6ecd;
  text-decoration: underline;
}

/* Disabled */
/* line 354, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.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
 */
/* line 369, ../../../dev/scss/uikit-develop/src/scss/components/button.scss */
.uk-button-group {
  /* 1 */
  display: inline-flex;
  /* 2 */
  vertical-align: middle;
  /* 3 */
  position: relative;
}

/* ========================================================================
   Component: Alert
 ========================================================================== */
/* line 45, ../../../dev/scss/uikit-develop/src/scss/components/alert.scss */
.uk-alert {
  position: relative;
  margin-bottom: 20px;
  padding: 15px 29px 15px 15px;
  background: #f8f8f8;
  color: #666;
}

/* Add margin if adjacent element */
/* line 55, ../../../dev/scss/uikit-develop/src/scss/components/alert.scss */
* + .uk-alert {
  margin-top: 20px;
}

/*
 * Remove margin from the last-child
 */
/* line 61, ../../../dev/scss/uikit-develop/src/scss/components/alert.scss */
.uk-alert > :last-child {
  margin-bottom: 0;
}

/* Close
 * Adopts `uk-close`
 ========================================================================== */
/* line 68, ../../../dev/scss/uikit-develop/src/scss/components/alert.scss */
.uk-alert-close {
  position: absolute;
  top: 20px;
  right: 15px;
}

/*
 * Remove margin from adjacent element
 */
/* line 79, ../../../dev/scss/uikit-develop/src/scss/components/alert.scss */
.uk-alert-close:first-child + * {
  margin-top: 0;
}

/*
 * Hover + Focus
 */
/* Style modifiers
 ========================================================================== */
/*
 * Primary
 */
/* line 98, ../../../dev/scss/uikit-develop/src/scss/components/alert.scss */
.uk-alert-primary {
  background: #d8eafc;
  color: #1e87f0;
}

/*
 * Success
 */
/* line 108, ../../../dev/scss/uikit-develop/src/scss/components/alert.scss */
.uk-alert-success {
  background: #edfbf6;
  color: #32d296;
}

/*
 * Warning
 */
/* line 118, ../../../dev/scss/uikit-develop/src/scss/components/alert.scss */
.uk-alert-warning {
  background: #fef5ee;
  color: #faa05a;
}

/*
 * Danger
 */
/* line 128, ../../../dev/scss/uikit-develop/src/scss/components/alert.scss */
.uk-alert-danger {
  background: #fef4f6;
  color: #f0506e;
}

/* ========================================================================
   Component: Position
 ========================================================================== */
/* Directions
 ========================================================================== */
/* line 46, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
[class*='uk-position-top'],
[class*='uk-position-bottom'],
[class*='uk-position-left'],
[class*='uk-position-right'],
[class*='uk-position-center'] {
  position: absolute !important;
}

/* Edges
 ========================================================================== */
/* Don't use `width: 100%` because it is wrong if the parent has padding. */
/* line 57, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-top {
  top: 0;
  left: 0;
  right: 0;
}

/* line 63, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 69, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-left {
  top: 0;
  bottom: 0;
  left: 0;
}

/* line 75, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-right {
  top: 0;
  bottom: 0;
  right: 0;
}

/* Corners
 ========================================================================== */
/* line 85, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-top-left {
  top: 0;
  left: 0;
}

/* line 90, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-top-right {
  top: 0;
  right: 0;
}

/* line 95, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-bottom-left {
  bottom: 0;
  left: 0;
}

/* line 100, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-bottom-right {
  bottom: 0;
  right: 0;
}

/*
 * Center
 * 1. Fix text wrapping if content is larger than 50% of the container (Not working in Firefox)
 * 2. Fix text wrapping for Firefox
 */
/* line 111, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 1 */
  display: table;
  /* 2 */
  width: -moz-max-content;
  max-width: 100%;
  box-sizing: border-box;
}

/* Vertical */
/* line 124, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
[class*='uk-position-center-left'],
[class*='uk-position-center-right'] {
  top: 50%;
  transform: translateY(-50%);
}

/* line 130, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-center-left {
  left: 0;
}

/* line 131, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-center-right {
  right: 0;
}

/* line 133, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-center-left-out {
  right: 100%;
  width: max-content;
}

/* line 138, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-center-right-out {
  left: 100%;
  width: max-content;
}

/* Horizontal */
/* line 144, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-top-center,
.uk-position-bottom-center {
  left: 50%;
  transform: translateX(-50%);
  /* 1 */
  display: table;
  /* 2 */
  width: -moz-max-content;
  max-width: 100%;
  box-sizing: border-box;
}

/* line 156, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-top-center {
  top: 0;
}

/* line 157, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-bottom-center {
  bottom: 0;
}

/* Cover
 ========================================================================== */
/* line 163, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Utility
 ========================================================================== */
/* line 175, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-relative {
  position: relative !important;
}

/* line 177, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-absolute {
  position: absolute !important;
}

/* line 179, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-fixed {
  position: fixed !important;
}

/* line 181, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-z-index {
  z-index: 1;
}

/* Margin modifier
 ========================================================================== */
/*
 * Small
 */
/* line 191, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-small {
  margin: 15px;
}

/* line 193, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-small.uk-position-center {
  transform: translate(-50%, -50%) translate(-15px, -15px);
}

/* line 195, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-small[class*='uk-position-center-left'],
.uk-position-small[class*='uk-position-center-right'] {
  transform: translateY(-50%) translateY(-15px);
}

/* line 198, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-small.uk-position-top-center,
.uk-position-small.uk-position-bottom-center {
  transform: translateX(-50%) translateX(-15px);
}

/*
 * Medium
 */
/* line 205, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-medium {
  margin: 30px;
}

/* line 207, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-medium.uk-position-center {
  transform: translate(-50%, -50%) translate(-30px, -30px);
}

/* line 209, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-medium[class*='uk-position-center-left'],
.uk-position-medium[class*='uk-position-center-right'] {
  transform: translateY(-50%) translateY(-30px);
}

/* line 212, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-medium.uk-position-top-center,
.uk-position-medium.uk-position-bottom-center {
  transform: translateX(-50%) translateX(-30px);
}

/*
 * Large
 */
/* line 219, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-large {
  margin: 30px;
}

/* line 221, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-large.uk-position-center {
  transform: translate(-50%, -50%) translate(-30px, -30px);
}

/* line 223, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-large[class*='uk-position-center-left'],
.uk-position-large[class*='uk-position-center-right'] {
  transform: translateY(-50%) translateY(-30px);
}

/* line 226, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
.uk-position-large.uk-position-top-center,
.uk-position-large.uk-position-bottom-center {
  transform: translateX(-50%) translateX(-30px);
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  /* line 232, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
  .uk-position-large {
    margin: 50px;
  }

  /* line 234, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
  .uk-position-large.uk-position-center {
    transform: translate(-50%, -50%) translate(-50px, -50px);
  }

  /* line 236, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
  .uk-position-large[class*='uk-position-center-left'],
  .uk-position-large[class*='uk-position-center-right'] {
    transform: translateY(-50%) translateY(-50px);
  }

  /* line 239, ../../../dev/scss/uikit-develop/src/scss/components/position.scss */
  .uk-position-large.uk-position-top-center,
  .uk-position-large.uk-position-bottom-center {
    transform: translateX(-50%) translateX(-50px);
  }
}
/* ========================================================================
   Component: Slider
 ========================================================================== */
/*
 * 1. Prevent tab highlighting on iOS.
 */
/* line 22, ../../../dev/scss/uikit-develop/src/scss/components/slider.scss */
.uk-slider {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}

/* Container
 ========================================================================== */
/*
 * 1. Clip child elements
 */
/* line 36, ../../../dev/scss/uikit-develop/src/scss/components/slider.scss */
.uk-slider-container {
  /* 1 */
  overflow: hidden;
}

/* Items
 ========================================================================== */
/*
 * 1. Optimize animation
 * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`.
 */
/* line 49, ../../../dev/scss/uikit-develop/src/scss/components/slider.scss */
.uk-slider-items {
  /* 1 */
  will-change: transform;
  /* 2 */
  position: relative;
}

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

/* line 71, ../../../dev/scss/uikit-develop/src/scss/components/slider.scss */
.uk-slider-items.uk-grid {
  flex-wrap: nowrap;
}

/* Item
 ========================================================================== */
/*
 * 1. Let items take content dimensions (0 0 auto)
 * 2. Create position context
 * 3. Disable horizontal panning gestures in IE11 and Edge
 */
/* line 83, ../../../dev/scss/uikit-develop/src/scss/components/slider.scss */
.uk-slider-items > * {
  /* 1 */
  flex: none;
  /* 2 */
  position: relative;
  /* 3 */
  touch-action: pan-y;
}

/* ========================================================================
   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
 */
/* ========================================================================
   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
 */
/* line 54, ../../../dev/scss/uikit-develop/src/scss/components/icon.scss */
.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`. */
/* line 80, ../../../dev/scss/uikit-develop/src/scss/components/icon.scss */
button.uk-icon:not(:disabled) {
  cursor: pointer;
}

/*
 * Remove the inner border and padding in Firefox.
 */
/* line 86, ../../../dev/scss/uikit-develop/src/scss/components/icon.scss */
.uk-icon::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * Set the fill and stroke color of all SVG elements to the current text color
 * 1. Fix for uppercase attribute names in Edge. Will be fixed in Windows 10 builds 16251+
 */
/* line 96, ../../../dev/scss/uikit-develop/src/scss/components/icon.scss */
.uk-icon [fill*='#']:not(.uk-preserve),
.uk-icon [FILL*='#']:not(.uk-preserve) {
  fill: currentcolor;
}

/* line 98, ../../../dev/scss/uikit-develop/src/scss/components/icon.scss */
.uk-icon [stroke*='#']:not(.uk-preserve),
.uk-icon [STROKE*='#']:not(.uk-preserve) {
  stroke: currentcolor;
}

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

/* Image modifier
 ========================================================================== */
/*
 * Display images in icon dimensions
 */
/* line 115, ../../../dev/scss/uikit-develop/src/scss/components/icon.scss */
.uk-icon-image {
  width: 20px;
  height: 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

/* Style modifiers
 ========================================================================== */
/*
 * Link
 */
/* line 132, ../../../dev/scss/uikit-develop/src/scss/components/icon.scss */
.uk-icon-link {
  color: #999;
}

/* line 137, ../../../dev/scss/uikit-develop/src/scss/components/icon.scss */
.uk-icon-link:hover,
.uk-icon-link:focus {
  color: #666;
  outline: none;
}

/* OnClick + Active */
/* line 145, ../../../dev/scss/uikit-develop/src/scss/components/icon.scss */
.uk-icon-link:active,
.uk-active > .uk-icon-link {
  color: #595959;
}

/*
 * Button
 * 1. Center icon vertically and horizontally
 */
/* line 156, ../../../dev/scss/uikit-develop/src/scss/components/icon.scss */
.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 + Focus */
/* line 172, ../../../dev/scss/uikit-develop/src/scss/components/icon.scss */
.uk-icon-button:hover,
.uk-icon-button:focus {
  background-color: #ebebeb;
  color: #666;
  outline: none;
}

/* OnClick + Active */
/* line 181, ../../../dev/scss/uikit-develop/src/scss/components/icon.scss */
.uk-icon-button:active,
.uk-active > .uk-icon-button {
  background-color: #dfdfdf;
  color: #666;
}

/* ========================================================================
   Component: Dotnav
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 * 3. Gutter
 */
/* line 39, ../../../dev/scss/uikit-develop/src/scss/components/dotnav.scss */
.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
 */
/* line 57, ../../../dev/scss/uikit-develop/src/scss/components/dotnav.scss */
.uk-dotnav > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 12px;
}

/* Items
 ========================================================================== */
/*
 * Items
 * 1. Hide text if present
 */
/* line 73, ../../../dev/scss/uikit-develop/src/scss/components/dotnav.scss */
.uk-dotnav > * > * {
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(102, 102, 102, 0.2);
  /* 1 */
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

/* Hover + Focus */
/* line 88, ../../../dev/scss/uikit-develop/src/scss/components/dotnav.scss */
.uk-dotnav > * > :hover,
.uk-dotnav > * > :focus {
  background-color: rgba(102, 102, 102, 0.6);
  outline: none;
}

/* OnClick */
/* line 96, ../../../dev/scss/uikit-develop/src/scss/components/dotnav.scss */
.uk-dotnav > * > :active {
  background-color: rgba(102, 102, 102, 0.2);
}

/* Active */
/* line 102, ../../../dev/scss/uikit-develop/src/scss/components/dotnav.scss */
.uk-dotnav > .uk-active > * {
  background-color: rgba(102, 102, 102, 0.6);
}

/* Modifier: 'uk-dotnav-vertical'
 ========================================================================== */
/*
 * 1. Change direction
 * 2. Gutter
 */
/* line 116, ../../../dev/scss/uikit-develop/src/scss/components/dotnav.scss */
.uk-dotnav-vertical {
  /* 1 */
  flex-direction: column;
  /* 2 */
  margin-left: 0;
  margin-top: -12px;
}

/* 2 */
/* line 125, ../../../dev/scss/uikit-develop/src/scss/components/dotnav.scss */
.uk-dotnav-vertical > * {
  padding-left: 0;
  padding-top: 12px;
}

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

/* Add margin if adjacent element */
/* line 76, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
* + .uk-table {
  margin-top: 20px;
}

/* Header cell
 ========================================================================== */
/*
 * 1. Style
 */
/* line 86, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table th {
  padding: 16px 12px;
  text-align: left;
  vertical-align: bottom;
  /* 1 */
  font-size: 16px;
  font-weight: bold;
  color: #666;
}

/* Cell
 ========================================================================== */
/* line 101, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table td {
  padding: 16px 12px;
  vertical-align: top;
}

/*
 * Remove margin from the last-child
 */
/* line 111, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table td > :last-child {
  margin-bottom: 0;
}

/* Footer
 ========================================================================== */
/* line 117, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table tfoot {
  font-size: 0.875rem;
}

/* Caption
 ========================================================================== */
/* line 126, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table caption {
  font-size: 0.875rem;
  text-align: left;
  color: #999;
}

/* Row
 ========================================================================== */
/* line 137, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table > tr.uk-active,
.uk-table tbody tr.uk-active {
  background: #ffd;
}

/* Alignment modifier
 ========================================================================== */
/* line 147, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table-middle,
.uk-table-middle td {
  vertical-align: middle !important;
}

/* Style modifiers
 ========================================================================== */
/*
 * Divider
 */
/* line 158, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.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
 */
/* line 169, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table-striped > tr:nth-of-type(odd),
.uk-table-striped tbody tr:nth-of-type(odd) {
  background: #f8f8f8;
}

/*
 * Hover
 */
/* line 179, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table-hover > tr:hover,
.uk-table-hover tbody tr:hover {
  background: #ffd;
}

/* Size modifier
 ========================================================================== */
/* line 189, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table-small th,
.uk-table-small td {
  padding: 10px 12px;
}

/* Justify modifier
 ========================================================================== */
/* line 199, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table-justify th:first-child,
.uk-table-justify td:first-child {
  padding-left: 0;
}

/* line 202, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table-justify th:last-child,
.uk-table-justify td:last-child {
  padding-right: 0;
}

/* Cell size modifier
 ========================================================================== */
/* line 209, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table-shrink {
  width: 1px;
}

/* line 210, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table-expand {
  min-width: 300px;
}

/* Cell link modifier
 ========================================================================== */
/*
 * Does not work with `uk-table-justify` at the moment
 */
/* line 220, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table-link {
  padding: 0 !important;
}

/* line 222, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table-link > a {
  display: block;
  padding: 16px 12px;
}

/* line 227, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
.uk-table-small .uk-table-link > a {
  padding: 10px 12px;
}

/* Responsive table
 ========================================================================== */
/* Phone landscape and smaller */
@media (max-width: 959px) {
  /* line 237, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
  .uk-table-responsive,
  .uk-table-responsive tbody,
  .uk-table-responsive th,
  .uk-table-responsive td,
  .uk-table-responsive tr {
    display: block;
  }

  /* line 243, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
  .uk-table-responsive thead {
    display: none;
  }

  /* line 245, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
  .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;
  }

  /* line 254, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
  .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;
  }

  /* line 258, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
  .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;
  }

  /* line 262, ../../../dev/scss/uikit-develop/src/scss/components/table.scss */
  .uk-table-justify.uk-table-responsive th,
  .uk-table-justify.uk-table-responsive td {
    padding-left: 0;
    padding-right: 0;
  }
}
/* ========================================================================
   Component: Tooltip
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Position
 * 3. Dimensions
 * 4. Style
 */
/* line 46, ../../../dev/scss/uikit-develop/src/scss/components/tooltip.scss */
.uk-tooltip {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1030;
  /* 3 */
  box-sizing: border-box;
  max-width: 200px;
  padding: 3px 6px;
  /* 4 */
  background: #666;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
}

/* Show */
/* line 65, ../../../dev/scss/uikit-develop/src/scss/components/tooltip.scss */
.uk-tooltip.uk-active {
  display: block;
}

/* Direction / Alignment modifiers
 ========================================================================== */
/* Direction */
/* line 72, ../../../dev/scss/uikit-develop/src/scss/components/tooltip.scss */
[class*='uk-tooltip-top'] {
  margin-top: -10px;
}

/* line 73, ../../../dev/scss/uikit-develop/src/scss/components/tooltip.scss */
[class*='uk-tooltip-bottom'] {
  margin-top: 10px;
}

/* line 74, ../../../dev/scss/uikit-develop/src/scss/components/tooltip.scss */
[class*='uk-tooltip-left'] {
  margin-left: -10px;
}

/* line 75, ../../../dev/scss/uikit-develop/src/scss/components/tooltip.scss */
[class*='uk-tooltip-right'] {
  margin-left: 10px;
}

/* ========================================================================
   Component: Switcher
 ========================================================================== */
/*
 * Reset list
 */
/* line 19, ../../../dev/scss/uikit-develop/src/scss/components/switcher.scss */
.uk-switcher {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Items
 ========================================================================== */
/*
 * Hide not active items
 */
/* line 33, ../../../dev/scss/uikit-develop/src/scss/components/switcher.scss */
.uk-switcher > :not(.uk-active) {
  display: none;
}

/*
 * Remove margin from the last-child
 */
/* line 39, ../../../dev/scss/uikit-develop/src/scss/components/switcher.scss */
.uk-switcher > * > :last-child {
  margin-bottom: 0;
}

/* ========================================================================
   Component: Tab
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Gutter
 * 3. Reset list
 */
/* line 40, ../../../dev/scss/uikit-develop/src/scss/components/tab.scss */
.uk-tab {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* 1 */
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  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
 */
/* line 62, ../../../dev/scss/uikit-develop/src/scss/components/tab.scss */
.uk-tab > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  position: relative;
}

/* Items
 ========================================================================== */
/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * 1. Center text if a width is set
 * 2. Style
 */
/* line 83, ../../../dev/scss/uikit-develop/src/scss/components/tab.scss */
.uk-tab > * > a {
  /* 1 */
  display: block;
  text-align: center;
  /* 2 */
  padding: 5px 10px;
  color: #999;
}

/* Hover + Focus */
/* line 94, ../../../dev/scss/uikit-develop/src/scss/components/tab.scss */
.uk-tab > * > a:hover,
.uk-tab > * > a:focus {
  color: #666;
  text-decoration: none;
}

/* Active */
/* line 102, ../../../dev/scss/uikit-develop/src/scss/components/tab.scss */
.uk-tab > .uk-active > a {
  color: #333;
}

/* Disabled */
/* line 108, ../../../dev/scss/uikit-develop/src/scss/components/tab.scss */
.uk-tab > .uk-disabled > a {
  color: #999;
}

/* Position modifier
 ========================================================================== */
/*
 * Bottom
 */
/*
 * Left + Right
 * 1. Reset Gutter
 */
/* line 134, ../../../dev/scss/uikit-develop/src/scss/components/tab.scss */
.uk-tab-left,
.uk-tab-right {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  /* 1 */
  margin-left: 0;
}

/* 1 */
/* line 144, ../../../dev/scss/uikit-develop/src/scss/components/tab.scss */
.uk-tab-left > *,
.uk-tab-right > * {
  padding-left: 0;
}

/* line 155, ../../../dev/scss/uikit-develop/src/scss/components/tab.scss */
.uk-tab-left > * > a {
  text-align: left;
}

/* line 160, ../../../dev/scss/uikit-develop/src/scss/components/tab.scss */
.uk-tab-right > * > a {
  text-align: left;
}

/* Colors */
/* line 58, ../../../dev/scss/css.scss */
.green {
  color: #b2d53b;
}

/* line 62, ../../../dev/scss/css.scss */
.dark-green, .heading-large, .heading-medium, .heading-small, h1, .uk-h1, h2 {
  color: #80be0e;
}

/* line 66, ../../../dev/scss/css.scss */
.grey {
  color: #b3b3b3;
}

/* line 70, ../../../dev/scss/css.scss */
.light-grey {
  color: #f0f0f1;
}

/* line 74, ../../../dev/scss/css.scss */
.uk-background-muted {
  background: #f0f0f1;
}

/* Shadows */
/* line 79, ../../../dev/scss/css.scss */
.uk-box-shadow-small {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.12);
}

/* Headings */
/* Grundinställning för heading med typsnitt, vikt och höjd */
/* line 85, ../../../dev/scss/css.scss */
.heading, .heading-large, .heading-medium, .heading-small, h1, .uk-h1, h2 {
  font-family: "Roboto Slab", arial, sans-serif;
  font-weight: 100;
  line-height: 1.05em;
}

/* Stora gröna huvudrubriken på varje sida */
/* line 92, ../../../dev/scss/css.scss */
.heading-large {
  font-size: 42px;
  margin: 12px 0 0 0;
}

/* line 99, ../../../dev/scss/css.scss */
.heading-medium {
  font-size: 32px;
  margin: 12px 0 0 0;
}

/* line 106, ../../../dev/scss/css.scss */
.heading-small {
  font-size: 26px;
  margin: 12px 0 0 0;
}

/* line 113, ../../../dev/scss/css.scss */
h1, .uk-h1 {
  font-size: 42px;
  margin: 12px 0 0 0;
}

/* Grön underrubrik på de flesta sidor */
/* line 121, ../../../dev/scss/css.scss */
h2 {
  font-size: 32px;
  margin: 20px 0 10px 0;
}

/* line 129, ../../../dev/scss/css.scss */
.heading-partner {
  color: #000000 !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1;
}

/* Grid adjustments */
/* line 137, ../../../dev/scss/css.scss */
.uk-grid-large > * {
  padding-left: 50px;
}

/* line 140, ../../../dev/scss/css.scss */
.uk-grid-large {
  margin-left: -50px;
}

@media screen and (min-width: 1400px) {
  /* line 145, ../../../dev/scss/css.scss */
  .uk-grid-large > * {
    padding-left: 75px;
  }

  /* line 148, ../../../dev/scss/css.scss */
  .uk-grid-large {
    margin-left: -75px;
  }
}
/* Block */
/* line 154, ../../../dev/scss/css.scss */
.display-block {
  display: block;
}

/* line 158, ../../../dev/scss/css.scss */
.uk-divider {
  border: none;
  border-top: 1px solid #f0f0f1;
}

/* Text */
/* line 164, ../../../dev/scss/css.scss */
body {
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}

/* line 173, ../../../dev/scss/css.scss */
pre {
  padding: 9.5px;
  margin: 0 0 10px;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  line-height: 1.42857143;
}

/* line 184, ../../../dev/scss/css.scss */
code, kbd, pre, samp {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

/* line 188, ../../../dev/scss/css.scss */
.text-small, .uk-text-small {
  line-height: 1.5;
  font-size: 11px;
}

/* Icons */
/* line 194, ../../../dev/scss/css.scss */
.shrink-check {
  max-width: 16px;
}

/* Subnav */
/* line 199, ../../../dev/scss/css.scss */
.uk-subnav > * {
  padding-left: 10px;
}

/* line 203, ../../../dev/scss/css.scss */
.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
  margin-right: 10px;
}

/* line 207, ../../../dev/scss/css.scss */
.uk-subnav-divider > :first-child {
  margin-left: 10px;
}

/* Link */
/* line 212, ../../../dev/scss/css.scss */
.uk-link, a {
  color: #80be0e;
  text-decoration: none !important;
}

/* Tab settings */
/* line 220, ../../../dev/scss/css.scss */
.uk-tab {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  padding: 0;
  list-style: none;
  position: relative;
}

/* line 229, ../../../dev/scss/css.scss */
.uk-tab::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 0;
  border-bottom: 1px solid #e5e5e5;
}

/* line 238, ../../../dev/scss/css.scss */
.uk-tab > * {
  flex: none;
  padding-left: 20px;
  position: relative;
}

/* line 244, ../../../dev/scss/css.scss */
.uk-tab > * > a {
  display: block;
  text-align: center;
  padding: 9px 20px;
  color: #999;
  border-bottom: 2px solid transparent;
  font-size: 12px;
  text-transform: uppercase;
  transition: color .1s ease-in-out;
  line-height: 20px;
}

/* line 256, ../../../dev/scss/css.scss */
.uk-tab > * > a:hover, .uk-tab > * > a:focus {
  color: #666;
  text-decoration: none;
}

/* line 261, ../../../dev/scss/css.scss */
.uk-tab > .uk-active > a {
  color: #222;
  border-color: #b2d53b;
}

/* line 266, ../../../dev/scss/css.scss */
.uk-tab > .uk-disabled > a {
  color: #999;
}

/* Link */
/* line 273, ../../../dev/scss/css.scss */
ul.greenbullets {
  margin-left: 25px;
}

/* List */
/* line 277, ../../../dev/scss/css.scss */
ul.greenbullets li {
  margin: 0px 0;
  position: relative;
}

/* line 281, ../../../dev/scss/css.scss */
ul.greenbullets li:before {
  position: absolute;
  content: " ";
  top: 3px;
  left: -24px;
  width: 10px;
  height: 10px;
  background: #b2d53b;
  border-radius: 50%;
}

/* line 292, ../../../dev/scss/css.scss */
.releaselist ul li ul {
  margin-left: 30px;
  margin-top: 5px;
}

/* line 297, ../../../dev/scss/css.scss */
.releaselist ul li ul li {
  float: none;
  width: auto;
  border-radius: 0;
  background: transparent !important;
  position: relative;
  padding: 0;
}

/* line 306, ../../../dev/scss/css.scss */
.releaselist ul li ul li:before {
  position: absolute;
  content: " ";
  top: 3px;
  left: -24px;
  width: 10px;
  height: 10px;
  background: #b2d53b;
  border-radius: 50%;
}

/* line 317, ../../../dev/scss/css.scss */
.uk-subnav-pill > .uk-active > a {
  background-color: #80be0e;
  color: #fff;
  border-radius: 5px;
}

/* Tvinga bilderna att vara responsiva */
/* Forms */
/* line 331, ../../../dev/scss/css.scss */
.form-item-wrapper {
  position: relative;
  width: 100%;
}
/* line 334, ../../../dev/scss/css.scss */
.form-item-wrapper .select-style {
  float: left;
  margin-right: 25px;
}
/* line 338, ../../../dev/scss/css.scss */
.form-item-wrapper .form-item-info {
  float: left;
}
/* line 341, ../../../dev/scss/css.scss */
.form-item-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

/* line 348, ../../../dev/scss/css.scss */
fieldset {
  border: none;
}

/* Menus */
/* line 353, ../../../dev/scss/css.scss */
.featureItemSelected {
  background: #b2d53b;
}
/* line 355, ../../../dev/scss/css.scss */
.featureItemSelected a {
  color: #fff !important;
}

/* line 360, ../../../dev/scss/css.scss */
li.selectedList a {
  color: #b2d53b !important;
}

/* specialfix - salig blandning */
/* line 365, ../../../dev/scss/css.scss */
.leftmenu h3 {
  padding-left: 15px;
}

/* Vertial align stuff */
/* Gradient left to right */
/* line 412, ../../../dev/scss/css.scss */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 418, ../../../dev/scss/css.scss */
section {
  display: block;
  margin: 0;
  padding: 0;
}

/* line 424, ../../../dev/scss/css.scss */
a img {
  border: none;
}

/* line 428, ../../../dev/scss/css.scss */
strong {
  font-weight: 700;
}

/* line 432, ../../../dev/scss/css.scss */
::-moz-selection {
  color: #ffffff;
  background: #b2d53b;
  text-shadow: none;
}

/* line 438, ../../../dev/scss/css.scss */
::selection {
  color: #ffffff;
  background: #b2d53b;
  text-shadow: none;
}

/* line 444, ../../../dev/scss/css.scss */
::-webkit-input-placeholder {
  color: #b2d53b;
}

/* line 448, ../../../dev/scss/css.scss */
:-moz-placeholder {
  color: #b2d53b;
}

/* line 452, ../../../dev/scss/css.scss */
::-moz-placeholder {
  color: #b2d53b;
}

/* line 456, ../../../dev/scss/css.scss */
:-ms-input-placeholder {
  color: #b2d53b;
}

/* line 460, ../../../dev/scss/css.scss */
input:invalid {
  box-shadow: none;
}

/* line 464, ../../../dev/scss/css.scss */
.show {
  visibility: visible !important;
  z-index: 999 !important;
}

/* line 469, ../../../dev/scss/css.scss */
.noscroll {
  position: fixed;
  left: 0;
  right: 0;
  overflow: hidden;
}

/* Global */
/* line 478, ../../../dev/scss/css.scss */
div span.greencheck {
  background-image: url(/images/check.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

/* line 484, ../../../dev/scss/css.scss */
.topsection {
  font-family: "Roboto Slab", arial, sans-serif;
  position: relative;
  width: 100%;
  margin: 0 auto;
}

/* line 491, ../../../dev/scss/css.scss */
#particles-js {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #b2d53b;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background: #b2d53b;
  background: -moz-linear-gradient(left, #b2d53b 0%, #80be0e 100%);
  background: -webkit-gradient(linear, left, right, color-stop(0%, #b2d53b), color-stop(100%, #80be0e));
  background: -webkit-linear-gradient(left, #b2d53b 0%, #80be0e 100%);
  background: -o-linear-gradient(left, #b2d53b 0%, #80be0e 100%);
  background: -ms-linear-gradient(left, #b2d53b 0%, #80be0e 100%);
  background: linear-gradient(to left, #b2d53b 0%, #80be0e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2d53b, endColorstr=#80be0e, GradientType=1);
}

/* line 504, ../../../dev/scss/css.scss */
#particles-js canvas {
  display: block;
  vertical-align: bottom;
}

/* line 509, ../../../dev/scss/css.scss */
div.quote p.text {
  background: transparent url(/images/quote.png) no-repeat top left;
  background-size: 20px;
  text-indent: 30px;
  font-style: italic;
}

/* Header */
/* line 517, ../../../dev/scss/css.scss */
#header {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1001;
  background: #b2d53b;
  background: -moz-linear-gradient(left, #b2d53b 0%, #80be0e 100%);
  background: -webkit-gradient(linear, left, right, color-stop(0%, #b2d53b), color-stop(100%, #80be0e));
  background: -webkit-linear-gradient(left, #b2d53b 0%, #80be0e 100%);
  background: -o-linear-gradient(left, #b2d53b 0%, #80be0e 100%);
  background: -ms-linear-gradient(left, #b2d53b 0%, #80be0e 100%);
  background: linear-gradient(to left, #b2d53b 0%, #80be0e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2d53b, endColorstr=#80be0e, GradientType=1);
}

/* line 526, ../../../dev/scss/css.scss */
.headerinner {
  position: relative;
  height: 80px;
  margin: 0 auto;
}

/* badger */
/* line 535, ../../../dev/scss/css.scss */
.badger {
  color: #fff;
  font-size: 18px;
  padding: 10px 20px;
  position: relative;
}

/* line 542, ../../../dev/scss/css.scss */
.badger:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  width: 0;
  height: 0;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

/* line 555, ../../../dev/scss/css.scss */
.badger:after {
  content: ' ';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  width: 0;
  height: 0;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

/* line 569, ../../../dev/scss/css.scss */
.badger.orange:after {
  border-right: 14px solid #fff;
}

/* line 572, ../../../dev/scss/css.scss */
.badger.orange:before {
  border-left: 14px solid #fff;
}

/* line 577, ../../../dev/scss/css.scss */
.badger.grey:after {
  border-right: 14px solid #fff;
}

/* line 580, ../../../dev/scss/css.scss */
.badger.grey:before {
  border-left: 14px solid #fff;
}

/* line 585, ../../../dev/scss/css.scss */
.figure.big {
  font-size: 46px;
}

/* line 589, ../../../dev/scss/css.scss */
.badger.orange {
  background: orange;
}

/* line 593, ../../../dev/scss/css.scss */
.badger.grey {
  background: grey;
}

/* ANCHORS: The below is done in order to fix the problem when navigating/going to anchor making
   The browser scroll to a place were the first part of the text is hidden by the header
   The solution is inspired by https://css-tricks.com/hash-tag-links-padding/ */
/* line 600, ../../../dev/scss/css.scss */
div.quote:before {
  display: block;
  content: " ";
  margin-top: -107px;
  height: 107px;
  visibility: hidden;
}

/* line 608, ../../../dev/scss/css.scss */
#logo {
  float: left;
  width: 226px;
  height: 39px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 615, ../../../dev/scss/css.scss */
#logo img {
  display: inline-block;
  width: 100%;
  height: auto;
}

/* line 621, ../../../dev/scss/css.scss */
.logo-constraints {
  max-width: 120px;
  max-height: 60px;
}

/* line 626, ../../../dev/scss/css.scss */
a.buy {
  float: right;
  font-family: "Roboto Slab", arial, sans-serif;
  color: #80be0e;
  line-height: 20px;
  height: 20px;
  padding: 10px;
  background: #ffffff;
  border-radius: 5px;
  cursor: pointer;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 639, ../../../dev/scss/css.scss */
.featureNavigate {
  width: 60%;
  margin: auto;
}

/* line 644, ../../../dev/scss/css.scss */
.featureNavigate .featurePrev, .featureNavigate .featureNext {
  float: left;
  width: 90px;
  text-align: center;
  line-height: 1;
  padding: 10px 18px;
  margin-left: 15px;
  background: #7c9133;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transition: background .3s ease;
  -o-transition: background .3s ease;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}

/* line 666, ../../../dev/scss/css.scss */
a.buy:hover {
  color: #ffffff;
  background: #80be0e;
}

/* line 671, ../../../dev/scss/css.scss */
.search {
  position: relative;
  float: right;
  width: 42px;
  height: 38px;
  margin: 20px 0 0 10px;
  border: 1px solid #ffffff;
  border-radius: 5px;
  background: url("../images/search.svg") 50% 50% no-repeat;
  background-size: 16px;
  cursor: pointer;
  z-index: 999;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

/* line 686, ../../../dev/scss/css.scss */
.search:hover {
  background: #ffffff url("../images/search_green.svg") 50% 50% no-repeat;
  background-size: 16px;
}

/* line 691, ../../../dev/scss/css.scss */
.whitebg {
  background: #ffffff url("../images/search_green.svg") 50% 50% no-repeat;
  background-size: 16px;
}

/* Menu */
/* line 697, ../../../dev/scss/css.scss */
nav#mainmenu {
  display: block;
  float: left;
  height: 100%;
  margin-left: 20px;
}

/* line 704, ../../../dev/scss/css.scss */
nav#mainmenu ul {
  display: inline-block;
  height: 100%;
}

/* line 709, ../../../dev/scss/css.scss */
nav#mainmenu ul li {
  position: relative;
  float: left;
  height: 100%;
  background: transparent;
  text-align: center;
  padding: 0 20px;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* line 719, ../../../dev/scss/css.scss */
nav#mainmenu ul li:before {
  display: none;
}

/* line 723, ../../../dev/scss/css.scss */
nav#mainmenu ul li:hover {
  background: #ffffff;
}

/* line 727, ../../../dev/scss/css.scss */
nav#mainmenu ul li:hover a {
  color: #80be0e;
}

/* line 731, ../../../dev/scss/css.scss */
nav#mainmenu ul li a {
  font-family: "Roboto Slab", arial, sans-serif;
  float: left;
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  background: transparent;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* line 742, ../../../dev/scss/css.scss */
nav#mainmenu ul li.active {
  background: #ffffff;
}

/* line 746, ../../../dev/scss/css.scss */
nav#mainmenu ul li.active a {
  color: #80be0e;
}

/* line 750, ../../../dev/scss/css.scss */
.submenu {
  visibility: hidden;
  position: fixed;
  background-color: #ffffff;
  top: 80px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 600px;
  padding: 35px;
  overflow: hidden;
  z-index: -999;
  -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.2);
}

/* line 767, ../../../dev/scss/css.scss */
.submenuinner {
  text-align: left;
}

/* line 771, ../../../dev/scss/css.scss */
.submenuleft {
  -moz-transition: margin 0.5s;
  -o-transition: margin 0.5s;
  -webkit-transition: margin 0.5s;
  transition: margin 0.5s;
}

/* line 775, ../../../dev/scss/css.scss */
.submenuleft h1 {
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 32px !important;
  font-weight: 400;
  color: #80be0e;
  margin: 0 0 29px !important;
}

/* line 783, ../../../dev/scss/css.scss */
.submenuleft p {
  font-family: "Roboto", arial, sans-serif;
  line-height: 1.7;
  margin: 0;
}

/* line 789, ../../../dev/scss/css.scss */
.submenuright {
  opacity: 0;
  -moz-transition: margin 0.5s;
  -o-transition: margin 0.5s;
  -webkit-transition: margin 0.5s;
  transition: margin 0.5s;
}

/* line 794, ../../../dev/scss/css.scss */
.submenuright ul {
  width: 100%;
}

/* line 798, ../../../dev/scss/css.scss */
.submenuright ul li {
  display: block;
  padding: 0 !important;
  height: auto !important;
  display: block !important;
  text-align: left !important;
  float: none !important;
  top: inherit !important;
}

/* line 809, ../../../dev/scss/css.scss */
.submenuright ul li a {
  float: none !important;
  color: #80be0e !important;
  line-height: 30px;
  padding: 0px 0;
}

/* line 816, ../../../dev/scss/css.scss */
.submenuright ul li:hover a {
  color: #000000 !important;
}

/* line 820, ../../../dev/scss/css.scss */
.submenu.show .submenuright, .submenu.show .submenuleft {
  opacity: 1;
  margin: 0;
}

/* line 825, ../../../dev/scss/css.scss */
.searchbar {
  display: none;
  position: absolute;
  width: 390px;
  right: 15px;
  top: 80px;
  background: #ffffff;
  border-radius: 4px;
  z-index: 998;
  -webkit-box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.2);
}

/* line 840, ../../../dev/scss/css.scss */
.searchbar form {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1185px;
  margin: 0 auto;
}

/* line 848, ../../../dev/scss/css.scss */
.searchbar input {
  color: #b2d53b;
  font-size: 26px;
  width: 100%;
  height: auto;
  margin: 40px 8% 0;
  padding: 0 0 3px;
  border: none;
  border-bottom: 2px solid #000000;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
}

/* line 862, ../../../dev/scss/css.scss */
.closeSearchbar {
  position: absolute;
  right: 8%;
  top: 19px;
  width: auto;
  color: #80be0e;
  font-size: 14px;
  padding: 0 0 0 19px;
  cursor: pointer;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 874, ../../../dev/scss/css.scss */
.closeSearchbar:hover {
  color: #b2d53b;
}

/* line 878, ../../../dev/scss/css.scss */
.closeSearchbar:before {
  width: 12px;
  height: 12px;
  content: " ";
  background-image: url("../images/close.svg");
  background-size: 12px;
  position: absolute;
  left: 0;
  top: 3px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 890, ../../../dev/scss/css.scss */
.closeSearchbar:hover:before {
  left: -5px;
}

/* Mobile Menu */
/* line 895, ../../../dev/scss/css.scss */
.burger-menu {
  position: relative;
  display: none;
  width: 38px;
  height: 39px;
  margin: 8px 0 0 10px;
  cursor: pointer;
  z-index: 1000;
  overflow: hidden;
  float: right;
}

/* line 907, ../../../dev/scss/css.scss */
.burger {
  background: #ffffff;
  width: 100%;
  height: 7px;
  top: 10px;
  right: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
}

/* line 918, ../../../dev/scss/css.scss */
.burger::before {
  position: absolute;
  background: #ffffff;
  width: 38px;
  height: 7px;
  top: 22px;
  content: "";
  display: block;
}

/* line 928, ../../../dev/scss/css.scss */
.burger::after {
  position: absolute;
  background: #ffffff;
  width: 38px;
  height: 7px;
  top: 11px;
  content: "";
  display: block;
}

/* line 938, ../../../dev/scss/css.scss */
.burger::after,
.burger::before,
.burger {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

/* line 945, ../../../dev/scss/css.scss */
.burger-menu.menu-on .burger::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 10px;
}

/* line 951, ../../../dev/scss/css.scss */
.burger-menu.menu-on .burger::before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 10px;
}

/* line 957, ../../../dev/scss/css.scss */
.burger-menu.menu-on .burger {
  background: rgba(111, 111, 111, 0);
}

/* line 961, ../../../dev/scss/css.scss */
.front {
  padding-top: 120px;
  padding-bottom: 25px;
}

/* Popup up icons */
/* line 968, ../../../dev/scss/css.scss */
.popup {
  position: absolute;
  margin-left: -40px;
  margin-top: -40px;
}

/* line 974, ../../../dev/scss/css.scss */
.popup .uk-card {
  border-radius: 5px;
  border-radius: 5px;
}

/* line 979, ../../../dev/scss/css.scss */
.popup .uk-card-small {
  padding: 10px 10px 8px 10px;
  max-width: 100px;
}

@media all and (max-width: 1280px) {
  /* line 985, ../../../dev/scss/css.scss */
  .pricebox.uk-card-large {
    padding: 30px 30px;
  }
}
@media all and (max-width: 1070px) {
  /* line 991, ../../../dev/scss/css.scss */
  .pricebox.uk-card-large .uk-button {
    font-size: 14px;
  }
}
/* line 997, ../../../dev/scss/css.scss */
.popup.dbvis {
  top: 50%;
  left: 50%;
}

/* line 1002, ../../../dev/scss/css.scss */
.popup.oracle {
  top: 45%;
  left: 23%;
}

/* line 1006, ../../../dev/scss/css.scss */
.popup.cassandra {
  bottom: 0%;
  left: 50%;
}

/* line 1010, ../../../dev/scss/css.scss */
.popup.mysql {
  top: 10%;
  right: 10%;
}

/* line 1015, ../../../dev/scss/css.scss */
.popup.vertica {
  top: 65%;
  right: -5%;
}

/* line 1020, ../../../dev/scss/css.scss */
.popup.db2 {
  top: 14%;
  right: 45%;
}

/* line 1024, ../../../dev/scss/css.scss */
.popup.mimer {
  top: 68%;
  left: 21%;
}

/* line 1028, ../../../dev/scss/css.scss */
.popup.netezza {
  top: 40%;
  right: -10%;
}

/* line 1032, ../../../dev/scss/css.scss */
.popup.nuodb {
  bottom: 1%;
  left: 34%;
}

/* line 1036, ../../../dev/scss/css.scss */
.popup.postgress {
  bottom: -8%;
  right: 30%;
}

/* line 1040, ../../../dev/scss/css.scss */
.popup.sqllite {
  bottom: 0%;
  right: 5%;
}

/* line 1047, ../../../dev/scss/css.scss */
.popup .uk-card {
  display: block;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  animation: pulse 3s infinite;
}

/* line 1053, ../../../dev/scss/css.scss */
.popup .uk-card-small:hover {
  animation: pulse2 1s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    transform: scale(1);
  }
  70% {
    -webkit-box-shadow: 0 0 0 5px transparent;
    transform: scale(0.9);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 transparent;
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    transform: scale(1);
  }
  70% {
    -moz-box-shadow: 0 0 0 5px transparent;
    box-shadow: 0 0 0 10px transparent;
    transform: scale(0.95);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    transform: scale(1);
  }
}
@-webkit-keyframes pulse2 {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse2 {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/* Toptext */
/* line 1120, ../../../dev/scss/css.scss */
.toptext {
  margin: 0 auto;
}

/* line 1125, ../../../dev/scss/css.scss */
.toptext h1 {
  color: #000000;
}

/* line 1129, ../../../dev/scss/css.scss */
.toptextinner {
  position: relative;
  margin: 0;
  padding: 0;
}

/* line 1135, ../../../dev/scss/css.scss */
.toptextinner h1 {
  font-size: 37px;
  font-weight: 400;
  line-height: 1.22;
  margin: 15px 0 25px;
  color: #000000;
}

/* line 1144, ../../../dev/scss/css.scss */
.toptextinner p {
  font-family: "Roboto", arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.38;
  margin: 15px 0 54px;
}

/* Buttons */
/* line 1154, ../../../dev/scss/css.scss */
.uk-button {
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/* line 1164, ../../../dev/scss/css.scss */
.uk-button-white {
  background: #fff;
  color: #80be0e;
  border: 2px solid transparent;
  display: flex !important;
}

/* line 1171, ../../../dev/scss/css.scss */
.uk-button-white:hover {
  color: #ffffff;
  background-color: #80be0e;
  border: 2px solid white;
}

/* line 1177, ../../../dev/scss/css.scss */
.uk-button-primary {
  color: #fff;
  background: #b2d53b;
}
/* line 1181, ../../../dev/scss/css.scss */
.uk-button-primary:hover {
  background: #80be0e;
}

/* line 1186, ../../../dev/scss/css.scss */
.button {
  display: block;
  position: relative;
  vertical-align: middle;
  border-radius: 5px;
  background: none;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/* line 1203, ../../../dev/scss/css.scss */
.button:focus {
  outline: none;
}

/* line 1207, ../../../dev/scss/css.scss */
.button > span {
  vertical-align: middle;
}

/* line 1211, ../../../dev/scss/css.scss */
.button::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0);
}

/* line 1223, ../../../dev/scss/css.scss */
.button > span {
  display: block;
}

/* line 1227, ../../../dev/scss/css.scss */
.button::after,
.button > span {
  padding: 0;
  text-align: center;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/* line 1237, ../../../dev/scss/css.scss */
.button:hover::after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 1243, ../../../dev/scss/css.scss */
.button:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
}

/* Header button */
/* line 1250, ../../../dev/scss/css.scss */
.headerinner .button {
  float: right;
  width: 162px;
  margin-top: 20px;
  color: #80be0e;
  background-color: #ffffff;
}

/* line 1258, ../../../dev/scss/css.scss */
.headerinner .button::after,
.headerinner .button > span {
  line-height: 40px;
}

/* line 1263, ../../../dev/scss/css.scss */
.headerinner .button:hover {
  color: #ffffff;
  background-color: #80be0e;
}

/* Toptext button */
/* line 1269, ../../../dev/scss/css.scss */
.toptext .button {
  font-family: "Roboto", arial, sans-serif;
  color: #000000;
  min-width: 150px;
  max-width: 250px;
  padding: 0 47px;
  margin: 0;
  border: 2px solid #000000;
}

/* line 1279, ../../../dev/scss/css.scss */
.toptext .button:hover {
  border-color: #000000;
  background-color: #000000;
}

/* line 1284, ../../../dev/scss/css.scss */
.toptext .button::after {
  color: #ffffff;
}

/* line 1288, ../../../dev/scss/css.scss */
.toptext .button::after,
.toptext .button > span {
  line-height: 47px;
}

/* Customers button */
/* line 1294, ../../../dev/scss/css.scss */
.customerinner .button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 94px;
  width: 15px;
  height: 15px;
  content: " ";
  background-image: url("/images/phone.png");
  background-size: 15px;
  position: absolute;
  left: 0;
  top: 0;
}

/* line 1309, ../../../dev/scss/css.scss */
.customerinner .button:before {
  margin: 0 auto;
  width: 200px;
  float: none;
  color: #ffffff;
  background: #b2d53b;
}

/* line 1317, ../../../dev/scss/css.scss */
.customerinner .button:hover {
  color: #ffffff;
  background: #000000;
}

/* line 1322, ../../../dev/scss/css.scss */
.customerinner .button::after,
.customerinner .button > span {
  line-height: 46px;
}

/* Features */
/* line 1328, ../../../dev/scss/css.scss */
.featurestop {
  position: relative;
  height: 80px;
}

/* line 1333, ../../../dev/scss/css.scss */
.pagecontent {
  margin: 58px auto 30px;
  overflow: auto;
  min-height: 55vh;
}

/* Leftmenu */
/* line 1341, ../../../dev/scss/css.scss */
.leftmenu {
  background: #f0f0f1;
  border-radius: 5px;
}

/* line 1346, ../../../dev/scss/css.scss */
.leftmenu ul li {
  position: relative;
  border-bottom: 1px solid #b3b3b3;
  cursor: pointer;
}

/* line 1352, ../../../dev/scss/css.scss */
.leftmenu ul li:last-child {
  border-bottom: none;
}

/* line 1356, ../../../dev/scss/css.scss */
.leftmenu ul li p {
  color: #484848;
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 18px;
  font-weight: 100;
  padding: 8px 20px;
  margin: 0;
  text-decoration: none;
}

/* line 1366, ../../../dev/scss/css.scss */
.leftmenu ul li a {
  color: #484848;
  text-decoration: none;
}

/* line 1371, ../../../dev/scss/css.scss */
.leftmenu ul li:hover,
.leftmenu ul li.active {
  background: #b2d53b;
}

/* line 1376, ../../../dev/scss/css.scss */
.leftmenu ul li:hover a,
.leftmenu ul li.active a,
.leftmenu ul li:hover p,
.leftmenu ul li.active p {
  color: #ffffff;
}

/* line 1383, ../../../dev/scss/css.scss */
.leftmenu ul li ul {
  display: none;
}

/* line 1387, ../../../dev/scss/css.scss */
.leftmenu ul li ul li {
  padding: 2px 50px;
  background: #484848;
  border-bottom: none;
  overflow: auto;
}

/* line 1394, ../../../dev/scss/css.scss */
.leftmenu ul li ul li:first-child {
  padding: 12px 50px 2px;
}

/* line 1397, ../../../dev/scss/css.scss */
.leftmenu ul li ul li:only-child {
  padding: 12px 50px 12px;
}

/* line 1401, ../../../dev/scss/css.scss */
.leftmenu ul li ul li:last-child {
  padding-bottom: 12px;
}

/* line 1405, ../../../dev/scss/css.scss */
.releasenote .leftmenu ul li ul li:last-child {
  padding: 2px 50px 12px;
}

/* line 1409, ../../../dev/scss/css.scss */
.leftmenu ul li ul li:hover {
  background: #484848;
}

/* line 1413, ../../../dev/scss/css.scss */
.leftmenu ul li ul li a {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #ffffff;
  font-size: 14px;
  margin: 0;
  padding: 0;
  line-height: 24px;
}

/* line 1422, ../../../dev/scss/css.scss */
.leftmenu ul li ul li:hover a {
  color: #80be0e;
}

/* line 1426, ../../../dev/scss/css.scss */
li.sub:before {
  width: 16px;
  height: 16px;
  content: " ";
  background-image: url("../images/arrow-right.svg");
  background-size: 16px;
  position: absolute;
  right: 8px;
  top: 12px;
}

/* line 1437, ../../../dev/scss/css.scss */
li.sub:hover:before {
  background-image: url("../images/arrow-right-white.svg");
}

/* line 1441, ../../../dev/scss/css.scss */
li.sub.active:before {
  background-image: url("../images/arrow-right-white.svg");
}

/* line 1445, ../../../dev/scss/css.scss */
li.sub.active:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 33px;
  left: 24px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #b2d53b;
  transition: 40 Y;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 1471, ../../../dev/scss/css.scss */
.pagecontentright h3 {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #b3b3b3;
  font-weight: bold;
  line-height: 1.53;
  margin: 25px 0 10px;
}

/* line 1479, ../../../dev/scss/css.scss */
.pagecontentright h4 {
  margin: 50px 0 0;
}

/* line 1483, ../../../dev/scss/css.scss */
.pagecontentright h5 {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #000000;
  font-size: 26px;
  margin: 20px 0 17px;
  font-weight: 300;
}

/* line 1491, ../../../dev/scss/css.scss */
.pagecontentright h6 {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #b2d53b;
  font-size: 26px;
  margin: 0 0 -17px;
}

/* line 1500, ../../../dev/scss/css.scss */
.pagecontentright p i {
  display: block;
  color: #b2d53b;
  margin: -44px 0 57px;
  font-style: normal;
}

/* line 1508, ../../../dev/scss/css.scss */
.pagecontentright p a {
  color: #b2d53b;
  text-decoration: none;
}

/* line 1513, ../../../dev/scss/css.scss */
.pagecontentright p span {
  font-weight: bold;
}

/* Download */
/* line 1518, ../../../dev/scss/css.scss */
.dltype ul {
  float: left;
  width: 100%;
}

/* line 1523, ../../../dev/scss/css.scss */
.dltype ul li {
  float: left;
  width: 34.333333%;
}

/* line 1528, ../../../dev/scss/css.scss */
.dltype ul li:first-child {
  width: 41%;
}

/* line 1532, ../../../dev/scss/css.scss */
.dltype ul li:last-child {
  width: 21.333333%;
  text-align: right;
}

/* line 1537, ../../../dev/scss/css.scss */
.dltype ul li h3 {
  font-size: 26px;
  font-weight: normal;
  color: #80be0e;
  margin: 0;
}

/* line 1544, ../../../dev/scss/css.scss */
.dlgreenbg ul {
  float: left;
  width: 100%;
  height: 51px;
  padding: 10px 0;
  border-radius: 3px;
  background: #b2d53b;
}

/* line 1553, ../../../dev/scss/css.scss */
.dlgreenbg ul li {
  float: left;
  width: 26%;
}

/* line 1558, ../../../dev/scss/css.scss */
.dlgreenbg ul li:first-child {
  width: 15%;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 1564, ../../../dev/scss/css.scss */
.dlgreenbg ul li:nth-child(3) {
  width: 36%;
}

/* line 1568, ../../../dev/scss/css.scss */
.dlgreenbg ul li:last-child {
  width: auto;
}

/* .dlgreenbg ul li img {
    padding: 11px 22px 0 0;
} */
/* line 1575, ../../../dev/scss/css.scss */
.dlgreenbg ul li h3 {
  color: #000000;
  font-size: 18px;
  font-weight: normal;
  margin: 13px 0 0;
  line-height: 1;
}

/* line 1583, ../../../dev/scss/css.scss */
.dlgreenbg ul li h3 a {
  color: #ffffff;
}

/* line 1587, ../../../dev/scss/css.scss */
.dlgreenbg ul li h3 a:hover {
  color: #000000;
  cursor: pointer;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 1593, ../../../dev/scss/css.scss */
.dlgreenbg ul li p {
  font-size: 12px;
  line-height: 0;
  color: #000000;
  margin: 0;
  line-height: 1;
}

/* line 1601, ../../../dev/scss/css.scss */
.showallinstallers {
  float: left;
  width: 100%;
  margin: 21px 0 30px;
}

/* line 1607, ../../../dev/scss/css.scss */
.showallinstallers p {
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 14px;
  padding: 4px;
  margin: 0;
  border: 1px solid #b2d53b;
  border-radius: 3px;
  width: 185px;
  color: #b2d53b;
  text-align: center;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 1620, ../../../dev/scss/css.scss */
.showallinstallers p:last-child {
  display: none;
}

/* line 1624, ../../../dev/scss/css.scss */
.showallinstallers p:hover {
  color: #ffffff;
  background: #b2d53b;
  cursor: pointer;
}

/* line 1631, ../../../dev/scss/css.scss */
.installer-wrapper {
  clear: both;
}
/* line 1635, ../../../dev/scss/css.scss */
.installer-wrapper .installer-row.recomended {
  background: #b2d53b !important;
  padding: 20px 25px 20px 15px;
}
/* line 1638, ../../../dev/scss/css.scss */
.installer-wrapper .installer-row.recomended h3, .installer-wrapper .installer-row.recomended div, .installer-wrapper .installer-row.recomended p {
  color: #fff;
}
/* line 1643, ../../../dev/scss/css.scss */
.installer-wrapper .installer-row {
  padding: 10px 25px 10px 15px;
  border-radius: 5px;
  background: #fff;
}
/* line 1649, ../../../dev/scss/css.scss */
.installer-wrapper .installer-header {
  padding: 0px 25px 0px 15px;
}
/* line 1653, ../../../dev/scss/css.scss */
.installer-wrapper .installer-row:nth-child(odd) {
  background: #f0f0f1;
}
@media screen and (max-width: 1025px) {
  /* line 1658, ../../../dev/scss/css.scss */
  .installer-wrapper div, .installer-wrapper a {
    font-size: 11px;
  }
}

/* line 1665, ../../../dev/scss/css.scss */
.dlgreenbg.visiblelist:nth-child(even) ul {
  background: #f0f0f1;
}

/* line 1669, ../../../dev/scss/css.scss */
.dlgreenbg.visiblelist:nth-child(odd) ul {
  background: #ffffff;
}

/* line 1673, ../../../dev/scss/css.scss */
.dlgreenbg.visiblelist ul li h3 a {
  color: #b2d53b;
}

/* line 1677, ../../../dev/scss/css.scss */
.dlgreenbg.visiblelist ul li h3 a:hover {
  color: #000000;
}

/* Whats New */
/* line 1686, ../../../dev/scss/css.scss */
.whatsnew h3 {
  font-weight: normal;
  font-size: 24px;
  margin: 23px 0 10px;
}

/* line 1692, ../../../dev/scss/css.scss */
.whatsnew h4 {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #b3b3b3;
  line-height: 1.53;
  font-weight: normal;
  font-size: 18px;
  margin: 23px 0 10px;
}

/* line 1701, ../../../dev/scss/css.scss */
.whatsnew ul {
  margin: 0 0 5px 25px;
  list-style: none;
}

/* line 1705, ../../../dev/scss/css.scss */
.whatsnew li {
  position: relative;
  margin: 10px 0;
}

/* line 1710, ../../../dev/scss/css.scss */
.whatsnew li:before {
  position: absolute;
  content: " ";
  top: 3px;
  left: -24px;
  width: 10px;
  height: 10px;
  background: #80be0e;
  border-radius: 50%;
}

/* line 1721, ../../../dev/scss/css.scss */
.whatsnew li p {
  position: relative;
}

/* line 1725, ../../../dev/scss/css.scss */
.whatsnew img {
  border: 1px solid;
  border-color: gray;
}

/* Release Notes */
/* line 1731, ../../../dev/scss/css.scss */
.releaselist {
  float: left;
  margin: 0 0 30px;
}

/* line 1736, ../../../dev/scss/css.scss */
ul.releasenote li span {
  font-family: "Roboto", arial, sans-serif;
  color: #ffffff;
  font-size: 14px;
}

/* line 1742, ../../../dev/scss/css.scss */
ul.releasenote li:first-child span {
  font-family: "Roboto Slab", arial, sans-serif;
  font-weight: 800;
}

/* line 1747, ../../../dev/scss/css.scss */
ul.releasenote li span:first-child {
  width: 50%;
  float: left;
}

/* line 1752, ../../../dev/scss/css.scss */
ul.releasenote li span:last-child {
  width: 50%;
  float: right;
}

/* line 1757, ../../../dev/scss/css.scss */
ul.releasenote li a:hover span {
  color: #b2d53b;
}

/* line 1761, ../../../dev/scss/css.scss */
ul.releasenote li a.active span {
  color: #b2d53b;
}

/* line 1765, ../../../dev/scss/css.scss */
.releaselist h3 {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #b3b3b3;
  font-weight: bold;
  line-height: 1.53;
  font-size: 26px;
  margin: 23px 0 40px;
}

/* line 1774, ../../../dev/scss/css.scss */
.releaselist ul li {
  float: left;
  width: 96%;
  padding: 1% 1%;
  border-radius: 5px;
}

/* line 1781, ../../../dev/scss/css.scss */
.releaselist ul li:nth-child(odd) {
  background: #f0f0f1;
}

/* line 1785, ../../../dev/scss/css.scss */
.releaselist ul li span:first-child {
  font-family: "Roboto Slab", arial, sans-serif;
  float: left;
  width: 35%;
  font-weight: 800;
}

/* line 1792, ../../../dev/scss/css.scss */
.releaselist ul li span:last-child {
  width: 65%;
  float: right;
}

/* Company */
/* line 1798, ../../../dev/scss/css.scss */
ul.companylist li {
  height: 114px;
  border-top: 1px solid #f0f0f1;
}

/* line 1803, ../../../dev/scss/css.scss */
ul.companylist li div {
  float: left;
  height: auto;
  width: 525px;
  text-align: left;
}

/* line 1810, ../../../dev/scss/css.scss */
ul.companylist li div:first-child {
  width: 110px;
}

/* line 1814, ../../../dev/scss/css.scss */
ul.companylist li div:first-child img {
  padding-top: 12px;
  width: 100%;
}

/* line 1819, ../../../dev/scss/css.scss */
ul.companylist li div:nth-child(2) {
  text-align: center;
}

/* line 1823, ../../../dev/scss/css.scss */
ul.companylist li div:last-child {
  width: 165px;
  padding-top: 12px;
}

/* line 1828, ../../../dev/scss/css.scss */
ul.companylist li div h2 {
  color: #000000;
  font-size: 18px;
  line-height: 1;
  margin: 12px 0 7px;
}

/* line 1835, ../../../dev/scss/css.scss */
ul.companylist li div p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

/* line 1841, ../../../dev/scss/css.scss */
ul.companylist li div a {
  color: #b2d53b;
  text-decoration: none;
}

/* Form */
/* line 1851, ../../../dev/scss/css.scss */
.pagecontentright form h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 100;
  margin: 0 0 3px;
}

/* line 1858, ../../../dev/scss/css.scss */
.pagecontentright form h4 {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.2px;
  margin: 0 0 35px;
}

/* line 1867, ../../../dev/scss/css.scss */
.pagecontentright form select {
  position: relative;
  border: none;
  height: 46px;
  font-size: 18px;
  text-indent: 5px;
  margin: 0;
  outline: none;
  cursor: pointer;
}

/* line 1879, ../../../dev/scss/css.scss */
.select-style {
  position: relative;
  padding: 0;
  margin: 0 0 15px;
  width: 514px;
  height: 46px;
  border-radius: 3px;
  overflow: hidden;
  background: #f0f0f1;
  z-index: 9;
}

/* line 1891, ../../../dev/scss/css.scss */
.select-style:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 62px;
  height: 46px;
  background: #b2d53b;
  z-index: -1;
}

/* line 1902, ../../../dev/scss/css.scss */
.select-style:after {
  position: absolute;
  content: '';
  top: 11px;
  right: 19px;
  width: 24px;
  height: 24px;
  background: url("../images/expand-button.svg") no-repeat 97% 50%;
  background-size: 24px;
  z-index: -1;
}

/* line 1914, ../../../dev/scss/css.scss */
.select-style select {
  padding: 5px 70px 5px 15px;
  width: 100%;
  height: 46px;
  font-size: 18px;
  line-height: 36px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 1929, ../../../dev/scss/css.scss */
.select-style select:focus {
  outline: none;
}

/* line 1933, ../../../dev/scss/css.scss */
.pagecontentright form input {
  font-size: 18px;
  padding: 12px 20px 13px;
  margin: 0 0 20px;
  background: #f0f0f1;
  border: none;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
}

/* line 1945, ../../../dev/scss/css.scss */
.lastname {
  visibility: hidden;
  display: none;
}

/* line 1950, ../../../dev/scss/css.scss */
.pagecontentleft form input {
  font-size: 12px;
  padding: 12px 20px 13px;
  margin: 0 0 10px;
  background: #ffffff;
  border: none;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
}

/* line 1961, ../../../dev/scss/css.scss */
.pagecontentleft form input[type="submit"] {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #ffffff;
  font-size: 12px;
  padding: 11px 20px;
  margin: 0;
  background: #b2d53b;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 1974, ../../../dev/scss/css.scss */
.inputmargin {
  margin: 0 0 56px !important;
}

/* line 1978, ../../../dev/scss/css.scss */
.pagecontentright form textarea {
  font-family: "Roboto", arial, sans-serif;
  font-size: 18px;
  color: #000000;
  width: 90%;
  height: 274px;
  padding: 11px 20px;
  margin: 0 0 7px;
  border: none;
  border-radius: 5px;
  background: #f0f0f1;
  outline: none;
  resize: none;
}

/* line 1993, ../../../dev/scss/css.scss */
.pagecontentright form ::-webkit-input-placeholder {
  color: #000000;
}

/* line 1997, ../../../dev/scss/css.scss */
.pagecontentright form :-moz-placeholder {
  color: #000000;
}

/* line 2001, ../../../dev/scss/css.scss */
.pagecontentright form ::-moz-placeholder {
  color: #000000;
}

/* line 2005, ../../../dev/scss/css.scss */
.pagecontentright form :-ms-input-placeholder {
  color: #000000;
}

/* line 2009, ../../../dev/scss/css.scss */
.pagecontentright form input[type="submit"] {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #ffffff;
  font-size: 18px;
  padding: 11px 20px;
  margin: 0;
  background: #b2d53b;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 2022, ../../../dev/scss/css.scss */
.pagecontentright form input[type="submit"]:hover {
  background: #80be0e;
}

/* Upload */
/* line 2027, ../../../dev/scss/css.scss */
#imagesUpload {
  list-style: none;
  width: 516px;
  margin: 5px 0 49px;
}

/* line 2033, ../../../dev/scss/css.scss */
#imagesUpload .newImage {
  position: relative;
  padding: 0;
}

/* line 2038, ../../../dev/scss/css.scss */
#imagesUpload .newImage input {
  width: auto;
  max-width: 260px;
  margin: 0 0 20px;
  padding: 0;
  font-size: 18px;
  text-indent: 0;
  background: none;
}

/* line 2048, ../../../dev/scss/css.scss */
input[type="file" i] {
  line-height: 1;
  color: #000000;
}

/* line 2053, ../../../dev/scss/css.scss */
#imagesUpload .newImage input[type="file" i]::-webkit-file-upload-button {
  font-family: "Roboto Slab", arial, sans-serif;
  background: #b2d53b;
  color: #ffffff;
  font-size: 18px;
  padding: 6px 30px 7px;
  border: none;
  border-radius: 5px;
}

/* line 2063, ../../../dev/scss/css.scss */
#imagesUpload .newImage::after {
  content: '';
  float: right;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: url("../images/remove.svg") center center no-repeat;
  background-size: 25px;
  cursor: pointer;
}

/* line 2074, ../../../dev/scss/css.scss */
#imagesUpload .newImage:last-child::after {
  background: url("../images/plus.svg") center center no-repeat;
}

/* line 2078, ../../../dev/scss/css.scss */
.pagecrumbs {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

/* line 2084, ../../../dev/scss/css.scss */
.pagecrumbs:before {
  width: 16px;
  height: 16px;
  content: " ";
  background-image: url("../images/breadcrumb-house.png");
  background-size: 16px;
  position: absolute;
  left: -2px;
  top: 2px;
}

/* line 2095, ../../../dev/scss/css.scss */
.pagecrumbs p {
  font-size: 14px;
  color: #000000;
  margin: 0;
}

/* line 2101, ../../../dev/scss/css.scss */
.pagecrumbs a {
  color: #b2d53b;
  font-size: 14px;
  text-decoration: none;
}

/* line 2107, ../../../dev/scss/css.scss */
ul.standardlist {
  margin: 0 0 25px 35px;
  list-style: none;
}

/* line 2112, ../../../dev/scss/css.scss */
ul.standardlist li {
  position: relative;
  margin: 10px 0;
}

/* line 2117, ../../../dev/scss/css.scss */
.detaillist ul li:first-child {
  height: 58px;
}

/* line 2121, ../../../dev/scss/css.scss */
ul.standardlist li:before {
  position: absolute;
  content: " ";
  top: 3px;
  left: -24px;
  width: 10px;
  height: 10px;
  background: #80be0e;
  border-radius: 50%;
}

/* line 2132, ../../../dev/scss/css.scss */
ul.standardlist li p {
  position: relative;
}

/* Detail List */
/* line 2137, ../../../dev/scss/css.scss */
.detaillist {
  float: left;
  margin: 32px 0 20px;
}

/* line 2142, ../../../dev/scss/css.scss */
.detaillist h2 {
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 21px;
}

/* line 2148, ../../../dev/scss/css.scss */
.detaillist ul.foureven {
  float: left;
  margin: 0 0 64px;
}

/* line 2153, ../../../dev/scss/css.scss */
.detaillist ul li:first-child {
  height: 58px;
}

/* line 2157, ../../../dev/scss/css.scss */
.detaillist ul li {
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e5e5e5;
  background: #ffffff;
}

/* line 2165, ../../../dev/scss/css.scss */
.detaillist ul li div {
  float: left;
  padding: 7px 0;
}

/* line 2170, ../../../dev/scss/css.scss */
.detaillist ul.foureven li div {
  width: 50%;
}

/* line 2174, ../../../dev/scss/css.scss */
.detaillist ul.fouruneven {
  margin: 0;
}

/* line 2178, ../../../dev/scss/css.scss */
.detaillist ul.fouruneven li div {
  width: 50%;
}

/* line 2182, ../../../dev/scss/css.scss */
.detaillist ul.fouruneven li div:last-child {
  width: 50%;
}

/* line 2186, ../../../dev/scss/css.scss */
.detaillist ul.fiveeven {
  margin: 0;
}

/* line 2190, ../../../dev/scss/css.scss */
.detaillist ul.fiveeven li div {
  width: 20%;
}

/* line 2194, ../../../dev/scss/css.scss */
.detaillist ul li p {
  line-height: 24px;
  margin: 0;
}

/* line 2199, ../../../dev/scss/css.scss */
p.readmoresmall {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #b2d53b;
  font-size: 14px;
  font-weight: 700;
  line-height: 1 !important;
  text-align: center;
  border: 1px solid #b2d53b;
  width: 116px;
  padding: 8px;
  border-radius: 3px;
  cursor: pointer;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 2214, ../../../dev/scss/css.scss */
p.readmoresmall:hover {
  color: #ffffff;
  background: #b2d53b;
}

/* line 2219, ../../../dev/scss/css.scss */
p.readmoresmall:hover a {
  color: #ffffff;
}

/* line 2224, ../../../dev/scss/css.scss */
.pagecontentright .usersinner ul li {
  width: 20%;
  height: 79px;
}

/* Second list */
/* line 2230, ../../../dev/scss/css.scss */
.detaillist ul.threeuneven {
  float: left;
  margin: 0px 0 7px;
}

/* line 2235, ../../../dev/scss/css.scss */
.detaillist ul.threeuneven li div {
  width: 15%;
  float: left;
  padding: 12px 0;
}

/* line 2241, ../../../dev/scss/css.scss */
.detaillist ul.threeuneven li div:first-child {
  width: 69%;
}

/* line 2245, ../../../dev/scss/css.scss */
.detaillist ul.threeuneven li div:nth-child(2) {
  width: 13%;
  padding-right: 5%;
}

/* line 2250, ../../../dev/scss/css.scss */
.detaillist ul.threeuneven li div:last-child {
  width: 13%;
}

/* line 2254, ../../../dev/scss/css.scss */
ul.sql {
  float: left;
  margin: 77px 0 115px;
  text-align: center;
}

/* line 2260, ../../../dev/scss/css.scss */
ul.sql.tight {
  margin: 0 0 72px;
}

/* line 2264, ../../../dev/scss/css.scss */
ul.sql h2,
.usersinner h2 {
  color: #b2d53b;
  font-size: 26px;
  font-weight: 700;
  margin: 12px 0 18px;
}

/* line 2272, ../../../dev/scss/css.scss */
ul.sql li {
  width: 160px;
  float: left;
  background: #f8f8fa;
  text-align: center;
  padding: 13px;
  margin-right: 18px;
  -webkit-box-shadow: 3px 5px 2px -3px #DADADA;
  -moz-box-shadow: 3px 5px 2px -3px #DADADA;
  box-shadow: 3px 5px 2px -3px #DADADA;
}

/* line 2284, ../../../dev/scss/css.scss */
ul.sql li:last-child {
  margin-right: 0;
}

/* line 2288, ../../../dev/scss/css.scss */
ul.sql li img {
  width: 100%;
}

/* line 2292, ../../../dev/scss/css.scss */
ul.sql li p {
  color: #b2d53b;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.76;
  margin: 8px 0 4px;
}

/* Company */
/* line 2301, ../../../dev/scss/css.scss */
.pagecontentright h3 span {
  color: #000000;
}

/* Masonry */
/* line 2306, ../../../dev/scss/css.scss */
.masonry {
  margin: 0 auto;
  max-width: 98%;
}

/* line 2311, ../../../dev/scss/css.scss */
.masonry ul.greenbullets li {
  margin: 0px 0;
  position: relative;
  word-wrap: break-word;
  max-width: 80%;
}

/* $gutter-width % */
/* set number of columns for breakponts */
@media (min-width: 400px) {
  /* line 2350, ../../../dev/scss/css.scss */
  .masonry {
    margin: Infinity% 0;
    /* .item:hover {
            @include transition(all .3s ease-in-out);
            @include box-shadow(rgba(0,
            0,
            0,
            0.25) 0 0 15px);
        } */
  }
  /* line 2352, ../../../dev/scss/css.scss */
  .masonry .grid-sizer {
    width: 98.5%;
  }
  /* line 2355, ../../../dev/scss/css.scss */
  .masonry .gutter-sizer {
    width: Infinity%;
  }
  /* line 2358, ../../../dev/scss/css.scss */
  .masonry .item {
    background: #ffffff;
    width: 98.5%;
    margin-bottom: Infinity%;
    cursor: default;
  }
  /* line 2363, ../../../dev/scss/css.scss */
  .masonry .item img {
    position: relative;
    width: 100%;
  }

  /* 1 columns */
}
@media (min-width: 600px) {
  /* line 2350, ../../../dev/scss/css.scss */
  .masonry {
    margin: 3% 0;
    /* .item:hover {
            @include transition(all .3s ease-in-out);
            @include box-shadow(rgba(0,
            0,
            0,
            0.25) 0 0 15px);
        } */
  }
  /* line 2352, ../../../dev/scss/css.scss */
  .masonry .grid-sizer {
    width: 48.5%;
  }
  /* line 2355, ../../../dev/scss/css.scss */
  .masonry .gutter-sizer {
    width: 3%;
  }
  /* line 2358, ../../../dev/scss/css.scss */
  .masonry .item {
    background: #ffffff;
    width: 48.5%;
    margin-bottom: 3%;
    cursor: default;
  }
  /* line 2363, ../../../dev/scss/css.scss */
  .masonry .item img {
    position: relative;
    width: 100%;
  }

  /* 2 columns */
}
@media (min-width: 800px) {
  /* line 2350, ../../../dev/scss/css.scss */
  .masonry {
    margin: 2.25% 0;
    /* .item:hover {
            @include transition(all .3s ease-in-out);
            @include box-shadow(rgba(0,
            0,
            0,
            0.25) 0 0 15px);
        } */
  }
  /* line 2352, ../../../dev/scss/css.scss */
  .masonry .grid-sizer {
    width: 31.83333%;
  }
  /* line 2355, ../../../dev/scss/css.scss */
  .masonry .gutter-sizer {
    width: 2.25%;
  }
  /* line 2358, ../../../dev/scss/css.scss */
  .masonry .item {
    background: #ffffff;
    width: 31.83333%;
    margin-bottom: 2.25%;
    cursor: default;
  }
  /* line 2363, ../../../dev/scss/css.scss */
  .masonry .item img {
    position: relative;
    width: 100%;
  }

  /* 3 columns */
}
/* line 2402, ../../../dev/scss/css.scss */
.item h3 {
  font-family: "Roboto", arial, sans-serif;
  font-size: 18px;
  color: #000000;
  line-height: 1;
  text-transform: uppercase;
  margin: 24px 0 17px;
}

/* line 2411, ../../../dev/scss/css.scss */
.item ul.standardlist {
  margin-bottom: 0;
}

/* line 2415, ../../../dev/scss/css.scss */
.item ul.standardlist li {
  margin: 10px 0;
}

/* Google Maps */
/* line 2420, ../../../dev/scss/css.scss */
.maptop {
  position: relative;
  text-align: center;
}

/* line 2425, ../../../dev/scss/css.scss */
.maptop h2,
.maptop h3 {
  position: absolute;
  top: 115px;
  left: 0;
  right: 0;
  margin: 0;
  font-family: "Roboto Slab", arial, sans-serif;
  color: #80be0e;
  font-size: 140px;
  font-weight: 100;
  line-height: 0;
  z-index: 999;
}

/* line 2440, ../../../dev/scss/css.scss */
.maptop h3 {
  top: 197px;
  font-size: 32px;
}

/* line 2445, ../../../dev/scss/css.scss */
#mack-map {
  height: 60vh;
  width: 100%;
  margin-bottom: -10px;
}

/* line 2451, ../../../dev/scss/css.scss */
#mack-map:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0px;
  background: #ffffff;
}

/* Footer button */
/* line 2463, ../../../dev/scss/css.scss */
.footerinner .button {
  float: right;
  width: 160px;
  background: #b2d53b;
  color: #ffffff;
}

/* line 2470, ../../../dev/scss/css.scss */
.footerinner .button:hover {
  color: #ffffff;
  background: #80be0e;
}

/* line 2475, ../../../dev/scss/css.scss */
.footerinner .button::after,
.footerinner .button > span {
  line-height: 37px;
}

/* Footer */
/* line 2481, ../../../dev/scss/css.scss */
footer#footer {
  width: 95%;
  margin: 0 auto 15px auto;
}

/* line 2486, ../../../dev/scss/css.scss */
.footerinner {
  font-family: "Roboto Slab", arial, sans-serif;
  width: 100%;
  max-width: 1185px;
  padding: 31px 0 0 0;
  margin: 0 auto;
}

/* line 2494, ../../../dev/scss/css.scss */
.footerinner img {
  margin-right: 27px;
}

/* line 2500, ../../../dev/scss/css.scss */
.footerinner ul li a {
  color: #80be0e;
  line-height: 40px;
  text-decoration: none;
  line-height: 32px;
  padding: 6px 10px;
  margin-left: 19px;
  background: transparent;
  border-radius: 5px;
  vertical-align: bottom;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 2514, ../../../dev/scss/css.scss */
.footerinner ul li a:hover {
  color: #ffffff;
  background: #80be0e;
}

/* line 2519, ../../../dev/scss/css.scss */
.footerinner a.buy {
  color: #ffffff;
  background: #b2d53b;
}

/* line 2524, ../../../dev/scss/css.scss */
.footerinner a.buy:hover {
  background: #80be0e;
}

/* line 2528, ../../../dev/scss/css.scss */
.footerbottom {
  position: relative;
  width: 100%;
  height: 36px;
  padding: 33px 0 0 0;
}

/* line 2535, ../../../dev/scss/css.scss */
.copyright {
  color: #b3b3b3;
  margin: 0;
}

/* line 2540, ../../../dev/scss/css.scss */
.soc {
  font-size: 0;
  padding: 0;
  margin: 0;
}

/* line 2546, ../../../dev/scss/css.scss */
ul.soc a {
  display: block;
  position: relative;
  height: 28px;
  width: 28px;
  padding: 0 !important;
  border-radius: 50% !important;
}

/* line 2555, ../../../dev/scss/css.scss */
ul.soc svg {
  display: block;
  height: 100%;
  width: 100%;
}

/* line 2561, ../../../dev/scss/css.scss */
.facebook {
  color: #ffffff;
  fill: #3b5998;
  background: #ffffff;
  border: 2px solid #3b5998;
  border-radius: 100%;
}

/* line 2569, ../../../dev/scss/css.scss */
.twitter {
  color: #00aced;
  fill: #00aced;
  background: #ffffff;
  border: 2px solid #00aced;
  border-radius: 100%;
}

/* line 2577, ../../../dev/scss/css.scss */
.facebook:hover, .twitter:hover {
  border-radius: 100%;
  color: #ffffff;
  fill: #ffffff;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: background-color 0.5s, -webkit-transform 0.5s ease-out;
  transition: background-color 0.5s, transform 0.5s ease-out;
}

/* line 2588, ../../../dev/scss/css.scss */
.facebook:hover {
  background: #3b5998 !important;
}

/* line 2592, ../../../dev/scss/css.scss */
.twitter:hover {
  background: #00aced !important;
}

/* 3 blocks */
/* line 2597, ../../../dev/scss/css.scss */
.threeblocks {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
}

/* line 2603, ../../../dev/scss/css.scss */
a.threeblocksouter {
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

/* line 2609, ../../../dev/scss/css.scss */
a.threeblocksouter > figure {
  margin: 0;
  padding: 0;
}

/* line 2614, ../../../dev/scss/css.scss */
.threeblocksinner {
  margin: 0 auto;
  z-index: 1;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 2620, ../../../dev/scss/css.scss */
.threeblocksinner h2 {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #b2d53b;
  font-size: 32px;
  font-weight: 400;
  margin: 20px 0;
}

/* line 2628, ../../../dev/scss/css.scss */
.threeblocksinner p {
  font-family: "Roboto", arial, sans-serif;
  color: #ffffff;
  line-height: 1.5;
  margin: 0;
}

/* line 2635, ../../../dev/scss/css.scss */
a.threeblocksouter:first-child > figure {
  position: absolute;
  height: 100%;
  width: 100%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  background-image: url("../images/3block1.jpg");
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: -1;
}

/* line 2650, ../../../dev/scss/css.scss */
a.threeblocksouter:first-child:hover > figure {
  -moz-transform: scale(1.25, 1.25);
  -webkit-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);
}

/* line 2656, ../../../dev/scss/css.scss */
a.threeblocksouter:nth-child(2) > figure {
  position: absolute;
  height: 100%;
  width: 100%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  background-image: url("../images/3block2.jpg");
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: -1;
}

/* line 2671, ../../../dev/scss/css.scss */
a.threeblocksouter:nth-child(2):hover > figure {
  -moz-transform: scale(1.25, 1.25);
  -webkit-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);
}

/* line 2677, ../../../dev/scss/css.scss */
a.threeblocksouter:last-child > figure {
  position: absolute;
  height: 100%;
  width: 100%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  background-image: url("../images/3block3.jpg");
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: -1;
}

/* line 2692, ../../../dev/scss/css.scss */
a.threeblocksouter:last-child:hover > figure {
  -moz-transform: scale(1.25, 1.25);
  -webkit-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);
}

/* line 2698, ../../../dev/scss/css.scss */
a.threeblocksouter:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/* line 2709, ../../../dev/scss/css.scss */
a.threeblocksouter:first-child:after {
  background: rgba(219, 143, 52, 0.9);
}

/* line 2713, ../../../dev/scss/css.scss */
a.threeblocksouter:nth-child(2):after {
  background: rgba(39, 102, 139, 0.9);
}

/* line 2717, ../../../dev/scss/css.scss */
a.threeblocksouter:last-child:after {
  background: rgba(184, 43, 107, 0.9);
}

/* line 2721, ../../../dev/scss/css.scss */
p.apple {
  position: relative;
  margin-left: 28px;
}

/* line 2726, ../../../dev/scss/css.scss */
p.apple:before {
  width: 20px;
  height: 24px;
  content: " ";
  background-image: url("../images/apple.png");
  background-size: 20px;
  position: absolute;
  left: -26px;
  top: 0;
}

/* Feature Area */
/* line 2738, ../../../dev/scss/css.scss */
.featurearea {
  text-align: center;
  padding: 40px 0;
  overflow: hidden;
}

/* line 2744, ../../../dev/scss/css.scss */
.featurearea h1 {
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  margin: 0 0 25px;
}

/* line 2751, ../../../dev/scss/css.scss */
.featurearea h1 span {
  color: #b2d53b;
}

/* Slider */
/* line 2756, ../../../dev/scss/css.scss */
.cycle-slideshow {
  height: 592px;
  visibility: hidden;
}

/* line 2761, ../../../dev/scss/css.scss */
section.cycle-slide {
  width: 100%;
  max-width: 1185px;
  height: 640px;
  margin: 0 auto;
  right: 0;
  visibility: hidden;
}

/* line 2776, ../../../dev/scss/css.scss */
.slidertext h1 {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #b2d53b;
  font-size: 26px;
  font-weight: 400;
  margin: 0 0 37px;
}

/* line 2784, ../../../dev/scss/css.scss */
.slidertext p {
  margin: 0;
  line-height: 1.56;
}

/* line 2789, ../../../dev/scss/css.scss */
.slidertext a.buy {
  visibility: hidden;
  position: relative;
  float: none;
  padding: 10px 55px;
  font-family: "Roboto Slab", arial, sans-serif;
  color: #ffffff;
  border: 2px solid #b2d53b;
  background: #b2d53b;
  top: 55px;
}

/* line 2801, ../../../dev/scss/css.scss */
.slidertext a.buy:hover {
  color: #b2d53b;
  background: #ffffff;
}

/* line 2806, ../../../dev/scss/css.scss */
#per-slide-template {
  margin: 72px auto 15px;
}

/* line 2810, ../../../dev/scss/css.scss */
#per-slide-template a {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #000000;
  text-decoration: none;
  margin: 0 20px;
  padding: 12px 13px 15px;
  border: 2px solid transparent;
  border-radius: 3px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 2821, ../../../dev/scss/css.scss */
#per-slide-template a:hover {
  color: #b2d53b;
}

/* line 2825, ../../../dev/scss/css.scss */
a.cycle-pager-active {
  border: 2px solid #80be0e !important;
}

/* line 2829, ../../../dev/scss/css.scss */
a.cycle-pager-active:hover {
  color: #000000 !important;
}

/* line 2833, ../../../dev/scss/css.scss */
.navigate {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 1185px;
  margin: 0 auto;
  z-index: 999;
}

/* line 2845, ../../../dev/scss/css.scss */
.slidecoverprev {
  position: absolute;
  left: -100%;
  background: #ffffff;
  height: 100%;
  width: 100%;
  visibility: hidden;
  /* @include slider-bg(transparent, $color_white); */
}

/* line 2855, ../../../dev/scss/css.scss */
.slidecovernext {
  position: absolute;
  right: -100%;
  background: #ffffff;
  height: 100%;
  width: 100%;
  visibility: hidden;
  /* @include slidernext-bg(transparent, $color_white); */
}

/* line 2865, ../../../dev/scss/css.scss */
#next, #prev {
  float: right;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: #b2d53b url("../images/arrow.svg") 50% 50% no-repeat;
  background-size: 32px;
  cursor: pointer;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 2879, ../../../dev/scss/css.scss */
#prev {
  position: relative;
  top: 50%;
  margin: -32px 195px 0 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 2888, ../../../dev/scss/css.scss */
#prev:hover {
  margin: -32px 200px 0 0;
}

/* line 2892, ../../../dev/scss/css.scss */
#next {
  position: relative;
  float: left;
  top: 50%;
  margin: -32px 0 0 195px;
}

/* line 2899, ../../../dev/scss/css.scss */
#next:hover {
  margin: -32px 0 0 200px;
}

/* News */
/* line 2904, ../../../dev/scss/css.scss */
.news {
  width: 100%;
}

/* line 2910, ../../../dev/scss/css.scss */
.newsinner {
  width: 100%;
  max-width: 1185px;
  padding: 40px 0 61px;
  margin: 0 auto;
  text-align: center;
}

/* line 2918, ../../../dev/scss/css.scss */
.newsinner h1 {
  font-family: "Roboto Slab", arial, sans-serif;
  font-weight: 400;
  margin: 0;
}

/* line 2924, ../../../dev/scss/css.scss */
.newsinner h1 span {
  color: #b2d53b;
}

/* line 2928, ../../../dev/scss/css.scss */
.newsinner a.buy {
  float: none;
  color: #ffffff;
  padding: 11px 48px;
  background: #b2d53b;
}

/* line 2935, ../../../dev/scss/css.scss */
.newsinner a.buy:hover {
  color: #b2d53b;
  background: #000000;
}

/* line 2940, ../../../dev/scss/css.scss */
ul.newsblock {
  /*
    margin: 20px auto;
    overflow: auto;
    */
}

/* line 2947, ../../../dev/scss/css.scss */
ul.newsblock li > div {
  /*
    float: left;
    width: 27%;
    height: auto;
    min-height: 279px;
    margin: 25px 1% 50px;
    padding: 13px 2% 43px;
    visibility: hidden;
    */
  background: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 3px 5px 2px -3px #DADADA;
  -moz-box-shadow: 3px 5px 2px -3px #DADADA;
  box-shadow: 3px 5px 2px -3px #DADADA;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* line 2967, ../../../dev/scss/css.scss */
ul.newsblock li:hover > div {
  /* margin: 23px 1.15% 50px 0.85%; */
  box-shadow: 0 5px 20px 5px #DADADA;
}

/* line 2972, ../../../dev/scss/css.scss */
ul.newsblock li:hover a.readmore {
  color: #ffffff;
  background: #b2d53b;
}

/* line 2977, ../../../dev/scss/css.scss */
ul.newsblock li h2 {
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #b2d53b;
  line-height: 1;
  margin: 0 0 20px;
}

/* line 2986, ../../../dev/scss/css.scss */
ul.newsblock li p {
  line-height: 1.4;
  margin: 0 0 50px;
}

/* News Archive */
/* line 2993, ../../../dev/scss/css.scss */
ul.newsblock.nohover {
  margin: 40px auto 160px;
}

/* line 2997, ../../../dev/scss/css.scss */
ul.newsblock.nohover li {
  text-align: center;
  margin: 20px 1% 0;
}

/* line 3002, ../../../dev/scss/css.scss */
ul.newsblock.nohover li:hover {
  margin: 20px 1% 0;
  box-shadow: 0 5px 20px #DADADA;
}

/* News Solo */
/* line 3012, ../../../dev/scss/css.scss */
.pagecontentleftgrey {
  padding: 20px 20px 24px;
  margin-bottom: 42px;
  background: #f0f0f1;
  border-radius: 5px;
  box-shadow: 1px 3px 2px 0 #B1B1B1;
}
/* line 3019, ../../../dev/scss/css.scss */
.pagecontentleftgrey strong {
  display: block;
  margin: 0 0 31px;
  line-height: 27px;
}
/* line 3024, ../../../dev/scss/css.scss */
.pagecontentleftgrey h3 {
  font-family: "Roboto Slab", arial, sans-serif;
  font-weight: 100;
  font-size: 26px;
  line-height: 1;
  margin: 0 0 32px;
}
/* line 3031, ../../../dev/scss/css.scss */
.pagecontentleftgrey h4 {
  margin: 15px 0;
}
/* line 3034, ../../../dev/scss/css.scss */
.pagecontentleftgrey p {
  color: #666363;
  font-style: italic;
  line-height: 1.6;
  margin: 15px 0;
  padding-right: 10px;
}
/* line 3040, ../../../dev/scss/css.scss */
.pagecontentleftgrey p span {
  font-style: normal;
  line-height: 30px;
}
/* line 3045, ../../../dev/scss/css.scss */
.pagecontentleftgrey a {
  color: #80be0e;
  text-decoration: none;
}
/* line 3049, ../../../dev/scss/css.scss */
.pagecontentleftgrey span {
  display: block;
  margin: 0 0 10px;
  color: #666363;
}

/* line 3056, ../../../dev/scss/css.scss */
.pagereadmore {
  width: auto;
  font-family: "Roboto Slab", arial, sans-serif;
  color: #ffffff;
  text-align: center;
  background: #b2d53b;
  border: 1px solid #b2d53b;
  border-radius: 5px;
  padding: 10px 0;
  margin: 40px 0 0;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 3070, ../../../dev/scss/css.scss */
.pagereadmore:hover {
  background: #ffffff;
}

/* line 3074, ../../../dev/scss/css.scss */
.pagereadmore a {
  color: #ffffff;
  text-decoration: none;
}

/* line 3079, ../../../dev/scss/css.scss */
.pagereadmore:hover a {
  color: #b2d53b;
}

/* line 3083, ../../../dev/scss/css.scss */
.pagecontentleftwhite {
  position: relative;
  padding: 21px 21px 24px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #f0f0f1;
}
/* line 3090, ../../../dev/scss/css.scss */
.pagecontentleftwhite ol {
  margin: 0;
  padding: 0;
}

/* line 3096, ../../../dev/scss/css.scss */
.pagecontentleftwhite h3 {
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 26px;
  font-weight: 100;
  line-height: 1.1;
  margin: 0 0 9px;
}

/* line 3105, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul {
  margin: 0 0 22px;
}

/* line 3109, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul:last-child {
  margin: 0;
}

/* line 3113, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul li {
  position: relative;
  line-height: 1.62;
}

/* line 3118, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul.topalt li {
  padding: 4px 0 5px 36px;
}

/* line 3122, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul.topalt li:before {
  width: 16px;
  height: 16px;
  content: " ";
  background-image: url("../images/arrow-right.svg");
  background-size: 16px;
  position: absolute;
  left: 8px;
  top: 7px;
}

/* line 3133, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul li a {
  color: #80be0e;
  text-decoration: none;
}

/* line 3138, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul li span {
  font-family: "Roboto Slab", arial, sans-serif;
}

/* line 3143, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul li span.featuredate {
  float: right;
  font-weight: normal;
  font-size: 14px;
  width: 50%;
}

/* line 3150, ../../../dev/scss/css.scss */
.pagecontentleftwhite figure {
  margin: 0 6px;
  padding: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #f0f0f1;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}

/* line 3162, ../../../dev/scss/css.scss */
.pagecontentleftwhite figure.cycle-pager-active {
  border: 1px solid #80be0e;
  background: #80be0e;
}

/* Purchase */
/* line 3168, ../../../dev/scss/css.scss */
form.purchase {
  border: none;
  padding: 0 20px 38px;
}
/* line 3171, ../../../dev/scss/css.scss */
form.purchase fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
/* line 3176, ../../../dev/scss/css.scss */
form.purchase h3 {
  font-size: 26px;
  font-weight: 400;
  line-height: 31px;
  color: #000000;
  margin: 0;
}
/* line 3183, ../../../dev/scss/css.scss */
form.purchase ul {
  margin: 12px 0 69px;
}
/* line 3185, ../../../dev/scss/css.scss */
form.purchase ul li {
  position: relative;
  margin: 0 auto 18px;
}
/* line 3188, ../../../dev/scss/css.scss */
form.purchase ul li p {
  font-size: 14px;
  margin: 3px 0 0 36px;
}
/* line 3192, ../../../dev/scss/css.scss */
form.purchase ul li input[type=radio] {
  position: absolute;
  visibility: hidden;
  padding: 0;
  width: auto;
  margin: 0;
}
/* line 3199, ../../../dev/scss/css.scss */
form.purchase ul li input[type=radio]:checked ~ .check {
  border: none;
}
/* line 3202, ../../../dev/scss/css.scss */
form.purchase ul li input[type=radio]:checked ~ .check::before {
  background: #000000;
}
/* line 3205, ../../../dev/scss/css.scss */
form.purchase ul li input[type=radio]:checked ~ label {
  color: #b2d53b;
}
/* line 3208, ../../../dev/scss/css.scss */
form.purchase ul li label {
  position: relative;
  font-weight: 300;
  font-size: 18px;
  padding: 0 33px 0 36px;
  margin: 0 auto;
  height: 23px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}
/* line 3218, ../../../dev/scss/css.scss */
form.purchase ul li label:before {
  content: '';
  position: absolute;
  width: 23px;
  height: 23px;
  top: -1px;
  right: 0;
  border-radius: 50%;
  background: url("../images/info.png");
  z-index: 3;
}
/* line 3230, ../../../dev/scss/css.scss */
form.purchase ul li:hover label {
  color: #80be0e;
}
/* line 3233, ../../../dev/scss/css.scss */
form.purchase ul li .check {
  display: block;
  position: absolute;
  background: #f0f0f1;
  border-radius: 100%;
  height: 23px;
  width: 23px;
  top: 0;
  left: 0;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}
/* line 3245, ../../../dev/scss/css.scss */
form.purchase ul li .check:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 8px;
  width: 8px;
  top: 50%;
  left: 50%;
  margin: -4px 0px 0px -4px;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
/* line 3259, ../../../dev/scss/css.scss */
form.purchase ul li:hover .check {
  border: none;
}

/* line 3266, ../../../dev/scss/css.scss */
ul.purchaseleftlist {
  font-family: "Roboto Slab", arial, sans-serif;
}
/* line 3269, ../../../dev/scss/css.scss */
ul.purchaseleftlist li div {
  display: inline-block !important;
  width: 49%;
  margin: 0;
  padding: 0 0 48px;
  font-size: 26px;
}
/* line 3275, ../../../dev/scss/css.scss */
ul.purchaseleftlist li div:nth-child(even) {
  font-family: "Roboto", arial, sans-serif;
  color: #80be0e;
  font-weight: 600;
}
/* line 3280, ../../../dev/scss/css.scss */
ul.purchaseleftlist li div div {
  position: absolute;
  right: 0;
  bottom: -17px;
  font-size: 14px;
  text-decoration: line-through;
  font-weight: 400 !important;
}
/* line 3290, ../../../dev/scss/css.scss */
ul.purchaseleftlist li:last-child div:first-child {
  font-weight: 600;
}

/* line 3297, ../../../dev/scss/css.scss */
.labelandhiddenbox {
  display: inline-block;
  position: relative;
  width: auto;
  background: #ffffff;
}
/* line 3302, ../../../dev/scss/css.scss */
.labelandhiddenbox .hiddenblackbox {
  display: none;
  position: absolute;
  width: 280px;
  bottom: 100%;
  right: -100%;
  padding: 10px 20px;
  margin: 0 -58px 30px 0;
  border-radius: 4px;
  background: #000000;
  z-index: 9;
}
/* line 3313, ../../../dev/scss/css.scss */
.labelandhiddenbox .hiddenblackbox:before {
  position: absolute;
  top: 100%;
  left: 20%;
  content: '';
  width: 0;
  height: 0;
  border-top: solid 17px #000000;
  border-left: solid 17px transparent;
  border-right: solid 17px transparent;
}
/* line 3324, ../../../dev/scss/css.scss */
.labelandhiddenbox .hiddenblackbox p {
  color: #ffffff;
  font-size: 18px !important;
  margin: 0 !important;
}
/* line 3328, ../../../dev/scss/css.scss */
.labelandhiddenbox .hiddenblackbox p:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2f2f2f;
  font-size: 0;
  line-height: 0;
}

/* line 3341, ../../../dev/scss/css.scss */
.noinfo label:before {
  display: none;
}

/* line 3345, ../../../dev/scss/css.scss */
.noinfo span {
  color: #80be0e;
}

/* Slider */
/* line 3350, ../../../dev/scss/css.scss */
.pagecontentleftwhite .cycle-slideshow {
  height: auto;
  margin-top: 35px;
  padding-bottom: 25px;
}

/* line 3356, ../../../dev/scss/css.scss */
.pagecontentleftwhite section.cycle-slide {
  width: 100%;
  height: auto;
}

/* line 3362, ../../../dev/scss/css.scss */
.cycle-slideshow .logo-wrapper {
  border: 1px solid #f0f0f1;
  padding: 5px;
  height: 55px !important;
  min-height: 55px !important;
  max-height: 55px !important;
}

/* line 3370, ../../../dev/scss/css.scss */
.cycle-slideshow .logo-wrapper img {
  max-width: 100%;
  max-height: 100%;
}

/* line 3375, ../../../dev/scss/css.scss */
.newssolowrapper {
  background: #f2f2f2;
  padding: 25px;
}

/* line 3380, ../../../dev/scss/css.scss */
h2.newssoloheading {
  font-size: 72px;
  line-height: 1;
  margin: 4px 0 60px;
}

/* line 3390, ../../../dev/scss/css.scss */
ul.newsblock.newssolo li {
  text-align: center;
  /* margin: 20px 1% 0; */
}

/* line 3395, ../../../dev/scss/css.scss */
ul.newsblock.newssolo li:hover > div {
  /* margin: 20px 1% 0; */
  box-shadow: 0 5px 20px #DADADA;
}

/* line 3400, ../../../dev/scss/css.scss */
p.date {
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin: 14px 0 !important;
}

/* line 3407, ../../../dev/scss/css.scss */
a.readmore {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #b2d53b;
  padding: 10px 20px;
  background: #ffffff;
  border: 1px solid #b2d53b;
  border-radius: 5px;
  cursor: pointer;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 3418, ../../../dev/scss/css.scss */
a.readmore:hover {
  color: #ffffff;
  background: #b2d53b;
}

/* Users */
/* line 3424, ../../../dev/scss/css.scss */
.users {
  width: 100%;
  background: #ffffff;
}

/* line 3429, ../../../dev/scss/css.scss */
.usersinner {
  width: 100%;
  max-width: 1185px;
  padding: 30px 0;
  margin: 0 auto;
  text-align: center;
  overflow: auto;
}

/* line 3438, ../../../dev/scss/css.scss */
.usersinner h1 {
  color: #000000;
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  margin: 20px 0;
}

/* line 3446, ../../../dev/scss/css.scss */
.usersinner h1 span {
  color: #b2d53b;
  text-decoration: underline;
}

/* line 3451, ../../../dev/scss/css.scss */
.usersinner ul li {
  float: left;
  width: 25%;
  height: 120px;
  visibility: hidden;
}

/* line 3458, ../../../dev/scss/css.scss */
.usersinner ul li a {
  display: block;
  width: auto;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Customer */
/* line 3466, ../../../dev/scss/css.scss */
.customer {
  background: url(../images/customer_bg.jpg) center center no-repeat;
  background-size: 100%;
  background-size: cover;
}

/* line 3472, ../../../dev/scss/css.scss */
.uk-dotnav {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -12px;
}

/* line 3481, ../../../dev/scss/css.scss */
.uk-dotnav > * {
  flex: none;
  padding-left: 12px;
}

/* line 3486, ../../../dev/scss/css.scss */
.uk-dotnav > * > * {
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid rgba(102, 102, 102, 0.4);
  transition: .2s ease-in-out;
  transition-property: background-color,border-color;
}

/* line 3501, ../../../dev/scss/css.scss */
.customerinner {
  font-family: "Roboto Slab", arial, sans-serif;
}

/* line 3506, ../../../dev/scss/css.scss */
.customerinner h1 {
  font-size: 32px;
  font-weight: 400;
  margin: 0 0 36px;
}

/* line 3512, ../../../dev/scss/css.scss */
.customerinner p {
  font-family: "Roboto", arial, sans-serif;
  font-size: 26px;
  font-style: italic;
  line-height: 1.5;
  margin: 26px 0;
}

/* line 3520, ../../../dev/scss/css.scss */
.customerinner p strong {
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 18px;
  font-style: normal;
}

/* line 3526, ../../../dev/scss/css.scss */
.customerinner a.buy {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 94px;
  margin: 0 auto;
  width: 92px;
  float: none;
  color: #ffffff;
  padding: 13px 56px;
  background: #b2d53b;
}

/* line 3539, ../../../dev/scss/css.scss */
.customerinner a.buy:hover {
  color: #80be0e;
  background: #ffffff;
}

/* line 3544, ../../../dev/scss/css.scss */
.customerinner .cycle-slideshow {
  height: auto;
}

/* line 3548, ../../../dev/scss/css.scss */
.customerinner section.cycle-slide {
  height: 100%;
}

/* line 3552, ../../../dev/scss/css.scss */
div#per-slide-template2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -44px;
  margin: 0 auto;
  text-align: center;
  z-index: 9999;
}

/* line 3562, ../../../dev/scss/css.scss */
.customerinner figure {
  margin: 0 6px;
  padding: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  cursor: pointer;
}

/* line 3573, ../../../dev/scss/css.scss */
figure.cycle-pager-active {
  background: #ffffff;
}

/* News */
/* line 3578, ../../../dev/scss/css.scss */
.greybg {
  text-align: center;
  background: #f2f2f2;
}

/* line 3583, ../../../dev/scss/css.scss */
.greybg h1,
.greybg h2 {
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 140px;
  font-weight: 100;
  color: #80be0e;
  line-height: 0.83;
  margin: 0;
}

/* line 3593, ../../../dev/scss/css.scss */
.greybg h2 {
  font-size: 32px;
  line-height: 1.35;
}

/* Newsletter */
/* line 3599, ../../../dev/scss/css.scss */
.newsletter {
  background: #b2d53b;
  width: 100%;
  padding: 16px 0;
  margin: 0 auto;
  text-align: center;
}

/* line 3607, ../../../dev/scss/css.scss */
form#newsletter input {
  font-size: 18px;
  border: none;
  outline: none;
}

/* line 3613, ../../../dev/scss/css.scss */
input.signup {
  width: 365px;
  color: #b3b3b3;
  padding: 11px 0 11px 20px;
  margin-right: -4px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* line 3622, ../../../dev/scss/css.scss */
input.newsletterBtn {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #ffffff;
  width: 156px;
  padding: 9px 0 10px;
  background: #7c9133;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 3636, ../../../dev/scss/css.scss */
input.newsletterBtn:hover {
  color: #ffffff;
  background: #000000;
}

/********************/
/*      Cookies     */
/********************/
/* line 3644, ../../../dev/scss/css.scss */
.cookiecontainer {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  color: #ffffff;
  padding: 0;
  background: #222;
  z-index: 999;
}

/* line 3656, ../../../dev/scss/css.scss */
.cookiecontainer .inner p {
  font-size: 14px;
  margin: 0;
}

/* line 3662, ../../../dev/scss/css.scss */
.cookieok {
  width: 90px;
  text-align: center;
  line-height: 1;
  padding: 10px 18px;
  margin-left: 15px;
  background: #7c9133;
  border-radius: 5px;
  cursor: pointer;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

/* line 3674, ../../../dev/scss/css.scss */
.cookieok:hover {
  background: #80be0e;
}

/********************/
/* Responsive Stuff */
/********************/
/* Large Laptop */
@media screen and (max-width: 1440px) {
  /* line 3685, ../../../dev/scss/css.scss */
  .uk-container {
    padding-left: 50px;
    padding-right: 50px;
  }

  /* Header */
  /* line 3690, ../../../dev/scss/css.scss */
  .featurestop {
    height: 80px;
  }

  /* line 3693, ../../../dev/scss/css.scss */
  nav#mainmenu ul li {
    padding: 0 15px;
  }

  /* line 3696, ../../../dev/scss/css.scss */
  nav#mainmenu ul li a {
    font-size: 18px;
  }

  /* line 3699, ../../../dev/scss/css.scss */
  .headerinner {
    height: 80px;
  }

  /* See ANCHOR: */
  /* line 3703, ../../../dev/scss/css.scss */
  div.quote:before {
    display: block;
    content: " ";
    margin-top: -80px;
    height: 80px;
    visibility: hidden;
  }

  /* line 3710, ../../../dev/scss/css.scss */
  .headerinner .button {
    margin-top: 23px;
    font-size: 18px;
  }

  /* line 3715, ../../../dev/scss/css.scss */
  .headerinner .button::after, .headerinner .button > span {
    line-height: 34px;
  }

  /* line 3718, ../../../dev/scss/css.scss */
  .search {
    width: 32px;
    height: 32px;
    margin: 23px 0 0 10px;
  }

  /* line 3723, ../../../dev/scss/css.scss */
  .submenu {
    top: 80px;
  }

  /* line 3726, ../../../dev/scss/css.scss */
  .submenuinner {
    max-width: 996px;
  }

  /* Start */
  /* line 3731, ../../../dev/scss/css.scss */
  .toptext {
    max-width: 996px;
  }

  /* line 3734, ../../../dev/scss/css.scss */
  .toptextinner h1 {
    font-size: 32px;
  }

  /* line 3737, ../../../dev/scss/css.scss */
  .toptextinner p {
    font-size: 18px;
  }

  /* line 3740, ../../../dev/scss/css.scss */
  .threeblocksinner {
    width: 80%;
    height: auto;
    padding: 30px 0;
  }

  /* line 3745, ../../../dev/scss/css.scss */
  .threeblocksinner h2 {
    font-size: 26px;
    margin: 8px 0;
    line-height: 1.2;
  }

  /* line 3750, ../../../dev/scss/css.scss */
  .threeblocksinner p {
    font-size: 18px;
  }

  /* line 3753, ../../../dev/scss/css.scss */
  .featurearea {
    padding: 48px 0;
  }

  /* line 3757, ../../../dev/scss/css.scss */
  .featurearea h1 {
    font-size: 26px;
    margin: 0 0 15px;
  }

  /* line 3761, ../../../dev/scss/css.scss */
  #per-slide-template a {
    font-size: 18px;
    margin: 0 8px;
    padding: 6px 10px;
  }

  /* line 3766, ../../../dev/scss/css.scss */
  section.cycle-slide {
    max-width: 800px;
  }

  /* line 3769, ../../../dev/scss/css.scss */
  .cycle-slideshow {
    height: 460px;
  }

  /* line 3772, ../../../dev/scss/css.scss */
  section.cycle-slide {
    height: 460px;
  }

  /* line 3775, ../../../dev/scss/css.scss */
  .slidertext {
    width: 64%;
    margin-top: 0;
  }

  /* line 3779, ../../../dev/scss/css.scss */
  .slidertext h1 {
    font-size: 18px;
  }

  /* line 3782, ../../../dev/scss/css.scss */
  .slidertext p {
    font-size: 18px;
  }

  /* line 3785, ../../../dev/scss/css.scss */
  .navigate {
    max-width: 800px;
  }

  /* line 3788, ../../../dev/scss/css.scss */
  #prev {
    margin: -32px 25px 0 0;
  }

  /* line 3791, ../../../dev/scss/css.scss */
  #prev:hover {
    margin: -32px 35px 0 0;
  }

  /* line 3794, ../../../dev/scss/css.scss */
  #next {
    margin: -32px 0 0 25px;
  }

  /* line 3797, ../../../dev/scss/css.scss */
  #next:hover {
    margin: -32px 0 0 35px;
  }

  /* line 3800, ../../../dev/scss/css.scss */
  .newsinner {
    max-width: 996px;
  }

  /* line 3803, ../../../dev/scss/css.scss */
  .usersinner h1 {
    font-size: 26px;
    margin: 0 0 36px;
  }

  /* line 3807, ../../../dev/scss/css.scss */
  .customerinner p {
    font-size: 18px;
    margin: 18px 0;
  }

  /* line 3811, ../../../dev/scss/css.scss */
  .customer {
    min-height: 300px;
  }

  /* line 3814, ../../../dev/scss/css.scss */
  .customerinner h1 {
    font-size: 26px;
    margin: 0 0 20px;
  }

  /* Page */
  /* line 3820, ../../../dev/scss/css.scss */
  .pagecontent {
    margin: 40px auto;
  }

  /* line 3824, ../../../dev/scss/css.scss */
  .greybg h1 {
    font-size: 80px;
  }

  /* line 3827, ../../../dev/scss/css.scss */
  .greybg h2 {
    font-size: 26px;
  }

  /* line 3833, ../../../dev/scss/css.scss */
  .pagecontentleftgrey {
    padding: 16px;
    margin-bottom: 32px;
  }

  /* line 3838, ../../../dev/scss/css.scss */
  .pagecontentleftwhite {
    padding: 16px;
  }

  /* line 3842, ../../../dev/scss/css.scss */
  .pagecontentleftwhite h3 {
    font-size: 18px;
  }

  /* line 3860, ../../../dev/scss/css.scss */
  ul.standardlist {
    margin: 0 0 24px 24px;
  }

  /* line 3863, ../../../dev/scss/css.scss */
  .detaillist ul li p {
    font-size: 14px;
  }

  /* line 3866, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven li div:first-child {
    width: 66%;
  }

  /* line 3869, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven li div:nth-child(2) {
    width: 16%;
    padding-right: 3%;
  }

  /* line 3873, ../../../dev/scss/css.scss */
  .detaillist ul.fouruneven li div {
    width: 18%;
  }

  /* line 3876, ../../../dev/scss/css.scss */
  .detaillist ul.fouruneven li div:last-child {
    width: 41%;
    margin-left: 5%;
  }

  /* line 3880, ../../../dev/scss/css.scss */
  p.readmoresmall {
    font-size: 14px !important;
    width: 90px;
    padding: 6px 0;
  }

  /* line 3886, ../../../dev/scss/css.scss */
  .masonry {
    max-width: 640px;
  }

  /* line 3889, ../../../dev/scss/css.scss */
  .item h3 {
    font-size: 18px;
    margin: 18px 0 12px;
  }

  /* line 3893, ../../../dev/scss/css.scss */
  .item ul.standardlist li {
    font-size: 18px;
  }

  /* line 3896, ../../../dev/scss/css.scss */
  ul.companylist li div:first-child {
    width: 15.715%;
  }

  /* line 3899, ../../../dev/scss/css.scss */
  ul.companylist li div:nth-child(2) {
    width: 62%;
  }

  /* line 3902, ../../../dev/scss/css.scss */
  ul.companylist li div:last-child {
    width: 22.285%;
  }

  /* line 3905, ../../../dev/scss/css.scss */
  .dltype ul li {
    width: 30%;
  }

  /* line 3908, ../../../dev/scss/css.scss */
  .dltype ul li h3 {
    font-size: 18px;
  }

  /* line 3911, ../../../dev/scss/css.scss */
  .dltype ul li:first-child {
    width: 40%;
  }

  /* line 3914, ../../../dev/scss/css.scss */
  .dltype ul li:last-child {
    width: 28%;
    text-align: right;
  }

  /* line 3918, ../../../dev/scss/css.scss */
  .dlgreenbg ul li {
    width: 28%;
  }

  /* line 3921, ../../../dev/scss/css.scss */
  .dlgreenbg ul li:first-child {
    width: 12%;
  }

  /* line 3924, ../../../dev/scss/css.scss */
  .dlgreenbg ul li:nth-child(3) {
    width: 30%;
  }

  /* line 3927, ../../../dev/scss/css.scss */
  .dlgreenbg ul li:last-child {
    width: 28%;
    text-align: right;
  }

  /* line 3931, ../../../dev/scss/css.scss */
  ul.sql {
    margin: 48px 0 62px;
  }

  /* line 3934, ../../../dev/scss/css.scss */
  ul.sql li {
    width: 19%;
    padding: 2%;
    margin-right: 2%;
  }

  /* line 3940, ../../../dev/scss/css.scss */
  .maptop h2 {
    top: 80px;
    font-size: 42px;
  }

  /* line 3944, ../../../dev/scss/css.scss */
  .maptop h3 {
    top: 148px;
    font-size: 26px;
  }

  /* Footer */
  /* line 3950, ../../../dev/scss/css.scss */
  .footerinner {
    max-width: 996px;
    padding: 20px 0;
  }

  /* line 3954, ../../../dev/scss/css.scss */
  .footerinner ul li a {
    font-size: 18px;
    padding: 4px 8px;
    margin-left: 12px;
  }

  /* line 3960, ../../../dev/scss/css.scss */
  .copyright {
    font-size: 18px;
  }
}
@media screen and (max-width: 1125px) {
  /* line 3967, ../../../dev/scss/css.scss */
  .headerinner .button {
    width: auto;
    margin-top: 23px;
    font-size: 14px;
    padding: 0 10px;
  }

  /* line 3974, ../../../dev/scss/css.scss */
  nav#mainmenu ul li {
    padding: 0 10px;
  }

  /* line 3978, ../../../dev/scss/css.scss */
  nav#mainmenu ul li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 950px) {
  /* line 3984, ../../../dev/scss/css.scss */
  .headerinner .button {
    width: auto;
    margin-top: 23px;
    font-size: 12px;
    padding: 0 8px;
  }

  /* line 3991, ../../../dev/scss/css.scss */
  nav#mainmenu ul li {
    padding: 0 8px;
  }

  /* line 3995, ../../../dev/scss/css.scss */
  nav#mainmenu ul li a {
    font-size: 15px;
  }
}
/* iPad */
@media screen and (min-width: 1025px) {
  /* line 4005, ../../../dev/scss/css.scss */
  .showmenu {
    display: block !important;
  }
}
@media screen and (max-width: 1024px) {
  /* line 4012, ../../../dev/scss/css.scss */
  .uk-container {
    padding-left: 25px;
    padding-right: 25px;
  }

  /* line 4017, ../../../dev/scss/css.scss */
  h2 {
    font-size: 32px;
  }

  /* Header */
  /* line 4023, ../../../dev/scss/css.scss */
  div.quote:before {
    display: block;
    content: " ";
    margin-top: -107px;
    height: 107px;
    visibility: hidden;
  }

  /* line 4032, ../../../dev/scss/css.scss */
  .toptextinner h1 {
    font-size: 26px;
    margin: 0 0 12px;
  }

  /* line 4036, ../../../dev/scss/css.scss */
  .toptextinner p {
    font-size: 18px;
    margin: 10px 0 40px;
  }

  /* line 4040, ../../../dev/scss/css.scss */
  .toptext .button {
    min-width: 100px;
    max-width: 120px;
    padding: 0 30px;
  }

  /* line 4045, ../../../dev/scss/css.scss */
  .toptext .button::after, .toptext .button > span {
    line-height: 38px;
    font-size: 18px;
  }

  /* line 4049, ../../../dev/scss/css.scss */
  a.threeblocksouter {
    height: 240px;
  }

  /* line 4052, ../../../dev/scss/css.scss */
  .threeblocksinner h2 {
    font-size: 18px;
    margin: 6px 0;
    line-height: 1.2;
  }

  /* line 4057, ../../../dev/scss/css.scss */
  .threeblocksinner p {
    font-size: 14px;
    line-height: 1.45;
  }

  /* line 4061, ../../../dev/scss/css.scss */
  p.apple:before {
    width: 16px;
    height: 20px;
    background-size: 16px;
  }

  /* line 4066, ../../../dev/scss/css.scss */
  #per-slide-template {
    margin: 40px auto 10px;
  }

  /* line 4069, ../../../dev/scss/css.scss */
  #per-slide-template a {
    font-size: 12px;
    margin: 0 4px;
    padding: 6px;
  }

  /* line 4074, ../../../dev/scss/css.scss */
  .featurearea {
    padding: 40px 0;
  }

  /* line 4077, ../../../dev/scss/css.scss */
  .featurearea h1 {
    font-size: 18px;
    margin: 0 0 10px;
  }

  /* line 4081, ../../../dev/scss/css.scss */
  .cycle-slideshow {
    height: 400px;
  }

  /* line 4084, ../../../dev/scss/css.scss */
  section.cycle-slide {
    height: 400px;
    max-width: 560px;
  }

  /* line 4088, ../../../dev/scss/css.scss */
  #next, #prev {
    width: 40px;
    height: 40px;
    background-size: 20px;
  }

  /* Page */
  /* line 4095, ../../../dev/scss/css.scss */
  .pagecrumbs:before {
    left: 0;
    top: 0;
  }

  /* line 4099, ../../../dev/scss/css.scss */
  .pagecrumbs a,
  .pagecrumbs p {
    font-size: 12px !important;
  }

  /* line 4110, ../../../dev/scss/css.scss */
  .pagecontentleftgrey {
    padding: 12px;
    margin-bottom: 26px;
  }

  /* line 4115, ../../../dev/scss/css.scss */
  .pagecontentleftgrey h3 {
    font-size: 18px;
    margin: 0 0 12px;
  }

  /* line 4119, ../../../dev/scss/css.scss */
  .pagecontentleftgrey h4 {
    font-size: 18px;
    margin: 10px 0;
  }

  /* line 4123, ../../../dev/scss/css.scss */
  .pagecontentleftgrey p {
    font-size: 18px;
    margin: 10px 0;
    padding-right: 0;
  }

  /* line 4128, ../../../dev/scss/css.scss */
  .pagecontentleftwhite {
    padding: 16px;
  }

  /* line 4133, ../../../dev/scss/css.scss */
  h1 {
    font-size: 32px;
  }

  /* line 4141, ../../../dev/scss/css.scss */
  .pagecontentright h5 {
    font-size: 18px;
    margin: 60px 0 10px;
  }

  /* line 4145, ../../../dev/scss/css.scss */
  ul.newsblock li h2 {
    font-size: 18px;
    margin: 0 0 28px;
  }

  /* line 4149, ../../../dev/scss/css.scss */
  ul.newsblock li p {
    font-size: 14px;
    margin: 0 0 30px;
  }

  /* line 4153, ../../../dev/scss/css.scss */
  a.readmore {
    font-size: 14px;
    padding: 6px 28px;
  }

  /* line 4157, ../../../dev/scss/css.scss */
  .pagereadmore {
    font-size: 18px;
    padding: 5px 0;
    margin: 24px 0 0;
  }

  /* line 4162, ../../../dev/scss/css.scss */
  .slidertext {
    width: 62%;
  }

  /* line 4166, ../../../dev/scss/css.scss */
  .navigate {
    max-width: 620px;
  }

  /* line 4169, ../../../dev/scss/css.scss */
  ul.companylist li {
    height: 90px;
  }

  /* line 4172, ../../../dev/scss/css.scss */
  ul.companylist li div h2 {
    font-size: 18px;
    margin: 25px 0 0;
  }

  /* line 4176, ../../../dev/scss/css.scss */
  ul.companylist li div a {
    font-size: 14px;
  }

  /* line 4179, ../../../dev/scss/css.scss */
  ul.companylist li div p {
    font-size: 12px;
    line-height: 1.45;
  }

  /* line 4183, ../../../dev/scss/css.scss */
  .select-style {
    margin: 0 0 30px;
    width: 100%;
  }

  /* line 4187, ../../../dev/scss/css.scss */
  .pagecontentleftwhite h3 {
    font-size: 18px;
  }

  /* line 4190, ../../../dev/scss/css.scss */
  .pagecontentleftgrey p span {
    font-size: 14px;
    line-height: 20px;
  }

  /* line 4195, ../../../dev/scss/css.scss */
  .pagecontentright h3 {
    font-size: 18px;
    margin: 0 0 20px;
  }

  /* line 4199, ../../../dev/scss/css.scss */
  .pagecontentright h4 {
    margin: 28px 0 0;
  }

  /* line 4202, ../../../dev/scss/css.scss */
  .pagecontentright h6 {
    font-size: 18px;
    margin: 0 0 -20px;
  }

  /* line 4206, ../../../dev/scss/css.scss */
  .pagecontentright p {
    margin: 20px 0;
  }

  /* line 4209, ../../../dev/scss/css.scss */
  .pagecontentright form select {
    font-size: 18px;
  }

  /* line 4213, ../../../dev/scss/css.scss */
  .pagecontentright form input {
    font-size: 18px;
  }

  /* line 4220, ../../../dev/scss/css.scss */
  .pagecontentright form h3 {
    font-size: 18px;
  }

  /* line 4223, ../../../dev/scss/css.scss */
  .pagecontentright form textarea {
    font-size: 18px;
  }

  /* line 4226, ../../../dev/scss/css.scss */
  .pagecontentright form input[type="submit"] {
    font-size: 18px;
  }

  /* line 4232, ../../../dev/scss/css.scss */
  .pagecontentright .usersinner {
    padding: 40px 0;
  }

  /* line 4235, ../../../dev/scss/css.scss */
  .pagecontentright .usersinner ul li {
    width: 33.333333%;
  }

  /* line 4238, ../../../dev/scss/css.scss */
  .pagecontentleftwhite ul li a {
    font-size: 18px;
    line-height: 1;
  }

  /* line 4242, ../../../dev/scss/css.scss */
  .pagecontentleftwhite ul.topalt li {
    padding: 3px 0 3px 16px;
  }

  /* line 4245, ../../../dev/scss/css.scss */
  .pagecontentleftwhite ul.topalt li:before {
    width: 12px;
    height: 12px;
    background-size: 12px;
    left: 0;
    top: 7px;
  }

  /* line 4252, ../../../dev/scss/css.scss */
  .pagecontentleftwhite ul li {
    font-size: 14px;
  }

  /* line 4255, ../../../dev/scss/css.scss */
  .pagecontentleftwhite ul li span {
    font-size: 18px;
  }

  /* line 4259, ../../../dev/scss/css.scss */
  #imagesUpload {
    width: 100%;
    margin: 10px 0 20px;
  }

  /* line 4263, ../../../dev/scss/css.scss */
  .masonry {
    max-width: 500px;
  }

  /* line 4266, ../../../dev/scss/css.scss */
  .dltype ul li h3 {
    font-size: 18px;
  }

  /* line 4269, ../../../dev/scss/css.scss */
  .dlgreenbg ul li h3 {
    font-size: 14px;
  }

  /* line 4272, ../../../dev/scss/css.scss */
  .dlgreenbg ul li img {
    width: 50%;
  }

  /* line 4275, ../../../dev/scss/css.scss */
  .leftmenu ul li p {
    font-size: 14px;
    padding: 6px 10px;
  }

  /* line 4279, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:first-child {
    padding: 12px 12px 2px;
  }

  /* line 4282, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:only-child {
    padding: 12px 12px 12px;
  }

  /* line 4285, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:last-child {
    padding-bottom: 12px;
  }

  /* line 4288, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li {
    padding: 2px 12px;
  }

  /* line 4291, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:last-child {
    padding: 2px 12px 25px 12px;
  }

  /* line 4294, ../../../dev/scss/css.scss */
  li.sub:before {
    top: 8px;
  }

  /* line 4297, ../../../dev/scss/css.scss */
  ul.standardlist {
    margin: 0 0 20px 24px;
  }

  /* line 4300, ../../../dev/scss/css.scss */
  ul.standardlist li {
    font-size: 14px;
    margin: 10px 0;
  }

  /* line 4304, ../../../dev/scss/css.scss */
  ul.standardlist li:before {
    top: 3px;
    width: 10px;
    height: 10px;
  }

  /* line 4309, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven {
    float: left;
    margin: 40px 0 7px;
  }

  /* line 4313, ../../../dev/scss/css.scss */
  .detaillist ul.foureven {
    float: left;
    margin: 0 0 20px;
  }

  /* line 4317, ../../../dev/scss/css.scss */
  .detaillist ul li p {
    font-size: 12px;
  }

  /* line 4320, ../../../dev/scss/css.scss */
  ul.newsblock {
    margin: 20px auto;
  }

  /* line 4323, ../../../dev/scss/css.scss */
  .newsinner {
    max-width: 748px;
    padding: 40px 0;
  }

  /* line 4327, ../../../dev/scss/css.scss */
  .usersinner {
    padding: 40px 0;
    overflow: hidden;
  }

  /* line 4331, ../../../dev/scss/css.scss */
  p.readmoresmall {
    width: 80px;
    font-size: 12px !important;
  }

  /* line 4335, ../../../dev/scss/css.scss */
  #imagesUpload .newImage:last-child::after {
    padding: 3px 3px 5px;
  }

  /* line 4338, ../../../dev/scss/css.scss */
  input#newImage {
    text-indent: 0;
  }

  /* line 4341, ../../../dev/scss/css.scss */
  #imagesUpload .newImage input {
    font-size: 14px;
  }

  /* line 4344, ../../../dev/scss/css.scss */
  #imagesUpload .newImage input[type="file" i]::-webkit-file-upload-button {
    font-size: 14px;
    padding: 6px 24px 7px;
  }

  /* line 4348, ../../../dev/scss/css.scss */
  .showallinstallers {
    margin: 0 0 40px;
  }

  /* line 4351, ../../../dev/scss/css.scss */
  .showallinstallers p {
    font-size: 14px !important;
  }

  /* line 4354, ../../../dev/scss/css.scss */
  .customer {
    min-height: 300px;
  }

  /* line 4357, ../../../dev/scss/css.scss */
  .customerinner h1 {
    font-size: 26px;
    margin: 0 0 12px;
  }

  /* line 4361, ../../../dev/scss/css.scss */
  .customerinner p {
    font-size: 18px;
  }

  /* line 4364, ../../../dev/scss/css.scss */
  .customerinner p strong {
    font-size: 18px;
  }

  /* line 4367, ../../../dev/scss/css.scss */
  div#per-slide-template2 {
    bottom: -30px;
  }

  /* line 4370, ../../../dev/scss/css.scss */
  .releaselist ul li {
    font-size: 14px;
  }

  /* line 4373, ../../../dev/scss/css.scss */
  ul.sql li p {
    font-size: 12px;
    line-height: 1.4;
    margin: 4px 0 0;
  }

  /* line 4378, ../../../dev/scss/css.scss */
  ul.sql h2, .usersinner h2 {
    font-size: 18px;
    margin: 6px 0 16px;
  }

  /* Footer */
  /* line 4384, ../../../dev/scss/css.scss */
  input.signup {
    width: 300px;
    padding: 0 0 0 12px;
  }

  /* line 4388, ../../../dev/scss/css.scss */
  input.newsletterBtn {
    font-size: 18px !important;
    line-height: 37px;
    width: 100px;
    padding: 0;
  }

  /* line 4394, ../../../dev/scss/css.scss */
  form#newsletter input {
    font-size: 18px;
    line-height: 36px;
  }

  /* line 4398, ../../../dev/scss/css.scss */
  form.purchase .select-style {
    float: left;
  }

  /* line 4401, ../../../dev/scss/css.scss */
  ul.purchaseleftlist li div {
    width: 100%;
    padding: 0 0 20px;
    font-size: 18px;
  }

  /* line 4407, ../../../dev/scss/css.scss */
  .footerinner {
    max-width: 748px;
  }

  /* line 4410, ../../../dev/scss/css.scss */
  .footerinner img {
    width: 170px;
    margin-right: 10px;
  }

  /* line 4414, ../../../dev/scss/css.scss */
  .footerinner ul li a {
    font-size: 14px;
    padding: 3px 6px;
    margin-left: 6px;
  }

  /* line 4419, ../../../dev/scss/css.scss */
  .footerinner .button {
    width: 140px;
  }

  /* line 4422, ../../../dev/scss/css.scss */
  .footerinner .button::after, .footerinner .button > span {
    font-size: 14px;
    line-height: 32px;
  }

  /* line 4426, ../../../dev/scss/css.scss */
  .footerbottom {
    height: 32px;
    padding: 20px 0;
  }

  /* line 4430, ../../../dev/scss/css.scss */
  .copyright {
    font-size: 14px;
  }
}
/* iPhone */
@media screen and (max-width: 667px) {
  /* line 4438, ../../../dev/scss/css.scss */
  .uk-card-body {
    padding: 10px 10px;
  }

  /* Header */
  /* line 4443, ../../../dev/scss/css.scss */
  #logo {
    width: 105px;
    height: 16px;
  }

  /* line 4448, ../../../dev/scss/css.scss */
  .headerinner .button {
    position: absolute;
    right: 106px;
    width: 84px;
    margin-top: 10px;
    font-size: 10px;
  }

  /* line 4457, ../../../dev/scss/css.scss */
  .toptextinner h1 {
    font-size: 26px;
  }

  /* line 4460, ../../../dev/scss/css.scss */
  .toptextinner p {
    font-size: 18px;
    margin: 10px 0 20px;
  }

  /* line 4464, ../../../dev/scss/css.scss */
  a.threeblocksouter {
    height: 200px;
    width: 100%;
  }

  /* line 4468, ../../../dev/scss/css.scss */
  .featurearea {
    padding: 20px 0;
  }

  /* line 4471, ../../../dev/scss/css.scss */
  .featurearea h1 {
    font-size: 18px;
  }

  /* line 4474, ../../../dev/scss/css.scss */
  .cycle-slideshow {
    height: auto;
  }

  /* line 4477, ../../../dev/scss/css.scss */
  section.cycle-slide {
    height: auto;
  }

  /* line 4481, ../../../dev/scss/css.scss */
  .slidertext {
    width: 96%;
    padding: 4% 2% 0;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 4489, ../../../dev/scss/css.scss */
  .slidertext p {
    font-size: 14px;
  }

  /* line 4492, ../../../dev/scss/css.scss */
  .navigate {
    display: none;
  }

  /* line 4495, ../../../dev/scss/css.scss */
  #per-slide-template {
    margin: 20px auto 10px;
    height: 100px;
  }

  /* line 4499, ../../../dev/scss/css.scss */
  #per-slide-template a {
    float: left;
    font-size: 12px;
    line-height: 1;
    margin: 0 6px;
    padding: 8px 12px;
  }

  /* line 4506, ../../../dev/scss/css.scss */
  div#per-slide-template2 {
    bottom: -60px;
  }

  /* line 4509, ../../../dev/scss/css.scss */
  .newsinner h1 {
    font-size: 26px;
  }

  /* Page */
  /* line 4514, ../../../dev/scss/css.scss */
  .pagecontent {
    margin: 35px auto 20px;
  }

  /* line 4525, ../../../dev/scss/css.scss */
  .pagecontentright h3 {
    font-size: 18px;
    margin: 15px 0 10px;
  }

  /* line 4529, ../../../dev/scss/css.scss */
  .pagecontentright h5 {
    font-size: 18px;
    margin: 40px 0 10px;
  }

  /* line 4533, ../../../dev/scss/css.scss */
  .pagecontentright h6 {
    font-size: 18px;
    margin: 10px 0 10px;
  }

  /* line 4537, ../../../dev/scss/css.scss */
  .pagecontentright p {
    margin: 15px 0;
    font-size: 11px;
  }

  /* line 4549, ../../../dev/scss/css.scss */
  .pagecontentright form h3 {
    font-size: 14px;
  }

  /* line 4552, ../../../dev/scss/css.scss */
  .pagecontentright form h4 {
    font-size: 14px;
  }

  /* line 4556, ../../../dev/scss/css.scss */
  .pagecontentright form select {
    font-size: 14px;
  }

  /* line 4560, ../../../dev/scss/css.scss */
  .pagecontentright form input {
    font-size: 14px;
  }

  /* line 4566, ../../../dev/scss/css.scss */
  .pagecontentright form textarea {
    font-size: 14px;
  }

  /* line 4570, ../../../dev/scss/css.scss */
  .pagecontentright form input[type="submit"] {
    font-size: 14px;
  }

  /* line 4576, ../../../dev/scss/css.scss */
  .pagecrumbs {
    padding-left: 20px;
  }

  /* line 4579, ../../../dev/scss/css.scss */
  .greybg h1 {
    font-size: 32px;
    margin: 20px 0 0;
  }

  /* line 4583, ../../../dev/scss/css.scss */
  .greybg h2 {
    font-size: 18px;
  }

  /* line 4586, ../../../dev/scss/css.scss */
  .masonry {
    max-width: 100%;
  }

  /* line 4589, ../../../dev/scss/css.scss */
  .item ul.standardlist li {
    font-size: 14px;
  }

  /* line 4592, ../../../dev/scss/css.scss */
  .select-style {
    height: 38px;
  }

  /* line 4595, ../../../dev/scss/css.scss */
  .select-style:after {
    top: 9px;
  }

  /* line 4598, ../../../dev/scss/css.scss */
  .inputmargin {
    margin: 0 0 20px !important;
  }

  /* line 4601, ../../../dev/scss/css.scss */
  ul.companylist li div h2 {
    font-size: 18px;
    margin: 12px 0 0;
  }

  /* line 4605, ../../../dev/scss/css.scss */
  ul.companylist li div p {
    font-size: 10px;
  }

  /* line 4608, ../../../dev/scss/css.scss */
  ul.newsblock.nohover {
    margin: 20px auto 40px;
  }

  /* line 4611, ../../../dev/scss/css.scss */
  ul.newsblock.nohover li {
    text-align: center;
    margin: 10px 1% 0;
  }

  /* line 4615, ../../../dev/scss/css.scss */
  ul.newsblock.nohover li:hover {
    margin: 10px 1% 0;
  }

  /* line 4618, ../../../dev/scss/css.scss */
  ul.newsblock li {
    /*
        float: none;
        width: 94%;
        height: auto;
        min-height: 100%;
        padding: 5px 2% 20px;
        margin: 0 1% 12px;
        */
  }

  /* line 4628, ../../../dev/scss/css.scss */
  ul.newsblock li:hover {
    /* margin: 0 1% 12px; */
  }

  /* line 4631, ../../../dev/scss/css.scss */
  .newsinner {
    padding: 20px 0;
  }

  /* line 4634, ../../../dev/scss/css.scss */
  .newsinner a.buy {
    font-size: 18px;
    padding: 8px 28px;
  }

  /* line 4638, ../../../dev/scss/css.scss */
  .usersinner h1 {
    font-size: 26px;
    margin: 0 0 20px;
  }

  /* line 4642, ../../../dev/scss/css.scss */
  .usersinner ul li {
    width: 100%;
    height: auto;
    padding: 10px 0;
  }

  /* line 4647, ../../../dev/scss/css.scss */
  .usersinner ul li a {
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 4653, ../../../dev/scss/css.scss */
  .customer {
    min-height: 300px;
  }

  /* line 4656, ../../../dev/scss/css.scss */
  .customerinner {
    max-width: 90%;
  }

  /* line 4659, ../../../dev/scss/css.scss */
  .customerinner h1 {
    font-size: 18px;
    margin: 20px 0 0;
  }

  /* line 4663, ../../../dev/scss/css.scss */
  .customerinner p {
    font-size: 14px;
    margin: 10px 0;
  }

  /* line 4667, ../../../dev/scss/css.scss */
  .customerinner p strong {
    font-size: 14px;
  }

  /* line 4670, ../../../dev/scss/css.scss */
  ul.newsblock.newssolo {
    padding: 0;
  }

  /* line 4673, ../../../dev/scss/css.scss */
  ul.newsblock.newssolo li {
    margin: 10px 1% 0;
  }

  /* line 4676, ../../../dev/scss/css.scss */
  p.readmoresmall {
    width: 64px;
    font-size: 9px !important;
  }

  /* line 4680, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven li div:first-child {
    width: 50%;
    padding-right: 5%;
  }

  /* line 4684, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven li div:nth-child(2) {
    width: 22%;
  }

  /* line 4687, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven li div:last-child {
    width: 20%;
  }

  /* line 4690, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven li div img {
    width: 20px;
  }

  /* line 4693, ../../../dev/scss/css.scss */
  .detaillist ul.fouruneven li div {
    width: 20%;
  }

  /* line 4696, ../../../dev/scss/css.scss */
  .detaillist ul.fouruneven li div:last-child {
    width: 36%;
    margin-left: 4%;
  }

  /* line 4700, ../../../dev/scss/css.scss */
  .detaillist ul li p {
    font-size: 11px;
    line-height: 13px;
    margin: 0;
  }

  /* line 4705, ../../../dev/scss/css.scss */
  #imagesUpload .newImage:last-child::after {
    margin: 4px 0;
  }

  /* Google Maps */
  /* line 4710, ../../../dev/scss/css.scss */
  #mack-map {
    height: 60vh;
  }

  /* line 4713, ../../../dev/scss/css.scss */
  .maptop h2 {
    top: 48px;
    font-size: 32px;
  }

  /* line 4717, ../../../dev/scss/css.scss */
  .maptop h3 {
    top: 86px;
    font-size: 18px;
  }

  /* line 4721, ../../../dev/scss/css.scss */
  .gmnoprint {
    display: none;
  }

  /* line 4724, ../../../dev/scss/css.scss */
  .dltype ul li:last-child {
    width: 29%;
  }

  /* line 4727, ../../../dev/scss/css.scss */
  .dltype ul li h3 {
    font-size: 11px;
  }

  /* line 4730, ../../../dev/scss/css.scss */
  .dlgreenbg ul {
    height: 30px;
    padding: 8px 0;
  }

  /* line 4734, ../../../dev/scss/css.scss */
  .dlgreenbg ul li {
    width: 30%;
  }

  /* line 4737, ../../../dev/scss/css.scss */
  .dlgreenbg ul li:first-child {
    width: 10%;
  }

  /* line 4740, ../../../dev/scss/css.scss */
  .dlgreenbg ul li:nth-child(3) {
    width: 30%;
  }

  /* line 4743, ../../../dev/scss/css.scss */
  .dlgreenbg ul li:last-child {
    width: 29%;
    text-align: right;
  }

  /* line 4747, ../../../dev/scss/css.scss */
  .dlgreenbg ul li img {
    width: 60%;
  }

  /* line 4750, ../../../dev/scss/css.scss */
  .dlgreenbg ul li h3 {
    font-size: 10px;
    margin: 5px 0 0;
  }

  /* line 4754, ../../../dev/scss/css.scss */
  .dlgreenbg ul li p {
    font-size: 10px;
  }

  /* line 4757, ../../../dev/scss/css.scss */
  .hiddeninstallerslist {
    margin: 0 0 20px;
  }

  /* line 4760, ../../../dev/scss/css.scss */
  .showallinstallers p {
    font-size: 12px !important;
    width: auto;
    margin-top: 10px !important;
  }

  /* line 4766, ../../../dev/scss/css.scss */
  .leftmenu ul li p {
    font-size: 12px;
    padding: 4px 5px;
  }

  /* line 4770, ../../../dev/scss/css.scss */
  li.sub:before {
    top: 5px;
    right: 5px;
  }

  /* line 4774, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li {
    padding: 6px 16px;
  }

  /* line 4777, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:first-child {
    padding: 6px 6px 0px;
  }

  /* line 4780, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:only-child {
    padding: 6px 6px 6px;
  }

  /* line 4783, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:last-child {
    padding-bottom: 6px;
  }

  /* line 4786, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li a {
    font-size: 12px;
  }

  /* line 4789, ../../../dev/scss/css.scss */
  ul.standardlist {
    margin: 0 0 10px 16px;
  }

  /* line 4792, ../../../dev/scss/css.scss */
  ul.standardlist li:before {
    left: -17px;
  }

  /* line 4795, ../../../dev/scss/css.scss */
  .detaillist {
    margin: 20px 0 20px;
  }

  /* line 4798, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven {
    float: left;
    margin: 20px 0 7px;
  }

  /* line 4802, ../../../dev/scss/css.scss */
  .pagecontentright .usersinner {
    padding: 20px 0;
  }

  /* line 4805, ../../../dev/scss/css.scss */
  .pagecontentright .usersinner ul li {
    width: 50%;
  }

  /* line 4808, ../../../dev/scss/css.scss */
  ul.sql {
    margin: 20px 0 40px;
  }

  /* line 4811, ../../../dev/scss/css.scss */
  ul.sql li {
    width: 44%;
    padding: 1%;
    margin: 2%;
  }

  /* line 4816, ../../../dev/scss/css.scss */
  ul.sql li p {
    font-size: 12px;
    line-height: 1.4;
    margin: 12px 0 12px;
  }

  /* Footer */
  /* line 4823, ../../../dev/scss/css.scss */
  form#newsletter input {
    font-size: 12px;
    line-height: 30px;
  }

  /* line 4827, ../../../dev/scss/css.scss */
  input.signup {
    width: 60%;
  }

  /* line 4830, ../../../dev/scss/css.scss */
  input.newsletterBtn {
    font-size: 12px !important;
    width: 22%;
  }

  /* line 4834, ../../../dev/scss/css.scss */
  .footerinner {
    max-width: 96%;
    padding: 4% 2%;
  }

  /* line 4838, ../../../dev/scss/css.scss */
  .footerinner ul li a {
    font-size: 12px;
    padding: 0 10px 0 0;
    margin-left: 0;
  }

  /* line 4843, ../../../dev/scss/css.scss */
  .footerinner .button {
    float: none;
    width: 120px;
    padding: 0 10px;
    margin: 10px 0 0;
  }

  /* line 4849, ../../../dev/scss/css.scss */
  .copyright {
    font-size: 10px;
  }

  /* line 4852, ../../../dev/scss/css.scss */
  .footerbottom {
    padding: 0;
  }

  /* line 4856, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:last-child {
    padding: 6px 16px 26px 16px;
  }

  /* line 4860, ../../../dev/scss/css.scss */
  .small-text-on-small {
    line-height: 1.5;
    font-size: 11px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 4867, ../../../dev/scss/css.scss */
  #logo {
    width: 175px;
    height: 30px;
  }

  /* line 4872, ../../../dev/scss/css.scss */
  nav#mainmenu ul li {
    padding: 0 10px;
  }
}
@media screen and (max-width: 899px) {
  /* line 4880, ../../../dev/scss/css.scss */
  .releaselist h2 {
    font-size: 18px;
  }

  /* line 4884, ../../../dev/scss/css.scss */
  .dummy-height {
    height: 34px !important;
  }

  /* line 4888, ../../../dev/scss/css.scss */
  ul.position-change-when-menu-height-changes {
    top: 45px !important;
  }

  /* line 4892, ../../../dev/scss/css.scss */
  a.position-change-when-menu-height-changes {
    top: 90px !important;
    min-width: 100%;
  }

  /* line 4897, ../../../dev/scss/css.scss */
  .burger-menu {
    display: block;
    visibility: visible;
  }

  /* line 4902, ../../../dev/scss/css.scss */
  nav#mainmenu ul li {
    /* display: none; */
  }

  /* line 4906, ../../../dev/scss/css.scss */
  .front {
    padding-top: 85px;
  }

  /* line 4910, ../../../dev/scss/css.scss */
  #logo {
    width: 150px;
    height: 26px;
  }

  /* line 4915, ../../../dev/scss/css.scss */
  .headerinner .button {
    position: absolute;
    right: 117px;
    width: 115px;
    margin-top: 17px;
    font-size: 12px;
  }

  /* line 4922, ../../../dev/scss/css.scss */
  .headerinner .button::after, .headerinner .button > span {
    line-height: 29px;
  }

  /* line 4926, ../../../dev/scss/css.scss */
  nav#mainmenu {
    display: none;
    position: fixed;
    top: 65px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #b2d53b;
    margin: 0 auto;
  }

  /* line 4938, ../../../dev/scss/css.scss */
  nav#mainmenu ul {
    display: block;
    padding: 28px 0 0;
  }

  /* line 4942, ../../../dev/scss/css.scss */
  nav#mainmenu ul li {
    float: none;
    width: 100%;
    height: 70px;
    padding: 0;
    background: #b2d53b;
  }

  /* line 4950, ../../../dev/scss/css.scss */
  nav#mainmenu ul li:after {
    position: absolute;
    width: 25px;
    height: 15px;
    top: 50%;
    right: 35px;
    content: "";
    background: url("../images/arrow-down.svg") center center no-repeat;
    background-size: 25px;
    margin: -7px 0 0;
  }

  /* line 4962, ../../../dev/scss/css.scss */
  nav#mainmenu ul li.active:after {
    position: absolute;
    width: 25px;
    height: 15px;
    top: 50%;
    content: "";
    background: url("../images/arrow-down-green.svg") center center no-repeat;
    background-size: 25px;
    margin: -7px 0 0;
  }

  /* line 4974, ../../../dev/scss/css.scss */
  nav#mainmenu ul li a {
    float: none;
    font-size: 14px;
    line-height: 70px;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 4983, ../../../dev/scss/css.scss */
  .burger-menu {
    display: block !important;
  }

  /* line 4986, ../../../dev/scss/css.scss */
  .submenu {
    height: 100%;
    width: 100%;
    top: 65px;
    box-shadow: none;
  }

  /* line 4992, ../../../dev/scss/css.scss */
  .submenuinner {
    padding: 2%;
    width: 96%;
  }

  /* line 4996, ../../../dev/scss/css.scss */
  .submenuleft {
    float: none;
    width: 100%;
    height: auto;
    max-width: 100%;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 5006, ../../../dev/scss/css.scss */
  .submenuleft h1 {
    font-size: 26px !important;
    margin: 10px 0 10px !important;
  }

  /* line 5010, ../../../dev/scss/css.scss */
  .submenuleft p {
    font-size: 14px;
    line-height: 1.4;
    margin: 10px 0;
  }

  /* line 5015, ../../../dev/scss/css.scss */
  .submenuright {
    float: none;
    width: 100%;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 5023, ../../../dev/scss/css.scss */
  .submenuright ul {
    padding: 0 !important;
  }

  /* line 5026, ../../../dev/scss/css.scss */
  .submenuright ul li {
    width: 100% !important;
    height: 20px !important;
    padding: 10px 0 !important;
    background: #ffffff !important;
  }

  /* line 5032, ../../../dev/scss/css.scss */
  .submenuright ul li a {
    font-size: 18px !important;
    line-height: 40px !important;
    padding: 0;
  }

  /* line 5037, ../../../dev/scss/css.scss */
  .searchbar {
    width: 95%;
    right: 20px;
    top: 65px;
  }

  /* line 5042, ../../../dev/scss/css.scss */
  .search {
    width: 28px;
    height: 28px;
    margin: 17px 0 0;
  }

  /* line 5048, ../../../dev/scss/css.scss */
  .featurestop {
    height: 48px !important;
  }

  /* line 5051, ../../../dev/scss/css.scss */
  .headerinner {
    height: 65px !important;
  }
}
/* Ugly fix need to manage the overflow:hidden setup on parent container */
/* line 5057, ../../../dev/scss/css.scss */
.featurebox {
  padding-box: 5px;
}

/* Ugly fix need to manage the general lsit overrides */
/* line 5061, ../../../dev/scss/css.scss */
ul.driverslist {
  list-style-type: disc;
  margin-left: 25px;
}
/* line 5065, ../../../dev/scss/css.scss */
ul.driverslist li {
  float: none;
  width: auto;
  height: auto !important;
  border-bottom: none;
}

@media screen and (max-width: 465px) {
  /* line 5075, ../../../dev/scss/css.scss */
  .hideontosmall {
    display: none;
  }

  /* line 5079, ../../../dev/scss/css.scss */
  .showontosmall {
    display: block !important;
  }
}
@media screen and (max-width: 387px) {
  /* line 5086, ../../../dev/scss/css.scss */
  .showontosmall {
    display: none !important;
  }

  /* line 5090, ../../../dev/scss/css.scss */
  .select-style select {
    font-size: 12px;
  }

  /* contact form widget from freshdesk */
  /* line 5096, ../../../dev/scss/css.scss */
  .embedded-wrapper .modal-header h3.active {
    color: #80be0e;
  }
}
@media screen and (max-width: 320px) {
  /* line 5103, ../../../dev/scss/css.scss */
  .showontosmall {
    display: none !important;
  }

  /* line 5107, ../../../dev/scss/css.scss */
  .select-style select {
    font-size: 10px;
  }
}
@media screen and (min-width: 1200px) {
  /* line 5113, ../../../dev/scss/css.scss */
  .news ul.newssolo li:nth-child(4) {
    display: none;
  }
}