@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;
}

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

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

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

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

/* Shadows */
/* line 73, ../../../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 79, ../../../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 86, ../../../dev/scss/css.scss */
.heading-large {
  font-size: 42px;
  margin: 12px 0 0 0;
}

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

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

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

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

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

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

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

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

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

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

/* Text */
/* line 158, ../../../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 167, ../../../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 178, ../../../dev/scss/css.scss */
code, kbd, pre, samp {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

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

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

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

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

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

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

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

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

/* line 221, ../../../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 232, ../../../dev/scss/css.scss */
.releaselist ul li ul {
  margin-left: 30px;
  margin-top: 5px;
}

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

/* line 246, ../../../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 257, ../../../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 271, ../../../dev/scss/css.scss */
.form-item-wrapper {
  position: relative;
  width: 100%;
}
/* line 274, ../../../dev/scss/css.scss */
.form-item-wrapper .select-style {
  float: left;
  margin-right: 25px;
}
/* line 278, ../../../dev/scss/css.scss */
.form-item-wrapper .form-item-info {
  float: left;
}
/* line 281, ../../../dev/scss/css.scss */
.form-item-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 431, ../../../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 444, ../../../dev/scss/css.scss */
#particles-js canvas {
  display: block;
  vertical-align: bottom;
}

/* line 449, ../../../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 457, ../../../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 466, ../../../dev/scss/css.scss */
.headerinner {
  position: relative;
  height: 80px;
  margin: 0 auto;
}

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

/* line 482, ../../../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 495, ../../../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 509, ../../../dev/scss/css.scss */
.badger.orange:after {
  border-right: 14px solid #fff;
}

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

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

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

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

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

/* line 533, ../../../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 540, ../../../dev/scss/css.scss */
div.quote:before {
  display: block;
  content: " ";
  margin-top: -107px;
  height: 107px;
  visibility: hidden;
}

/* line 548, ../../../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 555, ../../../dev/scss/css.scss */
#logo img {
  display: inline-block;
  width: 100%;
  height: auto;
}

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

/* line 566, ../../../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 579, ../../../dev/scss/css.scss */
.featureNavigate {
  width: 60%;
  margin: auto;
}

/* line 584, ../../../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 606, ../../../dev/scss/css.scss */
a.buy:hover {
  color: #ffffff;
  background: #80be0e;
}

/* line 611, ../../../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 626, ../../../dev/scss/css.scss */
.search:hover {
  background: #ffffff url("../images/search_green.svg") 50% 50% no-repeat;
  background-size: 16px;
}

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

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

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

/* line 649, ../../../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 659, ../../../dev/scss/css.scss */
nav#mainmenu ul li:before {
  display: none;
}

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

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

/* line 671, ../../../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 682, ../../../dev/scss/css.scss */
nav#mainmenu ul li.active {
  background: #ffffff;
}

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

/* line 690, ../../../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 707, ../../../dev/scss/css.scss */
.submenuinner {
  text-align: left;
}

/* line 711, ../../../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 715, ../../../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 723, ../../../dev/scss/css.scss */
.submenuleft p {
  font-family: "Roboto", arial, sans-serif;
  line-height: 1.7;
  margin: 0;
}

/* line 729, ../../../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 734, ../../../dev/scss/css.scss */
.submenuright ul {
  width: 100%;
}

/* line 738, ../../../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 749, ../../../dev/scss/css.scss */
.submenuright ul li a {
  float: none !important;
  color: #80be0e !important;
  line-height: 30px;
  padding: 0px 0;
}

/* line 756, ../../../dev/scss/css.scss */
.submenuright ul li:hover a {
  color: #000000 !important;
}

/* line 760, ../../../dev/scss/css.scss */
.submenu.show .submenuright, .submenu.show .submenuleft {
  opacity: 1;
  margin: 0;
}

/* line 765, ../../../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 780, ../../../dev/scss/css.scss */
.searchbar form {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1185px;
  margin: 0 auto;
}

/* line 788, ../../../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 802, ../../../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 814, ../../../dev/scss/css.scss */
.closeSearchbar:hover {
  color: #b2d53b;
}

/* line 818, ../../../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 830, ../../../dev/scss/css.scss */
.closeSearchbar:hover:before {
  left: -5px;
}

/* Mobile Menu */
/* line 835, ../../../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 847, ../../../dev/scss/css.scss */
.burger {
  background: #ffffff;
  width: 100%;
  height: 7px;
  top: 10px;
  right: 0;
  margin-top: 0;
  opacity: 1;
  position: relative;
}

/* line 858, ../../../dev/scss/css.scss */
.burger::before {
  position: absolute;
  background: #ffffff;
  width: 38px;
  height: 7px;
  top: 22px;
  content: "";
  display: block;
}

/* line 868, ../../../dev/scss/css.scss */
.burger::after {
  position: absolute;
  background: #ffffff;
  width: 38px;
  height: 7px;
  top: 11px;
  content: "";
  display: block;
}

/* line 878, ../../../dev/scss/css.scss */
.burger::after,
.burger::before,
.burger {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

/* line 885, ../../../dev/scss/css.scss */
.burger-menu.menu-on .burger::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 10px;
}

/* line 891, ../../../dev/scss/css.scss */
.burger-menu.menu-on .burger::before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 10px;
}

/* line 897, ../../../dev/scss/css.scss */
.burger-menu.menu-on .burger {
  background: rgba(111, 111, 111, 0);
}

/* line 901, ../../../dev/scss/css.scss */
.front {
  padding-top: 120px;
  padding-bottom: 25px;
}

/* Popup up icons */
/* line 908, ../../../dev/scss/css.scss */
.popup {
  position: absolute;
  margin-left: -40px;
  margin-top: -40px;
}

/* line 914, ../../../dev/scss/css.scss */
.popup .uk-card {
  border-radius: 5px;
  border-radius: 5px;
}

/* line 919, ../../../dev/scss/css.scss */
.popup .uk-card-small {
  padding: 10px 10px 8px 10px;
  max-width: 100px;
}

@media all and (max-width: 1280px) {
  /* line 925, ../../../dev/scss/css.scss */
  .pricebox.uk-card-large {
    padding: 30px 30px;
  }
}
@media all and (max-width: 1070px) {
  /* line 931, ../../../dev/scss/css.scss */
  .pricebox.uk-card-large .uk-button {
    font-size: 14px;
  }
}
/* line 937, ../../../dev/scss/css.scss */
.popup.dbvis {
  top: 50%;
  left: 50%;
}

/* line 942, ../../../dev/scss/css.scss */
.popup.oracle {
  top: 45%;
  left: 23%;
}

/* line 946, ../../../dev/scss/css.scss */
.popup.cassandra {
  bottom: 0%;
  left: 50%;
}

/* line 950, ../../../dev/scss/css.scss */
.popup.mysql {
  top: 10%;
  right: 10%;
}

/* line 955, ../../../dev/scss/css.scss */
.popup.vertica {
  top: 65%;
  right: -5%;
}

/* line 960, ../../../dev/scss/css.scss */
.popup.db2 {
  top: 14%;
  right: 45%;
}

/* line 964, ../../../dev/scss/css.scss */
.popup.mimer {
  top: 68%;
  left: 21%;
}

/* line 968, ../../../dev/scss/css.scss */
.popup.netezza {
  top: 40%;
  right: -10%;
}

/* line 972, ../../../dev/scss/css.scss */
.popup.nuodb {
  bottom: 1%;
  left: 34%;
}

/* line 976, ../../../dev/scss/css.scss */
.popup.postgress {
  bottom: -8%;
  right: 30%;
}

/* line 980, ../../../dev/scss/css.scss */
.popup.sqllite {
  bottom: 0%;
  right: 5%;
}

/* line 987, ../../../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 993, ../../../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 1060, ../../../dev/scss/css.scss */
.toptext {
  margin: 0 auto;
}

/* line 1065, ../../../dev/scss/css.scss */
.toptext h1 {
  color: #000000;
}

/* line 1069, ../../../dev/scss/css.scss */
.toptextinner {
  position: relative;
  margin: 0;
  padding: 0;
}

/* line 1075, ../../../dev/scss/css.scss */
.toptextinner h1 {
  font-size: 37px;
  font-weight: 400;
  line-height: 1.22;
  margin: 15px 0 25px;
  color: #000000;
}

/* line 1084, ../../../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 1094, ../../../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 1104, ../../../dev/scss/css.scss */
.uk-button-white {
  background: #fff;
  color: #80be0e;
  border: 2px solid transparent;
  display: flex !important;
}

/* line 1111, ../../../dev/scss/css.scss */
.uk-button-white:hover {
  color: #ffffff;
  background-color: #80be0e;
  border: 2px solid white;
}

/* line 1117, ../../../dev/scss/css.scss */
.uk-button-primary {
  color: #fff;
  background: #b2d53b;
}
/* line 1121, ../../../dev/scss/css.scss */
.uk-button-primary:hover {
  background: #80be0e;
}

/* line 1126, ../../../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 1143, ../../../dev/scss/css.scss */
.button:focus {
  outline: none;
}

/* line 1147, ../../../dev/scss/css.scss */
.button > span {
  vertical-align: middle;
}

/* line 1151, ../../../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 1163, ../../../dev/scss/css.scss */
.button > span {
  display: block;
}

/* line 1167, ../../../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 1177, ../../../dev/scss/css.scss */
.button:hover::after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 1183, ../../../dev/scss/css.scss */
.button:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
}

/* Header button */
/* line 1190, ../../../dev/scss/css.scss */
.headerinner .button {
  float: right;
  width: 162px;
  margin-top: 20px;
  color: #80be0e;
  background-color: #ffffff;
}

/* line 1198, ../../../dev/scss/css.scss */
.headerinner .button::after,
.headerinner .button > span {
  line-height: 40px;
}

/* line 1203, ../../../dev/scss/css.scss */
.headerinner .button:hover {
  color: #ffffff;
  background-color: #80be0e;
}

/* Toptext button */
/* line 1209, ../../../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 1219, ../../../dev/scss/css.scss */
.toptext .button:hover {
  border-color: #000000;
  background-color: #000000;
}

/* line 1224, ../../../dev/scss/css.scss */
.toptext .button::after {
  color: #ffffff;
}

/* line 1228, ../../../dev/scss/css.scss */
.toptext .button::after,
.toptext .button > span {
  line-height: 47px;
}

/* Customers button */
/* line 1234, ../../../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 1249, ../../../dev/scss/css.scss */
.customerinner .button:before {
  margin: 0 auto;
  width: 200px;
  float: none;
  color: #ffffff;
  background: #b2d53b;
}

/* line 1257, ../../../dev/scss/css.scss */
.customerinner .button:hover {
  color: #ffffff;
  background: #000000;
}

/* line 1262, ../../../dev/scss/css.scss */
.customerinner .button::after,
.customerinner .button > span {
  line-height: 46px;
}

/* Features */
/* line 1268, ../../../dev/scss/css.scss */
.featurestop {
  position: relative;
  height: 80px;
}

/* line 1273, ../../../dev/scss/css.scss */
.pagecontent {
  margin: 58px auto 30px;
  overflow: auto;
  min-height: 55vh;
}

/* Leftmenu */
/* line 1281, ../../../dev/scss/css.scss */
.leftmenu {
  background: #f0f0f1;
  border-radius: 5px;
}

/* line 1286, ../../../dev/scss/css.scss */
.leftmenu ul li {
  position: relative;
  border-bottom: 1px solid #b3b3b3;
  cursor: pointer;
}

/* line 1292, ../../../dev/scss/css.scss */
.leftmenu ul li:last-child {
  border-bottom: none;
}

/* line 1296, ../../../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 1306, ../../../dev/scss/css.scss */
.leftmenu ul li a {
  color: #484848;
  text-decoration: none;
}

/* line 1311, ../../../dev/scss/css.scss */
.leftmenu ul li:hover,
.leftmenu ul li.active {
  background: #b2d53b;
}

/* line 1316, ../../../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 1323, ../../../dev/scss/css.scss */
.leftmenu ul li ul {
  display: none;
}

/* line 1327, ../../../dev/scss/css.scss */
.leftmenu ul li ul li {
  padding: 2px 50px;
  background: #484848;
  border-bottom: none;
  overflow: auto;
}

/* line 1334, ../../../dev/scss/css.scss */
.leftmenu ul li ul li:first-child {
  padding: 12px 50px 2px;
}

/* line 1337, ../../../dev/scss/css.scss */
.leftmenu ul li ul li:only-child {
  padding: 12px 50px 12px;
}

/* line 1341, ../../../dev/scss/css.scss */
.leftmenu ul li ul li:last-child {
  padding-bottom: 12px;
}

/* line 1345, ../../../dev/scss/css.scss */
.releasenote .leftmenu ul li ul li:last-child {
  padding: 2px 50px 12px;
}

/* line 1349, ../../../dev/scss/css.scss */
.leftmenu ul li ul li:hover {
  background: #484848;
}

/* line 1353, ../../../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 1362, ../../../dev/scss/css.scss */
.leftmenu ul li ul li:hover a {
  color: #80be0e;
}

/* line 1366, ../../../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 1377, ../../../dev/scss/css.scss */
li.sub:hover:before {
  background-image: url("../images/arrow-right-white.svg");
}

/* line 1381, ../../../dev/scss/css.scss */
li.sub.active:before {
  background-image: url("../images/arrow-right-white.svg");
}

/* line 1385, ../../../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 1411, ../../../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 1419, ../../../dev/scss/css.scss */
.pagecontentright h4 {
  margin: 50px 0 0;
}

/* line 1423, ../../../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 1431, ../../../dev/scss/css.scss */
.pagecontentright h6 {
  font-family: "Roboto Slab", arial, sans-serif;
  color: #b2d53b;
  font-size: 26px;
  margin: 0 0 -17px;
}

/* line 1440, ../../../dev/scss/css.scss */
.pagecontentright p i {
  display: block;
  color: #b2d53b;
  margin: -44px 0 57px;
  font-style: normal;
}

/* line 1448, ../../../dev/scss/css.scss */
.pagecontentright p a {
  color: #b2d53b;
  text-decoration: none;
}

/* line 1453, ../../../dev/scss/css.scss */
.pagecontentright p span {
  font-weight: bold;
}

/* Download */
/* line 1458, ../../../dev/scss/css.scss */
.dltype ul {
  float: left;
  width: 100%;
}

/* line 1463, ../../../dev/scss/css.scss */
.dltype ul li {
  float: left;
  width: 34.333333%;
}

/* line 1468, ../../../dev/scss/css.scss */
.dltype ul li:first-child {
  width: 41%;
}

/* line 1472, ../../../dev/scss/css.scss */
.dltype ul li:last-child {
  width: 21.333333%;
  text-align: right;
}

/* line 1477, ../../../dev/scss/css.scss */
.dltype ul li h3 {
  font-size: 26px;
  font-weight: normal;
  color: #80be0e;
  margin: 0;
}

/* line 1484, ../../../dev/scss/css.scss */
.dlgreenbg ul {
  float: left;
  width: 100%;
  height: 51px;
  padding: 10px 0;
  border-radius: 3px;
  background: #b2d53b;
}

/* line 1493, ../../../dev/scss/css.scss */
.dlgreenbg ul li {
  float: left;
  width: 26%;
}

/* line 1498, ../../../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 1504, ../../../dev/scss/css.scss */
.dlgreenbg ul li:nth-child(3) {
  width: 36%;
}

/* line 1508, ../../../dev/scss/css.scss */
.dlgreenbg ul li:last-child {
  width: auto;
}

/* .dlgreenbg ul li img {
    padding: 11px 22px 0 0;
} */
/* line 1515, ../../../dev/scss/css.scss */
.dlgreenbg ul li h3 {
  color: #000000;
  font-size: 18px;
  font-weight: normal;
  margin: 13px 0 0;
  line-height: 1;
}

/* line 1523, ../../../dev/scss/css.scss */
.dlgreenbg ul li h3 a {
  color: #ffffff;
}

/* line 1527, ../../../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 1533, ../../../dev/scss/css.scss */
.dlgreenbg ul li p {
  font-size: 12px;
  line-height: 0;
  color: #000000;
  margin: 0;
  line-height: 1;
}

/* line 1541, ../../../dev/scss/css.scss */
.showallinstallers {
  float: left;
  width: 100%;
  margin: 21px 0 30px;
}

/* line 1547, ../../../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 1560, ../../../dev/scss/css.scss */
.showallinstallers p:last-child {
  display: none;
}

/* line 1564, ../../../dev/scss/css.scss */
.showallinstallers p:hover {
  color: #ffffff;
  background: #b2d53b;
  cursor: pointer;
}

/* line 1571, ../../../dev/scss/css.scss */
.installer-wrapper {
  clear: both;
}
/* line 1575, ../../../dev/scss/css.scss */
.installer-wrapper .installer-row.recomended {
  background: #b2d53b !important;
  padding: 20px 25px 20px 15px;
}
/* line 1578, ../../../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 1583, ../../../dev/scss/css.scss */
.installer-wrapper .installer-row {
  padding: 10px 25px 10px 15px;
  border-radius: 5px;
  background: #fff;
}
/* line 1589, ../../../dev/scss/css.scss */
.installer-wrapper .installer-header {
  padding: 0px 25px 0px 15px;
}
/* line 1593, ../../../dev/scss/css.scss */
.installer-wrapper .installer-row:nth-child(odd) {
  background: #f0f0f1;
}
@media screen and (max-width: 1025px) {
  /* line 1598, ../../../dev/scss/css.scss */
  .installer-wrapper div, .installer-wrapper a {
    font-size: 11px;
  }
}

/* line 1605, ../../../dev/scss/css.scss */
.dlgreenbg.visiblelist:nth-child(even) ul {
  background: #f0f0f1;
}

/* line 1609, ../../../dev/scss/css.scss */
.dlgreenbg.visiblelist:nth-child(odd) ul {
  background: #ffffff;
}

/* line 1613, ../../../dev/scss/css.scss */
.dlgreenbg.visiblelist ul li h3 a {
  color: #b2d53b;
}

/* line 1617, ../../../dev/scss/css.scss */
.dlgreenbg.visiblelist ul li h3 a:hover {
  color: #000000;
}

/* Whats New */
/* line 1626, ../../../dev/scss/css.scss */
.whatsnew h3 {
  font-weight: normal;
  font-size: 24px;
  margin: 23px 0 10px;
}

/* line 1632, ../../../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 1641, ../../../dev/scss/css.scss */
.whatsnew ul {
  margin: 0 0 5px 25px;
  list-style: none;
}

/* line 1645, ../../../dev/scss/css.scss */
.whatsnew li {
  position: relative;
  margin: 10px 0;
}

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

/* line 1661, ../../../dev/scss/css.scss */
.whatsnew li p {
  position: relative;
}

/* line 1665, ../../../dev/scss/css.scss */
.whatsnew img {
  border: 1px solid;
  border-color: gray;
}

/* Release Notes */
/* line 1671, ../../../dev/scss/css.scss */
.releaselist {
  float: left;
  margin: 0 0 30px;
}

/* line 1676, ../../../dev/scss/css.scss */
ul.releasenote li span {
  font-family: "Roboto", arial, sans-serif;
  color: #ffffff;
  font-size: 14px;
}

/* line 1682, ../../../dev/scss/css.scss */
ul.releasenote li:first-child span {
  font-family: "Roboto Slab", arial, sans-serif;
  font-weight: 800;
}

/* line 1687, ../../../dev/scss/css.scss */
ul.releasenote li span:first-child {
  width: 50%;
  float: left;
}

/* line 1692, ../../../dev/scss/css.scss */
ul.releasenote li span:last-child {
  width: 50%;
  float: right;
}

/* line 1697, ../../../dev/scss/css.scss */
ul.releasenote li a:hover span {
  color: #b2d53b;
}

/* line 1701, ../../../dev/scss/css.scss */
ul.releasenote li a.active span {
  color: #b2d53b;
}

/* line 1705, ../../../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 1714, ../../../dev/scss/css.scss */
.releaselist ul li {
  float: left;
  width: 96%;
  padding: 1% 1%;
  border-radius: 5px;
}

/* line 1721, ../../../dev/scss/css.scss */
.releaselist ul li:nth-child(odd) {
  background: #f0f0f1;
}

/* line 1725, ../../../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 1732, ../../../dev/scss/css.scss */
.releaselist ul li span:last-child {
  width: 65%;
  float: right;
}

/* Company */
/* line 1738, ../../../dev/scss/css.scss */
ul.companylist li {
  height: 114px;
  border-top: 1px solid #f0f0f1;
}

/* line 1743, ../../../dev/scss/css.scss */
ul.companylist li div {
  float: left;
  height: auto;
  width: 525px;
  text-align: left;
}

/* line 1750, ../../../dev/scss/css.scss */
ul.companylist li div:first-child {
  width: 110px;
}

/* line 1754, ../../../dev/scss/css.scss */
ul.companylist li div:first-child img {
  padding-top: 12px;
  width: 100%;
}

/* line 1759, ../../../dev/scss/css.scss */
ul.companylist li div:nth-child(2) {
  text-align: center;
}

/* line 1763, ../../../dev/scss/css.scss */
ul.companylist li div:last-child {
  width: 165px;
  padding-top: 12px;
}

/* line 1768, ../../../dev/scss/css.scss */
ul.companylist li div h2 {
  color: #000000;
  font-size: 18px;
  line-height: 1;
  margin: 12px 0 7px;
}

/* line 1775, ../../../dev/scss/css.scss */
ul.companylist li div p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

/* line 1781, ../../../dev/scss/css.scss */
ul.companylist li div a {
  color: #b2d53b;
  text-decoration: none;
}

/* Form */
/* line 1791, ../../../dev/scss/css.scss */
.pagecontentright form h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 100;
  margin: 0 0 3px;
}

/* line 1798, ../../../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 1807, ../../../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 1819, ../../../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 1831, ../../../dev/scss/css.scss */
.select-style:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 62px;
  height: 46px;
  background: #b2d53b;
  z-index: -1;
}

/* line 1842, ../../../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 1854, ../../../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 1869, ../../../dev/scss/css.scss */
.select-style select:focus {
  outline: none;
}

/* line 1873, ../../../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 1885, ../../../dev/scss/css.scss */
.lastname {
  visibility: hidden;
  display: none;
}

/* line 1890, ../../../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 1901, ../../../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 1914, ../../../dev/scss/css.scss */
.inputmargin {
  margin: 0 0 56px !important;
}

/* line 1918, ../../../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 1933, ../../../dev/scss/css.scss */
.pagecontentright form ::-webkit-input-placeholder {
  color: #000000;
}

/* line 1937, ../../../dev/scss/css.scss */
.pagecontentright form :-moz-placeholder {
  color: #000000;
}

/* line 1941, ../../../dev/scss/css.scss */
.pagecontentright form ::-moz-placeholder {
  color: #000000;
}

/* line 1945, ../../../dev/scss/css.scss */
.pagecontentright form :-ms-input-placeholder {
  color: #000000;
}

/* line 1949, ../../../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 1962, ../../../dev/scss/css.scss */
.pagecontentright form input[type="submit"]:hover {
  background: #80be0e;
}

/* Upload */
/* line 1967, ../../../dev/scss/css.scss */
#imagesUpload {
  list-style: none;
  width: 516px;
  margin: 5px 0 49px;
}

/* line 1973, ../../../dev/scss/css.scss */
#imagesUpload .newImage {
  position: relative;
  padding: 0;
}

/* line 1978, ../../../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 1988, ../../../dev/scss/css.scss */
input[type="file" i] {
  line-height: 1;
  color: #000000;
}

/* line 1993, ../../../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 2003, ../../../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 2014, ../../../dev/scss/css.scss */
#imagesUpload .newImage:last-child::after {
  background: url("../images/plus.svg") center center no-repeat;
}

/* line 2018, ../../../dev/scss/css.scss */
.pagecrumbs {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

/* line 2024, ../../../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 2035, ../../../dev/scss/css.scss */
.pagecrumbs p {
  font-size: 14px;
  color: #000000;
  margin: 0;
}

/* line 2041, ../../../dev/scss/css.scss */
.pagecrumbs a {
  color: #b2d53b;
  font-size: 14px;
  text-decoration: none;
}

/* line 2047, ../../../dev/scss/css.scss */
ul.standardlist {
  margin: 0 0 25px 35px;
  list-style: none;
}

/* line 2052, ../../../dev/scss/css.scss */
ul.standardlist li {
  position: relative;
  margin: 10px 0;
}

/* line 2057, ../../../dev/scss/css.scss */
.detaillist ul li:first-child {
  height: 58px;
}

/* line 2061, ../../../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 2072, ../../../dev/scss/css.scss */
ul.standardlist li p {
  position: relative;
}

/* Detail List */
/* line 2077, ../../../dev/scss/css.scss */
.detaillist {
  float: left;
  margin: 32px 0 20px;
}

/* line 2082, ../../../dev/scss/css.scss */
.detaillist h2 {
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 21px;
}

/* line 2088, ../../../dev/scss/css.scss */
.detaillist ul.foureven {
  float: left;
  margin: 0 0 64px;
}

/* line 2093, ../../../dev/scss/css.scss */
.detaillist ul li:first-child {
  height: 58px;
}

/* line 2097, ../../../dev/scss/css.scss */
.detaillist ul li {
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e5e5e5;
  background: #ffffff;
}

/* line 2105, ../../../dev/scss/css.scss */
.detaillist ul li div {
  float: left;
  padding: 7px 0;
}

/* line 2110, ../../../dev/scss/css.scss */
.detaillist ul.foureven li div {
  width: 50%;
}

/* line 2114, ../../../dev/scss/css.scss */
.detaillist ul.fouruneven {
  margin: 0;
}

/* line 2118, ../../../dev/scss/css.scss */
.detaillist ul.fouruneven li div {
  width: 50%;
}

/* line 2122, ../../../dev/scss/css.scss */
.detaillist ul.fouruneven li div:last-child {
  width: 50%;
}

/* line 2126, ../../../dev/scss/css.scss */
.detaillist ul.fiveeven {
  margin: 0;
}

/* line 2130, ../../../dev/scss/css.scss */
.detaillist ul.fiveeven li div {
  width: 20%;
}

/* line 2134, ../../../dev/scss/css.scss */
.detaillist ul li p {
  line-height: 24px;
  margin: 0;
}

/* line 2139, ../../../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 2154, ../../../dev/scss/css.scss */
p.readmoresmall:hover {
  color: #ffffff;
  background: #b2d53b;
}

/* line 2159, ../../../dev/scss/css.scss */
p.readmoresmall:hover a {
  color: #ffffff;
}

/* line 2164, ../../../dev/scss/css.scss */
.pagecontentright .usersinner ul li {
  width: 20%;
  height: 79px;
}

/* Second list */
/* line 2170, ../../../dev/scss/css.scss */
.detaillist ul.threeuneven {
  float: left;
  margin: 0px 0 7px;
}

/* line 2175, ../../../dev/scss/css.scss */
.detaillist ul.threeuneven li div {
  width: 15%;
  float: left;
  padding: 12px 0;
}

/* line 2181, ../../../dev/scss/css.scss */
.detaillist ul.threeuneven li div:first-child {
  width: 69%;
}

/* line 2185, ../../../dev/scss/css.scss */
.detaillist ul.threeuneven li div:nth-child(2) {
  width: 13%;
  padding-right: 5%;
}

/* line 2190, ../../../dev/scss/css.scss */
.detaillist ul.threeuneven li div:last-child {
  width: 13%;
}

/* line 2194, ../../../dev/scss/css.scss */
ul.sql {
  float: left;
  margin: 77px 0 115px;
  text-align: center;
}

/* line 2200, ../../../dev/scss/css.scss */
ul.sql.tight {
  margin: 0 0 72px;
}

/* line 2204, ../../../dev/scss/css.scss */
ul.sql h2,
.usersinner h2 {
  color: #b2d53b;
  font-size: 26px;
  font-weight: 700;
  margin: 12px 0 18px;
}

/* line 2212, ../../../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 2224, ../../../dev/scss/css.scss */
ul.sql li:last-child {
  margin-right: 0;
}

/* line 2228, ../../../dev/scss/css.scss */
ul.sql li img {
  width: 100%;
}

/* line 2232, ../../../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 2241, ../../../dev/scss/css.scss */
.pagecontentright h3 span {
  color: #000000;
}

/* Masonry */
/* line 2246, ../../../dev/scss/css.scss */
.masonry {
  margin: 0 auto;
  max-width: 98%;
}

/* line 2251, ../../../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 2290, ../../../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 2292, ../../../dev/scss/css.scss */
  .masonry .grid-sizer {
    width: 98.5%;
  }
  /* line 2295, ../../../dev/scss/css.scss */
  .masonry .gutter-sizer {
    width: Infinity%;
  }
  /* line 2298, ../../../dev/scss/css.scss */
  .masonry .item {
    background: #ffffff;
    width: 98.5%;
    margin-bottom: Infinity%;
    cursor: default;
  }
  /* line 2303, ../../../dev/scss/css.scss */
  .masonry .item img {
    position: relative;
    width: 100%;
  }

  /* 1 columns */
}
@media (min-width: 600px) {
  /* line 2290, ../../../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 2292, ../../../dev/scss/css.scss */
  .masonry .grid-sizer {
    width: 48.5%;
  }
  /* line 2295, ../../../dev/scss/css.scss */
  .masonry .gutter-sizer {
    width: 3%;
  }
  /* line 2298, ../../../dev/scss/css.scss */
  .masonry .item {
    background: #ffffff;
    width: 48.5%;
    margin-bottom: 3%;
    cursor: default;
  }
  /* line 2303, ../../../dev/scss/css.scss */
  .masonry .item img {
    position: relative;
    width: 100%;
  }

  /* 2 columns */
}
@media (min-width: 800px) {
  /* line 2290, ../../../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 2292, ../../../dev/scss/css.scss */
  .masonry .grid-sizer {
    width: 31.83333%;
  }
  /* line 2295, ../../../dev/scss/css.scss */
  .masonry .gutter-sizer {
    width: 2.25%;
  }
  /* line 2298, ../../../dev/scss/css.scss */
  .masonry .item {
    background: #ffffff;
    width: 31.83333%;
    margin-bottom: 2.25%;
    cursor: default;
  }
  /* line 2303, ../../../dev/scss/css.scss */
  .masonry .item img {
    position: relative;
    width: 100%;
  }

  /* 3 columns */
}
/* line 2342, ../../../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 2351, ../../../dev/scss/css.scss */
.item ul.standardlist {
  margin-bottom: 0;
}

/* line 2355, ../../../dev/scss/css.scss */
.item ul.standardlist li {
  margin: 10px 0;
}

/* Google Maps */
/* line 2360, ../../../dev/scss/css.scss */
.maptop {
  position: relative;
  text-align: center;
}

/* line 2365, ../../../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 2380, ../../../dev/scss/css.scss */
.maptop h3 {
  top: 197px;
  font-size: 32px;
}

/* line 2385, ../../../dev/scss/css.scss */
#mack-map {
  height: 60vh;
  width: 100%;
  margin-bottom: -10px;
}

/* line 2391, ../../../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 2403, ../../../dev/scss/css.scss */
.footerinner .button {
  float: right;
  width: 160px;
  background: #b2d53b;
  color: #ffffff;
}

/* line 2410, ../../../dev/scss/css.scss */
.footerinner .button:hover {
  color: #ffffff;
  background: #80be0e;
}

/* line 2415, ../../../dev/scss/css.scss */
.footerinner .button::after,
.footerinner .button > span {
  line-height: 37px;
}

/* Footer */
/* line 2421, ../../../dev/scss/css.scss */
footer#footer {
  width: 95%;
  margin: 0 auto 15px auto;
}

/* line 2426, ../../../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 2434, ../../../dev/scss/css.scss */
.footerinner img {
  margin-right: 27px;
}

/* line 2440, ../../../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 2454, ../../../dev/scss/css.scss */
.footerinner ul li a:hover {
  color: #ffffff;
  background: #80be0e;
}

/* line 2459, ../../../dev/scss/css.scss */
.footerinner a.buy {
  color: #ffffff;
  background: #b2d53b;
}

/* line 2464, ../../../dev/scss/css.scss */
.footerinner a.buy:hover {
  background: #80be0e;
}

/* line 2468, ../../../dev/scss/css.scss */
.footerbottom {
  position: relative;
  width: 100%;
  height: 36px;
  padding: 33px 0 0 0;
}

/* line 2475, ../../../dev/scss/css.scss */
.copyright {
  color: #b3b3b3;
  margin: 0;
}

/* line 2480, ../../../dev/scss/css.scss */
.soc {
  font-size: 0;
  padding: 0;
  margin: 0;
}

/* line 2486, ../../../dev/scss/css.scss */
ul.soc a {
  display: block;
  position: relative;
  height: 28px;
  width: 28px;
  padding: 0 !important;
  border-radius: 50% !important;
}

/* line 2495, ../../../dev/scss/css.scss */
ul.soc svg {
  display: block;
  height: 100%;
  width: 100%;
}

/* line 2501, ../../../dev/scss/css.scss */
.facebook {
  color: #ffffff;
  fill: #3b5998;
  background: #ffffff;
  border: 2px solid #3b5998;
  border-radius: 100%;
}

/* line 2509, ../../../dev/scss/css.scss */
.twitter {
  color: #00aced;
  fill: #00aced;
  background: #ffffff;
  border: 2px solid #00aced;
  border-radius: 100%;
}

/* line 2517, ../../../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 2528, ../../../dev/scss/css.scss */
.facebook:hover {
  background: #3b5998 !important;
}

/* line 2532, ../../../dev/scss/css.scss */
.twitter:hover {
  background: #00aced !important;
}

/* 3 blocks */
/* line 2537, ../../../dev/scss/css.scss */
.threeblocks {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
}

/* line 2543, ../../../dev/scss/css.scss */
a.threeblocksouter {
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

/* line 2549, ../../../dev/scss/css.scss */
a.threeblocksouter > figure {
  margin: 0;
  padding: 0;
}

/* line 2554, ../../../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 2560, ../../../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 2568, ../../../dev/scss/css.scss */
.threeblocksinner p {
  font-family: "Roboto", arial, sans-serif;
  color: #ffffff;
  line-height: 1.5;
  margin: 0;
}

/* line 2575, ../../../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 2590, ../../../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 2596, ../../../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 2611, ../../../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 2617, ../../../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 2632, ../../../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 2638, ../../../dev/scss/css.scss */
a.threeblocksouter:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/* line 2649, ../../../dev/scss/css.scss */
a.threeblocksouter:first-child:after {
  background: rgba(219, 143, 52, 0.9);
}

/* line 2653, ../../../dev/scss/css.scss */
a.threeblocksouter:nth-child(2):after {
  background: rgba(39, 102, 139, 0.9);
}

/* line 2657, ../../../dev/scss/css.scss */
a.threeblocksouter:last-child:after {
  background: rgba(184, 43, 107, 0.9);
}

/* line 2661, ../../../dev/scss/css.scss */
p.apple {
  position: relative;
  margin-left: 28px;
}

/* line 2666, ../../../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 2678, ../../../dev/scss/css.scss */
.featurearea {
  text-align: center;
  padding: 40px 0;
  overflow: hidden;
}

/* line 2684, ../../../dev/scss/css.scss */
.featurearea h1 {
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  margin: 0 0 25px;
}

/* line 2691, ../../../dev/scss/css.scss */
.featurearea h1 span {
  color: #b2d53b;
}

/* Slider */
/* line 2696, ../../../dev/scss/css.scss */
.cycle-slideshow {
  height: 592px;
  visibility: hidden;
}

/* line 2701, ../../../dev/scss/css.scss */
section.cycle-slide {
  width: 100%;
  max-width: 1185px;
  height: 640px;
  margin: 0 auto;
  right: 0;
  visibility: hidden;
}

/* line 2716, ../../../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 2724, ../../../dev/scss/css.scss */
.slidertext p {
  margin: 0;
  line-height: 1.56;
}

/* line 2729, ../../../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 2741, ../../../dev/scss/css.scss */
.slidertext a.buy:hover {
  color: #b2d53b;
  background: #ffffff;
}

/* line 2746, ../../../dev/scss/css.scss */
#per-slide-template {
  margin: 72px auto 15px;
}

/* line 2750, ../../../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 2761, ../../../dev/scss/css.scss */
#per-slide-template a:hover {
  color: #b2d53b;
}

/* line 2765, ../../../dev/scss/css.scss */
a.cycle-pager-active {
  border: 2px solid #80be0e !important;
}

/* line 2769, ../../../dev/scss/css.scss */
a.cycle-pager-active:hover {
  color: #000000 !important;
}

/* line 2773, ../../../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 2785, ../../../dev/scss/css.scss */
.slidecoverprev {
  position: absolute;
  left: -100%;
  background: #ffffff;
  height: 100%;
  width: 100%;
  visibility: hidden;
  /* @include slider-bg(transparent, $color_white); */
}

/* line 2795, ../../../dev/scss/css.scss */
.slidecovernext {
  position: absolute;
  right: -100%;
  background: #ffffff;
  height: 100%;
  width: 100%;
  visibility: hidden;
  /* @include slidernext-bg(transparent, $color_white); */
}

/* line 2805, ../../../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 2819, ../../../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 2828, ../../../dev/scss/css.scss */
#prev:hover {
  margin: -32px 200px 0 0;
}

/* line 2832, ../../../dev/scss/css.scss */
#next {
  position: relative;
  float: left;
  top: 50%;
  margin: -32px 0 0 195px;
}

/* line 2839, ../../../dev/scss/css.scss */
#next:hover {
  margin: -32px 0 0 200px;
}

/* News */
/* line 2844, ../../../dev/scss/css.scss */
.news {
  width: 100%;
  background: #f2f2f2;
}

/* line 2849, ../../../dev/scss/css.scss */
.newsinner {
  width: 100%;
  max-width: 1185px;
  padding: 40px 0 61px;
  margin: 0 auto;
  text-align: center;
}

/* line 2857, ../../../dev/scss/css.scss */
.newsinner h1 {
  font-family: "Roboto Slab", arial, sans-serif;
  font-weight: 400;
  margin: 0;
}

/* line 2863, ../../../dev/scss/css.scss */
.newsinner h1 span {
  color: #b2d53b;
}

/* line 2867, ../../../dev/scss/css.scss */
.newsinner a.buy {
  float: none;
  color: #ffffff;
  padding: 11px 48px;
  background: #b2d53b;
}

/* line 2874, ../../../dev/scss/css.scss */
.newsinner a.buy:hover {
  color: #b2d53b;
  background: #000000;
}

/* line 2879, ../../../dev/scss/css.scss */
ul.newsblock {
  /*
    margin: 20px auto;
    overflow: auto;
    */
}

/* line 2886, ../../../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 2906, ../../../dev/scss/css.scss */
ul.newsblock li:hover > div {
  /* margin: 23px 1.15% 50px 0.85%; */
  box-shadow: 0 5px 20px 5px #DADADA;
}

/* line 2911, ../../../dev/scss/css.scss */
ul.newsblock li:hover a.readmore {
  color: #ffffff;
  background: #b2d53b;
}

/* line 2916, ../../../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 2925, ../../../dev/scss/css.scss */
ul.newsblock li p {
  line-height: 1.4;
  margin: 0 0 50px;
}

/* News Archive */
/* line 2932, ../../../dev/scss/css.scss */
ul.newsblock.nohover {
  margin: 40px auto 160px;
}

/* line 2936, ../../../dev/scss/css.scss */
ul.newsblock.nohover li {
  text-align: center;
  margin: 20px 1% 0;
}

/* line 2941, ../../../dev/scss/css.scss */
ul.newsblock.nohover li:hover {
  margin: 20px 1% 0;
  box-shadow: 0 5px 20px #DADADA;
}

/* News Solo */
/* line 2951, ../../../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 2958, ../../../dev/scss/css.scss */
.pagecontentleftgrey strong {
  display: block;
  margin: 0 0 31px;
  line-height: 27px;
}
/* line 2963, ../../../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 2970, ../../../dev/scss/css.scss */
.pagecontentleftgrey h4 {
  margin: 15px 0;
}
/* line 2973, ../../../dev/scss/css.scss */
.pagecontentleftgrey p {
  color: #666363;
  font-style: italic;
  line-height: 1.6;
  margin: 15px 0;
  padding-right: 10px;
}
/* line 2979, ../../../dev/scss/css.scss */
.pagecontentleftgrey p span {
  font-style: normal;
  line-height: 30px;
}
/* line 2984, ../../../dev/scss/css.scss */
.pagecontentleftgrey a {
  color: #80be0e;
  text-decoration: none;
}
/* line 2988, ../../../dev/scss/css.scss */
.pagecontentleftgrey span {
  display: block;
  margin: 0 0 10px;
  color: #666363;
}

/* line 2995, ../../../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 3009, ../../../dev/scss/css.scss */
.pagereadmore:hover {
  background: #ffffff;
}

/* line 3013, ../../../dev/scss/css.scss */
.pagereadmore a {
  color: #ffffff;
  text-decoration: none;
}

/* line 3018, ../../../dev/scss/css.scss */
.pagereadmore:hover a {
  color: #b2d53b;
}

/* line 3022, ../../../dev/scss/css.scss */
.pagecontentleftwhite {
  position: relative;
  padding: 21px 21px 24px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #f0f0f1;
}
/* line 3029, ../../../dev/scss/css.scss */
.pagecontentleftwhite ol {
  margin: 0;
  padding: 0;
}

/* line 3035, ../../../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 3044, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul {
  margin: 0 0 22px;
}

/* line 3048, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul:last-child {
  margin: 0;
}

/* line 3052, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul li {
  position: relative;
  line-height: 1.62;
}

/* line 3057, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul.topalt li {
  padding: 4px 0 5px 36px;
}

/* line 3061, ../../../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 3072, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul li a {
  color: #80be0e;
  text-decoration: none;
}

/* line 3077, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul li span {
  font-family: "Roboto Slab", arial, sans-serif;
}

/* line 3082, ../../../dev/scss/css.scss */
.pagecontentleftwhite ul li span.featuredate {
  float: right;
  font-weight: normal;
  font-size: 14px;
  width: 50%;
}

/* line 3089, ../../../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 3101, ../../../dev/scss/css.scss */
.pagecontentleftwhite figure.cycle-pager-active {
  border: 1px solid #80be0e;
  background: #80be0e;
}

/* Purchase */
/* line 3107, ../../../dev/scss/css.scss */
form.purchase {
  border: none;
  padding: 0 20px 38px;
}
/* line 3110, ../../../dev/scss/css.scss */
form.purchase fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
/* line 3115, ../../../dev/scss/css.scss */
form.purchase h3 {
  font-size: 26px;
  font-weight: 400;
  line-height: 31px;
  color: #000000;
  margin: 0;
}
/* line 3122, ../../../dev/scss/css.scss */
form.purchase ul {
  margin: 12px 0 69px;
}
/* line 3124, ../../../dev/scss/css.scss */
form.purchase ul li {
  position: relative;
  margin: 0 auto 18px;
}
/* line 3127, ../../../dev/scss/css.scss */
form.purchase ul li p {
  font-size: 14px;
  margin: 3px 0 0 36px;
}
/* line 3131, ../../../dev/scss/css.scss */
form.purchase ul li input[type=radio] {
  position: absolute;
  visibility: hidden;
  padding: 0;
  width: auto;
  margin: 0;
}
/* line 3138, ../../../dev/scss/css.scss */
form.purchase ul li input[type=radio]:checked ~ .check {
  border: none;
}
/* line 3141, ../../../dev/scss/css.scss */
form.purchase ul li input[type=radio]:checked ~ .check::before {
  background: #000000;
}
/* line 3144, ../../../dev/scss/css.scss */
form.purchase ul li input[type=radio]:checked ~ label {
  color: #b2d53b;
}
/* line 3147, ../../../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 3157, ../../../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 3169, ../../../dev/scss/css.scss */
form.purchase ul li:hover label {
  color: #80be0e;
}
/* line 3172, ../../../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 3184, ../../../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 3198, ../../../dev/scss/css.scss */
form.purchase ul li:hover .check {
  border: none;
}

/* line 3205, ../../../dev/scss/css.scss */
ul.purchaseleftlist {
  font-family: "Roboto Slab", arial, sans-serif;
}
/* line 3208, ../../../dev/scss/css.scss */
ul.purchaseleftlist li div {
  display: inline-block !important;
  width: 49%;
  margin: 0;
  padding: 0 0 48px;
  font-size: 26px;
}
/* line 3214, ../../../dev/scss/css.scss */
ul.purchaseleftlist li div:nth-child(even) {
  font-family: "Roboto", arial, sans-serif;
  color: #80be0e;
  font-weight: 600;
}
/* line 3219, ../../../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 3229, ../../../dev/scss/css.scss */
ul.purchaseleftlist li:last-child div:first-child {
  font-weight: 600;
}

/* line 3236, ../../../dev/scss/css.scss */
.labelandhiddenbox {
  display: inline-block;
  position: relative;
  width: auto;
  background: #ffffff;
}
/* line 3241, ../../../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 3252, ../../../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 3263, ../../../dev/scss/css.scss */
.labelandhiddenbox .hiddenblackbox p {
  color: #ffffff;
  font-size: 18px !important;
  margin: 0 !important;
}
/* line 3267, ../../../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 3280, ../../../dev/scss/css.scss */
.noinfo label:before {
  display: none;
}

/* line 3284, ../../../dev/scss/css.scss */
.noinfo span {
  color: #80be0e;
}

/* Slider */
/* line 3289, ../../../dev/scss/css.scss */
.pagecontentleftwhite .cycle-slideshow {
  height: auto;
  margin-top: 35px;
  padding-bottom: 25px;
}

/* line 3295, ../../../dev/scss/css.scss */
.pagecontentleftwhite section.cycle-slide {
  width: 100%;
  height: auto;
}

/* line 3301, ../../../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 3309, ../../../dev/scss/css.scss */
.cycle-slideshow .logo-wrapper img {
  max-width: 100%;
  max-height: 100%;
}

/* line 3314, ../../../dev/scss/css.scss */
.newssolowrapper {
  background: #f2f2f2;
  padding: 25px;
}

/* line 3319, ../../../dev/scss/css.scss */
h2.newssoloheading {
  font-size: 72px;
  line-height: 1;
  margin: 4px 0 60px;
}

/* line 3329, ../../../dev/scss/css.scss */
ul.newsblock.newssolo li {
  text-align: center;
  /* margin: 20px 1% 0; */
}

/* line 3334, ../../../dev/scss/css.scss */
ul.newsblock.newssolo li:hover > div {
  /* margin: 20px 1% 0; */
  box-shadow: 0 5px 20px #DADADA;
}

/* line 3339, ../../../dev/scss/css.scss */
p.date {
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin: 14px 0 !important;
}

/* line 3346, ../../../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;
}

/* Users */
/* line 3358, ../../../dev/scss/css.scss */
.users {
  width: 100%;
  background: #ffffff;
}

/* line 3363, ../../../dev/scss/css.scss */
.usersinner {
  width: 100%;
  max-width: 1185px;
  padding: 30px 0;
  margin: 0 auto;
  text-align: center;
  overflow: auto;
}

/* line 3372, ../../../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 3380, ../../../dev/scss/css.scss */
.usersinner h1 span {
  color: #b2d53b;
  text-decoration: underline;
}

/* line 3385, ../../../dev/scss/css.scss */
.usersinner ul li {
  float: left;
  width: 25%;
  height: 120px;
  visibility: hidden;
}

/* line 3392, ../../../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 3400, ../../../dev/scss/css.scss */
.customer {
  background: url(../images/customer_bg.jpg) center center no-repeat;
  background-size: 100%;
  background-size: cover;
}

/* line 3406, ../../../dev/scss/css.scss */
.uk-dotnav {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -12px;
}

/* line 3415, ../../../dev/scss/css.scss */
.uk-dotnav > * {
  flex: none;
  padding-left: 12px;
}

/* line 3420, ../../../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 3435, ../../../dev/scss/css.scss */
.customerinner {
  font-family: "Roboto Slab", arial, sans-serif;
}

/* line 3440, ../../../dev/scss/css.scss */
.customerinner h1 {
  font-size: 32px;
  font-weight: 400;
  margin: 0 0 36px;
}

/* line 3446, ../../../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 3454, ../../../dev/scss/css.scss */
.customerinner p strong {
  font-family: "Roboto Slab", arial, sans-serif;
  font-size: 18px;
  font-style: normal;
}

/* line 3460, ../../../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 3473, ../../../dev/scss/css.scss */
.customerinner a.buy:hover {
  color: #80be0e;
  background: #ffffff;
}

/* line 3478, ../../../dev/scss/css.scss */
.customerinner .cycle-slideshow {
  height: auto;
}

/* line 3482, ../../../dev/scss/css.scss */
.customerinner section.cycle-slide {
  height: 100%;
}

/* line 3486, ../../../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 3496, ../../../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 3507, ../../../dev/scss/css.scss */
figure.cycle-pager-active {
  background: #ffffff;
}

/* News */
/* line 3512, ../../../dev/scss/css.scss */
.greybg {
  text-align: center;
  background: #f2f2f2;
}

/* line 3517, ../../../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 3527, ../../../dev/scss/css.scss */
.greybg h2 {
  font-size: 32px;
  line-height: 1.35;
}

/* Newsletter */
/* line 3533, ../../../dev/scss/css.scss */
.newsletter {
  background: #b2d53b;
  width: 100%;
  padding: 16px 0;
  margin: 0 auto;
  text-align: center;
}

/* line 3541, ../../../dev/scss/css.scss */
form#newsletter input {
  font-size: 18px;
  border: none;
  outline: none;
}

/* line 3547, ../../../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 3556, ../../../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 3570, ../../../dev/scss/css.scss */
input.newsletterBtn:hover {
  color: #ffffff;
  background: #000000;
}

/********************/
/*      Cookies     */
/********************/
/* line 3578, ../../../dev/scss/css.scss */
.cookiecontainer {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  color: #ffffff;
  padding: 0;
  background: #222;
  z-index: 999;
}

/* line 3590, ../../../dev/scss/css.scss */
.cookiecontainer .inner p {
  font-size: 14px;
  margin: 0;
}

/* line 3596, ../../../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 3608, ../../../dev/scss/css.scss */
.cookieok:hover {
  background: #80be0e;
}

/********************/
/* Responsive Stuff */
/********************/
/* Large Laptop */
@media screen and (max-width: 1440px) {
  /* line 3619, ../../../dev/scss/css.scss */
  .uk-container {
    padding-left: 50px;
    padding-right: 50px;
  }

  /* Header */
  /* line 3624, ../../../dev/scss/css.scss */
  .featurestop {
    height: 80px;
  }

  /* line 3627, ../../../dev/scss/css.scss */
  nav#mainmenu ul li {
    padding: 0 15px;
  }

  /* line 3630, ../../../dev/scss/css.scss */
  nav#mainmenu ul li a {
    font-size: 18px;
  }

  /* line 3633, ../../../dev/scss/css.scss */
  .headerinner {
    height: 80px;
  }

  /* See ANCHOR: */
  /* line 3637, ../../../dev/scss/css.scss */
  div.quote:before {
    display: block;
    content: " ";
    margin-top: -80px;
    height: 80px;
    visibility: hidden;
  }

  /* line 3644, ../../../dev/scss/css.scss */
  .headerinner .button {
    margin-top: 23px;
    font-size: 18px;
  }

  /* line 3649, ../../../dev/scss/css.scss */
  .headerinner .button::after, .headerinner .button > span {
    line-height: 34px;
  }

  /* line 3652, ../../../dev/scss/css.scss */
  .search {
    width: 32px;
    height: 32px;
    margin: 23px 0 0 10px;
  }

  /* line 3657, ../../../dev/scss/css.scss */
  .submenu {
    top: 80px;
  }

  /* line 3660, ../../../dev/scss/css.scss */
  .submenuinner {
    max-width: 996px;
  }

  /* Start */
  /* line 3665, ../../../dev/scss/css.scss */
  .toptext {
    max-width: 996px;
  }

  /* line 3668, ../../../dev/scss/css.scss */
  .toptextinner h1 {
    font-size: 32px;
  }

  /* line 3671, ../../../dev/scss/css.scss */
  .toptextinner p {
    font-size: 18px;
  }

  /* line 3674, ../../../dev/scss/css.scss */
  .threeblocksinner {
    width: 80%;
    height: auto;
    padding: 30px 0;
  }

  /* line 3679, ../../../dev/scss/css.scss */
  .threeblocksinner h2 {
    font-size: 26px;
    margin: 8px 0;
    line-height: 1.2;
  }

  /* line 3684, ../../../dev/scss/css.scss */
  .threeblocksinner p {
    font-size: 18px;
  }

  /* line 3687, ../../../dev/scss/css.scss */
  .featurearea {
    padding: 48px 0;
  }

  /* line 3690, ../../../dev/scss/css.scss */
  .featurearea h1 {
    font-size: 26px;
    margin: 0 0 15px;
  }

  /* line 3694, ../../../dev/scss/css.scss */
  #per-slide-template a {
    font-size: 18px;
    margin: 0 8px;
    padding: 6px 10px;
  }

  /* line 3699, ../../../dev/scss/css.scss */
  section.cycle-slide {
    max-width: 800px;
  }

  /* line 3702, ../../../dev/scss/css.scss */
  .cycle-slideshow {
    height: 460px;
  }

  /* line 3705, ../../../dev/scss/css.scss */
  section.cycle-slide {
    height: 460px;
  }

  /* line 3708, ../../../dev/scss/css.scss */
  .slidertext {
    width: 64%;
    margin-top: 0;
  }

  /* line 3712, ../../../dev/scss/css.scss */
  .slidertext h1 {
    font-size: 18px;
  }

  /* line 3715, ../../../dev/scss/css.scss */
  .slidertext p {
    font-size: 18px;
  }

  /* line 3718, ../../../dev/scss/css.scss */
  .navigate {
    max-width: 800px;
  }

  /* line 3721, ../../../dev/scss/css.scss */
  #prev {
    margin: -32px 25px 0 0;
  }

  /* line 3724, ../../../dev/scss/css.scss */
  #prev:hover {
    margin: -32px 35px 0 0;
  }

  /* line 3727, ../../../dev/scss/css.scss */
  #next {
    margin: -32px 0 0 25px;
  }

  /* line 3730, ../../../dev/scss/css.scss */
  #next:hover {
    margin: -32px 0 0 35px;
  }

  /* line 3733, ../../../dev/scss/css.scss */
  .newsinner {
    max-width: 996px;
  }

  /* line 3736, ../../../dev/scss/css.scss */
  .usersinner h1 {
    font-size: 26px;
    margin: 0 0 36px;
  }

  /* line 3740, ../../../dev/scss/css.scss */
  .customerinner p {
    font-size: 18px;
    margin: 18px 0;
  }

  /* line 3744, ../../../dev/scss/css.scss */
  .customer {
    min-height: 300px;
  }

  /* line 3747, ../../../dev/scss/css.scss */
  .customerinner h1 {
    font-size: 26px;
    margin: 0 0 20px;
  }

  /* Page */
  /* line 3753, ../../../dev/scss/css.scss */
  .pagecontent {
    margin: 40px auto;
  }

  /* line 3757, ../../../dev/scss/css.scss */
  .greybg h1 {
    font-size: 80px;
  }

  /* line 3760, ../../../dev/scss/css.scss */
  .greybg h2 {
    font-size: 26px;
  }

  /* line 3766, ../../../dev/scss/css.scss */
  .pagecontentleftgrey {
    padding: 16px;
    margin-bottom: 32px;
  }

  /* line 3771, ../../../dev/scss/css.scss */
  .pagecontentleftwhite {
    padding: 16px;
  }

  /* line 3775, ../../../dev/scss/css.scss */
  .pagecontentleftwhite h3 {
    font-size: 18px;
  }

  /* line 3793, ../../../dev/scss/css.scss */
  ul.standardlist {
    margin: 0 0 24px 24px;
  }

  /* line 3796, ../../../dev/scss/css.scss */
  .detaillist ul li p {
    font-size: 14px;
  }

  /* line 3799, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven li div:first-child {
    width: 66%;
  }

  /* line 3802, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven li div:nth-child(2) {
    width: 16%;
    padding-right: 3%;
  }

  /* line 3806, ../../../dev/scss/css.scss */
  .detaillist ul.fouruneven li div {
    width: 18%;
  }

  /* line 3809, ../../../dev/scss/css.scss */
  .detaillist ul.fouruneven li div:last-child {
    width: 41%;
    margin-left: 5%;
  }

  /* line 3813, ../../../dev/scss/css.scss */
  p.readmoresmall {
    font-size: 14px !important;
    width: 90px;
    padding: 6px 0;
  }

  /* line 3819, ../../../dev/scss/css.scss */
  .masonry {
    max-width: 640px;
  }

  /* line 3822, ../../../dev/scss/css.scss */
  .item h3 {
    font-size: 18px;
    margin: 18px 0 12px;
  }

  /* line 3826, ../../../dev/scss/css.scss */
  .item ul.standardlist li {
    font-size: 18px;
  }

  /* line 3829, ../../../dev/scss/css.scss */
  ul.companylist li div:first-child {
    width: 15.715%;
  }

  /* line 3832, ../../../dev/scss/css.scss */
  ul.companylist li div:nth-child(2) {
    width: 62%;
  }

  /* line 3835, ../../../dev/scss/css.scss */
  ul.companylist li div:last-child {
    width: 22.285%;
  }

  /* line 3838, ../../../dev/scss/css.scss */
  .dltype ul li {
    width: 30%;
  }

  /* line 3841, ../../../dev/scss/css.scss */
  .dltype ul li h3 {
    font-size: 18px;
  }

  /* line 3844, ../../../dev/scss/css.scss */
  .dltype ul li:first-child {
    width: 40%;
  }

  /* line 3847, ../../../dev/scss/css.scss */
  .dltype ul li:last-child {
    width: 28%;
    text-align: right;
  }

  /* line 3851, ../../../dev/scss/css.scss */
  .dlgreenbg ul li {
    width: 28%;
  }

  /* line 3854, ../../../dev/scss/css.scss */
  .dlgreenbg ul li:first-child {
    width: 12%;
  }

  /* line 3857, ../../../dev/scss/css.scss */
  .dlgreenbg ul li:nth-child(3) {
    width: 30%;
  }

  /* line 3860, ../../../dev/scss/css.scss */
  .dlgreenbg ul li:last-child {
    width: 28%;
    text-align: right;
  }

  /* line 3864, ../../../dev/scss/css.scss */
  ul.sql {
    margin: 48px 0 62px;
  }

  /* line 3867, ../../../dev/scss/css.scss */
  ul.sql li {
    width: 19%;
    padding: 2%;
    margin-right: 2%;
  }

  /* line 3873, ../../../dev/scss/css.scss */
  .maptop h2 {
    top: 80px;
    font-size: 42px;
  }

  /* line 3877, ../../../dev/scss/css.scss */
  .maptop h3 {
    top: 148px;
    font-size: 26px;
  }

  /* Footer */
  /* line 3883, ../../../dev/scss/css.scss */
  .footerinner {
    max-width: 996px;
    padding: 20px 0;
  }

  /* line 3887, ../../../dev/scss/css.scss */
  .footerinner ul li a {
    font-size: 18px;
    padding: 4px 8px;
    margin-left: 12px;
  }

  /* line 3893, ../../../dev/scss/css.scss */
  .copyright {
    font-size: 18px;
  }
}
@media screen and (max-width: 1125px) {
  /* line 3900, ../../../dev/scss/css.scss */
  .headerinner .button {
    width: auto;
    margin-top: 23px;
    font-size: 14px;
    padding: 0 10px;
  }

  /* line 3907, ../../../dev/scss/css.scss */
  nav#mainmenu ul li {
    padding: 0 10px;
  }

  /* line 3911, ../../../dev/scss/css.scss */
  nav#mainmenu ul li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 950px) {
  /* line 3917, ../../../dev/scss/css.scss */
  .headerinner .button {
    width: auto;
    margin-top: 23px;
    font-size: 12px;
    padding: 0 8px;
  }

  /* line 3924, ../../../dev/scss/css.scss */
  nav#mainmenu ul li {
    padding: 0 8px;
  }

  /* line 3928, ../../../dev/scss/css.scss */
  nav#mainmenu ul li a {
    font-size: 15px;
  }
}
/* iPad */
@media screen and (min-width: 1025px) {
  /* line 3938, ../../../dev/scss/css.scss */
  .showmenu {
    display: block !important;
  }
}
@media screen and (max-width: 1024px) {
  /* line 3945, ../../../dev/scss/css.scss */
  .uk-container {
    padding-left: 25px;
    padding-right: 25px;
  }

  /* line 3950, ../../../dev/scss/css.scss */
  h2 {
    font-size: 32px;
  }

  /* Header */
  /* line 3956, ../../../dev/scss/css.scss */
  div.quote:before {
    display: block;
    content: " ";
    margin-top: -107px;
    height: 107px;
    visibility: hidden;
  }

  /* line 3965, ../../../dev/scss/css.scss */
  .toptextinner h1 {
    font-size: 26px;
    margin: 0 0 12px;
  }

  /* line 3969, ../../../dev/scss/css.scss */
  .toptextinner p {
    font-size: 18px;
    margin: 10px 0 40px;
  }

  /* line 3973, ../../../dev/scss/css.scss */
  .toptext .button {
    min-width: 100px;
    max-width: 120px;
    padding: 0 30px;
  }

  /* line 3978, ../../../dev/scss/css.scss */
  .toptext .button::after, .toptext .button > span {
    line-height: 38px;
    font-size: 18px;
  }

  /* line 3982, ../../../dev/scss/css.scss */
  a.threeblocksouter {
    height: 240px;
  }

  /* line 3985, ../../../dev/scss/css.scss */
  .threeblocksinner h2 {
    font-size: 18px;
    margin: 6px 0;
    line-height: 1.2;
  }

  /* line 3990, ../../../dev/scss/css.scss */
  .threeblocksinner p {
    font-size: 14px;
    line-height: 1.45;
  }

  /* line 3994, ../../../dev/scss/css.scss */
  p.apple:before {
    width: 16px;
    height: 20px;
    background-size: 16px;
  }

  /* line 3999, ../../../dev/scss/css.scss */
  #per-slide-template {
    margin: 40px auto 10px;
  }

  /* line 4002, ../../../dev/scss/css.scss */
  #per-slide-template a {
    font-size: 12px;
    margin: 0 4px;
    padding: 6px;
  }

  /* line 4007, ../../../dev/scss/css.scss */
  .featurearea {
    padding: 40px 0;
  }

  /* line 4010, ../../../dev/scss/css.scss */
  .featurearea h1 {
    font-size: 18px;
    margin: 0 0 10px;
  }

  /* line 4014, ../../../dev/scss/css.scss */
  .cycle-slideshow {
    height: 400px;
  }

  /* line 4017, ../../../dev/scss/css.scss */
  section.cycle-slide {
    height: 400px;
    max-width: 560px;
  }

  /* line 4021, ../../../dev/scss/css.scss */
  #next, #prev {
    width: 40px;
    height: 40px;
    background-size: 20px;
  }

  /* Page */
  /* line 4028, ../../../dev/scss/css.scss */
  .pagecrumbs:before {
    left: 0;
    top: 0;
  }

  /* line 4032, ../../../dev/scss/css.scss */
  .pagecrumbs a,
  .pagecrumbs p {
    font-size: 12px !important;
  }

  /* line 4043, ../../../dev/scss/css.scss */
  .pagecontentleftgrey {
    padding: 12px;
    margin-bottom: 26px;
  }

  /* line 4048, ../../../dev/scss/css.scss */
  .pagecontentleftgrey h3 {
    font-size: 18px;
    margin: 0 0 12px;
  }

  /* line 4052, ../../../dev/scss/css.scss */
  .pagecontentleftgrey h4 {
    font-size: 18px;
    margin: 10px 0;
  }

  /* line 4056, ../../../dev/scss/css.scss */
  .pagecontentleftgrey p {
    font-size: 18px;
    margin: 10px 0;
    padding-right: 0;
  }

  /* line 4061, ../../../dev/scss/css.scss */
  .pagecontentleftwhite {
    padding: 16px;
  }

  /* line 4066, ../../../dev/scss/css.scss */
  h1 {
    font-size: 32px;
  }

  /* line 4074, ../../../dev/scss/css.scss */
  .pagecontentright h5 {
    font-size: 18px;
    margin: 60px 0 10px;
  }

  /* line 4078, ../../../dev/scss/css.scss */
  ul.newsblock li h2 {
    font-size: 18px;
    margin: 0 0 28px;
  }

  /* line 4082, ../../../dev/scss/css.scss */
  ul.newsblock li p {
    font-size: 14px;
    margin: 0 0 30px;
  }

  /* line 4086, ../../../dev/scss/css.scss */
  a.readmore {
    font-size: 14px;
    padding: 6px 28px;
  }

  /* line 4090, ../../../dev/scss/css.scss */
  .pagereadmore {
    font-size: 18px;
    padding: 5px 0;
    margin: 24px 0 0;
  }

  /* line 4095, ../../../dev/scss/css.scss */
  .slidertext {
    width: 62%;
  }

  /* line 4099, ../../../dev/scss/css.scss */
  .navigate {
    max-width: 620px;
  }

  /* line 4102, ../../../dev/scss/css.scss */
  ul.companylist li {
    height: 90px;
  }

  /* line 4105, ../../../dev/scss/css.scss */
  ul.companylist li div h2 {
    font-size: 18px;
    margin: 25px 0 0;
  }

  /* line 4109, ../../../dev/scss/css.scss */
  ul.companylist li div a {
    font-size: 14px;
  }

  /* line 4112, ../../../dev/scss/css.scss */
  ul.companylist li div p {
    font-size: 12px;
    line-height: 1.45;
  }

  /* line 4116, ../../../dev/scss/css.scss */
  .select-style {
    margin: 0 0 30px;
    width: 100%;
  }

  /* line 4120, ../../../dev/scss/css.scss */
  .pagecontentleftwhite h3 {
    font-size: 18px;
  }

  /* line 4123, ../../../dev/scss/css.scss */
  .pagecontentleftgrey p span {
    font-size: 14px;
    line-height: 20px;
  }

  /* line 4128, ../../../dev/scss/css.scss */
  .pagecontentright h3 {
    font-size: 18px;
    margin: 0 0 20px;
  }

  /* line 4132, ../../../dev/scss/css.scss */
  .pagecontentright h4 {
    margin: 28px 0 0;
  }

  /* line 4135, ../../../dev/scss/css.scss */
  .pagecontentright h6 {
    font-size: 18px;
    margin: 0 0 -20px;
  }

  /* line 4139, ../../../dev/scss/css.scss */
  .pagecontentright p {
    margin: 20px 0;
  }

  /* line 4142, ../../../dev/scss/css.scss */
  .pagecontentright form select {
    font-size: 18px;
  }

  /* line 4146, ../../../dev/scss/css.scss */
  .pagecontentright form input {
    font-size: 18px;
  }

  /* line 4153, ../../../dev/scss/css.scss */
  .pagecontentright form h3 {
    font-size: 18px;
  }

  /* line 4156, ../../../dev/scss/css.scss */
  .pagecontentright form textarea {
    font-size: 18px;
  }

  /* line 4159, ../../../dev/scss/css.scss */
  .pagecontentright form input[type="submit"] {
    font-size: 18px;
  }

  /* line 4165, ../../../dev/scss/css.scss */
  .pagecontentright .usersinner {
    padding: 40px 0;
  }

  /* line 4168, ../../../dev/scss/css.scss */
  .pagecontentright .usersinner ul li {
    width: 33.333333%;
  }

  /* line 4171, ../../../dev/scss/css.scss */
  .pagecontentleftwhite ul li a {
    font-size: 18px;
    line-height: 1;
  }

  /* line 4175, ../../../dev/scss/css.scss */
  .pagecontentleftwhite ul.topalt li {
    padding: 3px 0 3px 16px;
  }

  /* line 4178, ../../../dev/scss/css.scss */
  .pagecontentleftwhite ul.topalt li:before {
    width: 12px;
    height: 12px;
    background-size: 12px;
    left: 0;
    top: 7px;
  }

  /* line 4185, ../../../dev/scss/css.scss */
  .pagecontentleftwhite ul li {
    font-size: 14px;
  }

  /* line 4188, ../../../dev/scss/css.scss */
  .pagecontentleftwhite ul li span {
    font-size: 18px;
  }

  /* line 4192, ../../../dev/scss/css.scss */
  #imagesUpload {
    width: 100%;
    margin: 10px 0 20px;
  }

  /* line 4196, ../../../dev/scss/css.scss */
  .masonry {
    max-width: 500px;
  }

  /* line 4199, ../../../dev/scss/css.scss */
  .dltype ul li h3 {
    font-size: 18px;
  }

  /* line 4202, ../../../dev/scss/css.scss */
  .dlgreenbg ul li h3 {
    font-size: 14px;
  }

  /* line 4205, ../../../dev/scss/css.scss */
  .dlgreenbg ul li img {
    width: 50%;
  }

  /* line 4208, ../../../dev/scss/css.scss */
  .leftmenu ul li p {
    font-size: 14px;
    padding: 6px 10px;
  }

  /* line 4212, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:first-child {
    padding: 12px 12px 2px;
  }

  /* line 4215, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:only-child {
    padding: 12px 12px 12px;
  }

  /* line 4218, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:last-child {
    padding-bottom: 12px;
  }

  /* line 4221, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li {
    padding: 2px 12px;
  }

  /* line 4224, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:last-child {
    padding: 2px 12px 25px 12px;
  }

  /* line 4227, ../../../dev/scss/css.scss */
  li.sub:before {
    top: 8px;
  }

  /* line 4230, ../../../dev/scss/css.scss */
  ul.standardlist {
    margin: 0 0 40px 24px;
  }

  /* line 4233, ../../../dev/scss/css.scss */
  ul.standardlist li {
    font-size: 14px;
    margin: 10px 0;
  }

  /* line 4237, ../../../dev/scss/css.scss */
  ul.standardlist li:before {
    top: 3px;
    width: 10px;
    height: 10px;
  }

  /* line 4242, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven {
    float: left;
    margin: 40px 0 7px;
  }

  /* line 4246, ../../../dev/scss/css.scss */
  .detaillist ul.foureven {
    float: left;
    margin: 0 0 20px;
  }

  /* line 4250, ../../../dev/scss/css.scss */
  .detaillist ul li p {
    font-size: 12px;
  }

  /* line 4253, ../../../dev/scss/css.scss */
  ul.newsblock {
    margin: 20px auto;
  }

  /* line 4256, ../../../dev/scss/css.scss */
  .newsinner {
    max-width: 748px;
    padding: 40px 0;
  }

  /* line 4260, ../../../dev/scss/css.scss */
  .usersinner {
    padding: 40px 0;
    overflow: hidden;
  }

  /* line 4264, ../../../dev/scss/css.scss */
  p.readmoresmall {
    width: 80px;
    font-size: 12px !important;
  }

  /* line 4268, ../../../dev/scss/css.scss */
  #imagesUpload .newImage:last-child::after {
    padding: 3px 3px 5px;
  }

  /* line 4271, ../../../dev/scss/css.scss */
  input#newImage {
    text-indent: 0;
  }

  /* line 4274, ../../../dev/scss/css.scss */
  #imagesUpload .newImage input {
    font-size: 14px;
  }

  /* line 4277, ../../../dev/scss/css.scss */
  #imagesUpload .newImage input[type="file" i]::-webkit-file-upload-button {
    font-size: 14px;
    padding: 6px 24px 7px;
  }

  /* line 4281, ../../../dev/scss/css.scss */
  .showallinstallers {
    margin: 0 0 40px;
  }

  /* line 4284, ../../../dev/scss/css.scss */
  .showallinstallers p {
    font-size: 14px !important;
  }

  /* line 4287, ../../../dev/scss/css.scss */
  .customer {
    min-height: 300px;
  }

  /* line 4290, ../../../dev/scss/css.scss */
  .customerinner h1 {
    font-size: 26px;
    margin: 0 0 12px;
  }

  /* line 4294, ../../../dev/scss/css.scss */
  .customerinner p {
    font-size: 18px;
  }

  /* line 4297, ../../../dev/scss/css.scss */
  .customerinner p strong {
    font-size: 18px;
  }

  /* line 4300, ../../../dev/scss/css.scss */
  div#per-slide-template2 {
    bottom: -30px;
  }

  /* line 4303, ../../../dev/scss/css.scss */
  .releaselist ul li {
    font-size: 14px;
  }

  /* line 4306, ../../../dev/scss/css.scss */
  ul.sql li p {
    font-size: 12px;
    line-height: 1.4;
    margin: 4px 0 0;
  }

  /* line 4311, ../../../dev/scss/css.scss */
  ul.sql h2, .usersinner h2 {
    font-size: 18px;
    margin: 6px 0 16px;
  }

  /* Footer */
  /* line 4317, ../../../dev/scss/css.scss */
  input.signup {
    width: 300px;
    padding: 0 0 0 12px;
  }

  /* line 4321, ../../../dev/scss/css.scss */
  input.newsletterBtn {
    font-size: 18px !important;
    line-height: 37px;
    width: 100px;
    padding: 0;
  }

  /* line 4327, ../../../dev/scss/css.scss */
  form#newsletter input {
    font-size: 18px;
    line-height: 36px;
  }

  /* line 4331, ../../../dev/scss/css.scss */
  form.purchase .select-style {
    float: left;
  }

  /* line 4334, ../../../dev/scss/css.scss */
  ul.purchaseleftlist li div {
    width: 100%;
    padding: 0 0 20px;
    font-size: 18px;
  }

  /* line 4340, ../../../dev/scss/css.scss */
  .footerinner {
    max-width: 748px;
  }

  /* line 4343, ../../../dev/scss/css.scss */
  .footerinner img {
    width: 170px;
    margin-right: 10px;
  }

  /* line 4347, ../../../dev/scss/css.scss */
  .footerinner ul li a {
    font-size: 14px;
    padding: 3px 6px;
    margin-left: 6px;
  }

  /* line 4352, ../../../dev/scss/css.scss */
  .footerinner .button {
    width: 140px;
  }

  /* line 4355, ../../../dev/scss/css.scss */
  .footerinner .button::after, .footerinner .button > span {
    font-size: 14px;
    line-height: 32px;
  }

  /* line 4359, ../../../dev/scss/css.scss */
  .footerbottom {
    height: 32px;
    padding: 20px 0;
  }

  /* line 4363, ../../../dev/scss/css.scss */
  .copyright {
    font-size: 14px;
  }
}
/* iPhone */
@media screen and (max-width: 667px) {
  /* line 4371, ../../../dev/scss/css.scss */
  .uk-card-body {
    padding: 10px 10px;
  }

  /* Header */
  /* line 4376, ../../../dev/scss/css.scss */
  #logo {
    width: 105px;
    height: 16px;
  }

  /* line 4381, ../../../dev/scss/css.scss */
  .headerinner .button {
    position: absolute;
    right: 106px;
    width: 84px;
    margin-top: 10px;
    font-size: 10px;
  }

  /* line 4390, ../../../dev/scss/css.scss */
  .toptextinner h1 {
    font-size: 26px;
  }

  /* line 4393, ../../../dev/scss/css.scss */
  .toptextinner p {
    font-size: 18px;
    margin: 10px 0 20px;
  }

  /* line 4397, ../../../dev/scss/css.scss */
  a.threeblocksouter {
    height: 200px;
    width: 100%;
  }

  /* line 4401, ../../../dev/scss/css.scss */
  .featurearea {
    padding: 20px 0;
  }

  /* line 4404, ../../../dev/scss/css.scss */
  .featurearea h1 {
    font-size: 18px;
  }

  /* line 4407, ../../../dev/scss/css.scss */
  .cycle-slideshow {
    height: auto;
  }

  /* line 4410, ../../../dev/scss/css.scss */
  section.cycle-slide {
    height: auto;
  }

  /* line 4414, ../../../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 4422, ../../../dev/scss/css.scss */
  .slidertext p {
    font-size: 14px;
  }

  /* line 4425, ../../../dev/scss/css.scss */
  .navigate {
    display: none;
  }

  /* line 4428, ../../../dev/scss/css.scss */
  #per-slide-template {
    margin: 20px auto 10px;
    height: 100px;
  }

  /* line 4432, ../../../dev/scss/css.scss */
  #per-slide-template a {
    float: left;
    font-size: 12px;
    line-height: 1;
    margin: 0 6px;
    padding: 8px 12px;
  }

  /* line 4439, ../../../dev/scss/css.scss */
  div#per-slide-template2 {
    bottom: -60px;
  }

  /* line 4442, ../../../dev/scss/css.scss */
  .newsinner h1 {
    font-size: 26px;
  }

  /* Page */
  /* line 4447, ../../../dev/scss/css.scss */
  .pagecontent {
    margin: 35px auto 20px;
  }

  /* line 4458, ../../../dev/scss/css.scss */
  .pagecontentright h3 {
    font-size: 18px;
    margin: 15px 0 10px;
  }

  /* line 4462, ../../../dev/scss/css.scss */
  .pagecontentright h5 {
    font-size: 18px;
    margin: 40px 0 10px;
  }

  /* line 4466, ../../../dev/scss/css.scss */
  .pagecontentright h6 {
    font-size: 18px;
    margin: 10px 0 10px;
  }

  /* line 4470, ../../../dev/scss/css.scss */
  .pagecontentright p {
    margin: 15px 0;
    font-size: 11px;
  }

  /* line 4482, ../../../dev/scss/css.scss */
  .pagecontentright form h3 {
    font-size: 14px;
  }

  /* line 4485, ../../../dev/scss/css.scss */
  .pagecontentright form h4 {
    font-size: 14px;
  }

  /* line 4489, ../../../dev/scss/css.scss */
  .pagecontentright form select {
    font-size: 14px;
  }

  /* line 4493, ../../../dev/scss/css.scss */
  .pagecontentright form input {
    font-size: 14px;
  }

  /* line 4499, ../../../dev/scss/css.scss */
  .pagecontentright form textarea {
    font-size: 14px;
  }

  /* line 4503, ../../../dev/scss/css.scss */
  .pagecontentright form input[type="submit"] {
    font-size: 14px;
  }

  /* line 4509, ../../../dev/scss/css.scss */
  .pagecrumbs {
    padding-left: 20px;
  }

  /* line 4512, ../../../dev/scss/css.scss */
  .greybg h1 {
    font-size: 32px;
    margin: 20px 0 0;
  }

  /* line 4516, ../../../dev/scss/css.scss */
  .greybg h2 {
    font-size: 18px;
  }

  /* line 4519, ../../../dev/scss/css.scss */
  .masonry {
    max-width: 100%;
  }

  /* line 4522, ../../../dev/scss/css.scss */
  .item ul.standardlist li {
    font-size: 14px;
  }

  /* line 4525, ../../../dev/scss/css.scss */
  .select-style {
    height: 38px;
  }

  /* line 4528, ../../../dev/scss/css.scss */
  .select-style:after {
    top: 9px;
  }

  /* line 4531, ../../../dev/scss/css.scss */
  .inputmargin {
    margin: 0 0 20px !important;
  }

  /* line 4534, ../../../dev/scss/css.scss */
  ul.companylist li div h2 {
    font-size: 18px;
    margin: 12px 0 0;
  }

  /* line 4538, ../../../dev/scss/css.scss */
  ul.companylist li div p {
    font-size: 10px;
  }

  /* line 4541, ../../../dev/scss/css.scss */
  ul.newsblock.nohover {
    margin: 20px auto 40px;
  }

  /* line 4544, ../../../dev/scss/css.scss */
  ul.newsblock.nohover li {
    text-align: center;
    margin: 10px 1% 0;
  }

  /* line 4548, ../../../dev/scss/css.scss */
  ul.newsblock.nohover li:hover {
    margin: 10px 1% 0;
  }

  /* line 4551, ../../../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 4561, ../../../dev/scss/css.scss */
  ul.newsblock li:hover {
    /* margin: 0 1% 12px; */
  }

  /* line 4564, ../../../dev/scss/css.scss */
  .newsinner {
    padding: 20px 0;
  }

  /* line 4567, ../../../dev/scss/css.scss */
  .newsinner a.buy {
    font-size: 18px;
    padding: 8px 28px;
  }

  /* line 4571, ../../../dev/scss/css.scss */
  .usersinner h1 {
    font-size: 26px;
    margin: 0 0 20px;
  }

  /* line 4575, ../../../dev/scss/css.scss */
  .usersinner ul li {
    width: 100%;
    height: auto;
    padding: 10px 0;
  }

  /* line 4580, ../../../dev/scss/css.scss */
  .usersinner ul li a {
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 4586, ../../../dev/scss/css.scss */
  .customer {
    min-height: 300px;
  }

  /* line 4589, ../../../dev/scss/css.scss */
  .customerinner {
    max-width: 90%;
  }

  /* line 4592, ../../../dev/scss/css.scss */
  .customerinner h1 {
    font-size: 18px;
    margin: 20px 0 0;
  }

  /* line 4596, ../../../dev/scss/css.scss */
  .customerinner p {
    font-size: 14px;
    margin: 10px 0;
  }

  /* line 4600, ../../../dev/scss/css.scss */
  .customerinner p strong {
    font-size: 14px;
  }

  /* line 4603, ../../../dev/scss/css.scss */
  ul.newsblock.newssolo {
    padding: 0;
  }

  /* line 4606, ../../../dev/scss/css.scss */
  ul.newsblock.newssolo li {
    margin: 10px 1% 0;
  }

  /* line 4609, ../../../dev/scss/css.scss */
  p.readmoresmall {
    width: 64px;
    font-size: 9px !important;
  }

  /* line 4613, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven li div:first-child {
    width: 50%;
    padding-right: 5%;
  }

  /* line 4617, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven li div:nth-child(2) {
    width: 22%;
  }

  /* line 4620, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven li div:last-child {
    width: 20%;
  }

  /* line 4623, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven li div img {
    width: 20px;
  }

  /* line 4626, ../../../dev/scss/css.scss */
  .detaillist ul.fouruneven li div {
    width: 20%;
  }

  /* line 4629, ../../../dev/scss/css.scss */
  .detaillist ul.fouruneven li div:last-child {
    width: 36%;
    margin-left: 4%;
  }

  /* line 4633, ../../../dev/scss/css.scss */
  .detaillist ul li p {
    font-size: 11px;
    line-height: 13px;
    margin: 0;
  }

  /* line 4638, ../../../dev/scss/css.scss */
  #imagesUpload .newImage:last-child::after {
    margin: 4px 0;
  }

  /* Google Maps */
  /* line 4643, ../../../dev/scss/css.scss */
  #mack-map {
    height: 60vh;
  }

  /* line 4646, ../../../dev/scss/css.scss */
  .maptop h2 {
    top: 48px;
    font-size: 32px;
  }

  /* line 4650, ../../../dev/scss/css.scss */
  .maptop h3 {
    top: 86px;
    font-size: 18px;
  }

  /* line 4654, ../../../dev/scss/css.scss */
  .gmnoprint {
    display: none;
  }

  /* line 4657, ../../../dev/scss/css.scss */
  .dltype ul li:last-child {
    width: 29%;
  }

  /* line 4660, ../../../dev/scss/css.scss */
  .dltype ul li h3 {
    font-size: 11px;
  }

  /* line 4663, ../../../dev/scss/css.scss */
  .dlgreenbg ul {
    height: 30px;
    padding: 8px 0;
  }

  /* line 4667, ../../../dev/scss/css.scss */
  .dlgreenbg ul li {
    width: 30%;
  }

  /* line 4670, ../../../dev/scss/css.scss */
  .dlgreenbg ul li:first-child {
    width: 10%;
  }

  /* line 4673, ../../../dev/scss/css.scss */
  .dlgreenbg ul li:nth-child(3) {
    width: 30%;
  }

  /* line 4676, ../../../dev/scss/css.scss */
  .dlgreenbg ul li:last-child {
    width: 29%;
    text-align: right;
  }

  /* line 4680, ../../../dev/scss/css.scss */
  .dlgreenbg ul li img {
    width: 60%;
  }

  /* line 4683, ../../../dev/scss/css.scss */
  .dlgreenbg ul li h3 {
    font-size: 10px;
    margin: 5px 0 0;
  }

  /* line 4687, ../../../dev/scss/css.scss */
  .dlgreenbg ul li p {
    font-size: 10px;
  }

  /* line 4690, ../../../dev/scss/css.scss */
  .hiddeninstallerslist {
    margin: 0 0 20px;
  }

  /* line 4693, ../../../dev/scss/css.scss */
  .showallinstallers p {
    font-size: 12px !important;
    width: auto;
    margin-top: 10px !important;
  }

  /* line 4699, ../../../dev/scss/css.scss */
  .leftmenu ul li p {
    font-size: 12px;
    padding: 4px 5px;
  }

  /* line 4703, ../../../dev/scss/css.scss */
  li.sub:before {
    top: 5px;
    right: 5px;
  }

  /* line 4707, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li {
    padding: 6px 16px;
  }

  /* line 4710, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:first-child {
    padding: 6px 6px 0px;
  }

  /* line 4713, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:only-child {
    padding: 6px 6px 6px;
  }

  /* line 4716, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:last-child {
    padding-bottom: 6px;
  }

  /* line 4719, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li a {
    font-size: 12px;
  }

  /* line 4722, ../../../dev/scss/css.scss */
  ul.standardlist {
    margin: 0 0 10px 16px;
  }

  /* line 4725, ../../../dev/scss/css.scss */
  ul.standardlist li:before {
    left: -17px;
  }

  /* line 4728, ../../../dev/scss/css.scss */
  .detaillist {
    margin: 20px 0 20px;
  }

  /* line 4731, ../../../dev/scss/css.scss */
  .detaillist ul.threeuneven {
    float: left;
    margin: 20px 0 7px;
  }

  /* line 4735, ../../../dev/scss/css.scss */
  .pagecontentright .usersinner {
    padding: 20px 0;
  }

  /* line 4738, ../../../dev/scss/css.scss */
  .pagecontentright .usersinner ul li {
    width: 50%;
  }

  /* line 4741, ../../../dev/scss/css.scss */
  ul.sql {
    margin: 20px 0 40px;
  }

  /* line 4744, ../../../dev/scss/css.scss */
  ul.sql li {
    width: 44%;
    padding: 1%;
    margin: 2%;
  }

  /* line 4749, ../../../dev/scss/css.scss */
  ul.sql li p {
    font-size: 12px;
    line-height: 1.4;
    margin: 12px 0 12px;
  }

  /* Footer */
  /* line 4756, ../../../dev/scss/css.scss */
  form#newsletter input {
    font-size: 12px;
    line-height: 30px;
  }

  /* line 4760, ../../../dev/scss/css.scss */
  input.signup {
    width: 60%;
  }

  /* line 4763, ../../../dev/scss/css.scss */
  input.newsletterBtn {
    font-size: 12px !important;
    width: 22%;
  }

  /* line 4767, ../../../dev/scss/css.scss */
  .footerinner {
    max-width: 96%;
    padding: 4% 2%;
  }

  /* line 4771, ../../../dev/scss/css.scss */
  .footerinner ul li a {
    font-size: 12px;
    padding: 0 10px 0 0;
    margin-left: 0;
  }

  /* line 4776, ../../../dev/scss/css.scss */
  .footerinner .button {
    float: none;
    width: 120px;
    padding: 0 10px;
    margin: 10px 0 0;
  }

  /* line 4782, ../../../dev/scss/css.scss */
  .copyright {
    font-size: 10px;
  }

  /* line 4785, ../../../dev/scss/css.scss */
  .footerbottom {
    padding: 0;
  }

  /* line 4789, ../../../dev/scss/css.scss */
  .leftmenu ul li ul li:last-child {
    padding: 6px 16px 26px 16px;
  }

  /* line 4793, ../../../dev/scss/css.scss */
  .small-text-on-small {
    line-height: 1.5;
    font-size: 11px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 4800, ../../../dev/scss/css.scss */
  #logo {
    width: 175px;
    height: 30px;
  }

  /* line 4805, ../../../dev/scss/css.scss */
  nav#mainmenu ul li {
    padding: 0 10px;
  }
}
@media screen and (max-width: 899px) {
  /* line 4813, ../../../dev/scss/css.scss */
  .releaselist h2 {
    font-size: 18px;
  }

  /* line 4817, ../../../dev/scss/css.scss */
  .dummy-height {
    height: 34px !important;
  }

  /* line 4821, ../../../dev/scss/css.scss */
  ul.position-change-when-menu-height-changes {
    top: 45px !important;
  }

  /* line 4825, ../../../dev/scss/css.scss */
  a.position-change-when-menu-height-changes {
    top: 90px !important;
    min-width: 100%;
  }

  /* line 4830, ../../../dev/scss/css.scss */
  .burger-menu {
    display: block;
    visibility: visible;
  }

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

  /* line 4839, ../../../dev/scss/css.scss */
  .front {
    padding-top: 85px;
  }

  /* line 4843, ../../../dev/scss/css.scss */
  #logo {
    width: 150px;
    height: 26px;
  }

  /* line 4848, ../../../dev/scss/css.scss */
  .headerinner .button {
    position: absolute;
    right: 117px;
    width: 115px;
    margin-top: 17px;
    font-size: 12px;
  }

  /* line 4855, ../../../dev/scss/css.scss */
  .headerinner .button::after, .headerinner .button > span {
    line-height: 29px;
  }

  /* line 4859, ../../../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 4871, ../../../dev/scss/css.scss */
  nav#mainmenu ul {
    display: block;
    padding: 28px 0 0;
  }

  /* line 4875, ../../../dev/scss/css.scss */
  nav#mainmenu ul li {
    float: none;
    width: 100%;
    height: 70px;
    padding: 0;
    background: #b2d53b;
  }

  /* line 4883, ../../../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 4895, ../../../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 4907, ../../../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 4916, ../../../dev/scss/css.scss */
  .burger-menu {
    display: block !important;
  }

  /* line 4919, ../../../dev/scss/css.scss */
  .submenu {
    height: 100%;
    width: 100%;
    top: 65px;
    box-shadow: none;
  }

  /* line 4925, ../../../dev/scss/css.scss */
  .submenuinner {
    padding: 2%;
    width: 96%;
  }

  /* line 4929, ../../../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 4939, ../../../dev/scss/css.scss */
  .submenuleft h1 {
    font-size: 26px !important;
    margin: 10px 0 10px !important;
  }

  /* line 4943, ../../../dev/scss/css.scss */
  .submenuleft p {
    font-size: 14px;
    line-height: 1.4;
    margin: 10px 0;
  }

  /* line 4948, ../../../dev/scss/css.scss */
  .submenuright {
    float: none;
    width: 100%;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 4956, ../../../dev/scss/css.scss */
  .submenuright ul {
    padding: 0 !important;
  }

  /* line 4959, ../../../dev/scss/css.scss */
  .submenuright ul li {
    width: 100% !important;
    height: 20px !important;
    padding: 10px 0 !important;
    background: #ffffff !important;
  }

  /* line 4965, ../../../dev/scss/css.scss */
  .submenuright ul li a {
    font-size: 18px !important;
    line-height: 40px !important;
    padding: 0;
  }

  /* line 4970, ../../../dev/scss/css.scss */
  .searchbar {
    width: 95%;
    right: 20px;
    top: 65px;
  }

  /* line 4975, ../../../dev/scss/css.scss */
  .search {
    width: 28px;
    height: 28px;
    margin: 17px 0 0;
  }

  /* line 4981, ../../../dev/scss/css.scss */
  .featurestop {
    height: 48px !important;
  }

  /* line 4984, ../../../dev/scss/css.scss */
  .headerinner {
    height: 65px !important;
  }
}
/* Ugly fix need to manage the overflow:hidden setup on parent container */
/* line 4990, ../../../dev/scss/css.scss */
.featurebox {
  padding-box: 5px;
}

/* Ugly fix need to manage the general lsit overrides */
/* line 4994, ../../../dev/scss/css.scss */
ul.driverslist {
  list-style-type: disc;
  margin-left: 25px;
}
/* line 4998, ../../../dev/scss/css.scss */
ul.driverslist li {
  float: none;
  width: auto;
  height: auto !important;
  border-bottom: none;
}

@media screen and (max-width: 465px) {
  /* line 5008, ../../../dev/scss/css.scss */
  .hideontosmall {
    display: none;
  }

  /* line 5012, ../../../dev/scss/css.scss */
  .showontosmall {
    display: block !important;
  }
}
@media screen and (max-width: 387px) {
  /* line 5019, ../../../dev/scss/css.scss */
  .showontosmall {
    display: none !important;
  }

  /* line 5023, ../../../dev/scss/css.scss */
  .select-style select {
    font-size: 12px;
  }

  /* contact form widget from freshdesk */
  /* line 5029, ../../../dev/scss/css.scss */
  .embedded-wrapper .modal-header h3.active {
    color: #80be0e;
  }
}
@media screen and (max-width: 320px) {
  /* line 5036, ../../../dev/scss/css.scss */
  .showontosmall {
    display: none !important;
  }

  /* line 5040, ../../../dev/scss/css.scss */
  .select-style select {
    font-size: 10px;
  }
}
@media screen and (min-width: 1200px) {
  /* line 5046, ../../../dev/scss/css.scss */
  .news ul.newssolo li:nth-child(4) {
    display: none;
  }
}