@charset "UTF-8";
/*********************************************************



# Main SCSS Collection 




- spotify cookie
- datenschutz de / en
- bild mittig



**********************************************************/
/******************************** 

Vendor:

*********************************/
/* Slider */
@import '../fonts/volte-webfont/style.css';
@import '../fonts/montserrat-webfont/style.css';
@import '../fonts/icomoon.css';
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "other";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "other";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

body.hidden-scroll {
  overflow: hidden;
}

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.7;
  display: none;
  z-index: 1035;
}

.sl-wrapper {
  z-index: 1040;
}
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}
.sl-wrapper button:hover {
  opacity: 0.7;
}
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000;
  font-size: 3rem;
}
.sl-wrapper .sl-close:focus {
  outline: none;
}
.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #000;
  font-size: 1rem;
}
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #000;
}
.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}
.sl-wrapper .sl-navigation button:focus {
  outline: none;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}
@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 1060;
}

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.sl-transition {
  transition: -ms-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  -webkit-transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
  transition: transform ease 200ms, -webkit-transform ease 200ms;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}
.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax > .jarallax-img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: "object-fit: cover;";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/******************************** 

01 Config :

*********************************/
/****************************

	# Colors

*****************************/
/*
$c-brand: #8EBB22;
$c-brand-dark: $c-brand;
//#1a486f!important
$c-brand2 :#4FAAA0; //Türkis
$c-brand2-dark :#358179;


$c-brand: #8EBB22;
$c-brand: $c-brand;


$c-white : #ffffff;

$c-grey : #ddd;
$c-grey-dark : #5E5E5D;
$c-grey-light : #F2F2F2;
$c-grey-lighter : #F2F2F2;



$c-dark : #414141;
$c-black : #100500;


$c-signal: #ff0000;
*/
/****************************

	# URLs

*****************************/
/****************************

	# Font Stacks

*****************************/
/****************************

	# Images

*****************************/
/* Clearfix */
/******************************** 

02 Logic : (Mixins)

*********************************/
/* Media Query, based on Breakpoints in variables.scss  */
/* Set a rem font size with pixel fallback */
/* Cross browser opacity */
/* Block Center */
/* Block Center */
/* Box Shadow */
/* Border-radius */
/* Gradient */
/* Layout */
/* Overlay */
/* Ornament (Strich) */
/* Circle */
/******************************** 

03 Motion  : 

*********************************/
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loadingbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes loadingbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes shake {
  0%, 50%, 100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(0deg);
            transform: translate3d(0, 10px, 0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes shake {
  0%, 50%, 100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(0deg);
            transform: translate3d(0, 10px, 0) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes width-grow {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes width-grow {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomin {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*animations*/
/*animations*/
.animation-delay-250 {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}

.animation-delay-500 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.animation-delay-750 {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}

.animation-delay-1000 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.animation-delay-1250 {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}

.animation-delay-1500 {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.animation-delay-2000 {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.animated {
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.go {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.slow {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.slower {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.slowest {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
  opacity: 0;
  -webkit-transform: translateX(400px);
  -ms-transform: translateX(400px);
      transform: translateX(400px);
}

.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
  opacity: 0;
  -webkit-transform: translateX(400px);
  -ms-transform: translateX(400px);
      transform: translateX(400px);
}

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn {
  opacity: 0;
}

.lightSpeedInRight, .lightSpeedInLeft {
  opacity: 0;
  -webkit-transform: translateX(400px);
  -ms-transform: translateX(400px);
      transform: translateX(400px);
}

/**********
* Fade In *
**********/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
.fadeIn {
  opacity: 0;
}

.fadeIn.go {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/*************
* FadeInLeft *
*************/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-400px);
            transform: translateX(-400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.fadeInLeft {
  opacity: 0;
  -webkit-transform: translateX(-400px);
  -ms-transform: translateX(-400px);
      transform: translateX(-400px);
}

.fadeInLeft.go {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/*************
* FadeInRight *
*************/
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px);
            transform: translateX(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.fadeInRight {
  opacity: 0;
  -webkit-transform: translateX(400px);
  -ms-transform: translateX(400px);
      transform: translateX(400px);
}

.fadeInRight.go {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/*************
* FadeInUp *
*************/
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(400px);
    -webkit-transform: translateY(400px);
    transform: translateY(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(400px);
    -webkit-transform: translateY(400px);
    transform: translateY(400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(400px);
  -ms-transform: translateY(400px);
      transform: translateY(400px);
}

.fadeInUp.go {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*************
* FadeInDown *
*************/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-400px);
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-400px);
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  opacity: 0;
  -webkit-transform: translateY(-400px);
  -ms-transform: translateY(-400px);
      transform: translateY(-400px);
}

.fadeInDown.go {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*****************
* Out animations *
*****************/
/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut.go {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
  }
}
.fadeOutUp.go {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px);
  }
}
.fadeOutDown.go {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
  }
}
.fadeOutLeft.go {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
  }
}
.fadeOutRight.go {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

/*****************
* Short Animations
*******************/
/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpShort {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
      transform: translateY(20px);
}

.fadeInUpShort.go {
  -webkit-animation-name: fadeInUpShort;
  animation-name: fadeInUpShort;
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDownShort {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.fadeInDownShort {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
      transform: translateY(-20px);
}

.fadeInDownShort.go {
  -webkit-animation-name: fadeInDownShort;
  animation-name: fadeInDownShort;
  -moz-animation-name: fadeInDownShort;
}

/*********************
* fadeInRightShort 
*********************/
@-webkit-keyframes fadeInRightShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRightShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.fadeInRightShort {
  opacity: 0;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
      transform: translateX(20px);
}

.fadeInRightShort.go {
  -webkit-animation-name: fadeInRightShort;
  animation-name: fadeInRightShort;
}

/*********************
* fadeInLeftShort 
*********************/
@-webkit-keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.fadeInLeftShort {
  opacity: 0;
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
      transform: translateX(-20px);
}

.fadeInLeftShort.go {
  -webkit-animation-name: fadeInLeftShort;
  animation-name: fadeInLeftShort;
}

/******************************** 

04 Base  : 

*********************************/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body, html {
  background-color: #ffffff;
  color: #000000;
}

html {
  font-size: 100%;
  position: relative;
}

body {
  padding: 0;
  height: auto;
  position: relative;
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center bottom;
}

#wrapper {
  width: 100%;
  margin: 0 auto;
  background-color: #fdfdfd;
}
@media screen and (min-width: 48em) {
  #wrapper {
    margin: 0px auto;
  }
}
@media screen and (min-width: 84.375em) {
  #wrapper {
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 93.75em) {
  #wrapper {
    background-color: #ffffff;
  }
}

.inside,
.mod_article,
.entry-content > p,
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > ol,
.entry-content > ul,
.entry-content > .wp-block-columns,
.entry-content > .wp-block-group.alignwide,
.site-content,
.post-single,
.inside-wide > .inside,
.inside-wide > * {
  width: 100%;
  width: calc(100% - 12vw);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 48em) {
  .inside,
  .mod_article,
  .entry-content > p,
  .entry-content > h1,
  .entry-content > h2,
  .entry-content > h3,
  .entry-content > h4,
  .entry-content > ol,
  .entry-content > ul,
  .entry-content > .wp-block-columns,
  .entry-content > .wp-block-group.alignwide,
  .site-content,
  .post-single,
  .inside-wide > .inside,
  .inside-wide > * {
    width: calc(100% - 14vw);
    max-width: 1300px;
  }
}
@media screen and (min-width: 60em) {
  .inside,
  .mod_article,
  .entry-content > p,
  .entry-content > h1,
  .entry-content > h2,
  .entry-content > h3,
  .entry-content > h4,
  .entry-content > ol,
  .entry-content > ul,
  .entry-content > .wp-block-columns,
  .entry-content > .wp-block-group.alignwide,
  .site-content,
  .post-single,
  .inside-wide > .inside,
  .inside-wide > * {
    width: calc(100% - 10vw);
  }
}
@media screen and (min-width: 84.375em) {
  .inside,
  .mod_article,
  .entry-content > p,
  .entry-content > h1,
  .entry-content > h2,
  .entry-content > h3,
  .entry-content > h4,
  .entry-content > ol,
  .entry-content > ul,
  .entry-content > .wp-block-columns,
  .entry-content > .wp-block-group.alignwide,
  .site-content,
  .post-single,
  .inside-wide > .inside,
  .inside-wide > * {
    width: calc(100% - 8vw);
  }
}
@media screen and (min-width: 93.75em) {
  .inside,
  .mod_article,
  .entry-content > p,
  .entry-content > h1,
  .entry-content > h2,
  .entry-content > h3,
  .entry-content > h4,
  .entry-content > ol,
  .entry-content > ul,
  .entry-content > .wp-block-columns,
  .entry-content > .wp-block-group.alignwide,
  .site-content,
  .post-single,
  .inside-wide > .inside,
  .inside-wide > * {
    width: 100%;
  }
}
.inside .container,
.inside #container,
.inside .inside,
.mod_article .container,
.mod_article #container,
.mod_article .inside,
.entry-content > p .container,
.entry-content > p #container,
.entry-content > p .inside,
.entry-content > h1 .container,
.entry-content > h1 #container,
.entry-content > h1 .inside,
.entry-content > h2 .container,
.entry-content > h2 #container,
.entry-content > h2 .inside,
.entry-content > h3 .container,
.entry-content > h3 #container,
.entry-content > h3 .inside,
.entry-content > h4 .container,
.entry-content > h4 #container,
.entry-content > h4 .inside,
.entry-content > ol .container,
.entry-content > ol #container,
.entry-content > ol .inside,
.entry-content > ul .container,
.entry-content > ul #container,
.entry-content > ul .inside,
.entry-content > .wp-block-columns .container,
.entry-content > .wp-block-columns #container,
.entry-content > .wp-block-columns .inside,
.entry-content > .wp-block-group.alignwide .container,
.entry-content > .wp-block-group.alignwide #container,
.entry-content > .wp-block-group.alignwide .inside,
.site-content .container,
.site-content #container,
.site-content .inside,
.post-single .container,
.post-single #container,
.post-single .inside,
.inside-wide > .inside .container,
.inside-wide > .inside #container,
.inside-wide > .inside .inside,
.inside-wide > * .container,
.inside-wide > * #container,
.inside-wide > * .inside {
  width: 100%;
  max-width: none;
}

.full-width, .fullwidth, .alignfull {
  max-width: 100% !important;
  width: 100% !important;
}

.inside-small > *, .inside-small > .inside {
  width: 100%;
  width: calc(100% - 12vw);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 48em) {
  .inside-small > *, .inside-small > .inside {
    width: calc(100% - 14vw);
  }
}
@media screen and (min-width: 60em) {
  .inside-small > *, .inside-small > .inside {
    max-width: 500px !important;
    width: 35% !important;
    margin-left: auto;
    margin-right: auto;
  }
}

.inside-medium > *, .inside-medium > .inside {
  width: 100%;
  width: calc(100% - 12vw);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 48em) {
  .inside-medium > *, .inside-medium > .inside {
    width: calc(100% - 12vw);
  }
}
@media screen and (min-width: 60em) {
  .inside-medium > *, .inside-medium > .inside {
    max-width: 800px !important;
    width: 60% !important;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 84.375em) {
  .inside-medium > *, .inside-medium > .inside {
    width: 60% !important;
  }
}

.inside-fullwidth > *, .inside-fullwidth > .inside {
  position: relative;
  max-width: none !important;
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-columns {
  margin-bottom: 0;
}

.row .row {
  width: 100%;
}

figure {
  margin: 0;
}

/*
.xlarge-3 {
   @media screen and (min-width: 84.375em) {
      width:25%;
   }
}


.xlarge-4 {
   @media screen and (min-width: 84.375em) {
      width:33.3%;
   }
}

.xxlarge-3 {
   @media screen and (min-width: 93.75em) {
      width:25%;
   }
}


.xxlarge-4 {
   @media screen and (min-width: 84.375em) {
      width:33.3%;
   }
}

*/
/* --------------------------------------------
   #Helper Classes 
   -------------------------------------------- */
.no-nav .main-navigation, .no-nav .mod_customnav, .no-nav .nav-toggle {
  display: none;
}
.no-nav #logo {
  margin: 0 auto;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative;
}

.max-width {
  max-width: 100%;
}

.full-width {
  width: 100%;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clearleft {
  clear: left !important;
}

.clearright {
  clear: right !important;
}

.show {
  opacity: 1;
}

.invisible, .hidden, .hide {
  display: none;
}

.overflow {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.zindexUp {
  z-index: 10;
  position: relative;
}

.align-right {
  text-align: right;
}

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

.align-left {
  text-align: left;
}

.block-center, .margin-center {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 47.9375em) {
  .hide-s {
    display: none !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 59.9375em) {
  .hide-m {
    display: none !important;
  }
}

/* --------------------------------------------
   # Fonts 
   -------------------------------------------- */
body {
  font-family: "Volte", sans-serif !important;
  font-weight: 400;
  color: #000000;
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (min-width: 48em) {
  body {
    font-size: 1.1rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 60em) {
  body {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 84.375em) {
  body {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

/* --------------------------------------------
   # Paragraphs
   -------------------------------------------- */
p {
  line-height: inherit;
}

b,
strong {
  font-weight: 600;
}

::-moz-selection {
  background: rgba(0, 0, 0, 0.6);
  /* WebKit/Blink Browsers */
  color: #ffffff;
}

::selection {
  background: rgba(0, 0, 0, 0.6);
  /* WebKit/Blink Browsers */
  color: #ffffff;
}

::-moz-selection {
  background: rgba(0, 0, 0, 0.6);
  /* Gecko Browsers */
  color: #ffffff;
}

blockquote {
  text-align: center;
  font-family: "Volte", sans-serif;
  font-size: 15px;
  line-height: 20px;
  position: relative;
  font-style: italic;
  width: 60%;
  margin: 30px auto;
  z-index: 100;
}
blockquote small {
  clear: both;
  display: inline-block;
}
@media (min-width: lg) {
  blockquote small {
    clear: none;
    display: inline;
  }
}
blockquote:before, blockquote:after {
  font-size: 60px;
  font-weight: 900;
  content: "_";
  display: block;
  clear: both;
  height: 20px;
  line-height: 0;
  text-align: center;
  margin-bottom: 40px;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "{";
  font-family: "Volte", sans-serif;
  font-weight: 100;
  position: absolute;
  font-style: normal;
  font-size: 80px;
  left: -35%;
  top: 50%;
  padding: 0px 30px;
  opacity: 0.3;
  z-index: 90;
}
blockquote:after {
  content: "}";
  right: -30%;
  left: auto;
}

/* --------------------------------------------
   # Accent Elements
   -------------------------------------------- */
.intro {
  margin: 20px 0;
}
@media screen and (min-width: 48em) {
  .intro {
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: 100;
    margin: 40px 0;
  }
}
@media screen and (min-width: 60em) {
  .intro {
    font-size: 1.5em;
    line-height: 1.7em;
    font-weight: 100;
    margin: 50px 0;
  }
}
@media screen and (min-width: 84.375em) {
  .intro {
    font-size: 1.5em;
    line-height: 1.7em;
    font-weight: 100;
    margin: 80px 0;
  }
}
/*
.banderole {
  position:relative;

  z-index:20;


  &:before {

    @include v-center;
    @include h-center;

    top:-20%;

    content:" ";
    background-image:url(../img/banderole-light.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%; 
    z-index:-1;
    width:150px;
    height:75px;
    text-align:center;


     @include breakpoint(medium up) {
      width:180px;
      height:90px;
    }


    @include breakpoint(large up) {
      width:200px;
      height:100px;
    }
  }




  &.dark {


     &:before {


       background-image:url(../img/banderole-dark.png);





    }

  }




}


.banderole+h3 {
  z-index:20;
}

*/
@media screen and (max-width: 47.9375em) {
  .ce_text.small-12,
  .ce_headline.small-12,
  .ce_text.medium-12,
  .ce_headline.medium-12 {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 48em) and (max-width: 59.9375em) {
  .ce_text.small-12,
  .ce_headline.small-12,
  .ce_text.medium-12,
  .ce_headline.medium-12 {
    margin-bottom: 0 !important;
  }
}

.error {
  color: #64AD25 !important;
}

.message {
  border: 4px solid #eee;
  padding: 5vw;
}

.wf-loading h1,
.wf-loading h2,
.wf-loading p,
.wf-loading a {
  visibility: hidden;
}

/* --------------------------------------------
   # Headings
   -------------------------------------------- */
/* --------------------------------------------
   # Headings
   -------------------------------------------- */
h1,
h2,
h3 {
  font-family: "Volte", sans-serif;
  font-weight: 300;
  letter-spacing: 0em;
  font-weight: 800;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #000000;
}
@media screen and (min-width: 48em) {
  h1,
  h2,
  h3 {
    font-size: 2.6rem;
    line-height: 2.6rem;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 60em) {
  h1,
  h2,
  h3 {
    font-size: 3.3rem;
    line-height: 1.2;
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}

h1 {
  color: #64AD25;
  text-align: center;
}

h2,
h3 {
  color: #64AD25;
  font-family: "Volte", sans-serif;
}

h3 {
  text-transform: none;
  letter-spacing: 0;
  font-family: "Volte", sans-serif;
  font-weight: 400;
  position: relative;
  letter-spacing: 0em;
  font-size: 1.1rem;
  line-height: 1.9rem;
  margin: 1em 0;
}
@media screen and (min-width: 48em) {
  h3 {
    font-size: 1.2rem;
    margin: 3rem 0;
  }
}
@media screen and (min-width: 60em) {
  h3 {
    font-size: 1.4rem;
    margin: 3rem 0 2rem 0;
  }
}
h4 {
  font-family: "Volte", sans-serif;
  color: #64AD25;
  margin: 1em 0;
  font-size: 1.1rem;
  line-height: 1.6rem;
}
h4 strong {
  color: #000000;
}
@media screen and (min-width: 48em) {
  h4 {
    text-align: left;
    margin: 1.5em 0 1em 0;
  }
}
@media screen and (min-width: 48em) {
  h4 {
    margin: 2em 0 1.5em 0;
  }
}

h5 {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 48em) {
  h5 {
    text-align: left;
  }
}

h6 {
  font-size: 1rem;
  font-family: "Volte", sans-serif;
  margin-top: 2em;
  color: #64AD25;
}
@media screen and (min-width: 48em) {
  h6 {
    text-align: left;
  }
}

.page .entry-header h1 {
  display: none;
}

.text-normal {
  text-transform: none !important;
}
.text-normal * {
  text-transform: none !important;
}

.text-left {
  text-align: left;
}
.text-left * {
  text-align: left;
}

.text-center, .has-text-align-center {
  text-align: center;
}
.text-center *, .has-text-align-center * {
  text-align: center;
}

.text-uppercase {
  text-transform: uppercase;
}
.text-uppercase * {
  text-transform: uppercase;
}

.max-text-width {
  /*@include breakpoint(xlarge up) {
  max-width:700px;
  }*/
}
@media screen and (min-width: 84.375em) {
  .max-text-width > * {
    max-width: 560px;
  }
}

.letter-spacing {
  letter-spacing: 0.1em;
}
.letter-spacing * {
  letter-spacing: 0.1em;
}

.text-white {
  color: #ffffff !important;
}
.text-white * {
  color: #ffffff !important;
}

.text-blue {
  color: #64AD25 !important;
}
.text-blue * {
  color: #64AD25 !important;
}

.text-orange {
  color: #64AD25 !important;
}
.text-orange * {
  color: #64AD25 !important;
}

.text-dark {
  color: #000000 !important;
}
.text-dark * {
  color: #000000 !important;
}

.text-green {
  color: #64AD25 !important;
}
.text-green * {
  color: #64AD25 !important;
}

.text-grey {
  color: #707070 !important;
}
.text-grey * {
  color: #707070 !important;
}

.text-black {
  color: #000000 !important;
}
.text-black * {
  color: #000000 !important;
}

.text-xsmall {
  font-size: 0.7rem !important;
}
@media screen and (min-width: 60em) {
  .text-xsmall {
    font-size: 0.7rem !important;
  }
}

.text-small {
  font-size: 0.8rem !important;
}
@media screen and (min-width: 60em) {
  .text-small {
    font-size: 0.9rem !important;
  }
}

.text-medium {
  font-size: 1.3rem !important;
}
.text-medium * {
  font-size: 1.3rem !important;
}

.text-large {
  font-size: 1.2rem !important;
}
@media screen and (min-width: 60em) {
  .text-large {
    font-size: 1.6rem !important;
  }
}

.text-xlarge {
  font-size: 1.6rem !important;
}
@media screen and (min-width: 60em) {
  .text-xlarge {
    font-size: 2rem !important;
  }
}

.text-xxlarge {
  font-size: 1.9rem !important;
}
@media screen and (min-width: 60em) {
  .text-xxlarge {
    font-size: 2.4rem !important;
  }
}

.intro {
  margin: 20px 0;
}
@media screen and (min-width: 48em) {
  .intro {
    font-size: 1.8rem;
    font-weight: 100;
    margin: 2rem 0;
    line-height: 2.7rem;
  }
}
@media screen and (min-width: 60em) {
  .intro {
    font-size: 1.9rem;
    line-height: 2.9rem;
    font-weight: 100;
    margin: 3rem 0;
  }
}
.intro:after {
  font-size: 60px;
  font-weight: 900;
  content: "_";
  display: block;
  clear: both;
  height: 20px;
  line-height: 0;
  text-align: center;
  margin-bottom: 40px;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*
$grid-row-width: $global-width;
$grid-column-count: 12;
$grid-column-responsive-gutter: (
  small: 20px,
  medium: 50px,
);


$grid-column-align-edge: true;
$block-grid-max: 8;




@import 'grid/_grid.scss';
*/
/******************************** 

05 Sections  : 

*********************************/
/* --------------------------------------------
   #Header 
   -------------------------------------------- */
.site-header {
  width: 100%;
  background-color: #ffffff;
  position: relative;
  z-index: 100;
  height: 120px;
  top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
@media screen and (min-width: 60em) {
  .site-header {
    background-color: #ffffff;
    height: 170px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .site-header {
    height: 170px;
  }
}
.site-header .inside {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 60em) and (max-width: 84.3125em) {
  .site-header .inside {
    width: calc(100% - 20px);
  }
}
@media screen and (min-width: 75em) {
  .site-header .inside {
    width: calc(100% - 8vw);
  }
}

.site-header.cloned {
  position: fixed;
  clip-path: polygon(0% 0%, 100% 0, 100% 0%, 0% 0%);
  pointer-events: none;
  height: 100px;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, 0.09);
          box-shadow: 0 3px 18px rgba(0, 0, 0, 0.09);
  position: fixed;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.site-header.cloned.sticky {
  top: 0;
  clip-path: polygon(0% 0%, 100% 0, 100% 105%, 0% 105%);
  pointer-events: all;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.site-title,
.site-description {
  display: none;
}

/* --------------------------------------------
   #Main 
   -------------------------------------------- */
#content {
  margin-bottom: 3vw;
}

.entry .entry-content, .entry .entry-summary {
  padding: 0;
}

.submenu-expand.main-menu-more-toggle, .screen-reader-text, .menu-item-link-return {
  display: none;
}

/*.sidebar {

	font-size:14px;

	color:$c-grey-light;
	background:$c-dark;

	@include min-mq(md) { 		
		border-top:0;



	}



	ul li {
		border-bottom:1px solid $c-grey-light;


		&:before {
			margin-right: 10px;
			font-family:$font-icons;
			content: "\f105";
		}

	}





}*/
/* --------------------------------------------
   #Footer
   -------------------------------------------- */
.site-footer {
  border-top: 4px solid #000;
  text-align: center;
  width: 100%;
  margin-top: 4vh;
  padding-bottom: 4vh;
}
@media screen and (min-width: 60em) {
  .site-footer {
    margin-top: 8vh;
    padding-bottom: 8vh;
  }
}
.site-footer .inside {
  margin-top: 2rem;
}

/*

.footer-bgs {

    width:100%;
    position: absolute;

    align-items:stretch;
    align-content:stretch;
    display: none;

    height:100%;


    @include breakpoint(large up) {

        display: flex;
    }


    > div {
        width:50%;
    }


    > div:first-child {
        background-image:url('../svg/Illustration.svg');
        background-size:contain;
        background-repeat:no-repeat;
        background-position:-80px bottom;


         @include breakpoint(large up) {
            background-position:-130px bottom;
        }

        @include breakpoint(xlarge up) {
            background-position:-80px bottom;
        }


        @include breakpoint(xxlarge up) {
            background-position:left bottom;
        }
    }









}




.site-footer {

    width: 100%;

   //background-size: auto;
    background-color: $c-grey;

    display: flex;
    align-items: center;
    flex-wrap:wrap;

    font-size: 0.9rem;
    line-height: 1.4rem;
    color: $c-white;
    position: relative;

    @include breakpoint(medium up) {
        text-align: left;
    }


    @include breakpoint(large up) {
        text-align: left;
        font-size: 0.8rem;


    }


    a:link,a:visited {
        color:$c-white;
        font-weight: 300;
    }



    .inside {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;

        @include breakpoint(medium down) {
            width:100%;


        }
    }


    aside {

        padding-top:3vw;
        padding-bottom:3vw;
        min-height: 100px;
        display: flex;
        justify-content: center;
        align-items:center;
        align-content: center;
        flex-wrap:wrap;
    }


    .footer1 {

        @include breakpoint(medium down) {
            background:$c-dark;
            margin-top:0vw;
            padding-top:3vw;
            padding-bottom:4vw;
            border-top:1px solid $c-grey-light;
        }
    }








}
*/
/******************************** 

06 Components  : 

*********************************/
.loading-layer,
.loading-bar {
  display: none;
}

.loading-layer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #64ad25;
  position: fixed;
  z-index: 100000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 1;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 1s ease-in 0.5s;
  transition: all 1s ease-in 0.5s;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.loading-layer.out {
  -webkit-transition: all 0.2s cubic-bezier(0.36, 0, 0.69, 0.37) 1s;
  transition: all 0.2s cubic-bezier(0.36, 0, 0.69, 0.37) 1s;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -ms-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  opacity: 0.6;
  visibility: hidden;
}
.loading-layer.in {
  -webkit-transition: all 1s ease-in 1s;
  transition: all 1s ease-in 1s;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  display: block;
  opacity: 1;
}

.loader {
  /*  width: 80px;
  height: 80px;

  border:1px solid $c-white;
  border-radius:50%;*/
  margin: 0px auto;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-animation: shake 1s infinite;
  animation: shake 1s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.loader {
  display: inline-block;
  -webkit-transform: translateZ(1px);
          transform: translateZ(1px);
}

.loader > div {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  background: #fff;
  -webkit-animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

@-webkit-keyframes lds-circle {
  0%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
            animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(1800deg);
            transform: rotateY(1800deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    -webkit-transform: rotateY(3600deg);
            transform: rotateY(3600deg);
  }
}

@keyframes lds-circle {
  0%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
            animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(1800deg);
            transform: rotateY(1800deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    -webkit-transform: rotateY(3600deg);
            transform: rotateY(3600deg);
  }
}
.site-branding {
  width: auto;
  margin: 0;
  width: 180px;
  height: 110px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 60em) {
  .site-branding {
    width: 220px;
    height: 180px;
  }
}

.site-header .logo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  margin: 0px;
  width: 100%;
  height: 100%;
  position: relative;
}
.site-header .logo img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  opacity: 1;
  display: block;
  position: absolute;
}
.site-header .logo img:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.site-header .logo .logo-mobile {
  display: none;
}
.site-header .logo .logo-sticky {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.site-header .logo .active {
  display: block;
}

.site-header.cloned .site-branding {
  height: 60px;
  width: 60px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
@media screen and (min-width: 60em) {
  .site-header.cloned .site-branding {
    height: 60px;
    width: 60px;
  }
}
.site-header.cloned .logo {
  margin-bottom: 0;
}
.site-header.cloned .logo img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.site-header.cloned .logo .logo-sticky {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 1;
  display: block;
}

@media screen and (min-width: 60em) {
  .overlap {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    padding: 0 !important;
  }
}

/* Main Image */
figure, img, picture, svg {
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
}

iframe {
  width: 100%;
}

.vec {
  display: inline-block;
  fill: currentColor;
}

.popup-info {
  display: none;
}

#colorbox, .colorbox .popup-info {
  display: block;
}

.w1, .w2 {
  float: left;
  width: 50%;
}

.w2 {
  width: 100%;
  height: auto;
}

.jarallax, .rellax {
  position: relative;
  z-index: 0;
  height: 100%;
  width: 100%;
}

.jarallax > .jarallax-img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: "object-fit: cover;";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

figcaption {
  text-align: center;
}

.image_container {
  overflow: hidden;
  /*display: flex;
  align-items: stretch;
  flex-wrap: wrap;*/
  height: 100%;
  width: 100%;
  position: relative;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0;
}
.image_container img, .image_container picture, .image_container svg {
  height: 100%;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  /* ios 11 bug */
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
}

.image-center {
  margin-left: auto;
  margin-right: auto;
}
.image-center img, .image-center svg, .image-center figure, .image-center video, .image-center picture {
  margin-left: auto;
  margin-right: auto;
}

.titlebox {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  padding: 0.3em 0.8em;
  font-weight: 300;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-rellax-container], [data-rellax] {
  position: relative;
  width: 100%;
  height: 100%;
}

.image_background_container {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-position: center right;
  left: 0;
  top: 0;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  min-height: 100%;
  overflow: hidden;
  /*display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: stretch;
  -webkit-align-items: center;
     flex-wrap:wrap;*/
  animation-delay: 0.3s;
  overflow: hidden;
}
.image_background_container img, .image_background_container picture, .image_background_container svg {
  /*
  min-width: 100%;
  min-height:100%;
  width: auto;
  height: auto;
  */
  max-width: none;
  max-height: none;
  min-width: none;
  min-height: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  display: block;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  opacity: 1;
  position: relative;
}
.image_background_container .rellax {
  /*height:120%;
  overflow: hidden;
  margin-top:-2%;*/
}
.flex-gallery ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 48em) {
  .flex-gallery ul.cols_2 li {
    width: 50%;
  }
}
.flex-gallery ul.cols_3 {
  width: 50%;
}
@media screen and (min-width: 60em) {
  .flex-gallery ul.cols_3 li {
    width: 33.33%;
  }
}
.flex-gallery ul.cols_4 li {
  width: 50%;
}
@media screen and (min-width: 60em) {
  .flex-gallery ul.cols_4 li {
    width: 25%;
  }
}
.flex-gallery ul.cols_5 {
  width: 50%;
}
@media screen and (min-width: 60em) {
  .flex-gallery ul.cols_5 li {
    width: 20%;
  }
}

.bg-video {
  max-height: 500px;
  overflow: hidden;
}

.video_container video {
  width: 100%;
}

video {
  height: 100%;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.intro-video video {
  position: absolute;
  height: 100vh !important;
  width: auto !important;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (orientation: portrait) {
  .intro-video video {
    height: 60vh !important;
  }
}
.video-btn {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  padding: 10px;
  text-align: center;
  border-radius: 50%;
  background: #000000;
  color: #ffffff;
  font-size: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.video-btn:hover {
  background: #64AD25;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Chevrons */
/* --------------------------------------------
   #Icons
   -------------------------------------------- */
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shopping-cart:before {
  content: "\e910";
}

.icon-eye:before {
  content: "\e000";
}

.icon-mail:before {
  content: "\e002";
}

.icon-bell:before {
  content: "\e006";
}

.icon-ribbon:before {
  content: "\e009";
}

.icon-image:before {
  content: "\e010";
}

.icon-heart:before {
  content: "\e024";
}

.icon-search:before {
  content: "\e036";
}

.icon-zoom-in:before {
  content: "\e037";
}

.icon-zoom-out:before {
  content: "\e038";
}

.icon-head:before {
  content: "\e074";
}

.icon-speech-bubble:before {
  content: "\e076";
}

.icon-tag:before {
  content: "\e085";
}

.icon-star:before {
  content: "\e093";
}

.icon-arrow-left:before {
  content: "\e094";
}

.icon-arrow-right:before {
  content: "\e095";
}

.icon-arrow-up:before {
  content: "\e096";
}

.icon-arrow-down:before {
  content: "\e097";
}

.icon-bag:before {
  content: "\e106";
}

.icon-ban:before {
  content: "\e107";
}

.icon-expand:before {
  content: "\e110";
}

.icon-contract:before {
  content: "\e111";
}

.icon-plus:before {
  content: "\e114";
}

.icon-minus:before {
  content: "\e115";
}

.icon-check:before {
  content: "\e116";
}

.icon-cross:before {
  content: "\e117";
}

.icon-menu:before {
  content: "\e120";
}

.icon-inbox:before {
  content: "\e122";
}

.icon-outbox:before {
  content: "\e123";
}

.icon-file:before {
  content: "\e124";
}

.icon-ellipsis:before {
  content: "\e129";
}

.icon-chevron-thin-up:before {
  content: "\e902";
}

.icon-chevron-thin-right:before {
  content: "\e903";
}

.icon-chevron-thin-left:before {
  content: "\e904";
}

.icon-chevron-thin-down:before {
  content: "\e905";
}

.icon-chevron-small-up:before {
  content: "\e906";
}

.icon-chevron-small-right:before {
  content: "\e907";
}

.icon-chevron-small-left:before {
  content: "\e908";
}

.icon-chevron-small-down:before {
  content: "\e909";
}

.icon-chevron-right:before {
  content: "\e90a";
}

.icon-chevron-left:before {
  content: "\e90b";
}

.icon-chevron-down:before {
  content: "\e90c";
}

.icon-chevron-up:before {
  content: "\e90d";
}

.icon-cart:before {
  content: "\e900";
}

.icon-home:before {
  content: "\e901";
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-instagram:before {
  content: "\ea92";
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-pinterest2:before {
  content: "\ead2";
}

.icon-amazon:before {
  content: "\ea87";
}

.icon-play3:before {
  content: "\ea1c";
}

.icon-pause2:before {
  content: "\ea1d";
}

.icon-stop2:before {
  content: "\ea1e";
}

.icon-backward2:before {
  content: "\ea1f";
}

.icon-forward3:before {
  content: "\ea20";
}

.icon-first:before {
  content: "\ea21";
}

.icon-last:before {
  content: "\ea22";
}

.icon-volume-high:before {
  content: "\ea26";
}

.icon-volume-medium:before {
  content: "\ea27";
}

.icon-volume-low:before {
  content: "\ea28";
}

.icon-volume-mute:before {
  content: "\ea29";
}

.icon-volume-mute2:before {
  content: "\ea2a";
}

.icon-youtube:before {
  content: "\e90f";
}

[class*=fa-] {
  margin-right: 10px;
}

.iconshape,
.iconlink,
.round-icon {
  height: 32px;
  width: 32px;
  border-radius: 32px;
  font-family: "icomoon";
  display: block;
  font-size: 12px;
  text-align: center;
  line-height: 32px;
  background-color: #ffffff;
  color: #ffffff;
  cursor: pointer;
  content: "\f054";
  border: 1px solid #000000;
  display: inline-block;
}
.iconshape span,
.iconlink span,
.round-icon span {
  line-height: 30px;
}

.square-icon {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  font-family: "icomoon";
  display: block;
  font-size: 25px;
  text-align: center;
  line-height: 50px;
  background-color: #ffffff;
  color: #64AD25;
  cursor: pointer;
  content: "\f054";
  position: relative;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  overflow: hidden;
  margin: 10px;
  vertical-align: middle;
  border-radius: 0;
  display: inline-block;
}
@media screen and (min-width: 60em) {
  .square-icon {
    height: 80px;
    width: 80px;
    border-radius: 80px;
    font-family: "icomoon";
    display: block;
    font-size: 40px;
    text-align: center;
    line-height: 80px;
    background-color: #ffffff;
    color: #64AD25;
    cursor: pointer;
    content: "\f054";
    border-radius: 0;
    display: inline-block;
  }
}

.open-icon {
  position: relative;
  margin-right: 10px;
  vertical-align: middle;
  border-radius: 0;
  font-size: 16px;
  display: inline-block;
}
@media screen and (min-width: 60em) {
  .open-icon {
    font-size: 16px;
    margin-right: 20px;
    border-radius: 0;
    display: inline-block;
  }
}

.iconshape,
.iconlink {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  font-family: "icomoon";
  display: block;
  font-size: 23px;
  text-align: center;
  line-height: 40px;
  background-color: #eee;
  color: #ffffff;
  cursor: pointer;
  content: "\f054";
  float: left;
  margin-right: 10px;
}
.iconshape:hover,
.iconlink:hover {
  color: #eee;
}

.small-icon {
  width: 16px;
  height: 16px;
}

.round-icon {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  font-family: "icomoon";
  display: block;
  font-size: 15px;
  text-align: center;
  line-height: 40px;
  background-color: #64AD25;
  color: #ffffff;
  cursor: pointer;
  content: "\f054";
  margin-left: 1vw;
  margin-right: 1vw;
  border: 0px solid #000000;
}
@media screen and (min-width: 48em) {
  .round-icon {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    font-family: "icomoon";
    display: block;
    font-size: 23px;
    text-align: center;
    line-height: 50px;
    background-color: #64AD25;
    color: #ffffff;
    cursor: pointer;
    content: "\f054";
  }
}
@media screen and (min-width: 60em) {
  .round-icon {
    height: 70px;
    width: 70px;
    border-radius: 70px;
    font-family: "icomoon";
    display: block;
    font-size: 28px;
    text-align: center;
    line-height: 70px;
    background-color: #64AD25;
    color: #ffffff;
    cursor: pointer;
    content: "\f054";
  }
}
.round-icon [class*=fa], .round-icon [class*=icon] {
  margin: 0;
}

.big-icon {
  height: 60px;
  width: 60px;
  border-radius: 60px;
  font-family: "icomoon";
  display: block;
  font-size: 16px;
  text-align: center;
  line-height: 60px;
  background-color: transparent;
  color: #64AD25;
  cursor: pointer;
  content: "\f054";
  border: 1px solid #eee;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 60em) {
  .big-icon {
    height: 60px;
    width: 60px;
    border-radius: 60px;
    font-family: "icomoon";
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 60px;
    background-color: transparent;
    color: #64AD25;
    cursor: pointer;
    content: "\f054";
  }
}
@media screen and (min-width: 84.375em) {
  .big-icon {
    height: 70px;
    width: 70px;
    border-radius: 70px;
    font-family: "icomoon";
    display: block;
    font-size: 20px;
    text-align: center;
    line-height: 70px;
    background-color: transparent;
    color: #64AD25;
    cursor: pointer;
    content: "\f054";
  }
}
.big-icon [class*=fa] {
  margin: 0;
}
.big-icon:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.8);
  border-color: #000000;
  -webkit-box-shadow: 0 0 0px 8px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0px 8px rgba(255, 255, 255, 0.5);
}

.stoerer {
  background-color: transparent;
  background: #64AD25;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.09em;
  line-height: 1.2;
  color: #ffffff !important;
  opacity: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  z-index: 100;
  -webkit-animation: fadeIn2 1.5s ease-in-out 1, shake 1s ease-in-out infinite;
          animation: fadeIn2 1.5s ease-in-out 1, shake 1s ease-in-out infinite;
  -webkit-animation-delay: 3s, 4.5s;
          animation-delay: 3s, 4.5s;
}
@media screen and (min-width: 48em) {
  .stoerer {
    width: 140px;
    height: 140px;
  }
}
@media screen and (min-width: 60em) {
  .stoerer {
    width: 155px;
    height: 155px;
    font-size: 0.9em;
    letter-spacing: 0.09em;
    line-height: 1.3;
  }
}
.stoerer * {
  color: #ffffff !important;
}
.stoerer b,
.stoerer strong {
  font-size: 1.1em;
  color: #ffffff !important;
  border: 1px solid #ffffff;
  border-width: 1px 0;
  padding: 3px 0;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
}

#nav-stage .stoerer {
  position: absolute;
  background: #64AD25;
  top: 36%;
  right: -3em;
  width: 120px;
  height: 120px;
}
@media screen and (min-width: 48em) {
  #nav-stage .stoerer {
    top: 36%;
    right: -5em;
    width: 125px;
    height: 125px;
  }
}
#nav-stage .stoerer * {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.intro-stage .stoerer {
  position: absolute;
  right: 3vw;
  top: auto;
  bottom: 15%;
}
@media screen and (min-width: 60em) {
  .intro-stage .stoerer {
    right: 4vw;
    top: 20%;
    bottom: auto;
  }
}

a:link, a:visited {
  color: #000000;
  outline: none;
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  text-decoration: none;
  font-weight: 600;
}
a:link:hover, a:link:active, a:visited:hover, a:visited:active {
  color: #111;
  text-decoration: none;
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}
a:link.active, a:visited.active {
  color: #111;
}
a:link:focus, a:visited:focus {
  color: #111;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}

.skip-link {
  display: none;
}

p a:link, p a:visited {
  font-weight: 700;
  overflow-wrap: break-word;
}

.anchor-down, .anchor-down:link, .anchor-down:visited {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-decoration: none;
  bottom: 0px;
  display: block;
  background-color: #111 !important;
  color: #ffffff !important;
  text-align: center;
  padding: 10px;
  font-size: 12px;
  font-family: "icomoon";
}
@media screen and (min-width: 60em) {
  .anchor-down, .anchor-down:link, .anchor-down:visited {
    font-size: 16px;
    padding: 10px 20px;
  }
}
.anchor-down:hover, .anchor-down:link:hover, .anchor-down:visited:hover {
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.anchor-down:before, .anchor-down:link:before, .anchor-down:visited:before {
  content: "\f107";
}

ul {
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
}

.mod_article ul {
  padding: 30px;
}
.mod_article ul li {
  list-style: outside disc;
}

.nav-toggle {
  border: none;
  background: transparent !important;
}

.nav-toggle.active {
  background: transparent !important;
}

.nav-toggle .icon-bar {
  width: 22px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nav-toggle {
  display: none;
}

/**
  Hamburger
**/
.hamburger {
  position: fixed;
  display: block;
  top: -2px;
  right: 10px;
  width: 35px;
  height: 35px;
  z-index: 9999;
  padding: 0;
  width: 55px;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 60em) {
  .hamburger {
    display: none;
  }
}

.hamburger.sticky {
  top: -15px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger.sticky div {
  background-color: #64AD25;
}

.hamburger div {
  position: relative;
  width: 35px;
  height: 4px;
  border-radius: 0px;
  background-color: #64AD25;
  margin-top: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger div:first-child {
  margin-top: 0;
}

/**
Animations
**/
.nav-toggle:checked + .hamburger .top {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #ffffff;
  margin-top: 10px;
}

.nav-toggle:checked + .hamburger .bottom {
  opacity: 0;
  background-color: #ffffff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.nav-toggle:checked + .hamburger .mid {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #ffffff;
  margin-top: -4px;
}

/*.nav-toggle:checked + .hamburger + .nav {
  top: 0;
  transform: scale(1);
}*/
.nav-stage {
  width: 100%;
}

.cloned .nav-stage {
  border: 0;
}

.site-header .main-navigation {
  /* #menu-item-1150,
   #menu-item-1151 {




       a {

           color: $c-white;

           //padding:0.4em;

           font-size: 0.9rem;

           padding-top: 1px;
           padding-bottom: 1px;
           font-weight: 400;





       }




       @include breakpoint(large up) {
           display: none;
       }


   }*/
}
.site-header .main-navigation #menu-item-1150 a {
  margin-top: 20px;
  border-top: 1px solid #ffffff;
  padding-top: 20px;
}

.dropdown-toggle {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 25px;
  font-weight: 600;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  color: #ffffff;
}
.dropdown-toggle:after {
  content: "+";
}
.dropdown-toggle.is-toggled:after {
  content: "-";
}
@media screen and (min-width: 60em) {
  .dropdown-toggle {
    display: none;
  }
}

/* --------------------------------------------
   #Nav 
   -------------------------------------------- */
.main-navigation {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 100vw;
  background: #64AD25;
  z-index: 1000;
  padding: 0em;
  overflow-y: scroll;
}
@media screen and (max-width: 59.9375em) {
  .main-navigation {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}
@media screen and (min-width: 60em) {
  .main-navigation {
    position: relative;
    overflow: visible;
    width: auto;
    height: auto;
    top: auto;
    left: auto;
    background-color: transparent;
    margin-right: 0em;
    width: 500px;
  }
}
@media screen and (min-width: 84.375em) {
  .main-navigation {
    width: 700px;
  }
}
@media screen and (max-width: 59.9375em) {
  .main-navigation.main-navigation.opened {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    left: 0;
  }
}

.main-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 50px;
}
@media screen and (min-width: 37.5em) {
  .main-navigation {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
    padding: 50px 10vw 0 10vw;
  }
}
@media screen and (min-width: 60em) {
  .main-navigation {
    display: block;
    padding: 0;
  }
}
.main-navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  width: 100%;
  padding: 0;
}
@media screen and (min-width: 84.375em) {
  .main-navigation ul {
    -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.main-navigation ul > li {
  position: relative;
  display: block;
  width: calc(100% - 3em);
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 37.5em) {
  .main-navigation ul > li {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 60em) {
  .main-navigation ul > li {
    width: auto;
    padding: 0;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 2px;
  }
}
@media screen and (min-width: 84.375em) {
  .main-navigation ul > li {
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 3px;
  }
}
@media screen and (min-width: 93.75em) {
  .main-navigation ul > li {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 3px;
  }
}
.main-navigation ul > li > a,
.main-navigation ul > li > strong {
  /* stroke */
  display: block;
  font-family: "Volte", sans-serif;
  color: #ffffff;
  padding: 0.5rem 1.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.02rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 60em) {
  .main-navigation ul > li > a,
  .main-navigation ul > li > strong {
    font-size: 1.2rem;
    padding: 0em;
    color: #000000;
    text-align: left;
  }
}
@media screen and (min-width: 84.375em) {
  .main-navigation ul > li > a,
  .main-navigation ul > li > strong {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 60em) {
  .main-navigation ul > li:before {
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: ".";
    color: transparent;
    background: #64AD25;
    height: 1px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
}
.main-navigation ul > li:hover > a {
  color: #eee;
}
@media screen and (min-width: 60em) {
  .main-navigation ul > li:hover > a {
    color: #64AD25;
  }
}
.main-navigation ul > li:hover:before {
  width: 100%;
}
.main-navigation ul > li#mmenu-item-68 a span {
  display: none;
}
.main-navigation ul > li#mmenu-item-68 a:after {
  content: "\e915";
  font-family: "icomoon";
  margin-left: 10px;
  margin-right: 10px;
}
.main-navigation ul > li.active > a,
.main-navigation ul > li.trail > a,
.main-navigation ul > li.current-menu-item > a,
.main-navigation ul > li.current_page_parent > a {
  color: #eee;
  text-decoration: none;
}
@media screen and (min-width: 60em) {
  .main-navigation ul > li.active > a,
  .main-navigation ul > li.trail > a,
  .main-navigation ul > li.current-menu-item > a,
  .main-navigation ul > li.current_page_parent > a {
    color: #64AD25;
    text-decoration: none;
  }
}
.main-navigation ul > li.active:before,
.main-navigation ul > li.trail:before,
.main-navigation ul > li.current-menu-item:before,
.main-navigation ul > li.current_page_parent:before {
  width: 100%;
}
@media screen and (min-width: 60em) {
  .main-navigation ul > li.submenu > a:after,
  .main-navigation ul > li.menu-item-has-children > a:after {
    font-family: "icomoon";
    content: "\e905";
    margin-left: 8px;
    font-size: 11px;
  }
}

/* --------------------------------------------
   #Nav Submenu
   -------------------------------------------- */
@media screen and (min-width: 60em) {
  .main-navigation li.submenu,
  .main-navigation li.menu-item-has-children {
    height: auto;
  }
}
.main-navigation li.submenu ul,
.main-navigation li.menu-item-has-children ul {
  height: 0;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 60em) {
  .main-navigation li.submenu ul,
  .main-navigation li.menu-item-has-children ul {
    position: absolute;
    width: 260px;
    background: #ffffff;
    -webkit-box-shadow: 0px 8px 25px rgba(17, 17, 17, 0.08);
            box-shadow: 0px 8px 25px rgba(17, 17, 17, 0.08);
    opacity: 0;
    -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
@media screen and (min-width: 60em) {
  .main-navigation li.submenu ul > li,
  .main-navigation li.menu-item-has-children ul > li {
    margin-left: 0;
    width: 100%;
    background: transparent;
    padding: 0;
    border-bottom: 1px solid #fdfdfd;
  }
}
.main-navigation li.submenu ul > li > a,
.main-navigation li.submenu ul > li > strong,
.main-navigation li.menu-item-has-children ul > li > a,
.main-navigation li.menu-item-has-children ul > li > strong {
  padding-left: 3rem;
  font-weight: 400;
}
@media screen and (min-width: 60em) {
  .main-navigation li.submenu ul > li > a,
  .main-navigation li.submenu ul > li > strong,
  .main-navigation li.menu-item-has-children ul > li > a,
  .main-navigation li.menu-item-has-children ul > li > strong {
    width: 100%;
    font-size: 0.9rem;
    line-height: 1.5;
    background: transparent;
    font-family: "Volte", sans-serif;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000000;
    padding: 0.75rem 1rem;
    text-align: left;
  }
}
@media screen and (min-width: 68.75em) {
  .main-navigation li.submenu ul > li > a,
  .main-navigation li.submenu ul > li > strong,
  .main-navigation li.menu-item-has-children ul > li > a,
  .main-navigation li.menu-item-has-children ul > li > strong {
    font-size: 0.97rem;
  }
}
.main-navigation li.submenu ul > li > a:before,
.main-navigation li.submenu ul > li > strong:before,
.main-navigation li.menu-item-has-children ul > li > a:before,
.main-navigation li.menu-item-has-children ul > li > strong:before {
  font-family: "icomoon";
  content: "\e095";
  font-size: 10px;
  margin-right: 10px;
}
@media screen and (min-width: 60em) {
  .main-navigation li.submenu ul > li.active > a,
  .main-navigation li.submenu ul > li.active > strong,
  .main-navigation li.submenu ul > li.trail > a,
  .main-navigation li.submenu ul > li.trail > strong,
  .main-navigation li.menu-item-has-children ul > li.active > a,
  .main-navigation li.menu-item-has-children ul > li.active > strong,
  .main-navigation li.menu-item-has-children ul > li.trail > a,
  .main-navigation li.menu-item-has-children ul > li.trail > strong {
    background-color: transparent;
    color: #64AD25;
  }
}
.main-navigation li.submenu ul > li:hover > a,
.main-navigation li.submenu ul > li:hover > strong,
.main-navigation li.menu-item-has-children ul > li:hover > a,
.main-navigation li.menu-item-has-children ul > li:hover > strong {
  background-color: #fdfdfd;
  color: #111;
}
.main-navigation li.submenu ul > li:hover:before,
.main-navigation li.menu-item-has-children ul > li:hover:before {
  width: 0%;
  display: none;
}

/* --------------------------------------------
   #Nav Subsubmenu
   -------------------------------------------- */
@media screen and (min-width: 60em) {
  .main-navigation li.submenu > ul li.submenu ul.level_3,
  .main-navigation li.menu-item-has-children > ul li.menu-item-has-children ul.level_3 {
    position: absolute;
    width: 250px;
    left: 300px;
    top: 0;
  }
}
.main-navigation li.submenu > ul li.submenu ul.level_3 > li > a,
.main-navigation li.submenu > ul li.submenu ul.level_3 > li > strong,
.main-navigation li.menu-item-has-children > ul li.menu-item-has-children ul.level_3 > li > a,
.main-navigation li.menu-item-has-children > ul li.menu-item-has-children ul.level_3 > li > strong {
  padding-left: 5em;
}
@media screen and (min-width: 60em) {
  .main-navigation li.submenu > ul li.submenu ul.level_3 > li > a,
  .main-navigation li.submenu > ul li.submenu ul.level_3 > li > strong,
  .main-navigation li.menu-item-has-children > ul li.menu-item-has-children ul.level_3 > li > a,
  .main-navigation li.menu-item-has-children > ul li.menu-item-has-children ul.level_3 > li > strong {
    padding-left: 1em;
  }
}

/* --------------------------------------------
   #Nav Toglle / Dropdown Interactions
   -------------------------------------------- */
.main-navigation li.submenu.is-open > ul,
.main-navigation li.menu-item-has-children.is-open > ul {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 47.9375em) {
  .main-navigation li.submenu.is-open > ul,
  .main-navigation li.menu-item-has-children.is-open > ul {
    height: auto;
    overflow: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}
.main-navigation li.submenu:hover > ul,
.main-navigation li.menu-item-has-children:hover > ul {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 48em) {
  .main-navigation li.submenu:hover > ul,
  .main-navigation li.menu-item-has-children:hover > ul {
    height: auto;
    overflow: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}

/* --------------------------------------------
   #Nav Submenu 3rd Level
   -------------------------------------------- */
/* Pagination */
.pagination {
  clear: both;
  float: right;
  margin-bottom: 40px;
  width: auto;
}
.pagination p {
  float: left;
  font-size: 0.8em;
  padding: 3px 5px 3px 10px;
}
.pagination ul {
  float: left;
  margin-bottom: 20px;
}
.pagination ul li {
  background: none repeat scroll 0 0 #eee;
  float: left;
  margin-right: 2px;
  padding: 0;
  width: auto;
}
.pagination ul li a,
.pagination ul li span {
  font-size: 11px;
  font-weight: normal;
  padding: 3px 8px;
  width: auto;
}

/* --------------------------------------------
   #FooterNAV
   -------------------------------------------- */
/*
.footer-navigation {

    width: 100%;
    margin-top: 3vw;

    .footer-menu {






        text-align: center;
        width: 100%;

        margin: 0;
        padding: 0;


        @include breakpoint(large up) {

            text-align: center;

            width: auto;
            justify-content: center;

        }




        li {

            width: 100%;
            list-style: none;
            display: inline;

            @include breakpoint(large up) {

                width: auto;


            }

            &:after {
                content: ".";
                padding-left: 3px;
                padding-right: 0;
                text-align: center;
                width: 10px;
                display: inline-block;

            }


            &:last-child:after {
                display: none;
            }
        }


        a {
            text-transform: uppercase;
            font-weight: 400;
            color: $c-black;
            font-size: 0.8em;

            &:hover {
                text-decoration: underline;
            }
        }
    }


}

*/
.woocommerce-pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.woocommerce-pagination li {
  background: #eee;
  padding: 0.4em 1.2em;
  margin-right: 2px;
  list-style: none;
}

/* Section Menu */
.nav-section {
  margin-top: 2vw;
  margin-bottom: 1vw;
}
.nav-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 60em) {
  .nav-section ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.nav-section ul li {
  list-style: none;
}
@media screen and (min-width: 60em) {
  .nav-section ul li {
    margin-right: 25px;
  }
}
.nav-section .invisible {
  display: none;
}
.nav-section a, .nav-section strong {
  font-size: 0.9em;
  background: #fdfdfd;
  padding: 1em 2em;
  font-weight: 500;
  display: block;
}

/* --------------------------------------------
  #FooterNAV
  -------------------------------------------- */
#footer .footer-navigation, .site-footer .footer-navigation {
  width: 100%;
}
#footer .footer-navigation ul, .site-footer .footer-navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 60em) {
  #footer .footer-navigation ul, .site-footer .footer-navigation ul {
    margin-top: 0vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 84.375em) {
  #footer .footer-navigation ul, .site-footer .footer-navigation ul {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#footer .footer-navigation li, .site-footer .footer-navigation li {
  width: auto;
  font-size: 0.9rem;
  line-height: 1.7;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  position: relative;
}
@media screen and (min-width: 48em) {
  #footer .footer-navigation li, .site-footer .footer-navigation li {
    font-size: 0.95rem;
    width: auto;
    margin-left: 1rem;
    margin-right: 1rem;
    letter-spacing: 0.09rem;
  }
}
@media screen and (min-width: 60em) {
  #footer .footer-navigation li:before, .site-footer .footer-navigation li:before {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: ".";
    color: transparent;
    background: #ffffff;
    height: 1px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
}
#footer .footer-navigation li:hover a, .site-footer .footer-navigation li:hover a {
  color: #64AD25;
}
@media screen and (min-width: 60em) {
  #footer .footer-navigation li:hover:before, .site-footer .footer-navigation li:hover:before {
    width: 100%;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
}
#footer .footer-navigation a, .site-footer .footer-navigation a {
  text-transform: uppercase;
  font-weight: 600;
  color: #000000;
}

.widget_wpglobus .list.flags, #wpglobus-2 .list.flags {
  position: absolute;
  left: 0px;
  top: 10px;
}
@media screen and (min-width: 60em) {
  .widget_wpglobus .list.flags, #wpglobus-2 .list.flags {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.widget_wpglobus a, #wpglobus-2 a {
  display: block;
  margin-inline: 0.1rem;
  font-weight: 600;
  font-size: 1rem;
  padding: 5px;
}
.widget_wpglobus .wpglobus-current-language, #wpglobus-2 .wpglobus-current-language {
  color: #64AD25;
}
.widget_wpglobus .name, #wpglobus-2 .name {
  display: none;
}
.widget_wpglobus img, #wpglobus-2 img {
  display: none;
}
.widget_wpglobus .code, #wpglobus-2 .code {
  margin: 0;
}
.widget_wpglobus .code:before, .widget_wpglobus .code:after, #wpglobus-2 .code:before, #wpglobus-2 .code:after {
  display: none;
}

button {
  cursor: pointer;
}

button:focus {
  color: #ffffff;
}

.btn, .big-btn {
  font-family: "Volte", sans-serif;
  font-size: 1em;
  padding: 5px 10px;
  color: #64AD25;
  border: 1px solid #eee;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn [class*=fa-], .big-btn [class*=fa-] {
  font-size: 12px;
}
.btn:hover, .big-btn:hover, .btn:focus, .big-btn:focus {
  color: #eee;
  background-color: #64AD25;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.back {
  margin-bottom: 20px;
  display: inline-block;
  clear: both;
}

.round-icon-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.35;
}
.round-icon-btn [class*=icon] {
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 22px;
  color: #64AD25;
  font-weight: 700;
  margin-right: 20px;
  background: #ffffff;
}
.round-icon-btn .toggler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.round-icon-btn .toggler.invisible {
  display: none;
}

.big-btn {
  font-size: 1em;
  padding: 9px 20px 9px 50px;
  width: 180px;
  display: block;
  border: 0;
  margin: 0 auto;
}
@media screen and (min-width: 60em) {
  .big-btn {
    font-size: 1.2em;
    padding: 8px 30px 8px 80px;
    width: 260px;
    margin: 0;
  }
}
.big-btn .fa {
  width: 50px !important;
}
.big-btn .binoculars {
  height: 20px;
  margin-left: 10px;
  background-image: url(../svg/binoculars.svg);
}

.cta-btn {
  background-color: #64AD25;
  padding: 0.5rem 2rem;
  position: relative;
  line-height: 1.1;
  border: 0;
  border-radius: 3px;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  word-break: normal !important;
  display: inline-block;
  letter-spacing: 0.1rem;
  color: #ffffff !important;
  min-width: 180px;
}
@media screen and (min-width: 48em) {
  .cta-btn {
    font-size: 0.9rem;
  }
}
.cta-btn:hover {
  background-color: #111 !important;
}
.cta-btn [class*=icon] {
  color: #ffffff;
  text-align: center;
  left: 5px;
  width: 25px;
  font-size: 1em;
  line-height: 2em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: sm) {
  .cta-btn [class*=icon] {
    line-height: 2.1em;
    width: 35px;
  }
}
.cta-btn:hover {
  background-color: #ffffff !important;
  color: #64AD25 !important;
}
.cta-btn:hover [class*=icon] {
  color: #000000 !important;
}

#up {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  left: auto;
  position: fixed;
  top: auto;
  font-family: "icomoon";
  text-align: center;
  cursor: pointer;
  width: 43px;
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  right: 5px;
  padding: 0;
  bottom: 5px;
  border: 1px solid #707070;
  background: transparent;
  color: #707070 !important;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 48em) {
  #up {
    right: 0.5em;
    bottom: 0.5em;
  }
}
@media screen and (min-width: 60em) {
  #up {
    right: 1em;
    bottom: 1em;
  }
}
#up:before {
  content: "\e902";
  margin-left: -1px;
}
#up.in {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#up:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.8);
  border-color: #000000;
  -webkit-box-shadow: 0 0 0px 8px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0px 8px rgba(255, 255, 255, 0.5);
}

.scroll-next {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  left: auto;
  position: absolute;
  top: auto;
  font-family: "icomoon";
  text-align: center;
  width: 80px;
  height: 80px;
  line-height: 50px;
  left: 50%;
  margin-left: -40px;
  bottom: 10px;
  border-radius: 3px;
  background: transparent;
  color: #ffffff !important;
  font-size: 20px;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@media screen and (min-width: 60em) {
  .scroll-next {
    font-size: 40px;
  }
}
.scroll-next:before {
  content: "\e905";
}
.scroll-next.in {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* --------------------------------------------
   #Slider
   -------------------------------------------- */
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-slider {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.slick-list.draggable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.slider {
  clear: both;
  height: auto;
  background-color: transparent;
  position: relative;
  margin: 0;
  padding: 0;
  /*.slick-track {
      display: flex;
      align-items:stretch;
      justify-content: stretch;
  }*/
}
.slider :focus,
.slider :active {
  outline: none;
}
.slider .stage {
  height: 100%;
}
.slider .slide {
  position: relative;
  /*padding-bottom: 0px;
  display: block;
  position: relative;
  background-color: $c-brand;
  height:100%;
  width:100%;
  padding:0;
  margin:0;
  height:400px;
  display: flex;
  justify-content: center;
  align-items:center;*/
  /*@include breakpoint(large up) {
      height:500px;
  }

  @include breakpoint(xlarge up) {
      height:600px;
  }*/
}
.slider .slide > img {
  height: 100%;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider .slide .caption {
  position: absolute;
  background-color: #ffffff;
  font-size: 0.85em;
  width: 60%;
  bottom: 10px;
  right: 25px;
  padding: 1em 1em;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.slider .slide-content {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  text-align: center;
  margin-top: -10%;
  color: #ffffff !important;
  text-transform: uppercase;
}
@media screen and (min-width: 60em) {
  .slider .slide-content {
    max-width: 50%;
    font-size: 1.9em;
  }
}
.slider .slide-content p {
  color: #ffffff;
}
.slider .slide-content img {
  max-width: 300px;
  max-height: 200px;
  margin: 0px auto 20px auto;
}

.slick-arrow {
  left: auto;
  right: auto;
  z-index: 999;
  height: 100%;
  top: 0;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 0;
  font-size: 35px;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  background-color: transparent !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slick-arrow:before {
  color: #ffffff;
  opacity: 1;
  font-family: "icomoon";
  font-size: 50px;
  position: absolute;
  border-radius: 0;
}
.slick-arrow:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.slick-prev {
  left: 10px;
  right: auto;
}
.slick-prev:before {
  content: "\e904";
  left: 0;
}

.slick-next {
  left: auto;
  right: 10px;
}
.slick-next:before {
  content: "\e903";
  right: 0;
}

.slick-dots {
  bottom: 10px;
}
@media screen and (min-width: 48em) {
  .slick-dots {
    bottom: 20px !important;
  }
}
@media screen and (min-width: 60em) {
  .slick-dots {
    bottom: 30px !important;
  }
}
.slick-dots li button {
  border: 0;
  background: #ffffff;
  text-indent: -999em;
  cursor: pointer;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  font-size: 0px;
  color: #fff;
  padding: 5px;
  border: 1px solid #ffffff;
}
.slick-dots li button:before {
  color: #ffffff !important;
}
.slick-dots .slick-active button {
  background: transparent !important;
  border: 1px solid #ffffff;
}
.slick-dots .slick-active button:before {
  color: #000 !important;
}
.slick-dots .slick-active:first-child:last-child {
  display: none;
}

.slider-nav {
  display: none;
  /*

  	h2 {

  		font-size: 1.5rem;
      font-weight: 300;
      text-transform: none;
      letter-spacing: 0.05em;
      font-family: $font-main;
  	}

      */
}
@media screen and (min-width: 60em) {
  .slider-nav {
    position: absolute;
    right: 0;
    top: 0%;
    height: 100%;
    width: 33%;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.slider-nav:before {
  height: 100%;
  position: absolute;
  left: -80px;
  width: 50px;
  content: " ";
  background: url("../svg/Big-Chevron-Left.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
}
.slider-nav li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 40px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: left;
  color: #ffffff;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.65);
}
.slider-nav li:before {
  content: " ";
  background-color: #ffffff;
  width: 12px;
  height: 12px;
  margin-right: 2rem;
  border-radius: 50%;
}
.slider-nav li.active {
  font-weight: 600;
}
.slider-nav li.active:before {
  background-color: #64AD25;
  width: 20px;
  height: 20px;
}

/* Carousel Version */
.carousel, .carousel4, .carousel3, .owl-carousel {
  margin-bottom: 1em !important;
}
.carousel .slick-slide, .carousel4 .slick-slide, .carousel3 .slick-slide, .owl-carousel .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 1vw;
}
.carousel .slick-slide.slick-current, .carousel .slick-slide:hover, .carousel4 .slick-slide.slick-current, .carousel4 .slick-slide:hover, .carousel3 .slick-slide.slick-current, .carousel3 .slick-slide:hover, .owl-carousel .slick-slide.slick-current, .owl-carousel .slick-slide:hover {
  z-index: 100;
}
.carousel .slick-slide.slick-current, .carousel4 .slick-slide.slick-current, .carousel3 .slick-slide.slick-current, .owl-carousel .slick-slide.slick-current {
  opacity: 1;
}
.carousel .slick-slide a, .carousel4 .slick-slide a, .carousel3 .slick-slide a, .owl-carousel .slick-slide a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.carousel .slick-slide img, .carousel4 .slick-slide img, .carousel3 .slick-slide img, .owl-carousel .slick-slide img {
  width: 100%;
  height: auto;
  max-width: none;
}

/* --------------------------------------------
  #Posts (News, Events, etc) 
  -------------------------------------------- */
.release-cover {
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .release-cover {
    width: 70%;
    margin: 0;
  }
}
@media screen and (min-width: 60em) {
  .release-cover {
    width: 60%;
    margin: 0;
  }
}
@media screen and (min-width: 84.375em) {
  .release-cover {
    width: 50%;
    margin: 0;
  }
}
.release-cover img {
  width: 100%;
  height: auto;
}

.release-text {
  width: 100%;
}
.release-text p {
  margin: 2vh 0;
}

.item {
  overflow: hidden;
  position: relative;
  -webkit-transition: all ease-in 0.4s 0s;
  transition: all ease-in 0.4s 0s;
}
@media screen and (min-width: 48em) {
  .item {
    margin-bottom: 30px;
  }
}
.item .meta {
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: left;
}
.item h2 {
  font-size: 1rem;
  color: #64AD25;
  font-weight: 300;
  text-align: left;
  margin: 0;
  text-transform: normal;
  display: block;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
}
.item h2 a {
  color: #000000 !important;
}
.item time {
  display: inline-block;
  text-align: right;
  border: 1px solid #707070;
  color: #707070;
  margin-left: 20px;
  padding: 3px 7px;
  font-size: 0.7rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  opacity: 0;
  -ms-transform: translate(20px, 0);
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.item img {
  -webkit-transition: all ease-in-out 0.3s 0.3s;
  transition: all ease-in-out 0.3s 0.3s;
}
.item .overlay {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: relative;
  position: absolute;
  background: rgba(0, 0, 0, 0.95);
  -ms-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.item:hover {
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
}
.item:hover h2 {
  -ms-transform: translate(0, 0%);
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
  opacity: 1;
}
.item:hover time {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.3s ease-in-out 0.15s;
  transition: all 0.3s ease-in-out 0.15s;
  opacity: 1;
}
.item:hover img {
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.item:hover .overlay {
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.nav-links .nav-previous,
.nav-links .nav-next {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  left: 10px;
  position: fixed;
  width: 25px;
  height: 25px;
}
.nav-links .nav-previous a,
.nav-links .nav-next a {
  left: auto;
  right: auto;
  z-index: 999;
  border: 0;
  background-color: transparent !important;
}
.nav-links .nav-previous a span,
.nav-links .nav-next a span {
  display: none;
}
.nav-links .nav-previous a:after,
.nav-links .nav-next a:after {
  color: #000000;
  content: "\e904";
  opacity: 1;
  font-family: "icomoon";
  font-size: 25px;
  position: absolute;
  border-radius: 0;
}
@media screen and (min-width: 48em) {
  .nav-links .nav-previous a:after,
  .nav-links .nav-next a:after {
    font-size: 35px;
  }
}
.nav-links .nav-next {
  left: auto;
  right: 10px;
}
.nav-links .nav-next a:after {
  content: "\e903";
}

.google-maps-wrap {
  padding: 0px;
}
@media screen and (min-width: 60em) {
  .google-maps-wrap {
    padding: 0px;
  }
}

.ce_gallery .cols_4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.ce_gallery .cols_4 li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: calc(50% - 1.5vw);
}
.ce_gallery .cols_4 li:before {
  display: none;
}
@media screen and (min-width: 60em) {
  .ce_gallery .cols_4 li {
    width: calc(25% - 1.5vw);
  }
}
.ce_gallery .cols_4 .image_container {
  height: auto;
}

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

.mt-xsmall {
  margin-top: 5px !important;
}
@media screen and (min-width: 48em) {
  .mt-xsmall {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 60em) {
  .mt-xsmall {
    margin-top: 12px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .mt-xsmall {
    margin-top: 15px !important;
  }
}

.mt-small {
  margin-top: 10px !important;
}
@media screen and (min-width: 48em) {
  .mt-small {
    margin-top: 25px !important;
  }
}
@media screen and (min-width: 60em) {
  .mt-small {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .mt-small {
    margin-top: 35px !important;
  }
}

.mt-medium {
  margin-top: 35px !important;
}
@media screen and (min-width: 48em) {
  .mt-medium {
    margin-top: 50px !important;
  }
}
@media screen and (min-width: 60em) {
  .mt-medium {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .mt-medium {
    margin-top: 70px !important;
  }
}

.mt-large {
  margin-top: 45px !important;
}
@media screen and (min-width: 48em) {
  .mt-large {
    margin-top: 65px !important;
  }
}
@media screen and (min-width: 60em) {
  .mt-large {
    margin-top: 75px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .mt-large {
    margin-top: 85px !important;
  }
}

.mt-xlarge {
  margin-top: 75px !important;
}
@media screen and (min-width: 48em) {
  .mt-xlarge {
    margin-top: 100px !important;
  }
}
@media screen and (min-width: 60em) {
  .mt-xlarge {
    margin-top: 125px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .mt-xlarge {
    margin-top: 150px !important;
  }
}

.mt-xxlarge {
  margin-top: 125px !important;
}
@media screen and (min-width: 48em) {
  .mt-xxlarge {
    margin-top: 150px !important;
  }
}
@media screen and (min-width: 60em) {
  .mt-xxlarge {
    margin-top: 225px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .mt-xxlarge {
    margin-top: 275px !important;
  }
}

@media screen and (min-width: 60em) {
  .mt-50px-negative {
    margin-top: -50px;
  }
}

@media screen and (min-width: 60em) {
  .mt-100px-negative {
    margin-top: -100px;
  }
}

@media screen and (min-width: 60em) {
  .mt-5-negative {
    margin-top: -5%;
  }
}

@media screen and (min-width: 60em) {
  .mt-10-negative {
    margin-top: -10%;
  }
}

@media screen and (min-width: 60em) {
  .mt-15-negative {
    margin-top: -15%;
  }
}

@media screen and (min-width: 60em) {
  .mt-20-negative {
    margin-top: -20%;
  }
}

.mb-xsmall {
  margin-bottom: 5px;
}
@media screen and (min-width: 48em) {
  .mb-xsmall {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 60em) {
  .mb-xsmall {
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .mb-xsmall {
    margin-bottom: 15px !important;
  }
}

.mb-small {
  margin-bottom: 10px;
}
@media screen and (min-width: 48em) {
  .mb-small {
    margin-bottom: 25px !important;
  }
}
@media screen and (min-width: 60em) {
  .mb-small {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .mb-small {
    margin-bottom: 35px !important;
  }
}

.mb-medium {
  margin-bottom: 35px;
}
@media screen and (min-width: 48em) {
  .mb-medium {
    margin-bottom: 50px !important;
  }
}
@media screen and (min-width: 60em) {
  .mb-medium {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .mb-medium {
    margin-bottom: 70px !important;
  }
}

.mb-large {
  margin-bottom: 45px;
}
@media screen and (min-width: 48em) {
  .mb-large {
    margin-bottom: 65px !important;
  }
}
@media screen and (min-width: 60em) {
  .mb-large {
    margin-bottom: 75px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .mb-large {
    margin-bottom: 85px !important;
  }
}

.mb-xlarge {
  margin-bottom: 75px;
}
@media screen and (min-width: 60em) {
  .mb-xlarge {
    margin-bottom: 125px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .mb-xlarge {
    margin-bottom: 150px !important;
  }
}

.mb-xxlarge {
  margin-bottom: 125px;
}
@media screen and (min-width: 48em) {
  .mb-xxlarge {
    margin-bottom: 150px !important;
  }
}
@media screen and (min-width: 60em) {
  .mb-xxlarge {
    margin-bottom: 225px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .mb-xxlarge {
    margin-bottom: 275px !important;
  }
}

.height-xsmall {
  height: 4.3rem !important;
  overflow: hidden;
}
.height-xsmall > .box-with-icon {
  height: 100%;
}

.height-small {
  height: 7.3rem !important;
  overflow: hidden;
}
.height-small > .box-with-icon {
  height: 100%;
}

.height-medium {
  height: 23rem !important;
  overflow: hidden;
}
.height-medium > .box-with-icon {
  height: 100%;
}

.height-large {
  min-height: 35rem !important;
  overflow: hidden;
}
.height-large > .box-with-icon {
  height: 100%;
}

.height-100p {
  height: 100% !important;
  overflow: hidden;
}
.height-100p > .box-with-icon {
  height: 100%;
}

.no-padding, .p-zero {
  padding: 0 !important;
}
.no-padding *, .p-zero * {
  padding: 0 !important;
}

.p-xsmall {
  padding: 5px !important;
}
@media screen and (min-width: 48em) {
  .p-xsmall {
    padding: 10px !important;
  }
}
@media screen and (min-width: 60em) {
  .p-xsmall {
    padding: 12px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .p-xsmall {
    padding: 15px !important;
  }
}

.p-small {
  padding: 15px !important;
}
@media screen and (min-width: 48em) {
  .p-small {
    padding: 20px !important;
  }
}
@media screen and (min-width: 60em) {
  .p-small {
    padding: 25px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .p-small {
    padding: 30px !important;
  }
}

.p-medium {
  padding: 20px !important;
}
@media screen and (min-width: 48em) {
  .p-medium {
    padding: 40px !important;
  }
}
@media screen and (min-width: 60em) {
  .p-medium {
    padding: 40px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .p-medium {
    padding: 50px !important;
  }
}

.p-large {
  padding: 30px !important;
}
@media screen and (min-width: 48em) {
  .p-large {
    padding: 60px !important;
  }
}
@media screen and (min-width: 60em) {
  .p-large {
    padding: 70px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .p-large {
    padding: 75px !important;
  }
}

.p-xlarge {
  padding: 60px !important;
}
@media screen and (min-width: 48em) {
  .p-xlarge {
    padding: 85px !important;
  }
}
@media screen and (min-width: 60em) {
  .p-xlarge {
    padding: 105px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .p-xlarge {
    padding: 125px !important;
  }
}

.p-xxlarge {
  padding: 75px !important;
}
@media screen and (min-width: 48em) {
  .p-xxlarge {
    padding: 100px !important;
  }
}
@media screen and (min-width: 60em) {
  .p-xxlarge {
    padding: 185px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .p-xxlarge {
    padding: 225px !important;
  }
}

.pt-small {
  padding-top: 10px !important;
}
@media screen and (min-width: 48em) {
  .pt-small {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 60em) {
  .pt-small {
    padding-top: 25px !important;
  }
}
@media screen and (min-width: 84.375em) {
  .pt-small {
    padding-top: 30px !important;
  }
}

.pt-medium {
  padding-top: 20px !important;
}
@media screen and (min-width: 48em) {
  .pt-medium {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 60em) {
  .pt-medium {
    padding-top: 50px !important;
  }
}

.pt-large {
  padding-top: 45px !important;
}
@media screen and (min-width: 48em) {
  .pt-large {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 60em) {
  .pt-large {
    padding-top: 75px !important;
  }
}

.pt-xlarge {
  padding-top: 50px !important;
}
@media screen and (min-width: 48em) {
  .pt-xlarge {
    padding-top: 75px !important;
  }
}
@media screen and (min-width: 60em) {
  .pt-xlarge {
    padding-top: 125px !important;
  }
}

.pt-xxlarge {
  padding-top: 75px !important;
}
@media screen and (min-width: 48em) {
  .pt-xxlarge {
    padding-top: 100px !important;
  }
}
@media screen and (min-width: 60em) {
  .pt-xxlarge {
    padding-top: 225px !important;
  }
}

.pb-small {
  padding-bottom: 10px !important;
}
@media screen and (min-width: 48em) {
  .pb-small {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 60em) {
  .pb-small {
    padding-bottom: 30px !important;
  }
}

.pb-medium {
  padding-bottom: 20px !important;
}
@media screen and (min-width: 48em) {
  .pb-medium {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 60em) {
  .pb-medium {
    padding-bottom: 50px !important;
  }
}

.pb-large {
  padding-bottom: 45px !important;
}
@media screen and (min-width: 48em) {
  .pb-large {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 60em) {
  .pb-large {
    padding-bottom: 75px !important;
  }
}

.pb-xlarge {
  padding-bottom: 50px !important;
}
@media screen and (min-width: 48em) {
  .pb-xlarge {
    padding-bottom: 75px !important;
  }
}
@media screen and (min-width: 60em) {
  .pb-xlarge {
    padding-bottom: 125px !important;
  }
}

.pb-xxlarge {
  padding-bottom: 75px !important;
}
@media screen and (min-width: 48em) {
  .pb-xxlarge {
    padding-bottom: 100px !important;
  }
}
@media screen and (min-width: 60em) {
  .pb-xxlarge {
    padding-bottom: 225px !important;
  }
}

@media screen and (min-width: 60em) {
  .translatex-10-negative {
    -webkit-transform: translateX(-10%);
        -ms-transform: translateX(-10%);
            transform: translateX(-10%);
  }
}

@media screen and (min-width: 60em) {
  .translatex-25-negative {
    -webkit-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
            transform: translateX(-25%);
  }
}

@media screen and (min-width: 60em) {
  .translatex-50-negative {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (min-width: 60em) {
  .translatex-75-negative {
    -webkit-transform: translateX(-75%);
        -ms-transform: translateX(-75%);
            transform: translateX(-75%);
  }
}

@media screen and (min-width: 60em) {
  .translatex-100-negative {
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@media screen and (min-width: 60em) {
  .translatex-10-positive {
    -webkit-transform: translateX(10%);
        -ms-transform: translateX(10%);
            transform: translateX(10%);
  }
}

@media screen and (min-width: 60em) {
  .translatex-25-positive {
    -webkit-transform: translateX(25%);
        -ms-transform: translateX(25%);
            transform: translateX(25%);
  }
}

@media screen and (min-width: 60em) {
  .translatex-50-positive {
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
}

@media screen and (min-width: 60em) {
  .translatex-75-positive {
    -webkit-transform: translateX(75%);
        -ms-transform: translateX(75%);
            transform: translateX(75%);
  }
}

@media screen and (min-width: 60em) {
  .translatex-100-positive {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@media screen and (min-width: 60em) {
  .translatey-10-negative {
    -webkit-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}

@media screen and (min-width: 60em) {
  .translatey-25-negative {
    -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
            transform: translateY(-25%);
  }
}

@media screen and (min-width: 60em) {
  .translatey-50-negative {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 60em) {
  .translatey-75-negative {
    -webkit-transform: translateY(-75%);
        -ms-transform: translateY(-75%);
            transform: translateY(-75%);
  }
}

@media screen and (min-width: 60em) {
  .translatey-100-negative {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@media screen and (min-width: 60em) {
  .translatey-10-positive {
    -webkit-transform: translateY(10%);
        -ms-transform: translateY(10%);
            transform: translateY(10%);
  }
}

@media screen and (min-width: 60em) {
  .translatey-25-positive {
    -webkit-transform: translateY(25%);
        -ms-transform: translateY(25%);
            transform: translateY(25%);
  }
}

@media screen and (min-width: 60em) {
  .translatey-50-positive {
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
  }
}

@media screen and (min-width: 60em) {
  .translatey-75-positive {
    -webkit-transform: translateY(75%);
        -ms-transform: translateY(75%);
            transform: translateY(75%);
  }
}

@media screen and (min-width: 60em) {
  .translatey-100-positive {
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@media screen and (max-width: 47.9375em) {
  .w0s {
    display: none !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 59.9375em) {
  .w0m {
    display: none !important;
  }
}

@media screen and (min-width: 60em) {
  .w0l,
  .w0 {
    display: none !important;
  }
}

.flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.flex-valign-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.flex-valign-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.flex-valign-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.flex-valign-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
  -webkit-align-items: stretch !important;
}

.flex-direction-reverse,
.flex-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.valign-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.valign-self-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.valign-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.valign-self-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.flex-halign-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.flex-halign-stretch {
  -webkit-box-pack: stretch !important;
      -ms-flex-pack: stretch !important;
          justify-content: stretch !important;
}

.flex-halign-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.flex-halign-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.flex-halign-space {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-row,
.flex-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-left: -10px;
  margin-right: -10px;
}
@media screen and (min-width: 48em) {
  .flex-row,
  .flex-grid {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row,
  .flex-grid {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w10xl,
  .flex-grid > .w10xl {
    width: 10%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w20xl,
  .flex-grid > .w20xl {
    width: 20%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w25xl,
  .flex-grid > .w25xl {
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w30xl,
  .flex-grid > .w30xl {
    width: 30%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w33xl,
  .flex-grid > .w33xl {
    width: 33.33%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w40xl,
  .flex-grid > .w40xl {
    width: 40%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w45xl,
  .flex-grid > .w45xl {
    width: 45%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w50xl,
  .flex-grid > .w50xl {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w60xl,
  .flex-grid > .w60xl {
    width: 60%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w66xl,
  .flex-row > .w67xl,
  .flex-grid > .w66xl,
  .flex-grid > .w67xl {
    width: 66.66%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w70xl,
  .flex-grid > .w70xl {
    width: 70%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w75xl,
  .flex-grid > .w75xl {
    width: 75%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w90xl,
  .flex-grid > .w90xl {
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 84.375em) {
  .flex-row > .w100xl,
  .flex-grid > .w100xl {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w10l, .flex-row > .w10,
  .flex-grid > .w10l,
  .flex-grid > .w10 {
    width: 10%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w20l, .flex-row > .w20,
  .flex-grid > .w20l,
  .flex-grid > .w20 {
    width: 20%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w25l, .flex-row > .w25,
  .flex-grid > .w25l,
  .flex-grid > .w25 {
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w30l, .flex-row > .w30,
  .flex-grid > .w30l,
  .flex-grid > .w30 {
    width: 30%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w33l, .flex-row > .w33,
  .flex-grid > .w33l,
  .flex-grid > .w33 {
    width: 33.33%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w40l, .flex-row > .w40,
  .flex-grid > .w40l,
  .flex-grid > .w40 {
    width: 40%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w45l, .flex-row > .w45,
  .flex-grid > .w45l,
  .flex-grid > .w45 {
    width: 45%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w50l, .flex-row > .w50,
  .flex-grid > .w50l,
  .flex-grid > .w50 {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w60l, .flex-row > .w60,
  .flex-grid > .w60l,
  .flex-grid > .w60 {
    width: 60%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w66l,
  .flex-row > .w67l,
  .flex-row > .w66,
  .flex-row > .w67,
  .flex-grid > .w66l,
  .flex-grid > .w67l,
  .flex-grid > .w66,
  .flex-grid > .w67 {
    width: 66.66%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w70l, .flex-row > .w70,
  .flex-grid > .w70l,
  .flex-grid > .w70 {
    width: 70%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w75l, .flex-row > .w75,
  .flex-grid > .w75l,
  .flex-grid > .w75 {
    width: 75%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w90l, .flex-row > .w90,
  .flex-grid > .w90l,
  .flex-grid > .w90 {
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 60em) {
  .flex-row > .w100l, .flex-row > .w100,
  .flex-grid > .w100l,
  .flex-grid > .w100 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 59.9375em) {
  .flex-row > .w100s,
  .flex-grid > .w100s {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 59.9375em) {
  .flex-row > .w75s,
  .flex-grid > .w75s {
    width: 70%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 59.9375em) {
  .flex-row > .w70s,
  .flex-grid > .w70s {
    width: 70%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 59.9375em) {
  .flex-row > .w60s,
  .flex-grid > .w60s {
    width: 60%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 59.9375em) {
  .flex-row > .w50s,
  .flex-grid > .w50s {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 59.9375em) {
  .flex-row > .w40s,
  .flex-grid > .w40s {
    width: 40%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 59.9375em) {
  .flex-row > .w30s,
  .flex-grid > .w30s {
    width: 30%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 59.9375em) {
  .flex-row > .w25s,
  .flex-grid > .w25s {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 48em) and (max-width: 59.9375em) {
  .flex-row > .w100m,
  .flex-grid > .w100m {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 48em) and (max-width: 59.9375em) {
  .flex-row > .w70m,
  .flex-grid > .w70m {
    width: 70%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 48em) and (max-width: 59.9375em) {
  .flex-row > .w60m,
  .flex-grid > .w60m {
    width: 60%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 48em) and (max-width: 59.9375em) {
  .flex-row > .w50m,
  .flex-grid > .w50m {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 48em) and (max-width: 59.9375em) {
  .flex-row > .w40m,
  .flex-grid > .w40m {
    width: 40%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 48em) and (max-width: 59.9375em) {
  .flex-row > .w33m,
  .flex-grid > .w33m {
    width: 33%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 48em) and (max-width: 59.9375em) {
  .flex-row > .w30m,
  .flex-grid > .w30m {
    width: 30%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 48em) and (max-width: 59.9375em) {
  .flex-row > .w25m,
  .flex-grid > .w25m {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.no-gutter.flex-row, .no-gutter.flex-row .flex-row,
.no-gap.flex-row,
.no-gap.flex-row .flex-row,
.nogap.flex-row,
.nogap.flex-row .flex-row {
  padding-left: 0;
}
.no-gutter > [class*=w],
.no-gap > [class*=w],
.nogap > [class*=w] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 59.9375em) {
  .no-gutter > .w100s,
  .no-gap > .w100s,
  .nogap > .w100s {
    width: 100%;
  }
}
.no-gutter > .w10s,
.no-gutter > .w20s,
.no-gutter > .w25s,
.no-gutter > .w30s,
.no-gutter > .w33s,
.no-gutter > .w35s,
.no-gutter > .w40s,
.no-gutter > .w50s,
.no-gutter > .w60s,
.no-gutter > .w70s,
.no-gutter > .w75s,
.no-gutter > .w80s,
.no-gutter > .w90s,
.no-gutter > .w100s,
.no-gap > .w10s,
.no-gap > .w20s,
.no-gap > .w25s,
.no-gap > .w30s,
.no-gap > .w33s,
.no-gap > .w35s,
.no-gap > .w40s,
.no-gap > .w50s,
.no-gap > .w60s,
.no-gap > .w70s,
.no-gap > .w75s,
.no-gap > .w80s,
.no-gap > .w90s,
.no-gap > .w100s,
.nogap > .w10s,
.nogap > .w20s,
.nogap > .w25s,
.nogap > .w30s,
.nogap > .w33s,
.nogap > .w35s,
.nogap > .w40s,
.nogap > .w50s,
.nogap > .w60s,
.nogap > .w70s,
.nogap > .w75s,
.nogap > .w80s,
.nogap > .w90s,
.nogap > .w100s {
  margin-left: 0;
}
@media screen and (min-width: 48em) and (max-width: 59.9375em) {
  .no-gutter > .w100m,
  .no-gap > .w100m,
  .nogap > .w100m {
    width: 100%;
  }
}
.no-gutter > .w10m,
.no-gutter > .w20m,
.no-gutter > .w25m,
.no-gutter > .w30m,
.no-gutter > .w33m,
.no-gutter > .w35m,
.no-gutter > .w40m,
.no-gutter > .w50m,
.no-gutter > .w60m,
.no-gutter > .w70m,
.no-gutter > .w75m,
.no-gutter > .w80m,
.no-gutter > .w90m,
.no-gutter > .w100m,
.no-gap > .w10m,
.no-gap > .w20m,
.no-gap > .w25m,
.no-gap > .w30m,
.no-gap > .w33m,
.no-gap > .w35m,
.no-gap > .w40m,
.no-gap > .w50m,
.no-gap > .w60m,
.no-gap > .w70m,
.no-gap > .w75m,
.no-gap > .w80m,
.no-gap > .w90m,
.no-gap > .w100m,
.nogap > .w10m,
.nogap > .w20m,
.nogap > .w25m,
.nogap > .w30m,
.nogap > .w33m,
.nogap > .w35m,
.nogap > .w40m,
.nogap > .w50m,
.nogap > .w60m,
.nogap > .w70m,
.nogap > .w75m,
.nogap > .w80m,
.nogap > .w90m,
.nogap > .w100m {
  margin-left: 0;
}
@media screen and (min-width: 60em) {
  .no-gutter > .w100,
  .no-gap > .w100,
  .nogap > .w100 {
    width: 100%;
  }
}
.no-gutter > .w10,
.no-gutter > .w20,
.no-gutter > .w25,
.no-gutter > .w30,
.no-gutter > .w33,
.no-gutter > .w35,
.no-gutter > .w40,
.no-gutter > .w50,
.no-gutter > .w60,
.no-gutter > .w70,
.no-gutter > .w75,
.no-gutter > .w80,
.no-gutter > .w90,
.no-gutter > .w100,
.no-gap > .w10,
.no-gap > .w20,
.no-gap > .w25,
.no-gap > .w30,
.no-gap > .w33,
.no-gap > .w35,
.no-gap > .w40,
.no-gap > .w50,
.no-gap > .w60,
.no-gap > .w70,
.no-gap > .w75,
.no-gap > .w80,
.no-gap > .w90,
.no-gap > .w100,
.nogap > .w10,
.nogap > .w20,
.nogap > .w25,
.nogap > .w30,
.nogap > .w33,
.nogap > .w35,
.nogap > .w40,
.nogap > .w50,
.nogap > .w60,
.nogap > .w70,
.nogap > .w75,
.nogap > .w80,
.nogap > .w90,
.nogap > .w100 {
  margin-left: 0;
}

/*
.masonry {


    flex-wrap: wrap;

    .wp-block-column:first-child {



        @include breakpoint(medium down) {

            padding-top: 5vw;
            padding-bottom: 5vw;
            flex-basis: 100% !important;
            width: 100% !important;
        }



        @include breakpoint(large up) {

            padding-right: 30px;
        }

        margin-left:0 !important;
    }


    .wp-block-column {

        margin-left: 0 !important;
    }



    .wp-block-column:not(:first-child) {

        @include breakpoint(medium down) {
            flex-basis: 100% !important;
            width: 100% !important;
        }


        @include breakpoint(650px down) {
            flex-basis: 100% !important;
            width: 100% !important;

        }



    }



}

*/
/*

.masonry {


    flex-wrap: wrap;

    .wp-block-column:first-child {



        @include breakpoint(medium down) {

            padding-top: 5vw;
            padding-bottom: 5vw;
            flex-basis: 100% !important;
            width: 100% !important;
        }



        @include breakpoint(large up) {

            padding-right: 30px;
        }

        margin-left:0 !important;
    }


    .wp-block-column {

        margin-left: 0 !important;
    }



    .wp-block-column:not(:first-child) {

        @include breakpoint(medium down) {
            flex-basis: 50% !important;
            width: 50% !important;
        }


        @include breakpoint(650px down) {
            flex-basis: 100% !important;
            width: 100% !important;

        }



    }



}



*/
.flex-box, .box {
  /*display: flex;
  justify-content: center;
  flex-wrap:wrap;
  align-items: center;*/
  position: relative;
  overflow: hidden;
  /*&.w50:nth-of-type(1) {
  	justify-content: flex-end;


  }


  &.w50:nth-of-type(2) {
  	justify-content: flex-start;


  }*/
}
@media screen and (min-width: 60em) {
  .flex-box .text-content, .box .text-content {
    max-width: 600px;
  }
}
.flex-box.black, .box.black {
  background: #000000;
}
.flex-box.red, .box.red {
  background: #64AD25;
}

.text-box {
  background-color: #ffffff;
  color: #408207;
  padding: 50px;
}

.content-box {
  width: 100%;
  padding: 20px;
  margin: 0 auto;
  clear: both;
}

.teaser-box {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .teaser-box {
    margin: 0;
    width: calc(50% - 30px);
  }
}
@media screen and (min-width: 60em) {
  .teaser-box {
    width: calc(25% - 30px);
  }
}
.teaser-box a {
  font-weight: 400;
}
.teaser-box h3, .teaser-box h4 {
  font-size: 0.9em;
  color: #64AD25;
}
@media screen and (min-width: 60em) {
  .teaser-box h3, .teaser-box h4 {
    font-size: 1em;
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (min-width: 60em) {
  .teaser-box.w50 {
    width: calc(50% - 1vw);
  }
}
@media screen and (min-width: 60em) {
  .teaser-box.w33 {
    width: calc(33.3% - 1vw);
  }
}
.teaser-box.w100 {
  width: 100%;
}
.teaser-box .background-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.teaser-box .text-content {
  position: relative;
}
.teaser-box .image_container {
  max-width: 300px;
  height: auto;
  max-height: 400px;
}
@media screen and (min-width: 60em) {
  .teaser-box .image_container {
    height: 300px;
    width: 100%;
    max-width: none;
  }
}

.box-with-icon {
  font-size: 0.95rem;
  line-height: 1.6;
}
@media screen and (min-width: 60em) {
  .box-with-icon {
    font-size: 0.9rem;
    line-height: 1.6;
  }
}
.box-with-icon .image_container {
  height: 120px;
  width: 120px;
  position: relative;
  background: #fdfdfd;
  border-radius: 50%;
  padding: 15px;
  margin: 0 auto 30px auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 60em) {
  .box-with-icon .image_container {
    padding: 20px;
    height: 160px;
    width: 160px;
  }
}
.box-with-icon .image_container img,
.box-with-icon .image_container svg,
.box-with-icon .image_container picture {
  -o-object-fit: contain;
     object-fit: contain;
}
.box-with-icon .image_container svg {
  max-width: 90px;
}
.box-with-icon h3 {
  font-size: 1.15rem;
  min-height: 2.6rem;
  overflow: hidden;
}

.box-with-icon.bg-icon-box {
  height: 310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 60em) {
  .box-with-icon.bg-icon-box {
    height: 310px;
  }
}
@media screen and (min-width: 84.375em) {
  .box-with-icon.bg-icon-box {
    height: 300px;
  }
}
.box-with-icon.bg-icon-box .text-content {
  max-width: 82%;
  padding-top: 2rem;
}
@media screen and (min-width: 60em) {
  .box-with-icon.bg-icon-box .text-content {
    max-width: 84%;
  }
}
@media screen and (min-width: 84.375em) {
  .box-with-icon.bg-icon-box .text-content {
    max-width: 74%;
  }
}
.box-with-icon.bg-icon-box h3 {
  font-size: 0.95rem;
  height: 2.2rem;
  overflow: hidden;
}
.box-with-icon.bg-icon-box .image_container {
  padding: 0;
  height: 100%;
  width: 60%;
  max-height: 90px;
  max-width: 90px;
  position: absolute;
  right: 1rem;
  top: 1.5rem;
  z-index: -1;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0;
}
@media screen and (min-width: 60em) {
  .box-with-icon.bg-icon-box .image_container {
    max-height: 100px;
    max-width: 100px;
  }
}
@media screen and (min-width: 84.375em) {
  .box-with-icon.bg-icon-box .image_container {
    max-height: 120px;
    max-width: 120px;
  }
}
.box-with-icon.bg-icon-box .image_container svg, .box-with-icon.bg-icon-box .image_container img {
  -o-object-fit: contain;
     object-fit: contain;
}

/* Separators */
.separator.line-bottom {
  border-bottom: 1px solid #707070;
}
.separator.line-top {
  border-top: 1px solid #707070;
}

.line-animation {
  border-top: 2px solid #64AD25;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  width: 1px;
  display: block;
}
.line-animation.go {
  -webkit-animation-name: width-grow;
          animation-name: width-grow;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  max-width: 150px;
}

.tabs {
  width: 100%;
  height: 30px;
  border-bottom: solid 1px #CCC;
  padding-right: 2px;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.tabs li {
  list-style: none;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-right: 5px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  outline: none;
}

.tabs li a {
  color: #000000;
  padding-top: 5px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 8px;
  display: block;
  background: #FFF;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  text-decoration: none;
  outline: none;
}

.tabs li a.inactive {
  padding-top: 5px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  color: #666666;
  background: #EEE;
  outline: none;
  border-bottom: solid 1px #CCC;
}

.tabs li a:hover, .tabs li a.inactive:hover {
  color: #5685bc;
  outline: none;
}

.tab-container {
  clear: both;
  width: 100%;
  border-left: solid 1px #CCC;
  border-right: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  text-align: left;
  padding-top: 20px;
}

.tab-container h2 {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
  color: #5685bc;
}

.tab-container p {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.3;
  font-size: small;
}

.tab-container ul {
  margin-left: 25px;
  font-size: small;
  line-height: 1.4;
  list-style-type: disc;
}

.tab-container li {
  padding-bottom: 5px;
  margin-left: 5px;
}

form {
  margin: 3vw auto;
}
@media screen and (min-width: 60em) {
  form {
    margin-top: 0;
  }
}

label {
  letter-spacing: 0em;
  font-weight: 400;
  margin-top: 1em;
}

input,
select,
textarea {
  border: 1px solid #eee;
  font-family: "Volte", sans-serif;
  padding: 0.8em;
  color: #000000;
}
@media screen and (min-width: 60em) {
  input,
  select,
  textarea {
    width: 100%;
  }
}

button {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

fieldset {
  height: 100%;
  margin: 0;
}
fieldset > span {
  display: block;
}

.wpcf7-list-item {
  margin: 0;
}

input[type=checkbox] {
  width: 20px;
  height: 20px;
}

.shadow-soft {
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

.triangle-down, .triangle-down-green {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 16px 0 16px;
  border-color: #64AD25 transparent transparent transparent;
}

.triangle-down-white {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 16px 0 16px;
  border-color: #ffffff transparent transparent transparent;
}

.grey, .grey-bg, .greybg {
  background-color: #707070 !important;
  color: #000000 !important;
}
.brand, .brand-bg, .brandbg {
  background-color: #64AD25 !important;
}

.brand-dark, .brand-dark-bg, .branddarkbg {
  background-color: #111 !important;
}

.brand2, .brand2-bg, .brand2bg {
  background-color: #64AD25 !important;
}

.brand2-dark, .brand2-dark-bg, .brand2darkbg {
  background-color: #408207 !important;
}

.grey-dark, .greydarkbg, .grey-dark-bg {
  background-color: #000000 !important;
}
.grey-light, .greylightbg, .grey-light-bg {
  background-color: #eee !important;
  color: #ffffff !important;
}
.grey-light *, .greylightbg *, .grey-light-bg * {
  color: #ffffff !important;
}

.black, .black-bg, .blackbg {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}
.black *, .black-bg *, .blackbg * {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.white, .white-bg, .white {
  background-color: #ffffff !important;
}
@media screen and (min-width: 93.75em) {
  .white, .white-bg, .white {
    background-color: #ffffff !important;
  }
}
.white-transparent, .white-transparent-bg, .white-transparent {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.black-transparent, .black-transparent-bg, .black-transparent {
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: #ffffff !important;
}
.black-transparent *, .black-transparent-bg *, .black-transparent * {
  color: #ffffff !important;
}

.grey-transparent, .grey-transparent-bg, .grey-transparent {
  background-color: rgba(112, 112, 112, 0.5) !important;
}
.black-gradient {
  background: rgb(2, 0, 36);
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), color-stop(42%, rgb(0, 0, 0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 42%, rgba(255, 255, 255, 0) 100%);
}

.border-grey {
  border-color: #eee !important;
}
.border-grey * {
  border-color: #eee !important;
}

.border-grey-light {
  border-color: #eee !important;
}
.border-grey-light * {
  border-color: #eee !important;
}

.border-blue {
  border-color: #64AD25 !important;
}
.border-blue * {
  border-color: #64AD25 !important;
}

.border-orange {
  border-color: #64AD25 !important;
}
.border-orange * {
  border-color: #64AD25 !important;
}

.border-green {
  border-color: #64AD25 !important;
}
.border-green * {
  border-color: #64AD25 !important;
}

.border-black {
  border-color: #000000 !important;
}
.border-black * {
  border-color: #000000 !important;
}

.border-white {
  border-color: #ffffff !important;
}
.border-white * {
  border-color: #ffffff !important;
}

.no-border {
  border: 0 !important;
}

table {
  width: 100%;
  margin: 10px 0;
}
@media (min-width: sm) {
  table {
    margin: 30px 0;
  }
}
table tr {
  border-bottom: 1px solid #eee;
}
table thead {
  background-color: rgba(100, 173, 37, 0.1);
}
table td, table th {
  padding: 10px 5px;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
}

.pricetable td, .pricetable th {
  border: 0;
}

.has-tip {
  border: 0;
  cursor: inherit;
}

.tooltip {
  background: #000000;
  z-index: 99999;
  padding: 4px 10px;
  line-height: 1.3em;
}
.tooltip:before {
  border-bottom-width: 5px;
  border-left-width: 5px;
  border-right-width: 5px;
}

@media screen and (max-width: 59.9375em) {
  .slider .stage .slick-arrow {
    height: 320px !important;
  }
}
@media screen and (max-width: 59.9375em) {
  .slider .stage .panel.mini-square {
    padding: 0 !important;
  }
}

.stage {
  position: relative;
  overflow: hidden;
}
.stage .row, .stage .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 59.9375em) {
  .stage .inside {
    width: 100%;
  }
}
.stage .background-layer {
  width: 125%;
  height: 125%;
  top: 0;
  right: 0;
  position: absolute;
}
@media screen and (min-width: 60em) {
  .stage .background-layer {
    z-index: auto;
  }
}
@media screen and (min-width: 60em) {
  .stage.right .row, .stage.right .inside {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (min-width: 60em) {
  .stage.center .row, .stage.center .inside {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 60em) {
  .stage.left .row, .stage.left .inside {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.stage .seperator {
  margin: 0;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  display: none;
}
.stage .cta-btn {
  margin-top: 1rem;
}
.stage h2 {
  font-size: 1.25em;
}
@media screen and (min-width: 48em) {
  .stage h2 {
    font-size: 1.6em;
  }
}
.stage h2 a {
  color: #ffffff;
}
@media screen and (min-width: 60em) {
  .stage h2 {
    font-size: 1.9em;
  }
}
@media screen and (min-width: 84.375em) {
  .stage h2 {
    font-size: 2em;
  }
}
@media screen and (min-width: 93.75em) {
  .stage h2 {
    font-size: 2.05em;
  }
}

.stage .panel {
  position: relative;
  color: #ffffff;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  padding-left: 10vw;
  padding-right: 10vw;
  padding-top: 10vw;
  padding-bottom: 10vw;
  background-color: transparent !important;
}
@media screen and (min-width: 48em) {
  .stage .panel {
    width: 60%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 60em) {
  .stage .panel {
    width: 40%;
  }
}
@media screen and (min-width: 84.375em) {
  .stage .panel {
    width: 33%;
  }
}
@media screen and (min-width: 120em) {
  .stage .panel {
    width: 30%;
  }
}
@media screen and (min-width: 60em) {
  .stage .panel {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
}
@media screen and (min-width: 93.75em) {
  .stage .panel {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}
.stage.small .panel {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media screen and (min-width: 60em) {
  .stage.small .panel {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 93.75em) {
  .stage.small .panel {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
}
.stage.large .panel {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
@media screen and (min-width: 60em) {
  .stage.large .panel {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
.stage.xlarge .panel {
  padding-top: 15rem;
  padding-bottom: 15rem;
}
@media screen and (min-width: 60em) {
  .stage.xlarge .panel {
    padding-top: 25rem;
    padding-bottom: 25rem;
  }
}
.stage.xxlarge .panel {
  padding-top: 27rem;
  padding-bottom: 27rem;
}
@media screen and (min-width: 60em) {
  .stage.xxlarge .panel {
    padding-top: 35rem;
    padding-bottom: 35rem;
  }
}
.stage.full-width-text .panel {
  width: 100% !important;
}
.stage .panel.full-layer .inner-content, .stage .panel.square .inner-content, .stage .panel.circle .inner-content {
  background-color: transparent !important;
}
@media screen and (min-width: 60em) {
  .stage .panel.full-layer {
    width: 45%;
  }
}
.stage .panel.mini-square {
  width: 100%;
}
@media screen and (min-width: 60em) {
  .stage .panel.mini-square {
    max-width: 500px;
  }
}
@media screen and (min-width: 84.375em) {
  .stage .panel.mini-square {
    max-width: 560px;
  }
}
@media screen and (min-width: 93.75em) {
  .stage .panel.mini-square {
    max-width: 620px;
  }
}
.stage .panel.mini-square .inner-content {
  padding: 30px;
  position: relative;
  padding-bottom: 75px;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .stage .panel.mini-square .inner-content {
    padding: 50px 15vw 100px 15vw;
  }
}
@media screen and (min-width: 60em) {
  .stage .panel.mini-square .inner-content {
    padding: 40px 60px;
    text-align: left;
  }
}
@media screen and (min-width: 93.75em) {
  .stage .panel.mini-square .inner-content {
    padding: 35px 70px;
  }
}
.stage .big-icon {
  position: absolute;
  bottom: -50px;
}
@media screen and (min-width: 60em) {
  .stage .big-icon {
    display: block;
    bottom: -7px;
  }
}
.stage .cta-btn {
  margin-top: 3vw;
  margin-left: auto;
  margin-right: auto;
  min-width: 150px;
}
@media screen and (min-width: 60em) {
  .stage .cta-btn {
    margin-top: 6vw;
  }
}

#start .stage .image_background_container img {
  -webkit-animation: zoomin 90s linear infinite;
          animation: zoomin 90s linear infinite;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.vp-stage {
  height: 100vh !important;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 59.9375em) {
  .vp-stage .inside {
    width: 100%;
    background: transparent;
  }
}
@media screen and (max-width: 59.9375em) {
  .vp-stage .image_background_container {
    position: absolute;
  }
}

@media screen and (max-width: 59.9375em) {
  .wp-block-lazyblock-text-image-combinator .round-icon-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.wp-block-lazyblock-text-image-combinator h2 {
  line-height: 1.3;
}
@media screen and (max-width: 59.9375em) {
  .wp-block-lazyblock-text-image-combinator h4 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#klaro .slider, .klaro .slider {
  margin-top: auto;
  margin-bottom: auto;
  height: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#klaro .cm-list-title, .klaro .cm-list-title {
  color: #000000;
}

#klaro .title, .klaro .title {
  letter-spacing: 0;
  text-transform: none;
  font-weight: 300;
  color: #000000;
}

#klaro .klaro .cookie-modal a, #klaro .klaro .cookie-notice a {
  color: #64AD25;
}

#klaro .klaro .cookie-modal .cm-btn.cm-btn-info,
#klaro .klaro .cookie-notice .cm-btn.cm-btn-info,
#klaro .klaro .cm-btn.cm-btn-success {
  background: #64AD25;
}

#klaro .klaro .cookie-modal .cm-modal.cm-klaro,
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) {
  background: #ffffff;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08), 5px 5px 10px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08), 5px 5px 10px 0 rgba(0, 0, 0, 0.08);
}

#klaro p, #klaro strong {
  color: #000000;
  margin-bottom: 0;
}

.klaro .cookie-modal, .klaro .cookie-notice {
  font-size: 12px !important;
  line-height: 19px !important;
}
@media screen and (min-width: 60em) {
  .klaro .cookie-modal, .klaro .cookie-notice {
    font-size: 12px !important;
    line-height: 20px !important;
  }
}
@media screen and (min-width: 60em) {
  .klaro .cookie-modal, .klaro .cookie-notice {
    font-size: 12px !important;
    line-height: 21px !important;
  }
}

/*.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link,
.cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke,
.cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 0.5em 0.6em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active,
.cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-banner .cc-btn:last-child {
    min-width: 140px
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus,
.cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1;
    flex: 1
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    -ms-flex: 1;
    flex: 1
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-compliance>.cc-btn {
    -ms-flex: 1;
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke,
    .cc-window {
        display: none
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width:414px) and (orientation:portrait),
screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }
    .cc-window.cc-bottom {
        bottom: 0
    }
    .cc-window.cc-banner,
    .cc-window.cc-left,
    .cc-window.cc-right {
        left: 0;
        right: 0
    }
    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1;
        flex: 1
    }
    .cc-window.cc-floating {
        max-width: none
    }
    .cc-window .cc-message {
        margin-bottom: 1em
    }
    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}



// Reach Local Cookie

#rl-privacy-notice {
    display: none;
}*/
.sl-overlay {
  background-color: #000000;
  opacity: 0.95;
}

.sl-wrapper .sl-close {
  color: #ffffff;
}

.accordion, .single-accordion-item {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.accordion .accordion-title, .single-accordion-item .accordion-title {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 10px;
  background-color: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
}
@media screen and (min-width: 60em) {
  .accordion .accordion-title, .single-accordion-item .accordion-title {
    padding: 30px 30px;
    margin-top: 20px;
  }
}
.accordion .accordion-title:hover, .accordion .accordion-title.active, .single-accordion-item .accordion-title:hover, .single-accordion-item .accordion-title.active {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #eee;
}
.accordion .accordion-title h3, .single-accordion-item .accordion-title h3 {
  margin: 0;
  margin: 0;
  max-width: 70%;
  text-align: left;
  line-height: 1.5;
}
.accordion .accordion-title .round-icon, .single-accordion-item .accordion-title .round-icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  background: #ffffff;
  color: #64AD25;
  margin-right: 1.5rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.accordion .accordion-title [class*=icon-], .single-accordion-item .accordion-title [class*=icon-] {
  margin: 0;
}
.accordion .accordion-content, .single-accordion-item .accordion-content {
  border: 1px solid #eee;
  background: #ffffff;
  overflow: hidden;
}
.accordion .inline-gallery, .single-accordion-item .inline-gallery {
  margin-top: 60px;
}
.accordion .inline-gallery img, .single-accordion-item .inline-gallery img {
  margin-bottom: 20px;
}

.single-accordion-item.active .round-icon {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.roundbadge {
  background: #ffffff;
  color: #fff;
  text-align: center;
  border-radius: 200px;
  width: 110px;
  padding: 0px 8px;
  height: 110px;
  font-size: 10px;
  line-height: 22px;
  /* vertical-align: middle; */
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  margin: -20px auto 20px auto;
  -ms-transform: rotate(10degdeg);
  -webkit-transform: rotate(10degdeg);
  transform: rotate(10degdeg);
}
@media screen and (max-width: 59.9375em) {
  .roundbadge {
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    margin: 0px auto;
  }
}
.roundbadge a {
  color: #408207;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
  /* vertical-align: middle; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.roundbadge span,
.roundbadge strong {
  font-family: "Volte", sans-serif;
  font-size: 17px;
  display: block;
  font-weight: 400;
  width: 100%;
  margin-top: 0px;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.roundbadge p {
  width: 100%;
}
.roundbadge:hover {
  color: #fdfdfd;
}

.top-stage .roundbadge {
  position: absolute;
  display: none;
}
@media screen and (min-width: 60em) {
  .top-stage .roundbadge {
    left: 25px;
    top: 50px;
    display: block;
  }
}

.editor-styles-wrapper {
  font-family: "Volte", sans-serif;
  background-color: #fff;
  font-weight: 400;
}

.editor-styles-wrapper a {
  pointer-events: none !important;
  text-decoration: none;
}

.editor-styles-wrapper .animated {
  opacity: 1 !important;
  -webkit-transform: translate(0, 0) !important;
      -ms-transform: translate(0, 0) !important;
          transform: translate(0, 0) !important;
  clip-path: none !important;
}

.editor-styles-wrapper .product-stage-slider,
.editor-styles-wrapper .product-stage-slider .slide {
  height: 100%;
}

.editor-styles-wrapper .lazyblock,
.editor-styles-wrapper .wp-block {
  background: transparent;
  border: 1px solid blue;
  width: 100%;
  max-width: none;
  max-width: 100vw;
  border: 1px solid #ccc;
  width: 100%;
  padding: 0px;
  overflow: hidden;
}
.editor-styles-wrapper .lazyblock .backdrop-wide,
.editor-styles-wrapper .lazyblock .backdrop-square,
.editor-styles-wrapper .lazyblock .backdrop-small,
.editor-styles-wrapper .wp-block .backdrop-wide,
.editor-styles-wrapper .wp-block .backdrop-square,
.editor-styles-wrapper .wp-block .backdrop-small {
  top: 0;
}
.editor-styles-wrapper .lazyblock .lzb-content-title,
.editor-styles-wrapper .wp-block .lzb-content-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8em;
  margin: -5px -20px 20px;
  padding: 0 20px 15px;
  position: absolute;
  background: transparent;
  font-size: 12px !important;
  font-weight: 400;
  width: 100%;
  margin: -9px 0 0 -9px;
  height: 32px;
  display: flex;
  line-height: 1;
  padding: 5px 10px;
  align-items: center;
}

.editor-styles-wrapper .wp-block {
  max-width: 100vw;
}

.lazyblock .animated {
  opacity: 1 !important;
}

.lzb-constructor-controls-item-repeater-toggle svg {
  max-width: 30px !important;
}

.lazyblock .lzb-content-controls {
  margin: 0 auto;
  max-width: 1000px;
}

.lzb-gutenberg-repeater-item {
  padding: 30px;
}